@charset "utf-8";

/****************************************/
/*  Name : 모바일 웹사이트
/*  PART : COMMON STYLE
/*  Version : 1.0
/*  Author : BLUEWEBD™, SADY™
/****************************************/
.dim, .dim1 {position:fixed; top:0; left:0; opacity:0.8; background-color:#000; overflow:hidden;}
.dim2 {position:absolute; top:0; left:0; opacity:0.8; background-color:#000; overflow:hidden;}
/* .blind2{visibility:hidden} */
/* .mbw_start {background-color:#26495D;}*/
/*
#footer_fixed_right {position:fixed;bottom:45px;right:10px;padding:0; text-indent:-999px;z-index:29; display:block; width:33px; height:33px; background:url(/mbw/images/common/btn_go_top_fixed.png) 0 0 no-repeat; background-size:33px 33px;}
*/
#footer_fixed_right {position:fixed;bottom:45px;right:10px;padding:0; text-indent:-99999px;z-index:29; display:none; width:33px; height:33px; background:url(/mbw/images/common/btn_go_top_fixed.png) 0 0 no-repeat; background-size:33px 33px;}
#footer_fixed_right a.top_btn {}

.shareWrap {margin:25px 15px; position:relative;}
.share:before {display:inline-block; content:' '; position:inherit; opacity:1; background:url(/mbw/images/common/ico_share.png) no-repeat; background-size:320px auto; vertical-align:middle;}
.btn_share.share:before {margin-right:7px; width:35px; height:35px;}
.btn_share.share {display:inline-block; color:#0078C8; font-size:12px; letter-spacing:-1px;}

.subTitH3 {margin:18px 0 8px;}
.subTit + .subTitH3 {margin-top:0;}
h3.subTitH3.txtIndent {text-indent:-16px; padding-left:16px;}
.subTitH4 {font-size:13px; color:#333; margin:25px 0 10px;}
 
.txt {font-size:13px; text-align:left; letter-spacing:-1px; line-height:1.5;}
.txt.fszL {font-size:14px; letter-spacing:-1px;}
.txt.fszS {font-size:12px; line-height:1.4;}
.txt.fsz16 {font-size:16px; letter-spacing:-1px;}
.margWrap {margin-left:15px; margin-right:15px;}
.txt.margWrap {margin:10px 15px;}
.txt_underline {text-decoration:underline;}
.marB {margin-bottom:25px;}

.imgWrap {margin:15px 0; text-align:center;}
dl.desc {margin:15px 0;}
dl.desc dt, dl.desc dd {font-size:14px;}
dl.desc dt {margin:15px 0 5px; color:#2768c3;}
dl.desc dt:first-child {margin-top:0;}

.endStock {display:inline-block; width:48%; height:28px; line-height: 28px;font-size: 11px; text-align:center;}


/* BUTTON */
.btnWrap{display:block;}
.btnWrap.marg {margin:25px 0;}
.btnWrap:after {content:"";display:block;clear:both;visibility:hidden}
ul.btnWrap > li {margin-top:10px;}
ul.btnWrap > li:first-child {margin-top:0;}
.btnWrap a {float:left; background:#666; border:1px solid #666; margin:0 0 0 2%; width:48%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff;}
.btnWrap a.blue, .btnWrap.small a.blue {background:#0078c8; border:1px solid #0078c8; color:#fff;}
.btnWrap a.wblue, .btnWrap.small a.wblue {background:#fff; border:1px solid #0078c8; color:#0078c8;}
.btnWrap a.gray2, .btnWrap.small a.gray2 {background:#ebebeb; border:1px solid #ebebeb; color:#333;}
.btnWrap.Large a{font-size:16px;height:46px;line-height:46px;}
.btnWrap.small a.blue {border:1px solid #0078c8;}
.btnWrap a.white, .btnWrap.small a.white {background:#fff; border:1px #646469 solid; color:#48484c !important;}
.btnWrap a.disable{opacity:.5; cursor:inherit} /* 가입불가 임시 선언 */
.btnWrap a.white.type2, .btnWrap.small a.white.type2 {border:1px #d6d6d6 solid; color:#666;}
.btnWrap .whiteB{display:block; border:1px #0078c8 solid; color:#0078c8;}
.btnWrap a.red , .btnWrap.small a.red{background:#e81a1a; color:#fff; border:1px solid #e81a1a}
.btnWrap a:first-child{margin-left:0;}

.btnWrap.col3 a{width:30%}
.btnWrap a.whole{width:100%;}
.btnWrap.newType a.whole {width:99%;}

.btnWrap.alone a {display:inline-block; float:none;}
	
.btnWrap.mid, .btnWrap.small {text-align:center;}
.btnWrap.small a {float:none; display:inline-block; padding:0 5px; width:auto; min-width:40px; height:22px; line-height:22px; background:#fff; font-size:12px; color:#555; border:1px #ddd solid; margin:0 2px;}
.btnWrap.small a.gray {float:none; display:inline-block; padding:0 5px; width:auto; min-width:30px; height:22px; line-height:22px; background:#646469; font-size:12px; color:#fff; border:none; margin:0 2px;}
/*
.btnWrap.small a {float:none; display:inline-block; padding:0 5px; width:auto; min-width:40px; height:22px; line-height:22px; background:#fff; font-size:11px; color:#333; border:1px #ddd solid; margin:0 2px;}
.btnWrap.small a.gray {float:none; display:inline-block; padding:0 5px; width:auto; min-width:40px; height:23px; line-height:23px; background:#646469; font-size:11px; color:#fff; border:none; margin:0 2px;}*/

.btnWrap.mid a, .btnWrap.mid span{height:30px; line-height:30px; font-size:12px;}

.btnWrap.col2 a {float:left; width:48%;}
.btnWrap.col2 a:first-child + a {float:right;}

.btnWrap a.textLink{background:none;border:none;color:#0078c8;text-decoration:underline}

.lpopWrap .msg_complete {color:#0078c8; font-size:18px; letter-spacing:-1px;}
.lpopWrap .maT {margin-top:20px;}
.lpopWrap .btnWrap a {width:48%;}
.lpopWrap > .btnWrap a {border:none;}
.lpopWrap > .btnWrap a:nth-child(2) {float:right;}
.lpopWrap .btnWrap.small a {width:auto; min-width:30px;}
.lstPagingWrap + .btnWrap {margin:50px 0 15px;}
.lstPagingWrap + .btnWrap.l, .lstPagingWrap + .btnWrap.r {margin-left:15px; margin-right:15px;}

.btn.class_join {display:inline-block; background:#0078c8; padding:0 5px; margin:0 auto 5px; width:55%; min-width:40px; height:22px; line-height:22px; color:#fff; border:1px solid #0078c8;}
.btn.class_detail {display:inline-block; background:#fff; padding:0 5px; margin:0 auto 5px; width:55%; min-width:40px; height:22px; line-height:22px; color:#000; border:1px solid #000;}

/* icon button */
.btnWrap2{display:inline-block;}
.btnWrap2:after {content:"";display:block;clear:both;visibility:hidden}

.icoBtn, .bfIcoBtn:before {display:inline-block; background:url(/mbw/images/common/ico_interest.png) no-repeat; background-size:200px auto;}
.bfIcoBtn:before, .bfIco:before, .afIco {opacity:1; content: ''; vertical-align:middle; margin-right:5px;}
a.ico, .bfIco:before, .afIco:after,
.refresh, .refresh2, .hoga, .quizHint > .ico_help:before,
.zoomIn, .zoomOut,  .btn_prev, .btn_next,
.cpZoomOut, .cpZoomIn, .btn_lstMore > span:after,
.lstPaging > a:after, .smartAd.popUma > li > div > a > strong:after, a.textGo, a.textLink:after {display:inline-block; vertical-align:middle; background:url(/mbw/images/common/ico_arrow.png) no-repeat 0 0; background-size:150px auto; }


.icMpop, .mpop:before, .afMpop:after, .IssueServiceList ul li.mpop p:before {display:inline-block; background:url(/mbw/images/common/ico_mpop.png) no-repeat; background-size:150px auto;}
.mpop:before, .afMpop:after {background-position:0 0; opacity:1; content:' '; vertical-align:middle; height:16px; width:16px;}
a.mpop:before, a.afMpop:after {position:inherit;}
.blue.mpop:before, .blue.afMpop:after {background-position:-25px 0;}
.mpop:before {margin-right:5px;}
.afMpop:after {margin-left:5px;}
.afMpop .toolTipWrap.r {margin-right:-5px;}
.icoSldMsg {display:block; height:25px; font-size:11px; color:#e13200; letter-spacing:-1px; text-align:left;}
.scrollTable > .icoSldMsg {margin:0 15px;} 
/* 170621 이미지 스크롤 가이드 IOS scroll 오류로 holding
.icoSldMsg.mpop {position:absolute; top:20%; left:150px; display:inline-block; width:50px; height:50px;}
.icoSldMsg.mpop:before {background-position:0 -100px; width:50px; height:50px; margin:0;}
*/

a.item {background-position:7.75px 6px; background-color:#f2f2f2; width:30px; height:30px;}
a.wish {background-position:-20px 3.75px; background-color:#fff; padding:0px; width:30px; height:30px;}
a.wish.on {background-position:-45px 3.75px;}
a.wish > span{display:block; font-size:11px; line-height:11px; color:#0078c8; padding-top:16px; text-align:center}
a.buy {background:#fff0ed; padding:0px 10px; height:28px;}
a.buy > span{display:block; font-size:11px; color:#d60000; text-align:center; line-height:28px;}
a.sell {background:#e9f0fc; padding:0px 10px; height:28px;}
a.sell > span{display:block; font-size:11px; color:#1428a0; text-align:center; line-height:28px;}
.refresh {border:none; background-position:-80px 0; width:15px; height:15px;}
.hoga{background:#3c6c8d; padding:0 20px; text-align:center; color:#fff; font-size:11px; height:22px; line-height:22px;}
.btn_prev, .btn_next{background-position:0 -40px; padding:0; text-align:center; color:#fff; width:23px; height:23px;}
.btn_prev.on, .btn_next.on{background-position:0 -79px;}
.btn_next{background-position:-40px -40px;}
.btn_next.on{background-position:-40px -79px;}
a.more{background-position:right -161px; font-size:11px; color:#666; line-height:12px; padding-right:10px}
a.textGo{background-position:right -161px; font-size:13px; color:#666; line-height:12px; padding-right:10px}
a.textLink{font-size:13px; color:#666; line-height:12px; }
a.textLink:after{content:' '; display:inline-block;background-position:right -161px;width:12px;height:12px}

.refresh2 {border:none; background-position:-80px -40px; width:23px; height:23px;}
.cpZoomOut {border:none; background-position:-80px -79px; width:23px; height:23px;}
.cpZoomIn {border:none; background-position:-80px -120px; width:23px; height:23px;}

.btn_addIco {display:block; line-height:30px; text-align:center; background:#fff; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.btn_addIco .bfIcoBtn:before {opacity:1; background-position:0 -90px; width:10px; height:12px;}
.btn_addIco.small {font-size:13px;}

.btn_addTxt {display:inline-block; line-height:13px; position:relative}
.btn_addTxt > span{padding:0 24px 0 0;font-size:12px; color:#0078c8; text-align:right; line-height:13px; font-weight:bold}
.btn_addTxt .bfIcoBtn:before {opacity:1; background-position:right -180px; width:16px; height:13px; position:absolute; top:0; right:0 }

.icoLstView {display:inline-block; background:url(/mbw/images/common/ico_selLstType.png) no-repeat; background-size:50px auto; width:17px; height:17px; vertical-align:middle;}
.icoLstView.lstType {background-position:0 0;}
.icoLstView.lstType.on {background-position:0 -30px;}
 
.icoLstView.cardType {background-position:-30px 0; margin-left:5px;}
.icoLstView.cardType.on {background-position:-30px -30px;}

.touchSldWrap {}
.touchSldWrap .btn_touchSld {position:absolute; background:url(/mbw/images/common/ico_touchSld.png) no-repeat; background-size:40px auto; width:40px; height:40px; top:50%; margin-top:-20px; font-size:1px; color:transparent; z-index:5;}
.touchSldWrap .btn_touchSld.btn_prev {left:10px; background-position:0 0;}
.touchSldWrap .btn_touchSld.btn_next {right:10px; background-position:0 -50px;}

.touchSldWrap .btn_touchSld.view {opacity:0.3}
.touchSldWrap > div {z-index:1;}
.myStatusWrap .touchSldWrap .btn_touchSld {top:60%;}

/* icon style */
a.close{background:url(/mbw/images/layout/btn_close_set.png) no-repeat 0 0; background-size:75px 75px;}
.ico_prd {display:inline-block; width:50px; height:46px; background:url(/mbw/images/common/ico_money.gif) no-repeat 0 0; background-size:50px 46px; margin-top:15px; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.ico_prd02 {display:inline-block; width:50px; height:46px; background:url(/mbw/images/common/ico_prd.gif) no-repeat 0 0; background-size:50px 46px; margin-top:15px; text-indent: 100%; overflow: hidden; white-space: nowrap;}

/* ToolTip */
.toolTipWrap {display:inline-block; position:relative;}

.ico_help {z-index:15;}
.ico_help:before {position:inherit; display:inline-block; content:''; background:url(/mbw/images/common/ico_tooltip.png) no-repeat 0 0; width:14px; height:14px; background-size:14px auto; vertical-align:middle; opacity:1;}
.ico_help.etc:before {background:none;}

.ico_help.on:before {background-position:100% -50px;}

/*
.ico_help:after {display:inline-block; content:''; background:url(/mbw/images/common/ico_tooltip.png) no-repeat 0 0; width:14px; height:14px; background-size:14px auto; vertical-align:middle;}
.ico_help.etc:after {background:none;}

.ico_help.on:after {background-position:100% -50px;}
*/

.toolTipCont {display:none; font-size:12px; padding:12px 10px 10px;}
.toolTipWrap .ico_help.on:after {content:' '; display:inline-block; position:absolute; top:20px; left:50%; margin-left:-4px; background:url(/mbw/images/common/ico_tooltip.png) no-repeat 100% -100px; width:9px; height:5px; background-size:14px auto; z-index:15;}
.toolTipWrap .toolTipCont {position:absolute; top:23px; background:#fff; width:200px; border-radius:3px; box-shadow:3px 3px 10px #666; border:1px #0078C8 solid; z-index:14;}
/* .toolTipWrap .arrow {display:inline-block; position:absolute; top:20px; background:url(/mbw/images/common/ico_tooltip.png) no-repeat 100% -100px; width:12px; height:5px; background-size:14px auto; z-index:16;} */
.toolTipWrap.l .toolTipCont {left:-5px;}
.toolTipWrap.c .toolTipCont {left:50%; margin-left:-100px; text-align:left;}
.toolTipWrap.r .toolTipCont {right:-5px; text-align:left;}
.toolTipWrap .toolTip_close {position:absolute; top:5px; right:-14px; display:inline-block; background:url(/mbw/images/common/ico_tooltip.png) 100% -160px no-repeat; width:14px; height:14px; margin-left:5px; background-size:14px auto; vertical-align:middle;}
.toolTipWrap .toolTipCont > p+p {margin-bottom:10px;}
.toolTipWrap .toolTipCont > p+ul, .toolTipWrap .toolTipCont > ul+p {margin-top:10px;}
.toolTipWrap .toolTipCont > p:last-child {margin-bottom:0;}
.toolTipWrap .toolTipCont .lstDot.small > li {font-size:12px;}

.subTit .toolTipCont, strong .toolTipCont {font-weight:normal;}
.tit > strong.tit, .tit > span.msg {display:block; margin:0 0 5px; font-size:12px;}
.tit > span.msg {font-weight:normal; margin:5px 0 0; color:#0078c8;}

/* Layer Pop */
.lpopWrap {display:none; position:fixed; top:50%; left:50%; background:#fff; z-index:99;}
.lpopWrap > .btn_close {display:inline-block; position:absolute; top:0; right:0; background:url(/mbw/images/common/paging_close.png) 15px -26px no-repeat; background-size:13px auto; height:42px; width:42px;}
.lpopWrap h1.tit {display:block; padding:10px 0; color:#333; text-align:center; font-size:15px; border-bottom:2px #f2f2f2 solid;}
.lpopWrap h1.tit > strong {display:inline-block;}
.lpopWrap.titType h1.tit{padding:10px 30px 10px 10px;}
.lpopWrap .lpopContainer {padding:15px; font-size:12px; color:#333;}
.lpopWrap.no_marg .lpopContainer {padding:0;}
/*.lpopWrap .lpopContainer:after {content:"";display:block;clear:both;visibility:hidden;} */
.lpopWrap > p, .lpopWrap.no_marg p.txt {margin:20px;}
.lpopWrap caption>p {margin:0;}
.lpopWrap p.txt {margin:15px 0; color:#333;}
.lpopWrap p.txt:first-child {margin-top:0;}
.lpopWrap > .btnWrap {margin:0 15px 15px;}
.lpopWrap.no_marg > .btnWrap {margin:15px;}
/* .lpopWrap > .btnWrap .blue {background:#1429A0;} */
.lpopWrap .lpopContainer .inputArea{display:block;margin:15px 0; color:#333;}
.lpopWrap .lpopContainer .inputArea input[type="radio"]+label, .lpopWrap .lpopContainer .inputArea input[type="checkbox"]+label{margin-right:8px}

.lpopContainer.scrollY {height:280px; overflow-y:auto; -webkit-overflow-scrolling:touch}
.lpopContainer.scrollYMid{height:450px; overflow-y:auto; -webkit-overflow-scrolling:touch}
@media only screen and (min-device-width:320px) and (max-device-width:360px) {
	.lpopContainer.scrollYMid{height:380px;}
}
.investInClubRuleWrap > dt {font-size:15px; color:#0078c8; margin:25px 0 10px;}
.investInClubRuleWrap > dt:first-child {margin-top:0;}
.investInClubRuleWrap .txt + ul {margin-top:-5px;}
.investInClubRuleWrap .txt + ul > li:first-child {padding-top:0;}



/* UI SELECT */
.ui_selectArea .box > dt > a:after,
.ui_selectArea a.box:after,
.boxSelect .btnArrow:after{background:url(/mbw/images/common/ico_uiselect.png) 0 -65.5px no-repeat; background-size:20px 250px;}

.ui_selectArea {position:relative; background:#fff; z-index:26;}
.ui_selectArea:after {display:block; clear:both; content:'';}
.ui_selectArea.top {border-top:2px solid #e6e6e6;}
.ui_selectArea .box {display:inline-block; float:left; position:initial; width:calc(100% / 2); height:auto; box-sizing:border-box;}
.ui_selectArea.col1 .box {width:100%;}
.ui_selectArea .box > dt{border-bottom:2px solid #e6e6e6; height:49px; min-height:47px; overflow:hidden}
.ui_selectArea .box > dt,
.ui_selectArea .box > dt > a {display:block;}
.ui_selectArea a.box {height:66px;}
.ui_selectArea.col3 .box > dt{height:54px;}
.ui_selectArea.col3 .box > dt > a,
.ui_selectArea.col3 a.box{min-height:40px;}
.ui_selectArea .box > dt > a,
.ui_selectArea a.box {position:relative; display:block; padding:7px 15px; min-height:35px; font-size:13px; border-left:2px solid #e6e6e6;}
.ui_selectArea .box:first-child > dt > a {border-left:none;}
.ui_selectArea .box > dt > a:after,
.ui_selectArea a.box:after {position:absolute; bottom:3px; right:3px; content:''; height:10px; width:20px;}
.ui_selectArea .box > dt > a.on:after,
.ui_selectArea a.box.on:after {background-position:0 0;}

.ui_selectArea .box > dt > a strong, .ui_selectArea .box > dt > a span, .ui_selectArea a.box > strong {display:block;}
.ui_selectArea .box > dt > a strong,
.ui_selectArea a.box > strong {font-weight:normal; font-size:12px;}
.ui_selectArea .box > dt > a span,
.ui_selectArea a.box > span {position:absolute; bottom:7px; right:15px; margin-left:4px; padding-right:1px; font-weight:bold; color:#333; text-align:right; height:20px; overflow:hidden; letter-spacing:-1px}
.ui_selectArea .box > dt > a.on, .ui_selectArea .box > dt > a.on span {font-weight:bold; color:#0078c8;}
.ui_selectArea .box > dd {display:none; border-top:2px solid #e6e6e6; position:absolute; left:0; width:100%; padding:10px 15px 15px; background:#fff; font-size:12px; box-sizing:border-box; z-index:30;}
.ui_selectArea .box > dt .txt_period {font-size:13px; height:28px;}

.ui_selectArea .box > dd > ul {display:block; width:100%; max-height:150px; box-sizing:border-box; overflow:auto;}
.ui_selectArea .box > dd > ul > li {margin-top:10px; font-size:12px; color:#555;}
.ui_selectArea .box > dd > ul > li>label{margin-left:0}
.ui_selectArea .box > dd > ul > li.disabled>label{color:#c8c8c8}
.ui_selectArea .box > dd > ul > li label>input[type="checkbox"]{margin-right:5px}
.ui_selectArea .box > dd > ul > li:first-child {margin-top:0;}
.ui_selectArea .box > dd > ul > li > a {padding:0 10px;}
.ui_selectArea .box > dd > ul > li.on > a {color:#0078c8; font-weight:bold;}

.ui_selectArea.col3 .box {width:calc(100% / 3);}
.ui_selectArea.col3 .box > dt > a span {}

.ui_selectArea .box > dd .btnWrap {margin:0 -1.5%;}
.ui_selectArea .box > dd .btnWrap:after {display:block; clear:both; content:'';}
.ui_selectArea .box > dd .btnWrap a {float:left; background:#777; margin:0 1.5%; width:47%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; border:none;}
.ui_selectArea .box > dd .btnWrap a.blue {background:#0078c8;}

.ul_select {font-size:12px; margin-bottom:15px;}

.ui_selectArea .box > dd > ul > li > a.ico_help {padding:0; display:inline-block; width:14px; height:15px; vertical-align:middle;}
.ul_select .toolTipCont {border:none; margin-top:5px; background:#f5f5f5;}

/* 삼성증권 추천상품 */
.ui_selectArea .box > dd.recm > ul > li:nth-child(1) label{color:#000}
.ui_selectArea .box > dd.recm > ul > li:nth-child(2) label{color:#008485}
.ui_selectArea .box > dd.recm > ul > li:nth-child(3) label{color:#3b860a}
.ui_selectArea .box > dd.recm > ul > li:nth-child(4) label{color:#e13200}
.ui_selectArea .box > dd.recm > ul > li:nth-child(5) label{color:#b140db}


/* INPUT */
label {display:inline-block; margin-left:5px; vertical-align:middle;}

input[type="checkbox"], input[type="radio"] {display:inline-block; background:url(/mbw/images/common/ico_chkradio.png) no-repeat; background-size:15px 390px; width:15px; height:15px; vertical-align:middle; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; border:none; vertical-align:middle;}
input[type="checkbox"] {background-position:0 -75px;}
.input_list2 > li.on input[type="checkbox"], .searchDatail .searchCont .searchFilter .split_col.col3 > li.on input[type="checkbox"], input[type="checkbox"]:checked {background-position:0 0;}
input[type="radio"] {background-position:0 -225px;}
input[type="radio"]:checked {background-position:0 -150px;}
input[type="radio"]:disabled, input[type="checkbox"]:disabled{opacity:.5}
input[type="checkbox"]:checked+label, input[type="radio"]:checked+label {color:#333;}
input[type="checkbox"]+label, input[type="radio"]+label {font-size:12px; line-height:13px;}

/* scroll tab 및 기본 스타일 tab */ 
#scrollerTab, #scrollerTab2 {position:relative; overflow:auto;}
.h4TabWrap {margin-top:-2px; width:100%; height:46px; position:relative; background: url(/mbw/images/common/bg_tab_h4.gif) 0 bottom repeat-x; background-size:1px 1px;}
.h4TabWrap .h4Tab {transform-origin:0px 0px 0px; width:100%; display:table; height:45px; -webkit-overflow-scrolling:touch; }
.h4TabWrap .h4Tab li {display:table-cell; height:45px; /*border-bottom:1px #cecece solid;*/}
.h4TabWrap .h4Tab li a {display:block; height:43px; margin-bottom:-1px; line-height:45px; font-size:15px; color:#333; text-align:center; vertical-align:middle; border-bottom:2px #fff solid; letter-spacing:-1px}
.h4TabWrap .h4Tab li.on {border-bottom:1px #0078c8 solid;}
.h4TabWrap .h4Tab li.on a {color:#0078c8; text-align:center; border-bottom:2px #0078c8 solid;}

.h4TabWrap.gold{margin:0}
.h4TabWrap.gold .h4Tab li{border:1px solid #d6d6d6; margin-left:-1px; height:48px; position:relative; z-index:9}
.h4TabWrap.gold .h4Tab li a{ line-height:18px; height:auto; border:none; padding:6px 0 0; letter-spacing:-0.5px}
.h4TabWrap.gold .h4Tab li.on{border:1px solid #87734e; z-index:10}
.h4TabWrap.gold .h4Tab li.on a{color:#87734e; font-weight:bold}

.h4TabWrap.gold .h4Tab.col2 li{width:49.5%}

.h4TabWrap.gold, .h4TabWrap.blue{height:50px; background-image:none}
	
.h5TabWrap .h5Tab{background:#666;}
.h5TabWrap .h5Tab li {background:#666; height:34px; font-weight:normal; border-bottom:2px #666 solid;}
.h5TabWrap .h5Tab li a {display:inline-block; width:100%; height:34px; line-height:34px; font-size:14px; color:#fff; text-align:center; vertical-align:middle;}
.h5TabWrap .h5Tab li.on {background:#0078c8; border-bottom:2px #000 solid;}
.h5TabWrap .h5Tab.col1 > li {margin-left:15px;}
#scrollerTab.h5TabWrap, #scrollerTab2.h5TabWrap {background:#666;}

#scrollerTab.h5TabWrap.faqTab, .h5TabWrap.faqTab .h5Tab, .h5TabWrap.faqTab .h5Tab li{background:#7d7d7d}

.h5TabWrap.faqTab{height:63px !important}
.h5TabWrap.faqTab .h5Tab li{height:63px;border-bottom:2px solid #7d7d7d}
.h5TabWrap.faqTab .h5Tab li a{position:relative;display:table-cell;vertical-align:middle;height:63px;line-height:16px;}
.h5TabWrap.faqTab .h5Tab li.on{background:#0078c8;border-bottom-color:#0078c8;border-right:1px solid #6a6a6a}
.h5TabWrap.faqTab .h5Tab li a>sub{position:absolute;display:block;font-size:11px;width:30px;margin-left:-15px;left:50%;bottom:4px;}

.mTabWrap .mTab{background:#666;}
.mTabWrap .mTab:after{content:"";display:block;clear:both;visibility:hidden}
.mTabWrap .mTab li {background:#666; height:34px; font-weight:normal; float:left}
.mTabWrap .mTab li a {display:inline-block; width:100%; height:34px; line-height:34px; font-size:14px; color:#eee; text-align:center; vertical-align:middle;}
.mTabWrap .mTab li.on {background:#0078c8;}
.mTabWrap .mTab li.on a{color:#fff}
.mTabWrap .mTab.col2 > li {width:50%}

.h6TabWrap {width:100%; height:40px; background:#e6e6e6;}
.h6TabWrap .h6Tab { padding:8px 0px 8px; margin:0 2%; overflow:hidden}
.h6TabWrap .h6Tab:after {display:block; clear:both; content:"";}
.h6TabWrap .h6Tab li {float:left; width:48%; height:23px; margin-left:-1px; background:#fff; border: 1px solid #d6d6d6;}
.h6TabWrap .h6Tab li:first-child {}
.h6TabWrap .h6Tab li.on {background:#0078c8; border:1px solid #0078c8}
.h6TabWrap .h6Tab li a {display:block; height:100%; line-height:23px; font-size:13px; color:#646469; text-align:center; vertical-align:middle;}
.h6TabWrap .h6Tab li.on a {color:#fff;}

.h6TabWrap .h6Tab.col2 li {width:49.5% !important;}
.h6TabWrap .h6Tab.col4 li{width:24.5% !important;}
.h6TabWrap .h6Tab.col5 li{width:19.5% !important;}

.h6TabWrap.large {height:auto}
.h6TabWrap.large .h6Tab li{height:28px}
.h6TabWrap.large .h6Tab li a{line-height:28px}

.no_data > .blankInfo {padding:40px 0 80px; font-size:14px; line-height:1.2;}
.no_data > .blankInfo:before  {content:' '; display:block; width:100%; height:11px; margin:0 0 15px; background: url(/mbw/images/common/ico_info.png) 50% -25px no-repeat; background-size: 15px auto;}
.no_data .h6TabWrap {background:none; margin:15px 0 0;}
.no_data .h6Tab.muTab.col2 {padding-left:10px; padding-right:10px;}


/* MENU TAB */
.muTabWrap .muTab {}
.muTabWrap .muTab:after{content:"";display:block;clear:both;visibility:hidden}
.muTabWrap .muTab li {float:left;}
.muTabWrap .muTab.col2 li {width:50%;}
.muTabWrap .muTab.col3 li {width:33.3%;}
.muTabWrap .muTab.col3 li:first-child {width:33.4%;}

.h6TabWrap.muTabWrap .muTab.col3 li {width:32%;}
.h6TabWrap.muTabWrap .muTab.col3 li:first-child {width:31%;}


.newListArea .h6TabWrap .h6Tab{padding-right:0 !important}
.newListArea .h6TabWrap.muTabWrap .muTab.col3 li {width:33%;}
.newListArea .h6TabWrap.muTabWrap .muTab.col3 li:first-child {width:33%;}

.muTabWrap .muTab.col4 li {width:25%;}
.muTabWrap .muTab.col5 li{width:20%;}
#scrollerTab.muTabWrap .muTab li a, #scrollerTab2.muTabWrap .muTab li a {min-width:40px; padding:0 15px; width:auto;}
#scrollerTab.muTabWrap .muTab li a{padding:0 17px}

.chatBotBox {position:fixed;right:6px;bottom:86px;z-index:10;}
.chatBotBox a {display:block;width:68px;height:68px;}
.chatBotBox a img {vertical-align:top;}

.lpopWrap .lpopContainer .loungeCont {}
.lpopWrap .lpopContainer .loungeCont .stit{display:block; padding:15px 0 0; font-size:22px; color:#000; line-height:22px;}
.lpopWrap .lpopContainer .loungeCont .text{display:block; padding:15px 0; font-size:19px; color:#333; line-height:24px; text-align:center;}

/*소비자보호 광장 탭 추가*/
#scrollerTab.h5TabWrap.blue, #scrollerTab.h5TabWrap.blue .h5Tab.csPlaza{background:#0078c8}
#scrollerTab.h5TabWrap.blue .h5Tab.csPlaza li{min-width:140px}

/* TAB */
.tabCont, .groupTabCont, .groupSubTabCont {display:none;}
.tabCont.on, .groupTabCont.on, .groupSubTabCont.on {display:block;}

.groupSubTabWrap.muTab > .groupSubTabLst {margin-bottom:10px;}
.groupSubTabWrap.muTab > .groupSubTabLst > li {display: inline-block; height: 20px; line-height: 20px; font-size: 12px; margin: 0 5px; padding-bottom: 5px; letter-spacing: -1px;}
.groupSubTabWrap.muTab > .groupSubTabLst > li.on {background: url(/mbw/images/common/sub6Tab_on.png) 50% 100% no-repeat; background-size: 200px auto; color: #0078c8;}
.groupSubTabWrap.muTab > .groupSubTabLst > li.on > a {color:#0078c8; font-weight:bold;}

.posWrap .tabCont, .posWrap .groupSubTabCont {position:relative;}
.imgVM .groupSubTabCont {height:374px; overflow:hidden; margin:0 15px 15px 15px; background:url(/mbw/images/finance/cam_slide01.jpg) 50% 50% no-repeat; background-size:100% auto;}

/* LIST */
.lst > li {padding:12px 15px; border-bottom:1px #e6e6e6 solid;}
.no_data {text-align:center; font-size:14px; min-height:100px; line-height:100px;}
.no_data > span {display:block; line-height:1.2; padding:100px 0;}
.no_data > span:before  {content:' '; display:block; width:100%; height:11px; margin:0 0 15px; background: url(/mbw/images/common/ico_info.png) 50% -25px no-repeat; background-size: 15px auto;}

.slideUpDnWrap.ico .lstTxtIndent > li {text-indent:-15px; padding-left:15px; font-size:14px;}
.lstDot > li, .lstDot.tit {/*background:url(/mbw/images/common/ico_lstDot.png) no-repeat; background-size:3px auto; background-position:0 7px;*/ margin-top:7px; text-indent:-4px; margin-left:9px; color:#666; font-size:14px; line-height:1.4;}
.lstDot > li:before, .lstDot.tit:before{content:counter(item, disc)""; display:inline-block; color:#666; margin-right:3px;}
.lstDot.blue > li:before,
.lstDot.blue > li > span{color:#0977cc}
.lstDot.type2 > li{margin-top:2px}
.specialInfo + h2.tit {margin-top:15px;}
.lstBar > li, p.lstBar  {background:url(/mbw/images/common/ico_listbar.png) no-repeat; background-size:4px auto; background-position:0 9px; margin-top:7px; padding-left:10px; color:#666; font-size:14px; line-height:1.6; text-indent:0;}
.lstDot.small > li {margin-top:3px; font-size:11px;}
.lstDot > li:first-child, .lstBar > li:first-child, .lstDesc > li:first-child, .lstDot.small > li:first-child, .lstTxtIndent > li:first-child {margin-top:0;}
.lstDesc > li, p.lstDesc  {background:url(/mbw/images/common/ico_desc.png) no-repeat; background-size:9px auto; background-position:0 3px; margin-top:7px; padding-left:15px; color:#666; font-size:12px; line-height:1.4;}
p.lstDesc.s {font-size:11px;}
.lstDot > li > ul{margin-left:5px}
.lstDot > li > ul > li, .lstTxtIndent > li > ul > li {margin-top:5px;}
.txt_essential {background:url(/mbw/images/common/ico_essential.png) 0 1px no-repeat; background-size:16px auto; margin-top:5px; padding-left:20px; color:#666; font-size:12px; line-height:1.6;}
.txt_essential.s {background-size:12px auto; margin-top:5px; padding-left:15px; color:#666; font-size:12px; line-height:1.4;}
.txt_essential > ul {margin-top:5px;}
.txt_essential > ul > li {font-size:12px;}
.lstDot.tit > em, .txt_essential > em, .lstDesc > em {color:#0078C8; font-style:normal;}
.lstTxtIndent > li {text-indent:-14px; padding-left:14px; margin-top:5px;}
.lstTxtIndent.small > li{font-size:12px}
.lstDot2 .lstTxtIndent > li {text-indent:-8px; padding-left:8px;}
.lstText {margin-top:5px}
.lstText > li{background:none; color:#666; font-size:14px; line-height:1.4; text-indent:-2px; margin-left:5px}
.lstText > li:before{content:"- ";display:inline-block;}
.lstTex {margin-top:5px}
.lstTex > li{color:#666; font-size:12px; line-height:1.4; text-indent:-2px; margin-left:5px}
.texLst {margin-top:5px}
.texLst > li{color:#666; font-size:12px; line-height:1.4;margin:5px 0 0;}
.texLst > li:first-child{margin:0 0 0;}
.boxGray{background-color:#f5f5f5; padding:12px 10px; border-top:2px solid #cacbcd; border-bottom:2px solid #cacbcd;}

.lstText2 > li{background:none; color:#666; font-size:14px;line-height:1.4;padding-left:16px;position:relative;}
.lstText2 > li:before{content:"※ ";display:inline-block;position: absolute;top: 0;left: 0;}

.lstText3 > li{background:none;color:#666;font-size:12px;line-height:1.4;padding-left:14px;position:relative;}
.lstText3 > li:before{content:"※ ";display:inline-block;position: absolute;top: 0;left: 0;}

.lpopContainer li {font-size:12px;}
.lpopContainer .lstTxtIndent > li, .lpopContainer .lstTxtIndent.small > li {text-indent:-8px; padding-left:8px;}

/* process */
.guideProcessWrap {background:#fff; margin:0 15px; border:2px #e6e6e6 solid; border-left-width:0; border-right-width:0; text-align:left;}
.guideProcessWrap .guideProcess {padding:30px 0 30px 15px; margin-left:100px; font-size:13px; border-left:1px #c6c6c6 dotted;}
.guideProcessWrap .guideProcess > dt {position:relative; color:#333; font-size:14px; letter-spacing:-1px;}
.guideProcessWrap .guideProcess > dt:before, .guideProcessWrap .guideProcess > dd.next:after {display:inline-block; content:' ';}
.guideProcessWrap .guideProcess > dd.next:after {background:url(/mbw/images/customer/mycash.png) no-repeat; background-size:320px auto;}
.guideProcessWrap .guideProcess > dt:before {width:65px; height:65px; position:absolute; top:-5px; left:-100px;}
.guideProcessWrap .guideProcess > dd.next {position:relative; margin:5px 0 40px; line-height:1.6;}
.guideProcessWrap .guideProcess > dd.next:after {position:absolute; bottom:-25px; left:-24px; width:17px; height:8px; background-position:0 0;}
.guideProcessWrap .guideProcess > dd.next:last-child {margin-bottom:0;}
.guideProcessWrap .guideProcess > dd.next:last-child:after {display:none;}
.guideProcessWrap .guideProcess > dd.next > .btnWrap {margin:15px 40px 0 0;}
/* .guideProcessWrap .guideProcess > dt:first-child {padding-top:30px;}
.guideProcessWrap .guideProcess > dt:first-child:before {margin-top:30px;}
.guideProcessWrap .guideProcess > :last-child {padding-bottom:30px;} */

.processWrap {text-align:center;}
.processWrap > dt {margin-bottom:10px;}
.processWrap > dt > strong {font-size:14x; color:#000;}
.processWrap > dd {font-size:13px; color:#666; letter-spacing:-1px; padding-bottom:20px;}
.processWrap > dd > div.btnWrap,
.processWrap > dd > .imgWrap {margin-top:15px;}
.processWrap > dd > div.btnWrap > a {padding-left:15px; padding-right:15px;}
.processWrap.valign > dd.arrow:after {display:block; content:' '; background:url(/mbw/images/asset/bg_isa_arrow.png) 50% 100% no-repeat; background-size:17px auto; width:100%; height:8px; margin-top:20px;}

.stepWrap {position:relative; margin:0px 15px 0 15px; text-align:left; border-bottom:2px solid #e6e6e6;}
.stepWrap.lineT {border-top:2px solid #e6e6e6;}
.stepWrap .stepProcess {padding-left:15px; margin-left:100px; font-size:14px; border-left:1px #c6c6c6 dotted; te}
.stepWrap .stepProcess > dt {position:relative; color:#333; font-size:16px; letter-spacing:-1px; line-height:17px;}
.stepWrap .stepProcess > dt > em {position:absolute; top:0; left:-100px; display:inline-block; width:100px; color:#0078c8; font-weight:bold; font-size:16px; line-height:17px;}
.stepWrap .stepProcess > dd.next:after {display:inline-block; content:' '; background:url(/mbw/images/customer/mycash.png) no-repeat; background-size:320px auto;}

.stepWrap .stepProcess > dd.next {position:relative; margin:5px 0 30px; line-height:1.6;}
.stepWrap .stepProcess > dd .lstDot li{font-size:13px}
.stepWrap .stepProcess > dd.next:after {position:absolute; bottom:-25px; left:-24px; width:17px; height:8px; background-position:0 0;}
.stepWrap .stepProcess > dd.next:last-child {margin-bottom:0;}
.stepWrap .stepProcess > dd.next:last-child:after {display:none;}
.stepWrap .stepProcess > dd.next > .btnWrap {margin:15px 40px 0 0;}
.stepWrap .stepProcess > dt:first-child {padding-top:30px;}
.stepWrap .stepProcess > dt:first-child > em {padding-top:30px;}
.stepWrap .stepProcess > :last-child {padding-bottom:30px;}

.stepWrap.imgIc .stepProcess > dt > em:after {content:' '; dispaly:block; margin:15px auto 0; width:65px; height:65px;}


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

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

/* BBS */
.ico_file {display:inline-block; background:url(/mbw/images/common/ico_file.png) no-repeat; background-size:22px auto;}
.bbsLstWrap:after{content:"";display:block;clear:both;visibility:hidden}
.bbsLstWrap > .title{font-weight:normal; font-size:15px; color:#0078c8; padding:0 0 5px 15px} 
.bbsLstWrap .lstCount {padding:7px 15px; font-size:11px; color:#777; border-bottom:1px #e6e6e6 solid;}
.bbsLstWrap .bbsLst {}
.bbsLstWrap .bbsLst:after{content:"";display:block;clear:both;visibility:hidden;}
.bbsLstWrap .bbsLst > li {padding:7px 15px;}
.bbsLstWrap .bbsLst > li:last-child {border-bottom:none;}
.bbsLstWrap.hasBtn .bbsLst > li:last-child {border-bottom:1px #e6e6e6 solid;}
.bbsLstWrap.FinNew .bbsLst > li{margin:0 15px; padding:7px 0;}
.bbsLstWrap.hasBtn > .btnWrap {margin:25px 0;}
.lst > li.no_data:last-child {border-bottom:1px #e6e6e6 solid;}
.bbsLstCont {position:relative;}
.hasFile .bbsLstCont {padding-right:30px;}
.bbsLstCont dt {font-size:14px; color:#333;}
.bbsLstCont dt > strong {font-weight:normal; letter-spacing:-1px; line-height:18px; color:#333;}
.bbsLstCont dt + dd {margin-top:7px;}
.bbsLstCont dd {font-size:12px; color:#777;}
.bbsLstCont dd > span {display:inline-block; padding-left:5px; margin-right:5px; border-left:1px #e4e4e4 solid;}
.bbsLstCont dd > span:first-child {padding:0; border:none;}
.bbsLstCont dd.pdf_view,
.bbsLstCont dd.html_view {position:absolute; top:50%; right:0px; margin-top:-12px;}
.bbsLstCont dd.pdf_view em.ico_file,
.bbsLstCont dd.html_view em.ico_file {background-position:100% 0; width:22px; height:24px;}

.sortLst {margin:5px; text-align:right;}
.sortLst > li {display:inline-block;}
.sortLst > li > a {display:inline-block; padding:5px; font-size:11px; text-decoration:underline;}
.sortLst > li > a.on {color:#0078C8; font-weight:bold;}

.lstPagingWrap {position:relative; display:block; margin:25px 0; text-align:center; height:20px; vertical-align:middle;}
.lstPagingWrap a {display:inline-block; width:20px; vertical-align:middle;}

.lstPagingWrap > .lstPaging { position:absolute; top:50%; left:50%; margin:-10px 0 0 -50%; display:inline-block; width:100%; height:20px; text-align:center;}
.lstPagingWrap:before {opacity:1; content:' '; position:absolute; top:50%; left:0; display:block; width:100%; height:2px; background:#0078c8;}

.lstPagingWrap .lstPaging > a {margin:0 3px;}
.lstPagingWrap .lstPaging > a:after {content:' '; width:20px; height:20px; vertical-align:top;}
.lstPagingWrap .lstPaging > .first {}
.lstPagingWrap .lstPaging > .first:after {background-position:0 -190px;}
.lstPagingWrap .lstPaging > .first.off:after {background-position:-30px -265px;}
.lstPagingWrap .lstPaging > .prev {margin-right:0px;}
.lstPagingWrap .lstPaging > .prev:after {background-position:-30px -190px;}
.lstPagingWrap .lstPaging > .prev.off:after {background-position:0 -265px;}
.lstPagingWrap .lstPaging > .next {margin-left:-4px;}
.lstPagingWrap .lstPaging > .next:after {background-position:-60px -190px;}
.lstPagingWrap .lstPaging > .next.off:after {background-position:-60px -265px;}
.lstPagingWrap .lstPaging > .last:after {background-position:-90px -190px;}
.lstPagingWrap .lstPaging > .last.off:after {background-position:-90px -265px;}

.lstPagingWrap .pagingNum {display:inline-block; background:#fff; padding:0 10px;}
.lstPagingWrap .pagingNum > a {margin:0 7px; color:#0078c8; font-size:11px; height:18px; line-height:18px;}
.lstPagingWrap .pagingNum > a:first-child {margin-left:0;}
.lstPagingWrap .pagingNum > a:last-child {margin-right:0;}
.lstPagingWrap .pagingNum > a.now {background:#fff; border-radius:12px; border:1px #0078c8 solid;}

/* ico 없을 시 */
.bbsLstWrap.type2 .bbsLst .bbsLstCont {padding-right:0}
.bbsLstCont dd > span .time{display:inline-block; padding-left:5px;}

/****************************************/
/*  PART : PAGE STYLE
/****************************************/
/* SEARCH */
.srchWrap {position:relative; background:#e6e6e6; padding:10px 15px;}
.srchFormWrap {}
/* .srchFormWrap .inpSrchWrap {position:relative; background:#fff url(/mbw/images/common/ico_srch.png) 15px 50% no-repeat; background-size:15.5px 15.5px; padding:0 45px; border:1px #cecece solid;}*/
.srchFormWrap .inpSrchWrap {position:relative; background:#fff; padding-right:55px; border:1px #cecece solid;}
.srchFormWrap.faqForm .inpSrchWrap{border-radius:3px;overflow:hidden}
.srchFormWrap.faqForm .inpSrchSet .inpSrch, .srchFormWrap.faqForm .inpSrchWrap .btn_srch{height:33px;line-height:33px;}
.srchFormWrap.faqForm .inpSrchWrap .btn_srch{font-weight:normal}
.srchFormWrap .inpSrchSet {display:inline-block; position:relative; width:100%; margin:0}
.srchFormWrap .inpSrchSet label{display:block}
.srchFormWrap .inpSrchSet .inpSrch {width:100%; font-size:14px; height:38px; line-height:38px; border:none;}
.srchFormWrap .inpSrchSet .inpSrch_del {display:none; position:absolute; top:50%; right:10px; margin-top:-8px; background:url(/mbw/images/common/ico_srch_del.png) 0 0 no-repeat; width:16px; height:16px; background-size:16px 16px;}
.srchFormWrap .inpSrchWrap .btn_srch {display:inline-block; position:absolute; top:0; right:0; background:#666; padding:0 10px; height:38px; line-height:38px; color:#fff; font-weight:bold; font-size:13px;}
.txtSrchWrap {text-align:right; margin-top:5px;}
.txtSrchWrap .includeSrchTxt {display:inline-block; font-size:12px; color:#333; vertical-align:middle;}

.srchFormWrap .inpSrchWrap.active {border-color:#0078c8;}
.srchFormWrap .inpSrchWrap.active .btn_srch {background:#0078c8;}

/* 국내뉴스 검색 */
.srchFormWrap.invest {}
.srchFormWrap.invest .inpSrchWrap{padding-right:105px}
.srchFormWrap.invest .inpSrchWrap .btn_srch{right:46px;}
.srchFormWrap.invest .inpSrchWrap .btn_set{display:inline-block;position:absolute;top:0;right:0;background:#fff;border:1px solid #666;padding:0 10px;height:36px;line-height:36px;color:#666;font-weight:bold;font-size:13px;}
.srchFormWrap.invest .inpSrchWrap.active .btn_set{border:1px solid #fff}

.srchResultCont {}
.srchResultCont dt, .srchResultCont dt > a {font-size:16px; color:#333;}
.srchResultCont dd {margin-top:5px;}
.srchResultCont dt+dd {margin-top:10px;}
.srchResultCont dd a {font-size:12px; color:#777;}
.srchResultCont .rstTxt{color:#0078c8;}
/* 관심종목 종목편집  추가 : 06-30 TD3564*/
.srchResultCont.edit dt lable{width:92%; word-break:break-all}
.srchResultCont.edit dt lable .type_ofstock{margin-left:0;}

.goodsLst {position:relative;}
.goodsLst:after {content:"";display:block;clear:both;visibility:hidden}
.goodsLst dt {margin-right:90px;}
.goodsLst dt > strong, .goodsLst dt > a > strong {display:block;}
.goodsLst dt > span, .goodsLst dt > a > span {display:inline-block; margin-top:7px; font-size:12px; color:#777;}
.goodsLst dt > span > em {display:inline-block; margin-left:15px;;}
.goodsLst dd.btnWrap {position:absolute; top:50%; right:0px; margin-top:-15px;}
.goodsLst dd.btnWrap > a {display:inline-block; background:url(/mbw/images/common/ico_interest.png) no-repeat; background-size:200px auto; width:31px; height:31px; margin-left:9px;}
.goodsLst dd.btnWrap > a:first-child {margin-left:0;}
.goodsLst dd.btnWrap > a.btn_del {background-position:0 0; border:none;}
.goodsLst dd.btnWrap > a.btn_interest {background-position:-80px 0; border:none;}
.goodsLst dd.btnWrap > a.btn_interest.on {background-position:-40px 0;}
.goodsLst dd.btnWrap > a.btn_edit {background-position:-165px 0; border:none;}

#itemList > li.on {border:2px #0078C8 solid;}

.goodsLst.incPrice {}
.goodsLst.incPrice dt+dd, .goodsLst.incPrice dd {margin-top:0;}
.goodsLst.incPrice dt {float:left; width:40%; margin-right:0;}
.goodsLst.incPrice dt strong {height:21px; line-height:21px;}
.goodsLst.incPrice dd + dt {clear:both;}
.goodsLst.incPrice dd.stockPrices, .goodsLst.incPrice dd.fluctuation {float:left; width:27.5%; text-align:right;}
.goodsLst.incPrice dd.fluctuation {padding-left:5%;}
.goodsLst.incPrice dd.stockPrices strong, .goodsLst.incPrice dd.fluctuation strong {display:block; height:21px; line-height:21px;}
.goodsLst.incPrice dd.stockPrices small, .goodsLst.incPrice dd.fluctuation small {display:block; margin-top:7px;}
.lst > li.addItem {padding:0;  height:65px; line-height:65px;}
.lst > li.addItem .btn_addIco {border:none; line-height:65px;}
.addItem .btn_addIco {text-align:center; font-size:14px; color:#333; width:100%; height:100%;}


/* 관심종목 */
/*background:url(/mbw/images/common/ico_interest.png) no-repeat; background-size:150px auto; */


.alignLst {background:#76757B; padding:7px 15px;}
.alignLst:after, .interestGroupLst:after {content:"";display:block;clear:both;visibility:hidden;}
.alignLst li {float:left; width:50%;}
.alignLst li input[type="checkbox"]+label,
.alignLst li input:checked[type="checkbox"]+label,
.alignLst li input[type="radio"]+label,
.alignLst li input:checked[type="radio"]+label {color:#fff;}

.interestGroupLst {}
.interestGroupLst {padding:10px 15px;max-height:90px; overflow-y:scroll; -webkit-overflow-scrolling:touch}
.interestGroupLst li {padding:10px 0; border-top:1px #e1e1e1 solid;}
.interestGroupLst li:first-child {padding-top:0; border-top:none;}
.interestGroupLst li:last-child{padding-bottom:2px}
.interestGroupLst li:after {content:"";display:block;clear:both;visibility:hidden;}
.interestGroupLst li strong {float:left; max-width:70%; font-weight:normal;}
.interestGroupLst li span {float:right; margin-top:2px;}
.interestGroupLst li a.sel {color:#0078c8;}

/* .interGroupSelWrap:after {content:"";display:block;clear:both;visibility:hidden;}*/
.interGroupSelWrap {background:#e4e4e4; padding:15px;}
.interGroupSel {font-size:12px;}
.interGroupSel dt {position:relative;}
.interGroupSel dt:after {content:"";display:block;clear:both;visibility:hidden;}
.interGroupSel dt > a {position:absolute; top:50%; margin-top:-15px;right:0; display:inline-block; background:#fff; min-width:92px; height:30px; line-height:30px; color:#333; text-align:center; border:1px #ddd solid;}
.interGroupSel dt > span {display:inline-block; width:65%;}
.addGroupCont {display:none; margin-top:10px;}
.addGroupCont input {display:block; width:100%; height:30px; line-height:30px; color:#777; text-indent:5px;}
.addGroupCont .btnWrap {margin-top:5px;}

/* 펀드 검색 장바구니 노출 시 알려드립니다. */
.addGroupCont .btnWrap+.ico {margin-top:5px}
.addGroupCont .ico .box{margin:0}

/* 트레이딩 */
.interestOptWrap {padding:7px 15px; background:#E6E6E6;}
.interestOptWrap:after {content:"";display:block;clear:both;visibility:hidden;}
.interestOptWrap .folder {float:left; display:block; background-position:0 -43px; width:90%; padding-left:15px; margin-top:5px; margin-bottom:10px; padding-top:2px; overflow: hidden; font-size:14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.interestOptWrap.alone .folder {margin:4px 0 5px; width:90%}
.interestOptWrap .interestUtil {float:right; font-size:12px;}
.interestOptWrap .interestUtil .btn_reg {display:inline-block; background:#fff; padding:0 9px; height:28px; line-height:28px; color:#333; font-size:12px; border:1px solid #d7d7d7; vertical-align:middle;}
.ico_chart {background-position:-120px 5px; background-color:#fff; height:28px; width:35px; font-size:1px; color:transparent; border:1px solid #d7d7d7; vertical-align:middle;}

.searchDatail.selInterestGroupWrap, .searchDatail.selInterestGroupWrap .searchHead {width:155px;}
.selInterestGroupWrap .interGroupLst {padding:0 15px;}
.selInterestGroupWrap .interGroupLst.lst li {padding:12px 0; font-size:14px}
.selInterestGroupWrap .interGroupLst li a {font-size:11px;}
.selInterestGroupWrap .interGroupSelWrap {padding:0;}
.selInterestGroupWrap .interGroupSel dt {margin:0;}
.selInterestGroupWrap .interGroupSel dt > a {display:inline-block; position:inherit; background:#fff; font-size:14px; color:#333; margin:0; width:100%; height:44px; line-height:44px; text-align:center; border:none;}
.selInterestGroupWrap .interGroupSel dt > strong {display:inline-block; color:#333; width:100%; height:44px; line-height:44px; text-align:center;}
.selInterestGroupWrap .interGroupSel dd {padding:15px; padding-top:0;}
.searchDatail.selInterestGroupWrap  .searchCont .btnWrap {margin:10px 0 0;}
.searchDatail.selInterestGroupWrap  .searchCont .btnWrap.small a {margin:0; width:38%; color:#fff; background:#666;}
.searchDatail.selInterestGroupWrap  .searchCont .btnWrap.small a.blue {background:#0078c8;}

.interestOptWrap.groupName {background:#5a5a5f;}
.interestOptWrap.groupName .folder {background-position:0 -135px; margin-bottom:5px; color:#fff;}
.concWrap {position:relative; background:#e6e6e6; padding:10px 15px;}
.conGroup {width:9px; height:8px; background:url(/mbw/images/common/ico_folder.png) no-repeat 0 3px; background-size:9.25px auto; padding-left:21px; font-size:12px; color:#333}
.txtConcWrap {position:relative; text-align:left;}
.txtConcWrap .btn_addIco {position:absolute; top:0px; right:0px; font-size:12px; color:#777;}

.srchResultCont.edit strong.type_ofstock {font-size:16px; margin-left:-5px;}
.srchResultCont.edit span.detailTxt {display:block; padding-left:20px}

.btIcon {position:relative; margin-bottom:95px;}

.btIcon .bottomTypeWrap {display:block; width:100%; position:absolute; bottom:-95px; left:0;}
.bottomTypeIcon {background:#e6e6e6; padding:13px 0 11px 5px;}
.bottomTypeIcon:after {display:block; clear:both; content:""}
.bottomTypeIcon li {float:left; width:16%; height:17px; background:url(/mbw/images/trading/bottomTypeIcon.png) no-repeat -10px 0px;  background-size:450px 100px; }
.bottomTypeIcon li:first-child {border-left:none;}
.bottomTypeIcon li a {display:block; height:100%;}

.bottomTypeIcon li.icon_bottom01 {background-position:-5px -84px;}
.bottomTypeIcon li.icon_bottom02 {background-position:-83px -84px;}
.bottomTypeIcon li.icon_bottom03 {background-position:-159px -84px;}
.bottomTypeIcon li.icon_bottom04 {background-position:-234px -84px;}
.bottomTypeIcon li.icon_bottom05 {background-position:-309px -84px;}
.bottomTypeIcon li.icon_bottom06 {background-position:-385px -84px;}

.bottomTypeIcon.on li.icon_bottom01 {background-position:-5px 0;}
.bottomTypeIcon.on li.icon_bottom02 {background-position:-83px 0;}
.bottomTypeIcon.on li.icon_bottom03 {background-position:-159px 0;}
.bottomTypeIcon.on li.icon_bottom04 {background-position:-234px 0;}
.bottomTypeIcon.on li.icon_bottom05 {background-position:-309px 0;}
.bottomTypeIcon.on li.icon_bottom06 {background-position:-385px 0;}

.bottomTypeWrap .btnWrap {margin:5px;}


.indexGlobalMarket .tit {position:relative;}
.indexGlobalMarket .tit .imgTit {display:block; position:absolute; top:50%; margin-top:-10px; width:100%; height:20px; line-height:20px; text-align:center; color:#333; font-size:18px;}
.indexGlobalMarketLst {background:#f4f4f4; padding:0 0 1.5% 1.5%;}
.indexGlobalMarketLst:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
.indexGlobalMarketLst li { float:left; padding:1.5% 1.5% 0 0; width:31.8%;}
.indexGlobalMarketLst li:first-child, .indexGlobalMarketLst li:nth-child(4), .indexGlobalMarketLst li:nth-child(7) {}
.indexGlobalMarketLst li > a {display:inline-block; background:#fff; width:100%; height:110px; text-align:center;}
.indexGlobalMarketLst li > a > strong {display:block; margin-top:80px; font-size:12px; color:#333;}
a.ico_market {position:relative;}
.ico_market:before {position:absolute; display:inline-block; content:' '; background:url(/mbw/images/trading/ico_indexGlobalMarket.png) no-repeat; background-size:271px auto; width:61px; height:61px; opacity:1;}
.indexGlobalMarketLst li > a:before {margin:12px 0 0 -30px;}
.ico_market.market01:before {background-position:0 0;}
.ico_market.market02:before {background-position:-105px 0;}
.ico_market.market03:before {background-position:-210px 0;}
.ico_market.market04:before {background-position:0 -122px;}
.ico_market.market05:before {background-position:-105px -122px;}
.ico_market.market06:before {background-position:-210px -122px;}
.ico_market.market07:before {background-position:0 -237px;}
.ico_market.market08:before {background-position:-105px -237px;}
.ico_market.market09:before {background-position:-210px -237px;}

.slideUpDnWrap .slideUpDntCont {display:none;}
.slideUpDnWrap .on + .slideUpDntCont {display:block;}
.slideUpDnWrap > dl > dt:first-child  {border-top:1px #e4e4e4 solid;}
.slideUpDnWrap > dl.marketInfoLst > dt:first-child {border-top:none;}
.account_open_wrap .slideUpDnWrap > dl dt{border:0 !important;padding:0 !important;position:relative}
.account_open_wrap .slideUpDnWrap > dl dt > input{position:absolute;top:14px;left:14px}
.account_open_wrap .slideUpDnWrap > dl dt > label{margin:0;border-bottom:0 !important;font-size:15px !important;padding:14px 15px 14px 28px !important}
.account_open_wrap .slideUpDnWrap > dl dt.on > label{border-bottom:1px solid #d9d9d9 !important}
.account_open_wrap .masking{height:34px;line-height:34px;}
.slideUpDnWrap > dl dt > a, .account_open_wrap .slideUpDnWrap > dl dt > label {display:block; background:url(/mbw/images/common/ico_sildeUpDn.png) 95% 18px no-repeat; background-size:15px auto; padding:12px; font-size:16px; color:#333; font-weight:bold;}
.slideUpDnWrap > dl dt.on > a, .account_open_wrap .slideUpDnWrap > dl dt.on > label  {background-position:95% -82px; color:#0078c8;}
.slideUpDnWrap > dl > dt, .slideUpDnWrap > dl > dd {border-bottom:1px #e4e4e4 solid;}
.slideUpDnWrap > dl > dd {padding:20px 15px; font-size:12px;}
.account_open_wrap .slideUpDnWrap > dl > dd{display:none;border-bottom:0}
.slideUpDnWrap .slideUpDntCont article + article {margin-top:15px;}
.slideUpDnWrap .slideUpDntCont .tit {display:block; margin:15px 0 10px; font-size:14px;}
.slideUpDnWrap .slideUpDntCont article .tit:first-child {margin-top:0; padding-top:0;}
.slideUpDnWrap .slideUpDntCont .lawAbiding {padding:0; margin:0 0 15px;}

/* my받다 스타일 추가*/
.slideUpDnWrap.type2 > dl > dt:first-child{border-top:2px solid #0078c8}
.slideUpDnWrap.faqWrap.type2 > dl > dt > a{margin-left:0}
.slideUpDnWrap.faqWrap.type2 > dl > dt.on + dd{background:#f4f5f7;border-bottom:1px #e4e4e4 solid;padding-bottom:30px}
.slideUpDnWrap.faqWrap.type2 > dl > dt.on + dd .toolTipWrap{vertical-align:top;margin-left:3px}
.slideUpDnWrap.faqWrap.type2 > dl > dt.on + dd.domestic{background:#f4f5f7 url(/mbw/images/customer/bg_level_info_domestic.png) center bottom no-repeat;background-size:320px auto;padding-bottom:100px}
.slideUpDnWrap.faqWrap.type2 > dl > dt.on + dd.foreign{background:#f4f5f7 url(/mbw/images/customer/bg_level_info_foreign.png) center bottom no-repeat;background-size:320px auto;padding-bottom:100px}
.slideUpDnWrap.faqWrap.type2 > dl > dt.on + dd.finance{background:#f4f5f7 url(/mbw/images/customer/bg_level_info_finance.png) center bottom no-repeat;background-size:320px auto;padding-bottom:100px}
.slideUpDnWrap.faqWrap.type2 > dl > dt.on + dd.bonus{background:#f4f5f7 url(/mbw/images/customer/bg_level_info_bonus.png) center bottom no-repeat;background-size:320px auto;padding-bottom:100px}

/* 07-06 TD3564 : 게시물 상세 알려드립니다 추가 */
.tipWrap .tipDntCont {display:block;}
.tipWrap > dl > dt:first-child  {border-top:1px #e4e4e4 solid;}
.tipWrap > dl dt > a {display:block; background:url(/mbw/images/common/ico_sildeUpDn.png) 95% -82px no-repeat; background-size:15px auto; padding:12px; font-size:16px; color:#0078c8; font-weight:bold;}
.tipWrap > dl > dt, .tipWrap > dl > dd {border-bottom:1px #e4e4e4 solid;}
.tipWrap > dl > dd {padding:20px 15px; font-size:12px;}
.tipWrap .tipDntCont article + article {margin-top:15px;}
.tipWrap .tipDntCont .tit {display:block; margin:15px 0 10px; font-size:14px;}
.tipWrap .tipDntCont article .tit:first-child {margin-top:0; padding-top:0;}

.ico > dl > dt > :before, .ico.faqWrap > dl > dd:before {display:inline-block; position:inherit; content:' '; opacity:1; background:url(/mbw/images/common/ico_set.png) -50px 0 no-repeat; background-size:150px auto; margin-top:-2px; margin-right:5px; letter-spacing:0;}
.ico > dl > dt.notice > :before {background-position:-50px 0; width:18px; height:18px; margin-top:-2px;}
.ico > dl > dt.on.notice > :before {background-position:-20px 0;}
.ico > dl > dt.fundTip > :before {background-position:-50px -25px; width:22px; height:18px; margin-top:-2px;}
.ico > dl > dt.on.fundTip > :before {background-position:-20px -25px;}

.ico .box {margin:15px;}
.ico .box .notice {margin-bottom:7px;}
.ico .box .notice strong {display:inline-block; color:#0078c8; font-size:13px;}
.ico .box .notice > :before {background-position:-80px 0; width:15px; height:15px; vertical-align:middle;}
.ico .box .lstDot li {margin-top:0px; font-size:12px;}

.slideUpDnWrap.faqWrap {text-align:left;}
.slideUpDnWrap.faqWrap > dl > dt:first-child {border-top:2px #c3c4c7 solid;}
.slideUpDnWrap.faqWrap > dl > dt.last {border-bottom:2px #c3c4c7 solid;}
.slideUpDnWrap.faqWrap > dl > dt.on {border-top:2px #0078C8 solid;}
.slideUpDnWrap.faqWrap > dl > dt.on.last {border-bottom:1px #e4e4e4 solid;}
.slideUpDnWrap.faqWrap > dl > dt.on + dd {border-bottom:2px #0078C8 solid; font-size:14px;}
.slideUpDnWrap.faqWrap > dl > dt > a {background-position:95% -175px; padding-right:40px; margin-left:25px; font-size:14px; font-weight:normal;padding-left:0}
.slideUpDnWrap.faqWrap > dl > dt.on > a {background-position:95% -289px;}
.ico.faqWrap > dl > dt.question > :before {background-position:-80px -25px; width:14px; height:16px; margin-left:-18px; vertical-align:middle;}
.ico.faqWrap > dl > dd {position:relative; background:#F4F4F4; padding-left:38px;}
.ico.faqWrap > dl > dd:before {position:absolute; left:20px; top:25px; background-position:-104px -25px; width:14px; height:16px; vertical-align:middle;}

.slideUpDnWrap.faqWrap .slideUpDntCont {letter-spacing:-1px;}
.slideUpDnWrap.faqWrap .slideUpDntCont .lstTxtIndent {margin-bottom:15px;}
.slideUpDnWrap.faqWrap .slideUpDntCont .txt {margin-bottom:10px; font-size:14px;}
.slideUpDnWrap.faqWrap .slideUpDntCont > article dd {margin-top:10px;}
.slideUpDnWrap.faqWrap .slideUpDntCont > article dd > :last-child {margin-bottom:0;}

.faqList{}
.faqList li{position:relative;display:table;border-bottom:1px #d6d6d6 solid;width:100%;}
.faqList li a{display:table-cell;height:34px;line-height:18px;font-size:14px;color:#333;padding:10px 12px  10px 50px;vertical-align:middle;width:100%;}
.faqList li a:before {display:inline-block; position:absolute; content:' '; opacity:1; width:14px;height:16px; background:url(/mbw/images/customer/ico_q.png) no-repeat; background-size:12px auto; left:22px;top:50%;margin-top:-8px;}
.faqList li.noData{padding:80px 0;text-align:center; font-size:14px;color:#333;}

.faqView .titCont{position:relative;margin-top:15px;padding-left:25px;font-size:24px;color:#000}
.faqView .titCont:before {display:inline-block; position:absolute; content:' '; opacity:1; width:15px;height:20px; background:url(/mbw/images/customer/ico_d_q.png) no-repeat; background-size:15px 20px; left:0px;top:5px;}

.faqView .faqAnswer{position:relative; /* padding-left:45px; */ word-break:break-all}
/*.faqView .faqAnswer:before {display:inline-block; position:absolute; content:' '; opacity:1; width:15px;height:17px; background:url(/mbw/images/customer/ico_d_a.png) no-repeat; background-size:15px 17px; left:15px;top:15px;}*/
.faqView .faqAnswer>strong{display:block;font-size:16px}
.faqView .faqAnswer .lstDot+strong{padding-top:30px}

.faqView .faqAnswer .mpopLink{display:block;margin-left:26px;font-size:16px;color:#000}
.faqView .faqAnswer .mpopLink a{color:#252ef5;margin-left:10px;border-bottom:1px solid #252ef5;padding-bottom:2px}
.faqView .faqAnswer .mpopLink a:after{display:inline-block; position:relative; content:' '; opacity:1; width:5px;height:8px; background:url(/mbw/images/customer/arrow_mpop.png) no-repeat; background-size:5px 8px;margin-left:4px}

.faqView .faqAnswer .fileUpload{display:block;margin-top:60px}
.faqView .faqAnswer .fileUpload strong{font-size:16px;color:#000}
.faqView .faqAnswer .fileUpload .fileBox{display:block;box-sizing:border-box;border-radius:3px;border:1px solid #d6d6d6;margin:15px 0 0}
.faqView .faqAnswer .fileUpload .fileBox a{display:block;padding:10px;}
.faqView .faqAnswer .fileUpload .fileBox a:before{display:inline-block; position:relative; content:' '; opacity:1; width:13px;height:17px; background:url(/mbw/images/customer/icon_file.png) no-repeat; background-size:13px 17px;margin-right:8px;line-height:17px}

/* 
.marketDesc {position:relative; background:#f4f4f4; padding:15px 15px 20px 85px;}
.marketDesc .ico_market:before {position:absolute; top:50%; left:15px; margin-top:-32px;}
.marketDesc .ico_market.market01:before {margin-top:-34px;}
.marketDesc dt {font-size:14px; color:#333;}
.marketDesc dd {margin-top:7px; font-size:12px; line-height:1.6; color:#666; letter-spacing:-1px;}
*/
.marketDesc {background:#f4f4f4; padding:15px; text-align:center;}
.marketDesc .ico_market:before {display:none;}
.marketDesc .ico_market.market01:before {}
.marketDesc dt {font-size:21px; color:#0078c8;}
.marketDesc dt > strong {font-weight:normal;}
.marketDesc dd {margin-top:7px; font-size:14px; line-height:1.6; color:#333; letter-spacing:-1px;}
@media only screen and (min-device-width:320px) and (max-device-width:350px) {
	.marketDesc {padding:15px 0;}
	.marketDesc dt {font-size:18px;}
	.marketDesc dd {font-size:13px; }
}

.marketInfoLst > dt > a {}
.marketInfoLst > dt, .marketInfoLst > dd {}
.marketInfoLst > dd {}
.marketInfoLst > dd .tit {margin-bottom:10px; font-size:14px; color:#333;}
.marketInfoLst > dd h2.tit {font-size:12px; color:#0078C8;}
.marketInfoLst > dd > article {margin-bottom:20px;}
.marketInfoLst > dd > article:last-child {margin-bottom:0;}
.marketInfoLst > dd > article .txtDesc {font-size:12px;}

.tblWrap > table {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.tblWrap > table th, .tblWrap > table td {border-left:1px #e4e4e4 solid; border-top:1px #e4e4e4 solid; padding:10px; color:#666; font-size:12px;}
.tblWrap > table th.pad2, .tblWrap > table td.pad2{padding-left:2px;padding-right:2px}
.tblWrap > table th:first-child, .tblWrap > table td:first-child {border-left:none;}
.tblWrap > table tr:first-child th, .tblWrap > table tr:first-child td {border-top:none;}
.tblWrap > table th, .tblWrap > table td.thBg {background:#f4f4f4; color:#333; font-weight:normal;}
/*.tblWrap > table tbody tr:last-child th, .tblWrap > table tbody tr:last-child td {border-bottom:none;}*/
.tblWrap > table th.line, .tblWrap > table td.line {border-left:1px #e4e4e4 solid !important;}
.tblWrap > table > thead tr th.line {border-left:1px solid #c2c2c2 !important; border-top:none;}
.tblWrap > table > thead tr th.line2 {border-left:1px solid #e4e4e4 !important;}

.tblWrap > table.l th, .tblWrap > table.l td, .l {text-align:left;}
.tblWrap > table.c th, .tblWrap > table.c td, .c {text-align:center;}
.tblWrap > table.r th, .tblWrap > table.r td, .r {text-align:right;}
.tblWrap > table.l thead tr th, .tblWrap > table.r thead tr th {text-align:center;}

.tblWrap.col > table thead tr th {background:#ebebeb; border-bottom:1px solid #d3d3d3;}
.txtMsg {display:block; font-size:11px; margin-bottom:5px; letter-spacing:-1px;}
/* .tit + .txtMsg {margin-top:-10px;} */
.tblWrap.scrollX {overflow-x:scroll; position:relative;}
.tblWrap.scrollX > table {min-width:600px;}
.tblWrap.scrollY {overflow-y:scroll;}
.lpopWrap  .tblWrap.scrollY {max-height:207px;}

/* .tbl > dt {margin-bottom:5px; font-size:12px; color:#0078c8;} */
.tbl {font-size:12px;}
.tbl .lstDot.tit {background-position:0 6px; margin:0 0 5px; font-size:12px; line-height:inherit;}
.tbl > dd + dt.lstDot.tit {margin-top:10px;}
.tbl > dd + dd.tblWrap, .txt_essential + .tblWrap {margin-top:5px;}
.tbl + table {margin-top:10px;}
.tblWrap > table + .lstDesc {margin-top:5px;}
.tbl .lstBar > li {margin-top:4px; font-size:12px;}
.tblWrap > table ul > li,
.slideUpDnWrap.ico .tblWrap > table .lstTxtIndent > li  {margin-top:3px; line-height:1.4; font-size:12px}
.tblWrap > table p + ul {margin-top:5px; margin-bottom:5px;}
.tblWrap > table ul + .btnWrap {margin-top:10px;}
.depSec, .tbl > dd + dd.tblWrap.depSec {margin-top:15px;}
.slideUpDnWrap .marketInfoLst > dd strong.tit {display:block; margin-bottom:5px; font-size:12px}
td p.lstDesc {text-indent:-1px;}

.tbl ul+ul {margin-top:10px;}
ul > li > ul {margin-top:5px; margin-bottom:5px;}

.tblHeader {background:#f4f5f7; border-bottom:1px #c3c4c7 solid;}
.tblHeader > li {height:45px; line-height:45px; text-align:center;}
.tblBody, .recomMsg {margin:0 0 5px;}
/* .tblHeader.col3 > li, .tblBody.col3 > li {float:left; width:calc(100% / 3);}*/
.tblHeader.col3 > li, .tblBody.col3 > li {float:left; width:30%; }
.tblHeader.col3 > li:first-child,
.tblBody.col3 > li:first-child {width:40%;}
.tblHeader:after, .tblBody:after {content:"";display:block;clear:both;visibility:hidden}
.tblHeader > li > span, .tblHeader > li > span > a {display:inline-block; font-size:11px; color:#333; line-height:1.4; vertical-align:middle;}
.tblHeader > li > span > a {height:20px;}
.tblHeader > li > span > a.on {font-weight:bold; color:#0078C8;}
.tblBody > li {text-align:center;}
.tblBody > li:first-child {text-align:left;}
.tblBody > li strong, .tblBody > li > span {display:block; font-size:13px; min-height:25px; line-height:25px; color:#333;}
.tblBody > li > .date {color:#777;}
.tblBody > li > strong {font-size:15px; color:#000; letter-spacing:-1px;}
.tblBody > li:last-child > span {text-align:center; margin-left:20px;}
.recomMsg {font-size:12px; color:#777;}

.tradingGuide {text-align:left;}
.tradingGuide .guideWrap > dt,
.tradingGuide .guideWrap > dd.txtTit {margin:0 15px;}
.tradingGuide .guideWrap {margin:40px 0 0; font-size:12px;}
.tradingGuide .guideWrap > dt {color:#0078c8; font-weight:bold; font-size:15px;}
.tradingGuide .guideWrap > dt > em {display:inline-block; font-size:34px; margin-right:10px;}
.tradingGuide .guideWrap > dd.txtTit {margin-top:10px; font-size:20px; color:#000; letter-spacing:-1px;}
.tradingGuide .moreContOpen {margin-top:40px;}
.tradingGuide .moreContOpen .mpopTabWrap {margin:25px 0;}
.moreContOpen .processWrap + .lstDot {margin-top:25px;}
.moreContOpen .btnWrap.mutilTxt {margin:40px 0;}
.moreContOpen .btnWrap.mutilTxt a {height:auto; min-height:40px; line-height:auto; padding:0 10px; vertical-align:middle;}
.moreContOpen .btnWrap.mutilTxt a > span {display:inline-block; line-height:1.2; margin:7px 0;}
.moreContOpen .btnWrap.mutilTxt a.single > span {line-height:26px;}
.moreContOpen .btnWrap.mutilTxt .mpop:before {margin-top:12px; margin-right:5px; vertical-align:top;}
.tradingGuide .moreContOpen > ul, .tradingGuide .moreContOpen > p, .tradingGuide .moreContOpen > div,
.tradingGuide .moreContOpen > .processWrap, .tradingGuide .groupTabWrap {margin-left:15px; margin-right:15px;}
.tradingGuide .moreContOpen > .tblWrap,  .tradingGuide .moreContOpen > .startAccountSlider {margin-left:0; margin-right:0;}
.moreContOpen .lstDesc {margin-top:7px;}
.moreContOpen .subTit:first-child {padding:0 0 15px 15px;}
.moreContOpen ul + .processWrap {margin-top:35px;}
.moreContOpen .startAccountSlider {min-height:430px;}

.moreContOpen .startAccountSlider .sldCont {width:100%; height:100%; overflow:hidden;}
.moreContOpen .startAccountSlider .sldCont h3 {font-size:13px; font-weight:normal;}
.moreContOpen .startAccountSlider .sldCont h3 > b {font-size:14px;}
.moreContOpen .startAccountSlider {padding-bottom:20px;}

.moreContOpen .startAccountSlider.minHauto {min-height:auto;}

/* 여백 */
.h5TabWrap+.ui_selectArea{border-top:5px solid #e6e6e6} 
.txt.margWrap+.subTit{padding-top:25px}
.contListWrap h2.subTit.noMgn {padding-top:0;}
	
.btn_lstMore {position:relative; display:block; margin:15px 0; text-align:right; height:25px; vertical-align:middle;}
.btn_lstMore > span {position:absolute; top:0; right:15px; display:inline-block; background:#fff;  font-size:12px; color:#0078c8; line-height:25px; padding:0 0 0 15px; height:25px;}
.btn_lstMore > span:after {content:' '; background-position:-100px -225px; width:25px; height:25px; margin-left:10px;}
.btn_lstMore:before {opacity:1; content:' '; position:absolute; top:50%; left:0; display:block; width:100%; height:2px; background:#0078c8;}
.btn_lstMore > span > em {display:inline-block; margin-left:5px;}
.bbsLstWrap .selLstType {background:#fff; padding:10px 15px; height:17px; text-align:right; border-bottom:1px #e6e6e6 solid;}
.bbsLstWrap {padding-bottom:25px;}
.bbsLstWrap :last-child {margin-bottom:0;}

/* pic전문투자클럽 */
.picArea.bbsLstWrap .bbsLst > li .bbsLstCont{float:left;width:80%}
.picArea.bbsLstWrap .bbsLst > li:after {display:block; clear:both; content:"";}
.picArea.bbsLstWrap .bbsLst .ico_file{width:22px;height:24px;float:right;margin-top:5px}


/* 뉴스 상세 */
.bbsViewWrap {}
.bbsViewWrap.faqView .btn_exit{display:none}/* 태블릿 모드 일때만 block */
.bbsViewWrap > .bbsViewHeader {margin-bottom:15px;} 
.bbsViewWrap .bbsViewHeaderCont {position:relative; margin-top:-2px; padding:15px 0 20px; margin:0 15px; border-bottom:2px #333 solid;}
.bbsViewWrap .bbsViewHeaderCont  strong {display:block; padding-bottom:17px; color:#333; font-size:16px;}
.bbsViewWrap .bbsViewHeaderCont .shareWrap {position:absolute; bottom:8px; right:0; margin:0; display:inline-block;}
.bbsViewWrap .bbsViewHeaderCont .btn_share.share:before {margin:0;}
.bbsViewWrap .bbsViewHeaderCont .shareWrap .btn_share > span {display:block; height: 0; width: 0; font-size: 2px; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.bbsViewWrap .bbsViewHeaderCont .shareWrap + .zoom {right:50px;}
/* 이벤트 */
.bbsViewWrap.event > .bbsViewHeader {margin-bottom:0px;} 
.bbsViewWrap.event .bbsViewHeaderCont{margin:0;border-bottom:1px solid #333}
.bbsViewWrap.event .bbsViewHeaderCont strong, .bbsViewWrap.event .bbsViewHeaderCont .date{margin:0 15px}
.bbsViewWrap.event .bbsViewCont > div, .bbsViewWrap.event .bbsViewCont > article{padding:0;}
.bbsViewWrap.event .bbsViewHeaderCont .shareWrap{bottom:17px;right:15px}
.snsFixed {position:fixed !important; top:70px !important; right:15px !important; z-index:29;}

.bbsViewWrap.event .bbsViewHeaderCont.inLabel .zoom{bottom:20p          x;}

/*활용가이드 게시판*/
.bbsViewWrap.faqView.guideInfo .titCont{padding-left:0}
.bbsViewWrap.faqView.guideInfo .titCont:before{display:none}

/* 금융상품 상세 */
.bbsViewWrap.finance{position:relative;}
/*.bbsViewWrap.finance .bbsViewHeaderCont {border-bottom:2px #cdcdcd solid;}*//* 금융상품 상세 */
.bbsViewWrap.finance .bbsViewHeaderCont  strong {font-size:21px; letter-spacing:-2px;}
	
.bbsViewWrap .thumb {position:relative;}
.bbsViewWrap .thumb .bbsViewHeaderCont {position:absolute; bottom:0; left:0; border:none; width:92%;}
.bbsViewWrap .thumb .bbsViewHeaderCont .shareWrap {bottom:15px;}
.bbsViewWrap .thumb .bbsViewHeaderCont .label {margin-bottom:10px;}
.bbsViewWrap .thumb .bbsViewHeaderCont .subTit {display:block; font-size:11px; margin-bottom:10px;}
.bbsViewWrap .thumb .bbsViewHeaderCont .subTit, .bbsViewWrap .thumb .bbsViewHeaderCont strong, .bbsViewWrap .thumb .bbsViewHeaderCont li {color:#fff;}

.bbsViewHeaderCont .date {}
.bbsViewHeaderCont .date:after {display:block; clear:both; content:"";}
.bbsViewHeaderCont .date li {float:left; margin-left:10px; padding-left:10px; font-size:11px; color:#666; line-height:11px; border-left:1px solid #bfbfbf;}
.bbsViewHeaderCont .date li:first-child {border-left:none; margin-left:0; padding-left: 0}
.bbsViewHeaderCont .date li .time {margin-left:10px;}

.bbsViewHeaderCont .zoom {position:absolute; bottom:13px; right:0;}
.bbsViewHeaderCont .zoom:after {display:block; clear:both; content:"";}
.bbsViewHeaderCont .zoom a {float:left; min-width:22px; height:22px; padding:0 3px; line-height:19px; background:#fff; text-align:center; font-size:9px; color:#666; border:1px solid #d6d6d6;}
.bbsViewHeaderCont .zoom a:first-child {border-right:none;}
.bbsViewHeaderCont .zoom a:last-child {font-size:11px;}


.bbsViewCont {padding:0 0 15px;}
/* .bbsViewCont.zExpand {padding-bottom:250px;}*/
.bbsViewCont:after, #zoomCont:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.bbsViewCont > div > pre{white-space:pre-line;font-size:14px}
.bbsViewCont > div, .bbsViewCont > article {padding:15px; color:#333; font-size:13px; line-height:18px;}
.bbsViewCont > div > div, .bbsViewCont > article > div {color:#666; font-size:13px; line-height:18px;}
/* .bbsViewCont > div:first-child, */
.bbsViewCont > article:first-child {padding-top:0;}
.bbsViewCont > .bbsViewHeader {padding:0;}
.bbsViewCont > .bbsViewHeader .bbsViewHeaderCont {padding:15px 15px 20px; margin:0;}
.bbsViewWrap.finance .bbsViewCont > div {color:#666;}/* 금융상품 상세 */
.bbsViewCont .slideUpDnWrap .slideUpDntCont{display:block}
.event .bbsViewCont {margin-top:0;}
.bbsViewCont > #zoomCont {padding:0;}
.bbsViewCont > #zoomCont > div > div {padding:15px;}
.bbsViewCont + .btnWrap {position:relative;}
.bbsViewWrap .recommendArea {position:relative;}
#zoomCont .zoomH {margin-top:260%; height:50px;}
.bbsViewCont .popLiveBbs{padding-top:0;color:#666 !important; display:-webkit-box !important; overflow:hidden; height:62px; line-height:20px; font-size:15px; -webkit-box-orient: vertical; -webkit-line-clamp:3; word-wrap: break-word;}
	
.bbsPrevNextLst{font-size:12px;overflow:hidden;line-height:35px;margin:20px 0 0; border-top:2px solid #666; border-bottom:2px solid #666; padding:0 15px;}
.bbsViewHeader + .bbsPrevNextLst{margin-top:0}
.bbsPrevNextLst a{color:#333;}
.bbsPrevNextLst dt{float:left;width:50px;text-align:left; color:#666;}
.bbsPrevNextLst dd{padding-right:14px;position:relative}
.bbsPrevNextLst dd,
.bbsPrevNextLst dd a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:16px}
.bbsPrevNextLst dt.next, .bbsPrevNextLst dt.next+dd {border-top:1px solid #e4e4e4;}
.bbsPrevNextLst dt.prev+dd a{background-position:right -40px}
.bbsPrevNextLst dt.next+dd a{background-position:right -63px}
.bbsPrevNextLst dt.prev+dd a:before{background-position:100% -50px}
.bbsPrevNextLst dt.next+dd a:before{background-position:100% -50px}

.bbsViewWrap .btnWrap {margin:25px 0; position:relative;}
.bbsViewWrap .btnWrap.margWrap, .btnWrap.margWrap {margin:25px 15px;}
.bbsViewWrap .btnWrap + .btnWrap {margin-top:40px;}

.bbsLst.cardView {background:#e6e6e6; margin-top:-1px; padding:3% 0; border-top:1px #fff solid;}
.bbsLst.cardView li {background:#fff; float:left; width:45.5%; margin-right:3%; margin-top:3%; border:none;}
.bbsLst.cardView li.no_data {clear:both; float:none; width:100%; height:50px;}
.bbsLst.cardView li:first-child, .cardView li:first-child+li {margin-top:0;}
.bbsLstWrap .bbsLst.cardView > li {padding:0;}
.bbsLstWrap .bbsLst.cardView > li a{display:block;}
.bbsLst.cardView li:nth-child(odd) {margin-left:3%;}
.bbsLst.cardView li.no_data {margin-left:0; height:auto;}
.bbsLst.cardView li > a {display:block; padding:7px 10px;}
.bbsLst.cardView .bbsLstCont {width:100%;} 
.bbsLst.cardView li > dl.bbsLstCont {padding:7px 10px;}
.bbsLst.cardView .bbsLstCont dt {height:54px; overflow:hidden; margin-bottom:20px;}
.bbsLst.cardView .bbsLstCont dt+dd {display:block;}
.bbsLst.cardView .bbsLstCont dd > span:before {display:inline-block; content:' '; background:url(/mbw/images/common/ico_set.png) no-repeat; background-size:150px auto; width:11px; height:11px; margin-right:5px;}
.bbsLst.cardView .bbsLstCont dd > span {display:block; padding:0; margin-top:3px; height:15px; line-height:15px; border:none; vertical-align:middle;}
.bbsLst.cardView .bbsLstCont dd > span:first-child:before {background-position:0 2px;}
.bbsLst.cardView .bbsLstCont dd > span:nth-child(2):before {background-position:0 -18px;}
.bbsLst.cardView .bbsLstCont dd > span:nth-child(3):before {background-position:0 -40px;}
.bbsLst.cardView .bbsLstCont dd.pdf_view,
.bbsLst.cardView .bbsLstCont dd.html_view {position:inherit; background:#cc4b4c; margin-top:7px; text-align:center; height:30px;}
.bbsLst.cardView .bbsLstCont dd.pdf_view > em,
.bbsLst.cardView .bbsLstCont dd.html_view > em {background:none; width:100%;}
.bbsLst.cardView .bbsLstCont dd.pdf_view > em > span,
.bbsLst.cardView .bbsLstCont dd.html_view > em > span {display:inline-block; color:#fff; height:30px; line-height:30px; overflow:hidden;}
.bbsLst.cardView .bbsLstCont dd.pdf_view > em > span:before {content:' '; display:inline-block; width:22px; height:28px; margin-right:5px; background: url(/mbw/images/common/ico_file.png) 0 -42px no-repeat; background-size: 22px auto; vertical-align:middle;}
.bbsLst.cardView .bbsLstCont dd.html_view > em > span:before{content:' '; display:inline-block; width:22px; height:28px; margin-right:5px; background: url(/mbw/images/common/ico_file.png) 0 -90px no-repeat; background-size: 22px auto; vertical-align:middle;}
/* .bbsLst.cardView + .btn_lstMore {margin:0;}
.bbsLst.cardView + .btn_lstMore > span {background:#e6e6e6;}*/

.introDesc:before {content:' '; display:block; background:url(/mbw/images/common/ico_info.png) no-repeat; background-size:15px auto;}
.introDesc.line {margin:15px; padding-bottom:25px; border-bottom:2px #e6e6e6 solid;}
.introDesc.line > :last-child {margin-bottom:0;}
.introDesc .icoImg {margin:10px 0 15px;}
.introDesc.txtMsg:before {background-position:50% -25px; width:100%; height:11px; margin:5px 0;}
.introDesc.txtMsg > span {display:inline-block; font-size:18px; color:#006bb2;}

.bbsViewCont .introDesc {margin-bottom:40px;}
.bbsViewCont .introDesc:before {background-position:50% 0; width:100%; height:11px; margin:10px 0;}
.bbsViewCont .introDesc:after {content:' '; display:block; width:100%; margin:15px 0 0; border-bottom: 2px #cdcdcd solid;}
.bbsViewWrap article > h1.tit {margin-bottom:20px; font-size:15px; color:#0078c8; line-height:1.4;}
.bbsViewWrap article > img {margin-bottom:10px;}
.bbsViewWrap article > p {margin-bottom:10px; color:#666;}
.bbsViewWrap article > p + img {margin-top:20px;}
.bbsViewWrap article strong {color:#000;}

.bbsViewCont .icoImg > li {margin-top:15px; vertical-align:middle;}
.bbsViewCont .icoImg > li:first-child {margin-top:0;}
.bbsViewCont .icoImg > li:after {display:block; clear:both; content:"";}
.bbsViewCont .icoImg > li > img {width:65px; height:65px; vertical-align:middle; float:left; margin-right:10px;}
.bbsViewCont .icoImg > li > p {padding-top:15px;}

.bbsViewWrap .slideUpDnWrap.ico {margin-bottom:-15px; text-align:left}

.bbsViewWrap .bbsViewHeaderCont .date .d_day,
.newList dl dd .data .d_day {display:inline-block; background:#333; margin:-2px 0 0 10px; padding:0 10px; height:16px; line-height:16px; vertical-align:middle; font-size:11px; color:#fff; letter-spacing:1px; border-radius:10px;}
.bbsViewHeaderCont.inLabel .zoom {bottom:50px;}
.bbsViewHeaderCont.inLabel .date li {float:inherit; display:block; margin:15px 0 0; padding:0; border:none;}

.inLabel .label span {display:inline-block; width:auto; height:21px; padding:0 6px; line-height:21px; text-align:center; color:#fff; font-size:10px; border-radius:4px;}
.inLabel .label .new {background:#dc3900;}
.inLabel .label .application {background:#0078c8;}
.inLabel .label .evIng {background:#00819d;}
.inLabel .label .evClose {background:#0F2F4B;}

.bbsListWrap.event .sortLst {margin-right:22px}
.bbsListWrap.event .sortLst > li > a{font-size:13px;padding:7px}

@media screen and (max-width : 375px) {
	#points_box{ width:97%; padding:2%; }
	#pt_img{ width:38%; }
	#pt_pts{ text-align:right; padding-left:6%; font-size:13px; }
}
@media screen and (min-width : 376px) and (max-width : 500px) {
	#points_box{ width:83%; padding:2%; }
	#pt_img{ width:38%; }
	#pt_pts{ text-align:right; padding-left:10%; font-size:14px; }
}
@media screen and (min-width : 501px) and (max-width : 609px) {
	#points_box{ width:73%; padding:2%; }
	#pt_img{ width:40%; }
	#pt_pts{ text-align:right; padding-left:10%; font-size:14px; }
}
@media screen and (min-width : 610px) {
	#points_box{ width:63%; padding:2%; }
}

/* 금융상품 */
.fundGoodsWrap {}
.fundGoodsWrap .banking_product_list {height:36px; background:#fff; margin-top:2px;}
.fundGoodsWrap .prdLstWrap.blue .recommendTxt,
.fundGoodsWrap .prdLstWrap.gray .recommendTxt02 {margin-top:10px}

.fundGoodsWrap .prdLstWrap .recommendTxt02 {display:inline-block; margin:20px 0 10px 10px; color:#333}
.fundGoodsWrap .prdLstWrap.blue .all_see {position:absolute; top:22px; right:15px; color:#fff; font-size:12px; font-weight:bold; text-decoration:underline;}
.fundGoodsWrap .prdLstWrap .finance_date {position:absolute; top:20px; right:10px; font-size:11px; color:#333}
.fundGoodsWrap .prdLstWrap.blue .finance_date {color:#fff;} 

.fundGoodsWrap .prdLstWrap.blue ul > li,
.fundGoodsWrap .prdLstWrap.gray ul > li {margin-top:10px; background:#fff; border-radius:0px;}

.fundGoodsWrap .split_cols.col2 ul > li:first-child {width:64%;}
.fundGoodsWrap .split_cols.col2 ul > li {width:33%;}

.fundGoodsWrap .prdLstWrap .detailDefin dd {text-align:right; padding-right:10px;}
.fundGoodsWrap .prdLstWrap .detailDefin dd strong.txtRed {padding-top:0;}
.fundGoodsWrap > .prdLstWrap > .prdLst > li > .prdDefin > .option2 {display:none;}
.fundGoodsWrap .prdLst > li {padding:12px;}
.fundGoodsWrap .prdLstWrap .labelWrap {margin-right:20px;}

.fundGoodsWrap .split_cols ul > li.borNone span.danger_graph {display:block; margin-bottom:6px; color:#666}
.fundGoodsWrap .split_cols ul > li.borNone {padding-top:0; padding-bottom:0; margin-top:0}

/* slideBtnWrap */
.slideBtnWrap .btnWrap {width:74%; float:right}
.slideBtnWrap .btnWrap a {width:47%;}
.slideBtnWrap .icoSld a {display:inline-block; padding-left:20px; margin-top:10px; background:url(/mbw/images/finance/icon_financeArrow.png) no-repeat 0 0; background-size:15px 50px; height:16px; line-height:16px; font-size:11px; color:#0078c8; font-weight:bold; letter-spacing:-1px}
.slideBtnWrap .icoSld.on > a {background-position:0px -35px;}
.slideBtnWrap .recomMsg > dl > dd {display:none; margin-top:25px; font-size:12px;}
.slideBtnWrap .recomMsg > dl > dt.on > dd {display:block;} 
.slideBtnWrap:after {display:block; clear:both; content:"";}	
.recomMsg dt {display:inline-block;}
.recomMsg dd {display:block;}

/* fund footer */
.finance_fund_wrap {margin-top:15px; padding:15px 0; background:#FFF;}
.finance_fund {padding:15px; border-top:1px solid #ebebeb;}
.finance_fund strong {display:inline-block; padding-left:30px; background:url(/mbw/images/finance/icon_finance_notice.png) no-repeat 0 0; background-size:25px 62px; font-size:14px; color:#0078c8;}
.finance_fund .finance_cont {font-size:12px; padding-top: 15px; line-height: 18px; letter-spacing: 0.4px;}

/* chk */
.prdLst > li > input[type="checkbox"], 
.selItem input[type="checkbox"] {width:20px; height:20px; background: url(/mbw/images/finance/ico_finance_chk.png) no-repeat 0 0; background-size:20px 75px;}
.prdLst > li > input[type="checkbox"] {position:absolute; top:10px; right:10px; }
.prdLst > li > input[type="checkbox"]:checked,
.prdLst > li > input[type="checkbox"].sel,
.selItem input[type="checkbox"]:checked {background-position:0 -55px;}
.blue .prdLst > li > input[type="checkbox"] {top:10px; right:10px;}

.fundGoodsWrap .prdLst > li {border:3px solid #fff;}
.fundGoodsWrap .prdLst > li.sel {border-color:#0078c8;}
.fundGoodsWrap .blue .prdLst > li.sel {border-color:#8585db}
.fundGoodsWrap .prdLst > li.classFund {position:relative; margin-top:0;}
.fundGoodsWrap .prdLst > li.classFund:before {content:' '; display:block; width:96%; position:absolute; top:-3px; left:2%; border-top:2px solid #e6e6e6;}
.fundGoodsWrap .prdLst > li.sel + .classFund:before,
.fundGoodsWrap .prdLst > li.sel.classFund:before {display:none;}

/* list */
.fundGoodsWrap .bbsLstWrap .selLstType {position:relative; margin-top: 2px; background:#FFF;}
.fundGoodsWrap .bbsLstWrap .selLstType ul {position:absolute; top:10px; left:5px;}
.fundGoodsWrap .bbsLstWrap .selLstType ul li {float:left;}
.fundGoodsWrap .bbsLstWrap .selLstType ul li a {display:inline-block; padding-left:10px; font-size:12px; text-decoration:underline; color:#666;}

/* layer popup notice*/
.financeLayerNotice {padding:15px;}
.financeLayerNotice strong {display:block; padding-bottom:10px; font-size:12px; color:#0078c8; }

/* 05 */
.fundGoodsWrap .slideBtnWrap .btnWrap.full {width:99%;}	
.fundGoodsWrap .split_cols ul > li.borNone.txtInfo {text-align:right; height:82px;}
.fundGoodsWrap .split_cols ul > li.borNone.txtInfo .wonTxt {margin-bottom:10px;}
.fundGoodsWrap .split_cols ul > li.borNone.txtInfo .moneyTxt {font-size:20px;}

/* arrow */
.fundGoodsWrap .prdLst > li .prdDefin .up_arr,
.fundGoodsWrap .prdLst > li .prdDefin .low_arr {padding-left:20px;}
.fundGoodsWrap .bbsLstWrap {padding-bottom:0}

.btnWrap.cart {display:none;}	
.btnWrap.cart {position:fixed; bottom:0; left:0; width:100%; z-index:15;}
.btnWrap.cart a {width:50%; margin:0; border:none;}

/* 추천상품 */
.recommFund .prdLst > li {padding:0;}
.recommFund .prdLst > li > dl, .recommFund .prdLst > li > .slideBtnWrap {margin:10px;}
.recommFund .prdLst dl + .slideBtnWrap {margin-top:0;}
.recommFund .btnWrap a {width:48.2%;}
.recommFund .btnWrap a:last-child {float:right;}
.recommFund .thumb {position:relative; background:#000;}
.recommFund .thumb > img, .recommFund .thumb > a > img {opacity:0.55; z-index:1;}
.recommFund .thumb.new:before {content:' '; display:inline-block; position:absolute; top:0; left:0; background:url(/mbw/images/common/ico_set.png) 0 -70px no-repeat; background-size:150px auto; width:41px; height:41px; z-index:2;}
.recommFund .thumb .desc {position:absolute; top:50%; left:0; width:100%; margin:-20px 0 0; text-align:center; z-index:2;}
.thumb .label {display:inline-block; background:#6570c0; min-width:20%; padding:0 15px; height:21px; line-height:21px; text-align:center; color:#fff; font-size:11px;}
.recommFund .thumb .tit {display:block; margin:7px 5% 0; font-size:16px; color:#fff; letter-spacing:-1px;}
.recommFund .prdLst > li .prdDefin dt strong {display:inline; font-size:16px;}
.recommFund .prdLst > li > dl > dt + dd {margin-top:10px;}
.recommFund .prdLstWrap {background:none;}
.recommFund .split_cols.col2 > .prdLstWrap > li {height:75px; border:none;}
.recommFund .split_cols.col2 > .prdLstWrap > li:first-child {border-right:1px #ddd dotted;}
.recommFund .danger_graph {display:block; margin-bottom:10px; color:#666; font-size:11px; height:15px;}
.recommFund .detailDefin dt, .recommFund .detailDefin dd {display:block; float:inherit; text-align:center; padding:0;}
.recommFund .detailDefin dt {margin-bottom:10px; height:15px; color:#666; font-size:11px;}
.recommFund .prdLst > li .prdDefin > dd {color:#666;}
.recommFund .detailDefin dd > strong {display:inline-block; font-size:28px; line-height:28px;}

.recommFund.col2 {background:#e6e6e6;}
.recommFund.col2 .prdLst:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
.recommFund.col2 .prdLst > li {float:left; width:45.5%; margin-right:3%; margin-bottom:3%;}
.recommFund.col2 .prdLst > li:first-child, .recommFund.col2 .prdLst > li:first-child + li {margin-top:3%;}
.recommFund.col2 .prdLst > li:nth-child(odd) {margin-left:3%;}
.recommFund.col2 .prdLst > li.no_text{width:94%;}
.recommFund.col2 .prdLst > li.no_text span{background:#e6e6e6;display:block;text-align:center;font-size:13px;padding:40px 12px 30px 20px;color:#333;vertical-align:top;line-height:18px}
.recommFund.col2 .prdLst > li.no_text span:before {display:inline-block;width:18px;height:18px;position:absolute; content:' '; opacity:1; background:url(/mbw/images/common/ico_set.png) -50px 0 no-repeat; background-size:150px auto; margin-top:0; margin-left:-22px; letter-spacing:0;}

/* 자문사 검색하기 조건 추가 */
.investAdvice .investType{display:block; margin-top:10px;}
.investAdvice .investType:after {content:"";display:block;clear:both;visibility:hidden}
.investAdvice .investType li{position:relative; display:inline-block; float:left; width:23.8%; height:20px; margin:0 0 0 1.5%}
.investAdvice .investType li:nth-child(1){margin-left:0}

input[type=checkbox].chk_invest, input[type=radio].chk_invest{position:relative; display:block; width:100%; height:20px; padding:0; margin:0; background:#7891af; border:2px solid #7891af}
input[type=checkbox].chk_invest+label, input[type=radio].chk_invest+label{position:absolute; top:0; left:0; right:0; height:20px; line-height:20px; display:block; font-size:12px; color:#fff; text-align:center; letter-spacing:-1px; padding:0; margin:0;}
input[type=checkbox].chk_invest:checked, input[type=radio].chk_invest:checked{background-color:#0078c8; border-color:#0078c8;}
input[type=checkbox].chk_invest:checked+label, input[type=radio].chk_invest:checked+label{color:#fff !important}


.investAdvice{}
/* 검색 */
.investAdvice .srchFormWrap select{float:left;width:20%;height:40px;background-position-y:-194px;line-height:39px;margin-right:1%;}
.investAdvice .srchFormWrap .inpSrchWrap{float:left;width:62%}

.investAdvice .prdLstWrap{padding:10px; background-color:#002d55; padding-top:0}
.investAdvice .prdLstWrap:after {content:"";display:block;clear:both;visibility:hidden}
.investAdvice .prdLstWrap.blue{background-color:#002d55; padding-bottom:0; padding-top:75px;}
.investAdvice .prdLstWrap.blue .prdLst{padding-bottom:1px}
.investAdvice .prdLstWrap .prdLst{background-color:#fff; padding-bottom:1px;}
.investAdvice .prdLstWrap .prdLst:after {content:"";display:block;clear:both;visibility:hidden}
.investAdvice .prdLstWrap .prdLst > li.header{ border-top:0}
.investAdvice .prdLstWrap .prdLst > li{border-radius:0; border-top:10px solid #002d55; margin-top:0}
.investAdvice .prdLstWrap .prdLst > li:after {content:"";display:block;clear:both;visibility:hidden}
.investAdvice .prdLstWrap .prdLst > li.header .thumb{display:block; position:relative; margin-top:-63.5px; float:none; text-align:center; overflow:hidden}
.investAdvice .prdLstWrap .prdLst > li.header .thumb img{width:87px; height:87px;}
.investAdvice .prdLstWrap .prdLst > li .thumb{display:block; position:absolute; margin:0; float:left; text-align:center;}
.investAdvice .prdLstWrap .prdLst > li .thumb img{width:75px; height:75px;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin{}
.investAdvice .prdLstWrap .prdLst > li .prdDefin:after {content:"";display:block;clear:both;visibility:hidden}
.investAdvice .prdLstWrap .prdLst > li .prdDefin dt{display:block; float:left; text-align:left; margin:8px 0 0 80px}

.investAdvice .prdLstWrap .prdLst > li.header .prdDefin dt{display:block; float:none; text-align:center; margin:8px 0 0}
.investAdvice .prdLstWrap .prdLst > li .prdDefin dt strong, 
.investAdvice .prdLstWrap .prdLst > li .prdDefin dt strong a{font-size:16px; color:#000; }
.investAdvice .prdLstWrap .prdLst > li .prdDefin dd{display:block; color:#333; float:left; overflow:hidden}
.investAdvice .prdLstWrap .prdLst > li.header .prdDefin dd{display:block; color:#333; float:none; margin-left:0}
.investAdvice .prdLstWrap .prdLst > li.header .prdDefin .split_cols{margin-left:0px;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols{/* margin-left:72px; */width:100%;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul{margin:0}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols.col3 li{display:inline-block; border-radius:0; width:auto; float:none; color:#333; border-width:0;border-left:1px solid #e4e4e4; padding:0 3px 0 4px; margin:0; font-size:12px; line-height:13px}
.investAdvice .prdLstWrap .prdLst > li.header .prdDefin .split_cols.col3 li:last-child{border-left:1px solid #e4e4e4; padding-left:3px}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols.col3 li:first-child{border-left:none; padding-left:0}
.investAdvice .prdLstWrap.blue .prdLst > li .prdDefin .split_cols.col3 li:last-child{display:inline-block; padding-top:0}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols li span{color:#666; font-size:12px}
/* 항목 추가 요건 : 180622 */
/* .investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols.col3 ul{float:left;width:42%;position:relative;left:72px} 
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col2{float:right;width:36%;left:inherit}*/
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols.col3 ul{margin-left:80px;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col3{display:block;margin:25px 0 0 0}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col3 > li{border-style:dotted;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col3 > li,
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col3 > li:last-child{width:33%;float:left;padding:0;text-align:center}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col3 > li > span{display:block;line-height:13px;padding:1px 0 3px 10px;text-align:left;font-weight:normal}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .split_cols ul.col3 > li > strong{display:block;line-height:13px;padding:1px 10px 3px 0;text-align:right;font-weight:bold}

.investAdvice .prdLstWrap .prdLst > li.header .prdDefin .slideTextWrap{}
.investAdvice .prdLstWrap.blue .prdLst > li .prdDefin .slideTextWrap{margin-top:10px}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap{display:block; width:100%; position:relative; margin-top:10px;background-color:#f4f4f4}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap.off a{height:18px; -webkit-line-clamp:1;} 
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap.off a:before{opacity:0}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap a{display:-webkit-box; width:95%; overflow:hidden; line-height:18px; font-size:13px; padding-right:15px; -webkit-box-orient: vertical; -webkit-line-clamp:2; word-wrap: break-word; height:30px; color:#333;padding:8px}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap.on a{height:auto; -webkit-line-clamp:inherit}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap a:before{opacity:1; position:absolute; width:15px; height:15px; bottom:3px; right:0; display:block; content:' '; background:url(/mbw/images/common/ico_sildeUpDn.png) 95% -398px no-repeat; background-size:15px auto;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .slideTextWrap.on a:before{background-position:95% -496px; bottom:0px;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .modelPortfolio{width:100%; display:block; position:relative; height:25px; overflow:hidden; border-top:1px solid #e4e4e4}
.investAdvice .prdLstWrap .prdLst > li.header .prdDefin .modelPortfolio{}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .modelPortfolio a{display:block; padding-top:5px; line-height:25px; font-size:13px; color:#333}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .modelPortfolio.on a > strong{color:#0078c8}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .modelPortfolio a:before{opacity:1; position:absolute; width:15px; height:15px; top:10px; right:0; display:block; content:' '; background:url(/mbw/images/common/ico_sildeUpDn.png) 95% -398px no-repeat; background-size:15px auto;}
.investAdvice .prdLstWrap .prdLst > li .prdDefin .modelPortfolio.on a:before{background-position:95% -496px;}
/* .investAdvice .prdLstWrap .prdLst > li.modelPortfolioList{margin:0; padding-bottom:0; display:none; padding-top:2px; border:none} */
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList{/* padding-bottom:0; */ display:none; border:0; /*border:1px solid #e4e4e4;*/ margin:0 15px 15px; padding:0;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList+.modelPortfolioList{margin-top:-13px}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList:last-child{padding-bottom:15px;}
.investAdvice .prdLstWrap.blue .prdLst > li.modelPortfolioList:last-child{padding-bottom:0;}

.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin{border:1px solid #e4e4e4; padding:10px; }
/* .investAdvice .prdLstWrap .prdLst > li.modelPortfolioList:after{opacity:1; width:100%; border-bottom:2px solid #fff; margin-bottom:15px; display:block; content:' ';} */
/* .investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin{border:1px solid #e4e4e4; padding:10px} */
/* .investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin:after{opacity:1; width:100%; border-bottom:2px solid #fff; margin-bottom:15px; display:block; content:' ';} */
  
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin dt{float:none; text-align:left; margin:6px 0 0}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin dt strong, .investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin dt strong a{font-size:13px; line-height:13px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin .split_cols{margin-left:0}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .prdDefin .split_cols li{display:inline-block; width:auto; float:none; color:#444; padding:0; margin:0; border:0; font-size:13px; line-height:13px}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking, .riskBox .risk {vertical-align:middle; display:inline-block; width:94px !important; height:14px; margin-top:0px; text-indent:200%; overflow:hidden; white-space:nowrap;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList span.txt{display:inline-block; width:110px; text-align:right; margin:0; color:#444 !important}
 .riskBox .riskTxt {display:inline-block; text-align:left; margin:0; font-size:13px; color:#444 !important}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph01, .riskBox .risk.graph01  {background:url(/mbw/images/search/ico_risk_rating01.png) no-repeat 0 0px; background-size:94px 14px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph02, .riskBox .risk.graph02 {background:url(/mbw/images/search/ico_risk_rating02.png) no-repeat 0 0px; background-size:94px 14px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph03, .riskBox .risk.graph03 {background:url(/mbw/images/search/ico_risk_rating03.png) no-repeat 0 0px; background-size:94px 14px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph04, .riskBox .risk.graph04 {background:url(/mbw/images/search/ico_risk_rating04.png) no-repeat 0 0px; background-size:94px 14px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph05, .riskBox .risk.graph05 {background:url(/mbw/images/search/ico_risk_rating05.png) no-repeat 0 0px; background-size:94px 14px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph06, .riskBox .risk.graph06 {background:url(/mbw/images/search/ico_risk_rating06.png) no-repeat 0 0px; background-size:94px 14px;}

/* .investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph01 {background-position:0px 0px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph02 {background-position:0px -27.5px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph03 {background-position:0px -55px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph04 {background-position:0px -83px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph05 {background-position:0px -110px;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .ranking.graph06 {background-position:0px -137.5px;} */
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .textWrap{width:98%; color:#777; font-size:13px; line-height:18px}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .btnWrap{text-align:center; width:100%;}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList .btnWrap a{display:block; float:none; margin:0 auto; width:35%}

/* backup 07-08
.recommFund.col2 .thumb .label {min-width:30%;}
.recommFund.col2 .prdLst > li .prdDefin dt a{display:block;}
.recommFund.col2 .prdLst > li .prdDefin dt strong {height:38px; overflow:hidden; display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; word-wrap: break-word;}
.recommFund .thumb .tit, .recommFund.col2 .prdLst > li .prdDefin dt strong {font-size:14px;}
.recomMsg {margin-top:5px;}
*/
.recommFund.col2 .thumb .label {min-width:30%;}
.recommFund.col2 .prdLst > li .prdDefin dt a{display:block; width:100%;}
.recommFund.col2 .prdLst > li .prdDefin dt a+p{display:block;font-size:12px;color:#666}
.recommFund .thumb .tit, .recommFund.col2 .prdLst > li .prdDefin dt strong {display:-webkit-box; overflow:hidden; height:36px; line-height:18px; font-size:14px; -webkit-box-orient: vertical; -webkit-line-clamp:2; word-wrap: break-word;}
.recomMsg {margin-top:5px;}

.recomMsg > .toolTipWrap > .ico_help > span {display:inline-block; margin-left:5px; color:#0078c8; font-size:11px; }
.recomMsg > .toolTipWrap .ico_help.on:after {left:4px; margin:0;}
.recommFund.col2 .prdLst > li > dl > dt + dd {margin-top:15px;}
.recommFund.col2 .prdLst > li .recomMsg > .toolTipWrap .toolTipCont {right:-100%;}
.recommFund.col2 .prdLst > li:nth-child(odd) .recomMsg > .toolTipWrap .toolTipCont {left:0;}
.recommFund.col2 .split_cols ul {margin:0; padding:0;}
.recommFund.col2 .split_cols.col2 > .prdLstWrap > li {float:inherit; display:block; width:100%; margin:0 0 15px; height:auto; border:none; text-align:left;}
.recommFund.col2 .danger_graph, .recommFund.col2 .detailDefin dt {margin-bottom:3px; font-size:12px;}
.recommFund.col2 .danger_graph + .txt {font-weight:bold; color:#000;}
.recommFund.col2 .prdLstWrap .detailDefin {width:100%;}
.recommFund.col2 .detailDefin dt, .recommFund.col2 .detailDefin dd {text-align:left;}
.recommFund.col2 .detailDefin dd, .recommFund.col2 .detailDefin dd > strong {font-size:12px; color:#000; line-height:inherit;}
.recommFund.col2 .btnWrap a {font-size:11px; width:46%; height:28px; line-height:28px;}
.recommFund.col2 .btnWrap.newType a.whole{width:99%;}
.recommFund.col2 .subLabel{float:right; margin-top:2px}
/* multi massage */
.bbsViewHeader .imgTit {position:relative; display:block; background:url(/mbw/images/invest/tit_multi_visual.png) 0 0 no-repeat; background-size:100% auto; width:100%;}
.bbsViewHeader .imgTit:after {position:absolute; bottom:15px; right:15px; display:inline-block; content:' '; background:url(/mbw/images/common/bi.png) 0 0 no-repeat; background-size:86px auto; width:86px; height:15px;}
.bbsViewHeader .imgTit > strong {display:block; margin-left:15px; height:100px; line-height:100px; font-size:18px; color:#fff;}

.hashTagWrap {padding:40px 15px; border-top:2px #666 solid;}
.hashTagWrap article > h1.tit {margin:0;}
.hashTagWrap li {font-size:14px; color:#333; padding:12px 0; letter-spacing:-1px;}
.hashTagWrap li > a {display:inline-block; color:#0078c8; margin-right:10px;}
.hashTagWrap .lst > li:last-child {border-bottom:none;}
.hashTagWrap > article + article {margin-top:40px;}

.multiMsgAgree {padding:15px; font-size:12px; border-top:1px #d6d6d6 solid;}
.multiMsgAgree dt, .quickLnk {color:#0078c8;}
.multiMsgAgree dt + dd {margin:10px 0; line-height:1.6;}
.multiMsgAgree dd.lnk {text-align:right;}
.quickLnk.mpop:before {width:16px; height:16px; margin:-2px 5px 0 0;}

/* 추천주 */
.recommStock .bbsLst {}
.recommStock .bbsLst > li {background:#fff; margin-bottom:10px; padding:7px 15px 15px;}
.recommStock .bbsLst > li:last-child {margin-bottom:0; border-bottom:1px #e6e6e6 solid;}
.recommStock .bbsLst > li.no_data {margin-bottom:-10px;}
.recommStock .bbsLstCont {padding:0;}
.recommStock .bbsLstCont dt > a {position:relative; display:block; color:#000;}
.recommStock .bbsLstCont dt > a > strong {display:block; margin-bottom:10px; font-size:18px;}
.recommStock .bbsLstCont dt > a > span {font-size:12px;}
.icView.afIco:after {position:absolute; top:50%; right:-10px; margin-top:-8px; background-position:0 -233px; width:10px; height:17px;}
.recommStock .bbsLstCont dt + dd {margin-top:20px;}
.recommStock .infoLst:after{content:"";display:block;clear:both;visibility:hidden}
.recommStock .infoLst > li {float:left; width:50%;}
.recommStock .infoLst > li .grp {padding-bottom:10px; font-size:11px;}
.recommStock .infoLst.col2 > li .grp {padding:0;}
.recommStock .infoLst > li:nth-child(odd) .grp {padding-right:15px;}
.recommStock .infoLst > li:nth-child(even) .grp {padding-left:15px; border-left:1px #e4e4e4 dotted;}
.recommStock .infoLst > li:nth-child(3) .grp, .recommStock .infoLst > li:nth-child(4) .grp {padding-top:10px;  padding-bottom:0; border-top:1px #e4e4e4 dotted;}
.recommStock .infoLst > li  span, .recommStock .infoLst > li  strong {display:block; text-align:left; color:#777;}
.recommStock .infoLst > li  strong {margin-top:3px; text-align:right; font-size:16px; color:#333;}
.recommStock .infoLst > li  strong.date {font-size:13px; font-weight:normal;}

.recommStock > ul > li > .btnWrap.col2 {margin-top:20px;}
.recommStock .btnWrap.col2 a {width:48%; margin:-1px;}
/* .recommStock .btnWrap.col2 a.white {height:38px; line-height:38px; border-width:1px;}*/

.msg {margin:15px; font-size:11px; color:#666;}
ul.bbsLst.lst + ul {margin-top:10px;}


/* 추천펀드 : 펀드투자자권유준칙 */
.fundAdvisor{background-color:#e6e6e6; display:block; padding:0 0 10px}
.fundAdvisor:after{content:"";display:block;clear:both;visibility:hidden}
.fundAdvisor .descText{display:block; padding:15px 15px 5px 15px; font-size:12px; color:#777; line-height:18px;}
.fundAdvisor .descText > em{color:#333}
.fundAdvisor .descText > strong{color:#0078c8; }
.fundAdvisor .h6TabWrap .h6Tab{margin:0 15px}
.fundAdvisor .btnWrap{margin:0 15px}
.fundAdvisor .btnWrap a{float:none !important; width:inherit !important; display:block}

.subLabel {display:inline-block; border-radius:3px; background-color:#7891af; text-align:center; font-weight:bold; vertical-align:middle; color:#fff; width:48px; height:16px; line-height:16px; font-size:9px; }
.investLabel {display:inline-block; border-radius:3px; background-color:#ff7038; text-align:center; font-weight:bold; vertical-align:middle; color:#fff; width:auto; height:16px; line-height:16px; font-size:10px; padding:0 4px}


/* event */
.evAgreeWrap {margin-top:25px;}
.evHeader .evInfo > li {margin-top:4px;}
.bbsViewCont > article.evHeader {padding-bottom:0;}
.evHeader :last-child {margin-bottom:0;}
.evHeader .btnWrap.col2 {text-align:left; margin-top:15px;}
.evHeader .btnWrap.col2 a {float:none; height:auto; line-height:inherit; width:auto; padding:0 5px; text-decoration:underline; letter-spacing:-1px; color:#333; border:none;}
.evHeader .btnWrap.col2 a:first-child {padding-left:0;}
.evHeader .btnWrap.col2 a:first-child + a {float:none;}
.evHeader .btnWrap.col2 a.mpop:before {background-position:0 0;}


.evAgreeWrap > strong.tit {display:inline-block; margin-bottom:5px;}
.evAgreeBox {background:#f5f5f5; padding:10px; height:100px; overflow:auto; border-top:1px #c3c4c7 solid; border-bottom:1px #c3c4c7 solid;}
.evAgreeBox > article {font-size:11px; color:#666; margin-bottom:15px;}
.evAgreeBox > article em {color:#e13200;}
.evAgreeBox :last-child {margin-bottom:0;}
.evAgreeBox > article > h1.tit {margin-bottom:10px; padding-bottom:0; color:#333; font-size:12px; font-weight:normal; line-height:inherit;}
.evAgreeBox .lstBar > li {font-size:11px; text-indent:0; margin-left:-10px;}
.evAgreeBox .lstBar.marLzero > li {margin-left:0;}
.evAgreeBox .lstTxtIndent > li {padding-left:12px; text-indent:-12px;}
.evAgreeBox .qr_table { width:100%; cellspacing:0; cellpadding:0; }
.evAgreeBox .qr_table tr th { font-size:13px; font-weight:bold; letter-spacing:-1px; }
.evAgreeBox .qr_table tr td:first-child { background:#28aad8; border-radius:10px 0 0 10px; }
.evAgreeBox .qr_table tr td:nth-child(2) { background:#4fb645; }
.evAgreeBox .qr_table tr td:nth-child(3) { background:#f4ce1d; }
.evAgreeBox .qr_table tr td:nth-child(4) { background:#f5842c; }
.evAgreeBox .qr_table tr td:nth-child(5) { background:#e82f26; border-radius:0 10px 10px 0; }


.agreeCheck {position:relative; margin-top:15px; font-size:12px; color:#333;}
.agreeCheck > span {display:inline-block;}
.agreeCheck.type2 > label{position:static;}
.agreeCheck > label {position:absolute; bottom:0; right:0;}
.agreeCheck > label > input[type=checkbox] {margin-right:5px;}

/* 이벤트 동의하기 라디오 버튼 스타일 변경*/
.agreeCheck.eventAgree{}
.agreeCheck.eventAgree:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.agreeCheck.eventAgree input[type="radio"] {background-position:0 -75px;}
.agreeCheck.eventAgree input[type="radio"]:checked {background-position:0 0;}

.bbsViewWrap .evAgreeWrap + .btnWrap {margin-top:0;}

.winnerWrap {padding:15px 15px 25px; border-bottom:2px #c3c4c7 solid;}
.winnerWrap :last-child {margin-bottom:0;}

.winnerWrap > .btnWrap {margin:15px 0 0;}
.winnerWrap > .btnWrap a {border:none;}

.winnerCheck > dt {margin:15px 0 7px; font-size:14px; font-weight:bold; color:#333;}
.winnerCheck > dt:first-child {margin-top:0;}
.winnerCheck > dd > select + input[type=text] {margin-left:2%;}
.winnerCheck input[type=text] {height:28px; line-height:28px;}
.winnerCheck input[type=text], .winnerCheck select, .winnerCheck input[type=date] {font-size:11px; color:#000;}
.nationality{display:block;}
.nationality:after {content:"";display:block;clear:both;visibility:hidden;}
.nationality > li {position:relative; display:inline-block; float:left; width:50%; height:34.25px; margin:0;}
.nationality > li:first-child {margin-right:-1px;}
.nationality > li > input[type=radio].chk_type {border-width:1px;}
.nationality > li > input[type=radio].chk_type, .nationality > li > input[type=radio].chk_type+label {z-index:1;}
.nationality > li > input[type=radio].chk_type:checked, .nationality > li > input[type=radio].chk_type:checked+label {z-index:2;}
.nationality > li > input[type=radio].chk_type:checked {background:#fff;}
.nationality > li > input[type=radio].chk_type:checked+label {color:#0078c8 !important; font-weight:bold;}
.gender {width:20px;}
.masking {display:inline-block; letter-spacing:.75em; margin-left:2%; height:24px; line-height:24px;; color:#000; vertical-align:bottom;}

.slideUPWrap {margin-top:15px;}
.slideUPWrap .slideBtnWrap {text-align:right; margin-top:15px;}
.slideUPWrap .slideBtnWrap > a {font-size:12px; color:#333; text-decoration:underline;}
.slideUPWrap .slideBtnWrap > a:after {display:inline-block; content:' '; background:url(/mbw/images/finance/ico_elsArrow.png) no-repeat right -18px; background-size:7px 25px; margin:0; padding:0; font-size:14px; color:#000; width:12px; height:10px; vertical-align:middle;}	
.slideUPWrap .slideBtnWrap > a.on:after{background-position:right 2px;}

.winSrchResult {margin-bottom:40px;}
.winSrchResult .bbsLstCont {padding:0; margin:0;}
.winSrchResult .lst li:last-child {border-bottom:none;}
.winnerInfo {margin-top:15px;}
.winnerInfo .introDesc {background:#FFD83B; padding:15px; text-align:center; font-size:12px; color:#333; line-height:1.5;}
.winnerInfo.notFound .introDesc {background:#f5f5f5;}
.winnerInfo .introDesc:before {background-position:50% -25px; width:100%; height:11px; margin:0 0 10px;}
.winnerInfo .introDesc > strong {color:#000;}
.findWinner {position:relative; z-index:1;}
.findWinner > a.btn_findWinner {position:absolute; top:5%; left:50%; margin-left:-55px; display:inline-block; background:url(/mbw/images/customer/btn_findWinner.png) 0 0 no-repeat; background-size:101px auto; width:101px; height:111px; z-index:2;}
.findWinner > article {background:#fff; opacity:0.5;}

/* QUIZ */
.newList.inLabel .label {margin:-25px 0 10px;}

.quizHint {position:absolute; top:37%; right:15px;}
.quizHint > .ico_help:before {background-position:0 -115px; width:65px; height:65px;}
.quizHint > .ico_help.on:after {display:none;}
.quizHint.toolTipWrap >  .toolTipCont {top:70px; right:-5px;}
.quizHint.toolTipWrap >  .toolTipCont .toolTip_close {top:100%; right:0;}

.bbsViewCont .quizInp {margin-bottom:0;}
.bbsViewCont .quizInp:after {content:' '; display:block; margin-top:0;  border-bottom:2px #000 solid;}
.bbsViewCont .quizInp > input {border:none; width:100%;}
.bbsViewCont .quizInp > input[placeholder] {color:#000; text-align:center;}
.bbsViewCont .quizInp > ::-webkit-input-placeholder{color:#000;}

.lstAnswer {margin-bottom:15px;}
.lstAnswer > li {padding:5px 0;}
.lstAnswer > li > label {font-size:13px;}
.lstAnswer.col2{}
.lstAnswer.col2:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
.lstAnswer.col2 > li {float:left; width:50%; min-height:36px;}
.lstAnswer > li > label{text-indent:-10px; margin-left:15px;}


.bbsViewCont .quizInp + .evAgreeWrap {margin-top:15px;}

.myQuiz .tbl_trading {margin-top:-1px;}
.tbl_trading .bbsLstCont dt > strong {line-height:1.4;}

/* MY 캐시쿠폰 */
.contHead.contImg {background-size:320px auto; background-repeat:no-repeat; background-position:50% 100%; min-height:309px;}
.contHead.myCash01 {position:relative; background-image:url(/mbw/images/customer/img_mycash_visual01.png); height:345px;}
.contHead.myCash01 .btnWrap {position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
.contHead.myCash01 .btnWrap.alone > a {width:60%;}
.tit.slim {font-weight:normal;}
.contHead + ul.lstDot {margin:0 15px 15px;}

.contBox {padding:0px 15px 30px; text-align:left;}
.contBox > img.marT, #core_edu_img {margin-top:25px;}
.contBox > .btnWrap {margin:25px 0;}
.contBox :last-child {margin-bottom:0;}
.contBox p {font-size:12px; color:#666;}

.cashProcessWrap {background:#f4f4f4; padding:0 15px;}
.cashProcessWrap .cashProcess {padding-left:15px; margin-left:100px; font-size:13px; border-left:1px #c6c6c6 dotted;}
.cashProcessWrap .cashProcess > dt {position:relative; color:#333; font-size:14px; letter-spacing:-1px;}
.cashProcessWrap .cashProcess > dt > strong{line-height:15px;vertical-align:middle}
.cashProcessWrap .cashProcess > dt > strong > .toolTipWrap{vertical-align:bottom;margin-left:3px}
.cashProcessWrap .cashProcess > dt:before, .cashProcessWrap .cashProcess > dd.next:after {display:inline-block; content:' '; background:url(/mbw/images/customer/mycash.png) no-repeat; background-size:320px auto;}
.cashProcessWrap .cashProcess > dt:before {width:65px; height:65px; position:absolute; top:-5px; left:-100px;}
.cashProcessWrap .cashProcess > dt.pcs01:before {background-position:0 -25px;}
.cashProcessWrap .cashProcess > dt.pcs02:before {background-position:-70px -25px;}
.cashProcessWrap .cashProcess > dt.pcs03:before {background-position:-140px -25px;}
.cashProcessWrap .cashProcess > dt.pcs04:before {background-position:-210px -25px;}
.cashProcessWrap .cashProcess > dt.pcs05:before {background-position:0 -107.5px;}
.cashProcessWrap .cashProcess > dd.next {position:relative; margin:5px 0 40px; line-height:1.6;}
.cashProcessWrap .cashProcess > dd .lstDot li{font-size:13px}
.cashProcessWrap .cashProcess > dd.next:after {position:absolute; bottom:-25px; left:-24px; width:17px; height:8px; background-position:0 0;}
.cashProcessWrap .cashProcess > dd.next:last-child {margin-bottom:0;}
.cashProcessWrap .cashProcess > dd.next:last-child:after {display:none;}
.cashProcessWrap .cashProcess > dd.next > .btnWrap {margin:15px 40px 0 0;}
.cashProcessWrap .cashProcess > dt:first-child {padding-top:30px;}
.cashProcessWrap .cashProcess > dt:first-child:before {margin-top:30px;}
.cashProcessWrap .cashProcess > :last-child {padding-bottom:30px;}


.bonusCP {}
.bonusCP .introDesc {color:#333; font-size:12px;}
.bonusCP .introDesc > strong {display:inline-block; font-size:15px; margin-bottom:15px;}

.myCashInfo {padding:20px 0 25px; text-align:center; font-size:17px; color:#333; letter-spacing:-1px;}
.myCashInfo > strong {color:#e13200;}
.myCashInfo > em {color:#0078c8; font-weight:bold; font-style:normal;}

.myInfoWrap {background:#f5f5f5;}
.myInfoWrap > li {padding:30px 15px; border-top:1px dotted #e4e4e4;}
.myInfoWrap > li:first-child {border:none;}
.myInfoWrap > li > h2.subTit {padding:0; margin-bottom:20px;}
.myInfoWrap > li > h2.subTit .toolTipWrap, .myInfoWrap .txt .toolTipWrap{vertical-align:middle;}
.myInfoWrap .txt {font-size:14px; color:#333;}

.myStarInfo, .stamp:after, .myCouponInfo {background:url(/mbw/images/customer/myStar.png) no-repeat; background-size:400px auto;}
.myStarInfo {background-position:100% 0; width:204px; height:207px; margin:0 auto 15px;}
.stampWrap {padding:47px 44px 50px; text-align:center; color:#222; letter-spacing:-1px;}
.stampWrap strong, .stamp:after {display:block;}
.stamp {color:#1c54a3; font-size:30px;}
.stamp:after {content:' '; width:118px; height:22px; margin-bottom:5px;}
.stamp.star_0:after {background-position:0 0;}
.stamp.star_1:after {background-position:0 -30px;}
.stamp.star_2:after {background-position:0 -60px;}
.stamp.star_3:after {background-position:0 -90px;}
.stamp.star_4:after {background-position:0 -120px;}
.stamp.star_5:after {background-position:0 -150px;}

.myCouponInfo {background-position:0 100%; width:229px; height:188px; margin:0 auto 15px;}
.myCouponInfo dt, .myCouponInfo dd {margin:10px 30px 43px; letter-spacing:-1px;}
.myCouponInfo dt {padding:35px 5px 0px; margin-bottom:10px; font-size:13px; color:#444; text-align:center}
.myCouponInfo dt > strong {display:block; font-size:28px; color:#e13200;}
.myCouponInfo dd {padding-top:10px; border-top:1px dotted #e4e4e4;}
.myCouponInfo dd .lstDot > li {margin-top:0;}
.myCouponInfo dd .lstDot > li > strong {display:inline-block; margin-left:10px; color:#222;}

.myStatusWrap {padding:0 15px;}
.myStatusWrap > h3.subTitH3 {position:relative; padding:25px 0 15px; font-weight:normal}
.myStatusWrap > h3.subTitH3 > .btn_viewHistory {display:inline-block; position:absolute; right:0; top:50%; height:17px; line-height:17px; margin-top:-4px; color:#666; font-size:11px; text-decoration:underline;}
.bonusCP h2.subTit {padding-left:0;}
.myStatusWrap .sliderWrap {height:230px;}
#statusSlider {width:100%; height:212px !important; padding:0; margin:0; position:relative; overflow:hidden; }
#statusSlider ul {width:99999px; height:208px; position:absolute; top:0; left:0; overflow:hidden; }
#statusSlider ul:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
#statusSlider ul li {float:left; width:26.66em; height:210px}
#statusSlider li > a {display:inline-block; width:97px; height:104px; vertical-align:top; margin-left:-5px; margin-bottom:-1px;}

.stampStatus > li {text-align:center;}
.stampStatus dl, .myBonusStatus dl {position:relative; display:inline-block; width:100%; height:104px; background:#fff url(/mbw/images/customer/myStamp.png) no-repeat; background-size:290px auto; z-index:1; vertical-align:top;}
#statusSlider li > a:first-child {margin-left:0;}
.stampStatus dl.stamp_5 {background-position:0 0;}
.stampStatus dl.stamp_5.my {background-position:0 -103px;}
.stampStatus dl.stamp_10 {background-position:-96px 0;}
.stampStatus dl.stamp_10.my {background-position:-96px -103px;}
.stampStatus dl.stamp_20 {background-position:-193px 0;}
.stampStatus dl.stamp_20.my {background-position:-193px -103px;}
.stampStatus dl.ok {background-position:-193px -206px;}
.stampStatus dl.ok > .payOk {color:#fff;}
.stampStatus dl dt {position:absolute; top:3px; left:3px; color:#fff;}
.stampStatus dl dt+dd {height:104px;}
.stampStatus dl .payOk {display:none;}
.stampStatus dl.ok .payOk{display:block; letter-spacing:-1px; position:absolute; bottom:30px; left:1px; padding:0; width:99%; height:auto; font-size:8px; vertical-align:middle; text-align:center;}
.stampStatus dl.ok .payOk strong{font-weight:normal}

/* .stampStatus dl.ok {z-index:2;}
.stampStatus dl.ok > .payOk {color:#fff;}
.stampStatus dl dt {position:absolute; top:3px; left:3px; color:#fff;}
.stampStatus dl dt+dd {height:104px;}
.stampStatus dl .payOk {display:none;}
.stampStatus dl.ok .payOk{display:block; position:absolute; bottom:1px; left:1px; background:#0078C8; padding:5px 0; width:99%; font-size:11px; vertical-align:middle; text-align:center;}
 */
.myStatusWrap .sliderWrap .paging {position:absolute; top:inherit; bottom:0px; left:0; width:100%; line-height:0; height:8px; text-align:center;display:none}
.myStatusWrap .sliderWrap .paging .btn_page { display:inline-block; width:8px; height:8px; margin:0; margin-left:0.41em; line-height:0; text-indent:-9999px; background:#000; opacity:0.3; border-radius:15px;}
.myStatusWrap .sliderWrap .paging .btn_page.on {background:#0078C8; opacity:1;}

.myBonusStatus {margin:0 15px; border:1px #e4e4e4 solid; padding:15px 0;}
.myBonusStatus > li {text-align:center; margin-top:10px;}
.myBonusStatus > li:first-child {margin-top:0;}
.myBonusStatus dl {width:135px; height:64px; margin:0 auto; background-position:0 -306px;}
.myBonusStatus dl > dt, .myBonusStatus dl > dd {margin:0 12px; }
.myBonusStatus dl > dt {background:#0070c2; height:22px; margin-top:8px; line-height:22px; font-size:12px; color:#fff;}
.myBonusStatus dl > dd.price {font-size:20px; line-height:20px; color:#0070c2;}
.myBonusStatus dl > dd{margin-top:5px; font-weight:bold}
.myBonusStatus dl > dd.date {font-size:11px; color:#666;}

/*보유 쿠폰 미보유,보유,지급완료 */
.myBonusStatus dl.non{background-position:0 -370.25px;} /* 쿠폰 미보유 */
.myBonusStatus dl.non dt{background:#c0b9ad; color:#fff;}
.myBonusStatus dl.non > dd{}
.myBonusStatus dl.non > dd.price {font-size:20px; line-height:20px; color:#c0b9ad;}
.myBonusStatus dl.cash{background-position:0 -434px;} /* 쿠폰 현금지급완료 */
.myBonusStatus dl.cash dt{background:none; color:#1677bd; margin-top:0px; font-size:11px}
.myBonusStatus dl.cash > dd{margin-top:2px}
.myBonusStatus dl.cash > dd.price {font-size:14px; line-height:19px; color:#fff; text-align:left; padding-left:35px}
.myBonusStatus dl.cash > dd.date {font-size:11px; line-height:12px; color:#fff; font-weight:normal; margin-top:7px}

/* 2017-12-27 MY 해외주식 리워드 조회 */
.myRewardWrap{background-color:#f4f4f4; padding:30px 15px;}
.myRewardImg {width:100%; height:340px;}
.myRewardImg.monthType00{background:url(/mbw/images/customer/img_myReward_visual.jpg) no-repeat 0 0; background-size:100% auto;}
.myRewardImg.monthType01{background:url(/mbw/images/customer/img_myReward_visual01.jpg) no-repeat 0 0; background-size:100% auto;}
.myRewardImg.monthType02{background:url(/mbw/images/customer/img_myReward_visual02.jpg) no-repeat 0 0; background-size:100% auto;}
.myRewardImg.monthType03{background:url(/mbw/images/customer/img_myReward_visual03.jpg) no-repeat 0 0; background-size:100% auto;}
.myRewardImg.monthType04{background:url(/mbw/images/customer/img_myReward_visual04.jpg) no-repeat 0 0; background-size:100% auto;}
.myRewardImg.monthType05{background:url(/mbw/images/customer/img_myReward_visual05.jpg) no-repeat 0 0; background-size:100% auto;}
.contListWrap .myRewardWrap > h2.subTit {padding:0; margin-bottom:20px; font-weight:bold;}
.contListWrap .myRewardWrap > h2.subTit > .toolTipWrap{vertical-align:bottom;margin-left:3px}
.myRewardSearch {background-position:0 100%; width:229px; height:188px; margin:0 auto 15px; background:url('/mbw/images/customer/myRewardInquiry.png') no-repeat 0 0; background-size:100% auto;}
.myRewardSearch dt, .myRewardSearch dd {margin:10px 35px 43px; letter-spacing:-1px;}
.myRewardSearch dt {padding:35px 5px 0px; margin-bottom:10px; font-size:15px; color:#444; text-align:center;}
.myRewardSearch dt > strong {display:block; font-size:28px; color:#ff8f1c; text-align:center;}
.myRewardSearch dd {padding-top:5px;}
.myRewardSearch dd .lstDot > li {margin-top:2px;}
.myRewardSearch dd .lstDot > li > strong {display:inline-block; margin-left:10px; color:#222;}

.myRewardStatusWrap .couponWrap{height:330px;}
.myRewardStatusWrap .stampStatus dl, .myRewardStatusWrap .stampStatus dl {position:relative; display:inline-block; width:100%; background-image:url('/mbw/images/customer/myRewardStamp.png'); z-index:1; vertical-align:top;}
.myRewardStatusWrap .myBonusStatus dl {background-image:url('/mbw/images/customer/myRewardStamp.png'); background-size:290px auto;}
.myRewardStatusWrap .sliderWrap .paging .btn_page{opacity:0.5;}
.myRewardStatusWrap .sliderWrap .paging .btn_page.on{background:#03bebe;}
.myRewardStatusWrap .myBonusStatus{border:none;}
.myRewardStatusWrap .myBonusStatus dl dt{background:#35cbcb;}
.myRewardStatusWrap .myBonusStatus dl dd{color:#35cbcb;}
.myRewardStatusWrap .myBonusStatus dl.cash dt{background:none; color:#b3b2af}
.myRewardStatusWrap .myBonusStatus dl.cash > dd.price{color:#b3b2af; text-align:center; padding:0; margin:0}
.myRewardStatusWrap .myBonusStatus dl.cash > dd.date{color:#b3b2af; margin-top:2px}

/* //2017-12-27 MY 해외주식 리워드 조회 */

/* 2018-02-27 MY 국내주식 리워드 조회 */
.myDomesticInfo {background-image:url(/mbw/images/customer/mydomesticDetail.png); background-size:228px auto; width:228px; height:187px; margin:0 auto 15px;}
.myDomesticInfo dt, .myDomesticInfo dd {margin:10px 30px 43px; letter-spacing:-1px;}
.myDomesticInfo dt {padding:35px 0 0px; margin-bottom:10px; font-size:13px; color:#444; text-align:center}
.myDomesticInfo dt > strong {display:block; font-size:26px; color:#ff8f1c; }
.myDomesticInfo dd {padding-top:10px; border-top:1px dotted #e4e4e4;}
.myDomesticInfo dd .lstDot > li {margin-top:0;margin-bottom:4px;font-size:12px}
.myDomesticInfo dd .lstDot > li > strong {float:right; display:inline-block; margin-left:10px; color:#222;}

.myDomesticWrap .myInfoWrap{background:#f1efef}
.myDomesticWrap .couponWrap{height:330px;}
.myDomesticWrap .stampStatus dl, .myDomesticWrap .stampStatus dl {position:relative; display:inline-block; width:100%; background-image:url('/mbw/images/customer/myDomesticReward.png'); z-index:1; vertical-align:top;}
.myDomesticWrap .stampStatus dl.ok, .myDomesticWrap .stampStatus dl.my{background-position:0 -103.5px;}
.myDomesticWrap .stampStatus dl dd span{position:absolute;top:50px;left:21px;width:54px;text-align:center;font-size:12px;color:#c0b9ad;letter-spacing:-1px}
.myDomesticWrap .stampStatus dl.my dd span, .myDomesticWrap .stampStatus dl.ok dd span{color:#a565cc}
.myDomesticWrap .stampStatus dl .payOk, .myDomesticWrap .stampStatus dl.my .payOk{display:none}
.myDomesticWrap .stampStatus dl .payOk{background-color:#a565cc;height:37px;color:#fff;bottom:1px}
.myDomesticWrap .stampStatus dl .payOk strong{display:block;margin-top:5px;}
.myDomesticWrap .stampStatus dl.ok .payOk{display:block}
.myDomesticWrap .sliderWrap .paging .btn_page.on{background-color:#a565cc;}

/* POP 투자정보 */
.contHead.popinvestImg {background-image:url(/mbw/images/customer/customer_main01.jpg); height:320px;} 
.classLst table.tbl_type td {font-size:12px; color:#666;}
.classLst table.tbl_type td span {font-size:12px;}
.classLst table.tbl_type td > a {display:block; margin-bottom:5px;}
.classInfo > dt {margin-bottom:10px; color:#333; font-weight:bold;}
.classInfo > dd > span {display:inline-block; font-size:11px; padding-left:10px; margin-right:10px; border-left:1px #e4e4e4 solid;}
.classInfo > dd > span:first-child {padding:0; border-left:none;}
.mpopClass {color:#333; text-decoration:underline;}
table.tbl_type td .class_closing {color:#e13200;}
table.tbl_type td .class_complete {color:#0078c8;}

.subTit + .classRoomWrap:first-child {margin-top:0;}

.classRoomWrap .classRoomInfo {margin:25px 15px 0; padding-bottom:40px; font-size:12px; text-align:left; border-bottom:1px #e4e4e4 solid;}
/*교육신청 수정 181126 */
.lpopWrap .classRoomWrap .classRoomInfo{margin:0}
.lpopWrap .classRoomWrap .classRoomInfo dt{margin:15px 0 10px}
.lpopWrap .classRoomWrap .classRoomInfo dt:first-child{margin-top:0}
.lpopWrap .classRoomWrap .classRoomInfo dd.map p,
.lpopWrap .classRoomWrap .classRoomInfo dd.map img{padding-bottom:10px}
.lpopWrap .classRoomWrap .classRoomInfo dd p{font-size:12px;}
.lpopWrap .classRoomWrap .classRoomInfo dd .picArea {position:relative; display:block; padding:10px 0 10px; overflow:hidden; border-top:1px solid #e4e4e4}
.lpopWrap .classRoomWrap .classRoomInfo dd .picArea .thumbArea{display:block; width:90px; float:left}
.lpopWrap .classRoomWrap .classRoomInfo dd .picArea .thumbArea img{width:90px; height:90px;}
.lpopWrap .classRoomWrap .classRoomInfo dd .picArea .thumbArea, .lpopWrap .classRoomWrap .classRoomInfo dd .picArea .contArea{box-sizing:border-box; -webkit-box-sizing:border-box}
.lpopWrap .classRoomWrap .classRoomInfo dd .picArea .contArea{display:block; position:relative; padding:0 0 0 15px; width:auto; overflow:hidden}
.lpopWrap .classRoomWrap .classRoomInfo dd .picArea .contArea strong + p{margin:5px 0 8px}

.classRoomInfo dt {color:#333; margin-bottom:10px;}
.classRoomInfo dd+dd {margin-top:10px;}
.classRoomInfo dd > ul {}
.classRoomWrap:last-child .classRoomInfo  {border-bottom:none;}

.srchClass fieldset > label {display:inline-block; margin-right:10px; color:#555;}
.srchClass fieldset > select {width:52%;}
.srchClass .btnWrap {display:inline-block; vertical-align:middle;}
.srchClass .btnWrap > a.btn_srch {width:60px; height:28px; line-height:28px;}
.selItem .check {position:absolute; top:3px; right:0;}
.modClass {color:#e13200 !important;}
.modClass:after {display:inline-block; content:'*'; margin-left:5px; font-size:11px;}

.shareIcoWrap {position:fixed; top:0; left:50%; width:100%; margin-left:-50%; display:none; z-index:1100; text-align:center;}
.shareIcoGroup {position:fixed; top:50%; left:50%; margin-top:-210px; margin-left:-42px; z-index:1100;}
.shareIcoGroup > .icolst > li {margin:25px 0;}
.icoSns{display:inline-block; background:url(/mbw/images/common/ico_share.png?001) no-repeat; background-size:320px auto; width:35px; height:35px;}
.icoSns.shareImgTit {background-position:0 -100px; width:84px; height:48px; margin-top:30px;}
.icoSns.ico01 {background-position:-50px 0;}
.icoSns.ico02 {background-position:-100px 0;}
.icoSns.ico03 {background-position:-150px 0;}
.icoSns.ico04 {background-position:-200px 0;}
.icoSns.ico05 {background-position:-250px 0;}
.icoSns.ico06 {background-position:0px 0px;}
.icoSns.share_close {position:absolute; top:15px; right:15px; background-position:0 -50px; width:21px; height:21px; z-index:1100;}
.copyUrl {display:none;}
.copyUrl > input[type="text"], .copyUrl > button {font-size:12px;}
.copyUrl > input[type="text"] {width:65%; height:28px;}
.copyUrl > button {background:#000; padding:0 7px; height:30px; margin-left:-5px; color:#fff; font-weight:bold; border-color:#666;}

/*  자산관리 */
.adviceGuideBox.col3{display:block;}
.adviceGuideBox.col3:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.adviceGuideBox.col3 .box{}
.adviceGuideBox.col3 .box li{position:relative; width:calc(100% / 3); float:left; height:125px;}
.adviceGuideBox.col3 .box li:before{content:' '; display:inline-block; background:url(/mbw/images/asset/img_adviceGuide.png) no-repeat; background-size:38px auto; width:22px; height:30.5px; position:absolute; top:50%; left:50%}
/* .adviceGuideBox.col3 .box li:fitst-child p{border-left:0} */
.adviceGuideBox.col3 .box li:last-child p{border-right:0}
.adviceGuideBox.col3 .box li p{border:2px solid #fff; border-left:0; display:block; height:100%;}
.adviceGuideBox.col3 .box li p a{display:block; font-size:12px; line-height:16px; padding-top:70px}
.adviceGuideBox.col3 .box li.type1{background:#ebf4fb}
.adviceGuideBox.col3 .box li.type2{background:#fceeeb}
.adviceGuideBox.col3 .box li.type3{background:#ecfafb}
.adviceGuideBox.col3 .box li.type1:before{margin-top:-30.5px; margin-left:-13.75px}
.adviceGuideBox.col3 .box li.type1 p a{color:#0079c7}
.adviceGuideBox.col3 .box li.type2:before{background-position:0 -40.5px; width:28px; height:30px; margin-top:-30.5px; margin-left:-14px}
.adviceGuideBox.col3 .box li.type2 p a{color:#dc3900}
.adviceGuideBox.col3 .box li.type3:before{background-position:0 -81px; width:38px; height:23px; margin-top:-22.5px; margin-left:-19px}
.adviceGuideBox.col3 .box li.type3 p a{color:#0bc5dc}

.assetTypeWrap {background:#ebf4fb; margin:25px 0 45px; color:#fff; text-align:left; overflow:hidden;}
.assetTypeWrap:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.assetTypeWrap > dl {float:left; padding:5%; width:40%;}
.assetTypeWrap > dl + dl {background-color:#fffcf3; margin-right:-1px; border-left:1px #fff solid;}
.assetTypeWrap > dl > dt > span {display:inline-block; font-size:16px; padding-top:5px; border-top:2px #0077c7 solid; color:#000}
.assetTypeWrap > dl + dl dt > span{border-top:2px #dc3900 solid;}
.assetTypeWrap > dl > dt > strong {display:block; margin-top:7px; font-size:18px; line-height:20px; font-weight:normal; letter-spacing:-1px; color:#0077c7}
.assetTypeWrap > dl + dl dt > strong{color:#dc3900}
.assetTypeWrap > dl .lstDot {margin-top:15px;}
.assetTypeWrap > dl .lstDot > li {background-image:url(/mbw/images/common/ico_lstDotWhite.png); margin-top:3px; font-size:12px}
.assetTypeWrap a {color:#333}
.assetTypeWrap > dl.assetType01 > dt > strong{letter-spacing:0}
.assetTypeWrap > dl dd .lstDot2{padding-top:10px}
.assetTypeWrap > dl dd .lstDot2 > li{margin-top:3px; font-size:14px}

.assetTypeInfo {background:#E6E6E6;}
.assetTypeInfo > dl {background:#fff; margin-top:15px; padding-top:25px;}
.assetTypeInfo > dl:first-child {margin-top:0; padding-top:0;}
.assetTypeInfo > dl > dt > span, .assetTypeInfo > dl > dt > strong {display:block;}
.assetTypeInfo > dl > dt > span {color:#333; font-size:16px; font-weight:bold; text-decoration:underline;}
.assetTypeInfo > dl > dt > strong {margin-top:7px; font-size:24px; color:#0078C8; font-weight:normal}
.assetTypeInfo > dl > dt > p {margin:7px 15px 25px; font-size:13px;}
.assetTypeInfo > dl > dt > p > strong {color:#0078C8; font-weight:normal;}
.assetTypeInfo > dl > dd > .lst {border-top:1px #e6e6e6 solid;}
.assetTypeInfo > dl > dd > .lst > li {position:relative;}
.assetTypeInfo > dl > dd > .lst > li:after {position:absolute; bottom:-8px; left:50%; margin-left:-8px; display:inline-block; content:' '; background:url(/mbw/images/common/ico_set.png) -135px 0 no-repeat; height:15px; width:15px; background-size:150px auto;}
.assetTypeInfo > dl > dd > .lst > li:last-child:after {display:none;}
.assetTypeInfo > dl > dd > .lst > li > div {position:relative; margin-left:90px; text-align:left; font-size:13px; min-height:65px; vertical-align:middle;}
.assetTypeInfo > dl > dd > .lst > li > div:before{content:' '; display:inline-block; background:url(/mbw/images/asset/img_asset.png) no-repeat; background-size:320px auto; width:65px; height:65px; position:absolute; top:50%; left:-85px; margin-top:-33px;}
.assetTypeInfo > dl > dd > .lst > li > div.item01 {background-position:0 0;}
.assetTypeInfo > dl > dd > .lst > li > div > strong {display:block; padding-top:10px; color:#333; font-size:14px; }
.assetTypeInfo > dl > dd.imgArea{display:block; padding:10px 0 25px}
.assetTypeInfo > dl > dd.btnWrap {padding:25px 15px 35px;}
.assetTypeInfo > dl > dd.btnWrap.alone > a {width:100%;}
/* 아이콘 추가 */
/* 일임형 */
.assetTypeInfo > dl > dd > .lst > li > div.item01:before{background-position:0 0;}
.assetTypeInfo > dl > dd > .lst > li > div.item02:before{background-position:-70px 0;}
.assetTypeInfo > dl > dd > .lst > li > div.item03:before{background-position:-140px 0;}

.isaStep.isaJoin dt.step01:before{background-position:0 -1178.5px;}
.isaStep.isaJoin dt.step02:before{background-position:-70px -1178.5px;}
.isaStep.isaJoin dt.step03:before{background-position:-140px -1178.5px;}
.isaStep.isaJoin dt.step03:after{display:none}
.isaStep.type2 dd,
.isaStep.isaJoin dd{padding-bottom:30px}
.isaStep.isaJoin a{color:#0078c8} 
.isaStep.type2 dt > strong + span{letter-spacing:-1px}

.isaStepInfo{display:block;margin:15px 15px 0;background-color:#fafafa;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.isaStepInfo ul{display:block;margin:0;padding:10px}
.isaStepInfo ul li{font-size:12px;text-align:left;line-height:16px;padding-bottom:3px} 
.isaStepInfo ul li > span{color:#333}

.isaStepInfo+.lstTxtIndent{margin-top:10px;}
h3.subTitH3+.isaStep{padding-top:10px;}

.isaListInfo{border-top:15px solid #e6e6e6;border-bottom:15px solid #e6e6e6;padding:0 15px 15px;margin:30px 0}

/* 자문형 */
.assetTypeInfo > dl+dl > dt > strong, .assetTypeInfo > dl+dl > dt > p > strong {color:#dc3900;}
.assetTypeInfo > dl > dd > .lst.advisory > li > div.item01:before{background-position:0 -70px;}
.assetTypeInfo > dl > dd > .lst.advisory > li > div.item02:before{background-position:-70px -70px;}
.assetTypeInfo > dl > dd > .lst.advisory > li > div.item03:before{background-position:-140px -70px;}

/* 투자자문연계서비스 */
.assetTypeInfo.adviceGuide {}
.assetTypeInfo.adviceGuide #adviceGuideBox01{padding:60px 0 0}
.assetTypeInfo.adviceGuide > dl+dl > dd .txt > span{color:#dc3900}
.assetTypeInfo.adviceGuide > dl.lightBlue dt > strong, .assetTypeInfo.adviceGuide > dl.lightBlue dt > p > strong {color:#0ac4db;}
.assetTypeInfo.adviceGuide > dl > dt > p{margin-bottom:5px}

.adviceGuideList{display:block; border-top:15px solid #e6e6e6}
.adviceGuideList .subTit{color:#333 !important; padding-bottom:25px !important}
.adviceGuideList .orange .subTit span{color:#dc3900}
.adviceGuideList .lightBlue .subTit span{color:#0ac4db}
.adviceGuideList .txtLst li:first-child{padding:0}
.adviceGuideList .txtLst li{ text-align:left; font-size:14px; color:#666; text-indent:-20px; margin-left:20px; line-height:18px; padding:10px 0 0;}

.asset > :last-child {margin-bottom:0; padding-bottom:0;}
.asset:last-child > :last-child {margin-bottom:30px;}
.asset.guide02 > h2.subTit, .asset.guide02 .lstDot.tit > em {color:#dc3900;}
.asset.guide01 h3.subTitH3, .asset.guide02 h3.subTitH3{margin-top:0}
.assetProcessWrap {margin-bottom:20px;}
.assetProcessWrap:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.assetProcessWrap > li {position:relative; float:left; width:calc(100% / 3); text-align:center; color:#333; font-size:12px;}
.assetProcessWrap > li a{display:block; padding:0 2%;}
.assetProcessWrap > li:after,
.assetProcessWrap > li > a > span:before, .assetProcessWrap > li > span:before, .isaStep dt:after, .isaStep dt:before, .guideStep dd:after, .moeumStep dt:before {content:''; background:url(/mbw/images/asset/img_asset.png) no-repeat; background-size:320px auto;}
.assetProcessWrap > li:after {position:absolute; top:50px; right:-4px; display:inline-block; width:8px; height:17px;}
.assetProcessWrap > li:last-child:after, .isaStep dt.last:after {display:none;}
.assetProcessWrap > li > a > strong, .assetProcessWrap > li > a > span, .assetProcessWrap > li > strong, .assetProcessWrap > li > span {display:block; text-align:center; letter-spacing:-1px}
.assetProcessWrap > li > a > span:before, .assetProcessWrap > li > span:before {display:block; height:65px; width:65px; margin:10px auto 5px;}
.assetProcessWrap > li > a > strong, .assetProcessWrap > li > strong {color:#333}
.assetProcessWrap.smartAdvisor > li > span{padding:0 2%;}

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

.assetProcessWrap.adviceIsa > li > strong{font-size:16px}
.assetProcessWrap.adviceIsa > li > span{font-size:14px}
.assetProcessWrap.adviceIsa > li:after {background-position:-80px -952px;}
.assetProcessWrap.adviceIsa > li > span.step01:before {background-position:0 -930px;}
.assetProcessWrap.adviceIsa > li > span.step02:before {background-position:-105px -930px;}
.assetProcessWrap.adviceIsa > li > span.step03:before {background-position:-180px -930px;}

.assetProcessWrap.adviceWrap > li > strong{font-size:16px}
.assetProcessWrap.adviceWrap > li > span{font-size:14px}
.assetProcessWrap.adviceWrap > li:after {background-position:-80px -1037px;}
.assetProcessWrap.adviceWrap > li > span.step01:before {background-position:0 -1015px;}
.assetProcessWrap.adviceWrap > li > span.step02:before {background-position:-105px -1015px;}
.assetProcessWrap.adviceWrap > li > span.step03:before {background-position:-180px -1015px;}

/* 자문사 안내 레이어 팝업 */
.prdLstWrap.adviceGuideWrap{background-color:#fff}
.prdLstWrap.adviceGuideWrap .labelWrap{margin-bottom:0}
.prdLstWrap.adviceGuideWrap .labelWrap .label{width:65px;}
.prdLstWrap.adviceGuideWrap .prdLst > li:first-child{margin-top:15px}
.prdLstWrap.adviceGuideWrap .prdLst > li{padding:0; margin-top:30px}
.prdLstWrap.adviceGuideWrap .prdDefin dt strong {display:inline-block; font-size:18px; font-weight:bold; color:#000;}	
.prdLstWrap.adviceGuideWrap .prdDefin dt > p{display:block; font-size:13px; color:#666; padding-top:5px}
.prdLstWrap.adviceGuideWrap .prdDefin dd > .txt{margin-bottom:10px} 

.assetProcessWrap.POPUMA {margin-top:25px;}
.assetProcessWrap.POPUMA > li {height:135px; padding-bottom:25px;}
.assetProcessWrap.POPUMA > li:nth-child(4), .assetProcessWrap.POPUMA > li:nth-child(5) {padding-bottom:0;}
.assetProcessWrap.POPUMA > li:after {background-position:-80px -160px;}
.assetProcessWrap.POPUMA > li > span.step01:before {background-position:0 -280px;}
.assetProcessWrap.POPUMA > li > span.step02:before {background-position:-70px -280px;}
.assetProcessWrap.POPUMA > li > span.step03:before {background-position:-140px -280px;}
.assetProcessWrap.POPUMA > li > span.step04:before {background-position:-210px -280px;}
.assetProcessWrap.POPUMA > li > span.step05:before {background-position:0 -350px;}

.asset.guide01 .assetProcessWrap > li:after {background-position:-80px -160px;}
.asset.guide01 .assetProcessWrap > li > span.step01:before {background-position:0 -140px;}
.asset.guide01 .assetProcessWrap > li > span.step02:before {background-position:-105px -140px;}
.asset.guide01 .assetProcessWrap > li > span.step03:before {background-position:-180px -140px;}

.asset.guide02 .assetProcessWrap > li:after {background-position:-80px -230px;}
.asset.guide02 .assetProcessWrap > li > span.step01:before {background-position:0 -210px;}
.asset.guide02 .assetProcessWrap > li > span.step02:before {background-position:-105px -210px;}
.asset.guide02 .assetProcessWrap > li > span.step03:before {background-position:-180px -210px;}

.assetProcessWrap.POPUMA {margin-top:25px;}
.assetProcessWrap.POPUMA > li {height:135px; padding-bottom:25px;}
.assetProcessWrap.POPUMA > li:nth-child(4), .assetProcessWrap.POPUMA > li:nth-child(5) {padding-bottom:0;}
.assetProcessWrap.POPUMA > li:after {background-position:-80px -160px;}
.assetProcessWrap.POPUMA > li > span.step01:before {background-position:0 -280px;}
.assetProcessWrap.POPUMA > li > span.step02:before {background-position:-70px -280px;}
.assetProcessWrap.POPUMA > li > span.step03:before {background-position:-140px -280px;}
.assetProcessWrap.POPUMA > li > span.step04:before {background-position:-210px -280px;}
.assetProcessWrap.POPUMA > li > span.step05:before {background-position:0 -350px;}

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

.contListWrap.popuma h1.tit{text-indent:-999999px;margin:30px auto 0;padding:0;}

.assetGoods {background:#f4f5f8; padding:25px 0; text-align:center; font-size:12px; margin:24px 0 0;}
.assetGoods :before {display:block; content:' ';  margin:0 auto;}
.assetGoods > dt {color:#333; margin-bottom:15px; font-size:12px;}
.contListWrap.popuma h1.tit,
.assetGoods > dt:before,
.highlightCopy > span {background:url(/mbw/images/asset/pop_goods.png) no-repeat; background-size:150px auto;}
.contListWrap.popuma h1.tit, .assetGoods > dt:before {width:110px; height:21px; margin-bottom:10px;}
.assetGoods.isa > dt > strong{font-size:27px; color:#033e95}
.assetGoods.isa > dt:before, .assetGoods.POPUMA > dt + dd:before{display:none}
.assetGoods.POPUMA > dt:before, .contListWrap.popuma h1.tit {background-position:0 -15px;}
.assetGoods.POPRobo > dt:before {background-position:0 -57.5px; width:112px; height:22px;}
.assetGoods > dt + dd:before {background:url(/mbw/images/common/ico_info.png) no-repeat; background-position:50% -25px; background-size:15px auto; width:15px; height:11px; margin-bottom:10px;}
.assetGoods > dt + dd.none:before{display:none}
.assetGoods > dd.txtInfo {line-height:1.6; font-size:13px}
.assetGoods > dd.txtInfo > em {display:inline-block; color:#0078c8; font-style:normal;}

.contListWrap h2.subTit+.isaStep{margin-top:15px}
	
.highlightCopy {font-size:13px; margin:10px 15px 25px; text-align:left; color:#000; font-weight:bold;}
.highlightCopy > span {display:inline-block; margin:0 5px; width:67px; height:13px; color:transparent; vertical-align:middle;}
.highlightCopy.POPUMA > span {background-position:0 0;}
.highlightCopy.POPRobo > span {background-position:0 -40px;}

/* 자산배분 */
.assetRisk {background:#fff; border-top:15px solid #e6e6e6; padding:40px 0 20px; text-align:center; margin:40px 0 0;}
.assetRisk small{display:inline-block; color:#000; font-size:12px; padding-bottom:2px; border-bottom:1px solid #000}
.assetRisk > h2.subTit{font-size:22px !important; line-height:26px !important; text-align:center !important; padding:10px 0 !important}
.assetRisk .txtInfo{display:block; color:#666; font-size:14px; line-height:20px; letter-spacing:-1px}

.assetRiskText {background:#f4f5f8; padding:25px 0; text-align:center; font-size:12px; margin:0;}
.assetRiskText :before {display:block; content:' ';  margin:0 auto;}
.assetRiskText .imgInfo{display:block;}
.assetRiskText .txtInfo{display:block; color:#333; font-size:14px; line-height:20px; letter-spacing:-1px; padding:20px 0 0;}
.assetRiskText .txtInfo > small{color:#5f5f5f}
.assetRiskText .introDesc {color:#0078c8}
/* .assetRiskText .introDesc:before {background-position:50% -25px; width:100%; height:11px; margin:5px 0;} */

.assetTypeInfo.invest{padding:15px 0 0;}
.assetTypeInfo.invest > dl{padding:0}
.assetTypeInfo.invest .txtInfo{display:block; text-align:left; color:#333; font-size:14px; line-height:20px; letter-spacing:-1px; padding:0 15px}
.assetTypeInfo.invest .imgInfo{display:block; margin:30px 0 0;}
.assetTypeInfo.invest > dl > dd > .lst > li:after{display:none}
.assetTypeInfo.invest > dl > dd > .lst > li > div.item01:before{background-position:0 -675px;}
.assetTypeInfo.invest > dl > dd > .lst > li > div.item02:before{background-position:-70px -675px;}
.assetTypeInfo.invest > dl > dd > .lst > li > div.item03:before{background-position:-140px -675px;}
.assetTypeInfo.invest > dl > dd > .lst > li > div.item04:before{background-position:-210px -675px;}
.assetTypeInfo.invest > dl > dd > .lst > li > div > strong{padding:5px 0 3px}

.contListWrap .contList .contTab .bbsLstWrap{text-align:left;} 

.serviceList{display:block; background:#fff; border-top:15px solid #e6e6e6; padding:40px 15px 20px;}
.serviceList:after {content:"";display:block;clear:both;visibility:hidden;}
.serviceList li{width:33.2%; float:left;}
.serviceList li:before{display:block; margin:0 auto; content:''; background:url(/mbw/images/asset/img_asset_service.png) no-repeat; background-size:280px auto; width:65px; height:65px;}
.serviceList li > span{display:block; text-align:center; padding:10px 0 0; font-size:12px; color:#333; min-height:36px;}
.serviceList li .btnWrap{margin:10px 0 20px;}
.serviceList li.cont01:before{background-position:0 0}
.serviceList li.cont02:before{background-position:-107.5px 0}
.serviceList li.cont03:before{background-position:-215px 0}
.serviceList li.cont04:before{background-position:0 -156.5px}
.serviceList li.cont05:before{background-position:-107.5px -156.5px}
.serviceList li.cont06:before{background-position:-215px -156.5px}

.startAccountSlider.recipe{padding-bottom:30px !important}

/* bacnking.creditLoan */
.contHeadCopy {margin:30px 0 0; font-weight:bold; color:#333; font-size:23px; letter-spacing:-1px;}
.contHeadCopy.introDesc:before {background-position:50% -25px; width:100%; height:11px; margin:5px 0;}
.contHeadCopy > em {font-style:normal; text-decoration:underline;}
.contHeadCopy > .txt {margin:15px; font-weight:normal; text-align:center; font-size:14px}

.slideUPWrap.moreCont > .moreContOpen {display:none;}
.slideUPWrap.moreCont.on > .moreContOpen {display:block;}
.contListWrap .contList .contTab .moreContOpen > .tblWrap  {margin-bottom:0;}
.slideUPWrap.moreCont .slideBtnWrap > a:after{opacity:0}/* 신용가이드 대출안내 더보기 버튼 노출 */
.slideUPWrap.moreCont .slideBtnWrap > .btn_lstMore.on > span:after {background-position:-70px -225px;}
.slideUPWrap.moreCont > .btnWrap.marg {margin:25px 15px;}

.startMainWrap {position:relative; /*background:url(/mbw/images/start/img_startMain.png) 0 50% no-repeat; background-size:100% auto;*/ width:100%; min-height:445px;}
.startMainWrap > .startMain {position:absolute; top:25px; left:50%; width:320px; margin-left:-160px;}
.startMainWrap > .startMain, .startMainWrap > .startMain a {color:#fff;}
.startMainWrap > .startMain a:before{display:none}
.startGoWrap {display:block; width:260px; margin:0 auto; border:1px #fff solid;}
.startGoWrap > dl {position:relative; margin:15px;padding-bottom:26px;}
.startGoWrap > dl:before, .startGoWrap > dl:after, .startGoMenu > li > a > strong > span:after {display:inline-block; content:' ';}
.startGoWrap > dl:before {background:url(/mbw/images/common/ico_info.png) 0 -75px no-repeat; background-size:15px auto; width:15px; height:11px;}
/* .startGoWrap > dl:after,
.startGoMenu > li > a > strong > span:after {position:absolute; bottom:0; right:0; background:url(/mbw/images/common/ico_set.png) -50px -70px no-repeat; background-size:150px auto; width:8px; height:13px; text-align:right; margin-top:-3px;} */
.startGoWrap > dl > dt {font-size:32px; letter-spacing:-1px; line-height:36px;}
.startGoWrap > dl > dd {margin-top:10px;font-size:12px; letter-spacing:0px;}
.startGoMenu {margin-top:25px;}
.startGoMenu > li {margin-top:10px;}
.startGoMenu > li:first-child {margin-top:0;}
.startGoMenu > li > a {display:inline-block; font-size:13px; letter-spacing:-1px;}
.startGoMenu > li > a > strong {display:block; font-weight:normal;}
.startGoMenu > li > a > strong > span {position:relative; display:inline-block; padding-right:15px; font-size:20px;}
.startGoMenu > li > a > strong > span:after {bottom:3px;}

/* .signImg01 {height:320px;}*/
.signImg01 > .btnWrap {margin:20px 0;}


/* as-is 소스 error : 06-30 TD3564 */
.error_wrap {display:block;color:#000;margin:0 auto;text-align:center;padding:35px 30px;}
.error_wrap .imgs{display:block;background:url(/images/mobile/common/bg_error.png) no-repeat center 0;background-size:126px 70px;width:100%;height:70px;}
.error_wrap .text{display:block;font-size:16px;padding-top:17px}
.error_wrap .texts{display:block;font-size:12px;padding-top:15px;line-height:16px;}
.error_wrap .btn-area{display:block;padding-top:25px;}

/* 170706 SR 현행화 */
.teps_area{padding:20px 0px;}
.teps_area div{padding:10px; margin-left:5px; text-align:center; }
.teps_area:after{content:""; display:block; clear:both}
.teps_area div strong{display:block; font-size:13px; color:#444; font-weight:bold; padding-bottom:6px}
.teps_area div p{margin-top:10px; font-size:13px; color:#222}
.teps_area div.teps_blue{background:#f3f9fd; border:1px solid #9ed6f5}
.teps_area div.teps_blue strong{border-bottom:1px dotted #3dadec}
.teps_area div.teps_red strong{border-bottom:1px dotted #ff7171}
.teps_area div.teps_green strong{border-bottom:1px dotted #36b8b0}
.teps_area div.teps_red{background:#fdf3f3; border:1px solid #ffb8b8}
.teps_area div.teps_green{background:#f5fbfb; border:1px solid #9adbd7;}
.check_desc2 { font-size:13px;}
.teps_area div.teps_green p span{display:block; font-size:13px; color:#747474}
.etf_company_list{ padding:10px 0}
.etf_company_list ul:after{content:""; display:block; clear:both}
.etf_company_list ul li{float:left; width:33%; text-align:center; border-left:1px dotted #ddd;}
.etf_company_list ul li:first-child{border-left:none}
.etf_company_list ul li:before{content:""; display:block; width:100%; height:51px;}
.etf_company_list ul li.etf_company01:before{background:url(/ux/images/trading/etf_company01.gif) no-repeat center center}
.etf_company_list ul li.etf_company02:before{background:url(/ux/images/trading/etf_company02.gif) no-repeat center center}
.etf_company_list ul li.etf_company03:before{background:url(/ux/images/trading/etf_company03.gif) no-repeat center center}
/* 글로벌 ETF 특징 */
.contListWrap .contList .contTab .tblWrap.foreign_etf_tbl {margin:25px 0 10px;}
.foreign_etf_tbl thead th{border-top:1px solid #747474; padding:10px 0; background:#f4f5f7; border-bottom:1px solid #747474; border-left:1px solid #ddd; font-size:13px;}
.foreign_etf_tbl thead th:first-child{border-left:none}
.foreign_etf_tbl thead th.blue{border-top:1px solid #0977c9; background:#0977c9; color:#fff; border-bottom:1px solid #0977c9}
.foreign_etf_tbl thead th.magenta{border-top:1px solid #B40050; background:#B40050; color:#fff; border-bottom:1px solid #B40050}
.foreign_etf_tbl tbody td{padding:10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px; text-align:center;}
.foreign_etf_tbl tbody td.blue{background:#ecf5fa; border-left:3px solid #0977c9; border-right:3px solid #0977c9; color:#000}
.foreign_etf_tbl tbody td.magenta{background:#ffedf5; border-left:3px solid #B40050; border-right:3px solid #B40050; color:#000}
.foreign_etf_tbl tbody td.blue.last{border-bottom:3px solid #0977c9}
.foreign_etf_tbl tbody td.magenta.last{border-bottom:3px solid #B40050}
.foreign_etf_tbl tbody td:first-child{background:#fafafa; border-left:none}
.etf_company_list02 {}
.etf_company_list02 div{border:1px solid #ddd; border-radius:4px; text-align:center; padding:10px 0; margin:2px;}
.etf_company_list02 div strong, .etf_company_list02 div span{display:block; letter-spacing:-1px;}
.etf_company_list02 div strong {color:#2768c3; font-weight:normal;}
.etf_company_list02 div span{font-size:13px; color:#444; margin-top:5px}


/* 별 마켓 */
.myStartWrap{position:relative; padding:0;margin:0}
.myStartWrap .sliderWrap .paging {position:absolute; top:inherit; bottom:0px; left:0; width:100%; line-height:0; height:8px; text-align:center;display:none}
.myStartWrap .sliderWrap .paging .btn_page { display:inline-block; width:8px; height:8px; margin:0; margin-left:0.41em; line-height:0; text-indent:-9999px; background:#000; opacity:0.3; border-radius:15px;}
.myStartWrap .sliderWrap .paging .btn_page.on {background:#0078C8; opacity:1;}

.starMarketWrap .starMarketHead{position:relative;}
.starMarketWrap .starMarketHead .btn_ap1{position:absolute; top:54%; left:4.5%; width:53%; height:5%;}
.contHead.contImg.starMarketHead .headText{margin:30px 0 0 0}
.contHead.contImg.starMarketHead .headText > .num{position:absolute; top:-15px; right:15px; font-size:12px; color:#333}
.contHead.contImg.starMarketHead .headText > strong{padding-left:15px;font-size:16px; display:block;color:#0078c8}
.contHead.contImg.starMarketHead .headText h1.tit{padding:17px 0 10px 15px;color:#383838;text-align:left;line-height:32px;font-size:22px}
.contHead.contImg.starMarketHead .headText h1.tit strong{color:#0b5fb5;font-weight:normal}
.contHead.contImg.starMarketHead .headText h2.stit{padding:7px 0 0 15px;font-size:16px; font-weight:normal}
.contHead.contImg.starMarketHead .headText h2.stit span{display:block; padding:5px 0 0 80px; font-size:12px;}
.contHead.contImg.starMarketHead .headText .btnWrap {padding-left:15px; text-align:left}
.starMarketWrap .sliderWrap{height:460px}

#starMarketSlider {width:100%; height:442px !important; padding:0; margin:0; position:relative; overflow:hidden; }
#starMarketSlider ul {width:99999px; height:442px; position:absolute; top:0; left:0; overflow:hidden; }
#starMarketSlider ul:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
#starMarketSlider ul li {float:left; width:26.66em; height:442px}


.starMarketArea{}
.starMarketArea:after {display:block;content:"";clear:both;}
.starMarketArea li .number{display:block;text-align:center;font-size:14px; padding:8px 0}
.starMarketArea li .imgBox{display:block;width:100%; height:240px;overflow:hidden}
.starMarketArea li .imgBox img{width:100%;height:100%}
.starMarketArea li .textInfo{display:block;background-color:#f4f4f4;padding:20px 0;text-align:center;min-height:150px;margin:0 40px}
.starMarketArea li .textInfo>strong{display:block;font-size:16px;color:#222;line-height:21px;padding:12px 10px 0}
.starMarketArea li .textInfo>p{display:block;font-size:12px;color:#222;line-height:14px;padding:6px 0 0}
.starMarketArea li .textInfo>p>span{color:#ff6600;font-weight:bold;}
.starMarketArea li .textInfo .btnWrap{margin-top:10px}


.marketgrade {display:block;position:relative;width:118px;height:22px;margin:0 auto;padding:0;font-size:0;text-indent:-9999px;background:url(/mbw/images/customer/ico_market_star.png) no-repeat;background-size:118px auto;}
.marketgrade.star1 {background-position:0 -88px;}
.marketgrade.star2 {background-position:0 -66px;}
.marketgrade.star3 {background-position:0 -44px;}
.marketgrade.star4 {background-position:0 -22px;}
.marketgrade.star5 {background-position:0 0;}

.seminargrade {display:block;position:relative;width:230px;height:29px;margin:0;padding:0;font-size:0;}
.seminargrade button{display:inline-block;width:30px;height:29px;background:url(/mbw/images/customer/bg_seminar_star.png) no-repeat;background-size:30px auto;background-position-y:-28.5px;margin-left:20px;}
.seminargrade button.on{background-position-y:0}
.seminargrade button:first-child{margin-left:0}

/* 해외주식 시작하기 */
.foreignFirst{}
.foreignFirst .h5TabWrap .h5Tab{background:#fff;}
.foreignFirst .h5TabWrap.blue{margin:0 20px}
.foreignFirst .h5TabWrap.blue .h5Tab li{width:49.5%;padding:14px 0 14px;height:20px;background:#fff;border:1px solid #d6d6d6;border-bottom:1px solid #98c6e7;}
.foreignFirst .h5TabWrap.blue .h5Tab li+li{margin-left:-1px;}
.foreignFirst .h5TabWrap.blue .h5Tab li a{color:#aeaeae;height:auto;font-weight:normal}
.foreignFirst .h5TabWrap.blue .h5Tab li.on{position:relative;padding:14px 0 12px;border:1px solid #99c6e7;border-bottom:3px solid #0077c5;}
.foreignFirst .h5TabWrap.blue .h5Tab li.on a{color:#0077c5;font-weight:bold}
.foreignFirst .h5TabWrap.blue .h5Tab li a:after{display:inline-block;opacity:1;content:"";margin-left:5px;width:10px;height:5px;background:url(/mbw/images/trading/ico_tab_arrow.png) no-repeat;background-size:10px auto;}
.foreignFirst .h5TabWrap.blue .h5Tab li.on a:after{height:6px;background-position-y:-5px;}

.foreignFirst .contTab{margin:0 20px;background:#fff;border:1px solid #99c6e7;border-top:0;}
.foreignFirstProcessWrap {margin:0 auto;}
.foreignFirstProcessWrap:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.foreignFirstProcessWrap+.foreignFirstProcessWrap{}
.foreignFirstProcessWrap.col2{width:70%;padding:0 0 20px}
.foreignFirstProcessWrap.col2 > li{width:calc(100% / 2); margin-bottom:0}
.foreignFirstProcessWrap > li {position:relative;float:left;width:calc(100% / 3);text-align:center;color:#333; font-size:12px;}
.foreignFirstProcessWrap > li > a > span, .foreignProcessWrap > li > span{text-decoration:underline;}
.foreignFirstProcessWrap > li.step01{width:100%;margin-bottom:60px}
.foreignFirstProcessWrap > li.step01>a{width:50%;float:left}
.foreignFirstProcessWrap > li.step01>a>strong{color:#0078c8}
.foreignFirstProcessWrap > li >a:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.foreignFirstProcessWrap > li.step04:before{display:block;}
.foreignFirstProcessWrap > li.step04:before,
.foreignFirstProcessWrap > li:after,
.foreignFirstProcessWrap > li > a > span:before{content:''; background:url(/mbw/images/trading/img_foreign_first.png) no-repeat; background-size:65px auto;}
.foreignFirstProcessWrap > li > a > span.step01:before{background-position-y:0}
.foreignFirstProcessWrap > li > a > span.step01_02:before{background-position-y:-65px}
.foreignFirstProcessWrap > li > a > span.step02:before{background-position-y:-130px}
.foreignFirstProcessWrap > li > a > span.step03:before{background-position-y:-195px}
.foreignFirstProcessWrap > li > a > span.step04:before{background-position-y:-260px}
.foreignFirstProcessWrap.samsung > li > a > span.step01:before{background-position-y:-325px}
.foreignFirstProcessWrap.samsung > li > a > span.step02:before{background-position-y:-390px}
.foreignFirstProcessWrap.samsung > li > a > span.step03:before{background-position-y:-455px}
.foreignFirstProcessWrap > li:after {position:absolute; top:50px; right:-4px; display:inline-block; width:8px; height:17px;background-position-y:-520px;}
.foreignFirstProcessWrap > li.step01:after{top:165px; right:50%;margin-right:-8px; background-position-y:-537px;width:17px;height:8px}
.foreignFirstProcessWrap > li:last-child:after {display:none;}
.foreignFirstProcessWrap > li > a > strong, .foreignFirstProcessWrap > li > a > span, .foreignFirstProcessWrap > li > strong, .foreignFirstProcessWrap > li > span {display:block; text-align:center; letter-spacing:-1px;color:#333}
.foreignFirstProcessWrap > li > a > span:before, .foreignFirstProcessWrap > li > span:before {display:block; height:65px; width:65px; margin:10px auto 5px;}
.foreignFirstProcessWrap > li > a > strong, .foreignFirstProcessWrap > li > strong {color:#333}

/* 해외주식네비게이션 */
.keywordLst, .foreignFirst{display:block;position:relative;width:100%;margin:0;padding:0;background:#d4eeff}
.keywordLst:after, .keywordLst ul:after, .foreignFirst:after {display:block;content:"";clear:both;}
.keywordLst > h2.subTit, .foreignFirst > h2.subTit{padding-bottom:18px !important;color:#007ac8 !important;text-align:center !important;font-weight:bold !important}
.keywordLst .lstDot.tit:before{color:#6c95b1}
.keywordLst .lstDot{margin:0;text-align:left;padding:15px 0 15px 30px;color:#4a7995;background-color:#d4eeff}
.keywordLst ul{display:block;position:relative;width:100%;min-height:190px;height:auto;/* max-height:490px; */margin:0;padding:0 0 0px;/* background:url(/mbw/images/customer/bg_keywordLst.jpg) no-repeat;background-size:cover; */}
.keywordLst ul li{position:relative;display:block;text-align:left}
.keywordLst ul li a{color:#4a7995;text-decoration:underline;font-size:14px}
.keywordLst ul li:nth-child(1) a, .keywordLst ul li:nth-child(4) a, .keywordLst ul li:nth-child(7) a, .keywordLst ul li:nth-child(9) a{font-size:20px}

.keywordLst ul li:nth-child(1){margin-left:20%;}
.keywordLst ul li:nth-child(1) a{color:#e97800}
.keywordLst ul li:nth-child(2){margin-left:50%;}
.keywordLst ul li:nth-child(3){margin-left:8%;}
.keywordLst ul li:nth-child(4){margin-left:50%;margin-top:-5px}
.keywordLst ul li:nth-child(4) a{color:#0083d5;font-size:20px}
.keywordLst ul li:nth-child(5){margin-left:17%}
.keywordLst ul li:nth-child(6){margin-left:65%;}
.keywordLst ul li:nth-child(7){margin-left:8%;margin-top:-5px}
.keywordLst ul li:nth-child(7) a{color:#0083d5;font-size:20px}
.keywordLst ul li:nth-child(8){margin-left:40%;}
.keywordLst ul li:nth-child(9){margin-left:60%;}
.keywordLst ul li:nth-child(9) a{color:#e97800;font-size:20px}
.keywordLst ul li:nth-child(10){margin-left:20%;}
.keywordLst ul li:nth-child(11){margin-left:62%;}
.keywordLst ul li:nth-child(12){margin-left:3%;margin-top:-5px}
.keywordLst ul li:nth-child(13){margin-left:49%;}
.keywordLst ul li:nth-child(13) a{color:#e97800;font-size:20px}
.keywordLst ul li:nth-child(14){margin-left:30%;}
.keywordLst ul li:nth-child(15){margin-left:60%;}
.keywordLst ul li:nth-child(16){margin-left:8%;margin-top:-5px}
.keywordLst ul li:nth-child(16) a{color:#0083d5;font-size:20px}
.keywordLst ul li:nth-child(17){margin-left:40%;}
.keywordLst ul li:nth-child(18){margin-left:15%;}
.keywordLst ul li:nth-child(19){margin-left:55%;}
.keywordLst ul li:nth-child(20){margin-left:25%;}
.keywordLst ul li:nth-child(20) a{color:#0083d5;font-size:20px}

.foreign{margin:0px}
.foreign.guide .subTitH3{margin:0;padding:18px 0 8px;text-align:center;}
.foreign.guide .contBox{margin-top:30px}

.foreignProcessWrap {margin:0 auto;}
.foreignProcessWrap:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.foreignProcessWrap.col2{width:70%;padding:0 0 20px}
.foreignProcessWrap.col2 > li{width:calc(100% / 2); margin-bottom:0}
.foreignProcessWrap > li {position:relative;float:left;width:calc(100% / 3);text-align:center;color:#333; font-size:12px;margin-bottom:30px}
.foreignProcessWrap > li > a > span, .foreignProcessWrap > li > span{text-decoration:underline;}
.foreignProcessWrap > li.step04:before{display:block;}
.foreignProcessWrap > li.step04:before,
.foreignProcessWrap > li:after,
.foreignProcessWrap > li > a > span:before, .foreignProcessWrap > li > span:before,
.calPopWrap ul li:before, .foreignMenu li span:before {content:''; background:url(/mbw/images/asset/img_asset.png) no-repeat; background-size:320px auto;}
.foreignProcessWrap > li > a > span.step01:before{background-position:0 -420px}
.foreignProcessWrap > li > a > span.step02:before{background-position:-70px -590px}
.foreignProcessWrap > li > a > span.step03:before{background-position:-140px -590px}
.foreignProcessWrap > li > a > span.step04:before{background-position:-70px -845px}
.foreignProcessWrap > li > a > span.step05:before{background-position:-140px -845px}
.foreignProcessWrap > li.step04:before{left:4px}
.foreignProcessWrap > li.step04:before, .foreignProcessWrap > li:after {position:absolute; top:50px; right:-4px; display:inline-block; width:8px; height:17px;background-position:-80px -160px;}
.foreignProcessWrap > li:last-child:after {display:none;}
.foreignProcessWrap > li > a > strong, .foreignProcessWrap > li > a > span, .foreignProcessWrap > li > strong, .foreignProcessWrap > li > span {display:block; text-align:center; letter-spacing:-1px}
.foreignProcessWrap > li > a > span:before, .foreignProcessWrap > li > span:before {display:block; height:65px; width:65px; margin:10px auto 5px;}
.foreignProcessWrap > li > a > strong, .foreignProcessWrap > li > strong {color:#333}

.foreignList{margin-bottom:20px}
.foreignList ul{overflow:hidden}
.foreignList ul li{width:calc(98% / 2);border-left:1px solid #e5e5e5;float:left;margin:10px 0;}
.foreignList ul li:first-child{border-left:none}
.foreignList ul li .infoList{display:block;}
.foreignList ul li .infoList dt{display:block;}
.foreignList ul li .infoList dt strong{font-size:15px;line-height:17px;color:#333}
.foreignList ul li .infoList dt strong+span{display:block;font-size:12px;color:#333}
.foreignList ul li .infoList dd{display:block;margin:20px 0 0;padding:42px 0 0;background:url(/mbw/images/trading/bg_foreignList.png) 50% 0 no-repeat; background-size:131.5px auto;}
.foreignList ul li .infoList dd a{display:inline-block;font-size:11px;color:#333;text-decoration:underline;}
.foreignList ul li:nth-child(2) .infoList dd{background-position:50% -75px}

.foreignMenu{display:block;}
.foreignMenu:after {content:"";display:block;clear:both;visibility:hidden;}
.foreignMenu li{width:calc(100% / 4);float:left;position:relative}
.foreignMenu li a{display:block;padding:0}
.foreignMenu li a.mpop:before{position:absolute;top:0px;right:15px;z-index:2}
.foreignMenu li span{position:relative;display:block; font-size:12px; color:#333; text-align:center; letter-spacing:-1px}
.foreignMenu li span:before {display:block; content:' '; margin:0 auto;width:65px;height:65px;padding-bottom:10px}
.foreignMenu li.ico01 span:before{background-position:-210px -845px}
.foreignMenu li.ico02 span:before{background-position:-140px -845px}
.foreignMenu li.ico03 span:before{background-position:-210px -590px}
.foreignMenu li.ico04 span:before{background-position:-140px -590px}

.foreignMenu.rank{margin-bottom:10px}
.foreignMenu.rank li{width:calc(100% / 3);}
.foreignMenu.rank li.ico01 span:before{background-position:0 -1437px}
.foreignMenu.rank li.ico02 span:before{background-position:-70px -1437px}
.foreignMenu.rank li.ico03 span:before{background-position:-140px -1437px}

.keywordscroll{height:450px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 !important;}
.keywordscroll .keywordThumb{position:relative;width:100%;height:105px;overflow:hidden;/* margin-bottom:10px */}
.keywordscroll .keywordThumb img{z-index:1;}
.keywordscroll .keywordThumb span{position:absolute;top:50%;left:0;width:100%;margin:-10px 0 0;text-align:center;z-index:2; color:#fff;font-size:21px;font-weight:bold;line-height:22px}
.keywordscroll .recommFund.keyword .thumb{height:115px;background-color:#fff}
.keywordscroll .recommFund.keyword .thumb .tit{color:#000;font-size:16px;height:auto}
.keywordscroll .recommFund.keyword .thumb .tit+small{display:block;font-size:12px;font-weight:normal}
.keywordscroll .recommFund.keyword .thumb .label{background:#fff;box-sizing:border-box;display:inline-block;width:50px;height:14px;border-radius:3px;font-size:9px;font-weight:bold;text-align:center;line-height:14px;vertical-align:middle;padding:0}
.keywordscroll .recommFund.keyword .thumb .label.labelType02{border:1px solid #de2626;color:#de2626}
.keywordscroll .recommFund.keyword .thumb .label.labelType04{border:1px solid #a153c1;color:#a153c1}
.keywordscroll .recommFund.keyword .prdLst > li > dl > dt + dd{margin:0}
.keywordscroll .recommFund.keyword .prdLst .keyInfo li{display:block;font-size:12px;color:#666}
.keywordscroll .recommFund.keyword .prdLst dd .priceInfo{display:block;margin-top:10px}
.keywordscroll .recommFund.keyword .prdLst dd .priceInfo:after {content:"";display:block;clear:both;visibility:hidden;}
.keywordscroll .recommFund.keyword .prdLst dd .priceInfo li{width:calc(100% / 2);float:left;}
.keywordscroll .recommFund.keyword .prdLst dd .priceInfo li > span{display:block;padding:0 0 0 18px}

.keywordscroll .slideTextWrap{display:block;width:97%;position: relative;margin:0 3%;}
.keywordscroll .slideTextWrap.off a{height:18px; -webkit-line-clamp:1;} 
.keywordscroll .slideTextWrap.off a:before{opacity:0}
.keywordscroll .slideTextWrap a{display:-webkit-box;width:92%;overflow:hidden;line-height:18px;font-size:12px;padding-right:15px;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-wrap: break-word;height:31px;color: #333;padding: 8px;background:  #fff;}
.keywordscroll .slideTextWrap.on a{height:auto; -webkit-line-clamp:inherit}
.keywordscroll .slideTextWrap a:before{opacity:1;position:absolute;width:15px;height:15px;bottom:3px;right: 10px;display:block;content:' ';background:url(/mbw/images/common/ico_sildeUpDn.png) 95% -398px no-repeat;background-size:15px auto;}
.keywordscroll .slideTextWrap.on a:before{background-position:95% -496px; bottom:0px;}

.foreignJisu .realTime{display:block; text-align:right; padding:5px 5px 5px;}
.foreignJisu .h5TabWrap{border-bottom:4px solid #e6e6e6} 
.foreignJisu .subTit{display:block;font-size:14px !important;color:#0078c8;padding:10px 15px !important;font-weight:bold}
.foreignJisu .chartBox .mpopTabWrap{margin:0}
.foreignJisu .chartBox .mpopTabWrap .h4TabWrap.blue{height:40px;}
.foreignJisu .chartBox .mpopTabWrap .h4TabWrap.blue .h4Tab{height:35px}
.foreignJisu .chartBox .mpopTabWrap .h4TabWrap.blue .h4Tab li{height:38px}
.foreignJisu .chartBox .mpopTabWrap .h4TabWrap.blue .h4Tab li:first-child{width:32%}
.foreignJisu .chartBox .mpopTabWrap .h4TabWrap.blue .h4Tab li a{line-height:28px}

.foreignJisu .sortArea{display:block; overflow:hidden}
.foreignJisu .sortArea .subTit{float:left;}
.foreignJisu .sortArea .sortRight{display:inline-block;float:right;padding:10px 15px}
.foreignJisu .sortArea .sortRight > li{position:relative;display:inline-block;float:left;width:24px;height:20px;margin:0 0 0 -1px;border:1px solid #d6d6d6}
.foreignJisu .sortArea .sortRight > li.on{border:1px solid #0078c8;background-color:#0078c8}
.foreignJisu .sortArea .sortRight > li a{background:url(/mbw/images/trading/ico_sort_foreign.png) 0 0 no-repeat; background-size:30px auto;}
.foreignJisu .sortArea .sortRight > li a {display:block;width:24px;height:20px;}
.foreignJisu .sortArea .sortRight > li.table a{background-position:4px 2px}
.foreignJisu .sortArea .sortRight > li.table.on a{background-position:-12px 2px}
.foreignJisu .sortArea .sortRight > li.chart a{background-position:4px -13px}
.foreignJisu .sortArea .sortRight > li.chart.on a{background-position:-12px -13px}

.foreignJisu .chartBox{padding:0 15px 10px;border-bottom:10px solid #ddd;}
.foreignJisu .chartBox .chartArea{position:relative; width:100%; height:245px}
.foreignJisu .chartBox .chartArea.nologin{position:relative;width:100%;height:160px;background:url(/mbw/images/trading/bg_foreignJisu_login.jpg) 0 0 no-repeat; background-size:cover;}
.foreignJisu .chartBox .chartArea.nologin > div {position:absolute; top:25%; bottom:0px; right:0px; left:0px; text-align:center; color:#fff;}	
.foreignJisu .chartBox .chartArea.nologin > div.type2{top:10%;}
.foreignJisu .chartBox .chartArea.nologin > div  p {font-size:14px}
.foreignJisu .chartBox .chartArea.nologin > div strong.tel {display:block; padding:3% 0; font-size:30px; line-height:30px; color:#fff;}	
.foreignJisu .chartBox .chartArea.nologin > div > .btnWrap {margin:15px 30% 0;}
.foreignJisu .chartBox .chartArea.nologin > div p.introDesc:before {content:' '; display:block; width:15px; height:11px; margin:0 auto 10px; background-position:50% -50px;}

.foreignJisu .mpopTabWrap .h4TabWrap.blue .h4Tab.col1 li{width:100%}
.foreignJisu .tabsArea{margin:0px 0px 10px} 

.foreignStock .btnEtf{display:block;width:42px;height:42px;background:url(/mbw/images/trading/btn_etf_mpop.png) 0 0 no-repeat; background-size:42px auto;}
.foreignStock .foreignMap{position:relative;width:100%;/* height:250px; */border-bottom:1px solid #e5e5e5}
.foreignStock .foreignMap img{width:100%;}
.foreignStock .foreignMap a{position:absolute;width:12%;height:15%}
.foreignStock .foreignMap .nationUsa{top:44%;left:11%;}
.foreignStock .foreignMap .nationCny{top:29%;left:29%;}
.foreignStock .foreignMap .nationJpy{top:15%;left:58%;}
.foreignStock .foreignMap .nationTiw{top:42%;left:54%;width:8%;height:10%}
.foreignStock .foreignMap .nationHkd{top:55%;left:43%;width:8%;height:10%}
.foreignStock .foreignMap .nationVnd{top:64%;left:57%;width:8%;height:10%}
.foreignStock .foreignMap + .btn_text, .foreignStock .foreignMap + .btnArea{position:relative;margin-top:-30px;margin-left:15px;text-align:left}
.foreignStock .foreignMap + .btnArea{margin-top:-60px;}


/* 교육일정조회/신청 */ 
.calscroll{height:300px;overflow-y:auto; -webkit-overflow-scrolling:touch}
.calArea{position:relative;display:block;}
.calArea:after {content:"";display:block;clear:both;visibility:hidden;}
.calArea .ico_alarm{position:absolute;top:10px;right:10px;width:55px;height:32px;background:url(/mbw/images/customer/btn_alarm.png) no-repeat;background-size:55px 32px;text-indent:-10000px}
.calArea .ico_alarm.on{background:url(/mbw/images/customer/btn_alarm_on.png) no-repeat;background-size:55px 32px;}
.seminar_conts{display: -webkit-box;overflow:hidden;height: 56px;line-height:18px;font-size: 12px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-wrap: break-word;}

.calWrap{position:relative;display:inline-block;padding:10px 0}
.calWrap a{display:inline-block}
.calWrap span{display:inline-block;font-size:15px;color:#000;padding:0 10px}

.calWrap.type2 a{background:url(/mbw/images/customer/btn_cal.png) no-repeat;background-size:63px auto;width:28px;height:28px;border:1px solid #d6d6d6}
.calWrap.type2 a.btn_prev{background-color:#e6e6e6;background-position:2px 2px}
.calWrap.type2 a.btn_next{background-color:#e6e6e6;background-position:-36px 2px}
.calWrap.type2 a.btn_prev.on{background-color:#fff;background-position:2px -35px}
.calWrap.type2 a.btn_next.on{background-color:#fff;background-position:-36px -35px}
.calWrap.type2 span{font-size:20px}

.calPopWrap{display:block;border:1px solid #e4e4e4}
.calPopWrap ul{display:block; padding:15px 0;overflow:hidden}
.calPopWrap ul li{position:relative;display:block;width:100%;float:left;font-size:11px;letter-spacing:-1px;text-align:center}
.calPopWrap ul li a{position:relative;display:block;padding-top:110px;z-index:2}
.calPopWrap ul.col2 li{width:50%}
.calPopWrap ul li:before {content:""; display:block; width:66px; height:66px; margin:30px auto 10px;position:absolute;left:50%;margin-left:-33px;z-index:1}
.calPopWrap ul li strong{display:block;position:absolute;top:0;text-align:center;width:100%;font-size:14px;color:#333;}
.calPopWrap ul li.calIcon01:before {background-position:-210px 0}
.calPopWrap ul li.calIcon02:before {background-position:-210px -70px}

/* ISA일임형 18-07-11*/
.contHead.contImg .headText .banner{display:block;padding:15px 0 0;width:218px;height:73px;text-align:center;margin:0 auto}
.contHead.contImg .headText .banner a{display:block;}

.assetTypeInfo.isa{display:block;padding:0;background-color:#fff}
.assetTypeInfo.isa > dl{padding:0}
.assetTypeInfo.isa .txtInfo{display:block; text-align:left; color:#333; font-size:14px; line-height:20px; letter-spacing:-1px; padding:0 15px}
.assetTypeInfo.isa .imgInfo{display:block; margin:30px 0 0;}
.assetTypeInfo.isa > dl > dd:after {content:"";display:block;clear:both;visibility:hidden;}
.assetTypeInfo.isa > dl > dd > .lst > li:after{display:none}
.assetTypeInfo.isa > dl > dd > .lst > li > div{min-height:60px}
.assetTypeInfo.isa > dl > dd > .lst > li > div:before{width:59px;height:59px;margin-top:-30px}
.assetTypeInfo.isa > dl > dd > .lst > li > div.item01:before{background-position:0 -1100px;}
.assetTypeInfo.isa > dl > dd > .lst > li > div.item02:before{background-position:-70px -1100px;}
.assetTypeInfo.isa > dl > dd > .lst > li > div.item03:before{background-position:-140px -1100px;}
.assetTypeInfo.isa > dl > dd > .lst > li > div.item04:before{background-position:-210px -1100px;}
.assetTypeInfo.isa > dl > dd > .lst > li > div > strong{padding:5px 0 10px}
.assetTypeInfo.isa > dl > dd > .lst > li .btnWrap{display:inline-block;position:absolute;top:35px;right:0px}

.isaGuide {display:block;border-top:2px solid #c3c4c8;padding:20px 0 0;}
.isaGuide:after {content:"";display:block;clear:both;visibility:hidden;}
.isaGuide li{display:inline-block;width:calc(100% / 2);float:left;position:relative;}
.isaGuide li > strong{display:block;font-size:14px;color:#333;margin-bottom:20px}
.isaGuide li:after{content:""; display:block;background:url(/mbw/images/asset/img_asset_isa.png) no-repeat;text-align:center;background-size:76.75px auto;width:76.75px; height:76.75px;margin:0 auto;}
.isaGuide li:before{content:""; display:block;background:url(/mbw/images/asset/img_asset_isa.png) no-repeat;background-size:76.75px auto;}
.isaGuide li.icon01:after{background-position:0 0;}
.isaGuide li.icon02:after{background-position:0 -82px;}
.isaGuide li.icon02:before{position:absolute;top:50%;left:-14px;margin-top:0;width:28px;height:18px;background-position:0 -164px;}
.isaGuide+.tblWrap{margin:20px 0 0;}

.isaGuide.pensionAccount li.icon01:after{background-position:0 -186px;}
.isaGuide.pensionAccount li.icon02:after{background-position:0 -268px;}


.isaStepWrap .btnWrap.mutilTxt {margin:40px 0; padding:0}
.isaStepWrap .btnWrap.mutilTxt a {height:auto; min-height:40px; line-height:auto; padding:0 10px; vertical-align:middle;}
.isaStepWrap .btnWrap.mutilTxt a > span {display:inline-block; line-height:1.2; margin:7px 0;}
.isaStepWrap .btnWrap.mutilTxt a.single > span {line-height:26px;}
.isaStepWrap .btnWrap.mutilTxt .mpop:before {margin-top:12px; margin-right:5px; vertical-align:top;}

/* 신뢰회복 역사관 */
/* 신뢰회복 역사관 */

.trust_body{display:block;}
.trust_body:after {content:"";display:block;clear:both;visibility:hidden;}
.trust_body .trust_cont{position:relative;border-top:15px solid #e6e6e6;border-bottom:1px solid #0078c8;padding-bottom:15px}
.trust_body .trust_cont:after{content:""; display:block; width:1px; height:100%; margin:0; position:absolute; left:35px; top:0; background-color:#0078c8}
.trust_body .trust_cont .trust_year{position:relative;margin-top:40px;}
.trust_body .trust_cont .trust_year:after {display:block;content:"";clear:both;}
.trust_body .trust_cont .trust_year.year2018:before{background:url(/mbw/images/common/bg_trust_year2018.png) 0 0 no-repeat;background-size:61px auto}
.trust_body .trust_cont .trust_year.year2019:before{background:url(/mbw/images/common/bg_trust_year2019.png) 0 0 no-repeat;background-size:61px auto}
.trust_body .trust_cont .trust_year:before{content:"";display:block;position:absolute;left:63px;top:10px;width:61px;height:23px;z-index:10;}

.trust_body .trust_cont .trust_year .trust_month{position:relative;}
.trust_body .trust_cont .trust_year .trust_month:after {display:block;content:"";clear:both;}
.trust_body .trust_cont .trust_year .trust_month .month_date{margin-left:15px;position:relative;background-color:#0078c8;border-radius:20px;width:40px;height:40px;display:block;text-align:center;padding:0;line-height:40px;font-size:16px;color:#fff}
.trust_body .trust_cont .trust_year .trust_month .block {position:relative;margin-top:20px}
.trust_body .trust_cont .trust_year .trust_month .block:after{content:""; display:block; width:37px; height:1px; margin:0; position:absolute; left:42px; top:8px; background-color:#e2e2e2}
.trust_body .trust_cont .trust_year .trust_month .block:before{content:"";display:block;position:absolute;left:28px;top:0;width:7px;height:7px;border:4px solid #0078c8;background-color:#fff;border-radius:20px;z-index:10}
.trust_body .trust_cont .trust_year .trust_month .block > div{position:relative;display:inline-block;width:270px}
.trust_body .trust_cont .trust_year .trust_month .block > div:before{content:"";display:block;position:absolute;right:0;top:12px;width:60px;height:1px;background-color:#e2e2e2;z-index:9}
.trust_body .trust_cont .trust_year .trust_month .block .trust_date{text-align:left;font-size:14px;color:#333;margin-left:86px}
.trust_body .trust_cont .trust_year .trust_month .block p{display:block;font-size:12px;color:#666;margin:8px 0 10px;height:16px;line-height:17px;overflow:hidden;text-align:left;margin-left:86px}
.trust_body .trust_cont .trust_year .trust_month .block p span{display:block;color:#444;font-weight:bold}
.trust_body .trust_cont .trust_year .trust_month .block p img{display:block;margin-top:10px}
.trust_body .trust_cont .trust_year .trust_month .block p .news_more,
.trust_body .trust_cont .trust_year .trust_month .block p .news_more2{margin-top:10px;display:inline-block;color:#0277c7;font-size:12px;line-height:14px;padding-right:28px;background:url(/mbw/images/common/btn_news_more.png) right 0 no-repeat;background-size:24px auto;}
.trust_body .trust_cont .trust_year .trust_month .block p .news_more.line, 
.trust_body .trust_cont .trust_year .trust_month .block p .news_more2.line{line-height:24px;}
.trust_body .trust_cont .trust_year .trust_month .block .read_more{display:block;width:24px;height:24px;background:url(/mbw/images/common/btn_more.png) 0 0 no-repeat;background-size:24px auto;text-align:left;margin-left:86px}
.trust_body .trust_cont .trust_year .trust_month .block.on p {height:auto;}
.trust_body .trust_cont .trust_year .trust_month .block.on p span{display:block;color:#444;font-weight:bold}
.trust_body .trust_cont .trust_year .trust_month .block.on .read_more{background-position:0 -24px}
.trust_body .trust_cont .trust_year .trust_month .block .fl .read_more{text-align:right}
.trust_body .trust_cont .trust_year .trust_month .block .imgArea{display:block;margin-right:30px}
.trust_body .trust_cont .trust_year .trust_month .block.line3 p{min-height:53px}
.trust_body .trust_cont .trust_year .trust_month .block.line4 p{min-height:70px}
.trust_body .trust_cont .trust_year .trust_month .block.line5 p{min-height:192px}
.trust_body .trust_cont .trust_year .trust_month .block p > strong{display:block;padding-top:4px;color:#333;line-height:16px;}
.trust_body .trust_cont .trust_year .trust_month .block p > em{display:block;padding-top:3px;text-indent:-8px;margin-left:10px}

/* 레이어 팝업 */
.trustArea .gbox{display:block;border:1px solid #e6e6e6;padding:13px;font-size:12px;margin:10px 0}
.trustArea .subTitH3{font-size:13px}
.trustArea .subTitH4{display:block;margin:10px 0;font-size:12px;color:#333}
.trustArea .news_more{margin-top:10px;display:inline-block;color:#0277c7;font-size:12px;line-height:14px;padding-right:28px;background:url(/mbw/images/common/btn_news_more.png) right 0 no-repeat;background-size:24px auto;}
.trustArea .news_more.line{line-height:24px;}


/* MY받다 */
.myReceive {}
.myReceive .headText  .level_info{display:block;width:180px;margin:10px auto 0}
.myReceive .headText  .level_info li{display:block;overflow:hidden;margin-bottom:6px;height:24px;vertical-align:top}
.myReceive .headText  .level_info li:after {display:block;content:"";clear:both;}
.myReceive .headText  .level_info li>p:before{content:"";display:inline-block;width:18px;height:18px;margin-right:5px;background:url(/mbw/images/customer/ico_myReceive_level_info.png) 0 0 no-repeat;background-size:18px auto;vertical-align:top}
.myReceive .headText  .level_info li>p{display:block;text-align:left;font-size:14px;color:#333;line-height:18px;padding:0px;vertical-align:top;height:18px;}
.myReceive .headText  .level_info li:nth-child(1)>p:before{background-position:0 0;}
.myReceive .headText  .level_info li:nth-child(2)>p:before{background-position:0 -25px}
.myReceive .headText  .level_info li:nth-child(3)>p:before{background-position:0 -50px;}
.myReceive .headText  .level_info li:nth-child(4)>p:before{background-position:0 -75px;}
.myReceive .headText  .level_info li:nth-child(5)>p:before{background-position:0 -100px;}
.myReceive .headText .btnWrap.mid a{height:40px;line-height:40px;font-size:14px;width:60%}
.myReceive.new .btnWrap a{display:block;position:absolute;left:5%;top:39%;width:91%;background:none;border:none;height:8.5%;}

.myReceive.new .contWrap{background:#ebf4fb;padding-bottom:40px}

.sliderWrap.myReceive{height:auto;min-height:350px}
.sliderWrap.myReceive .paging{top:inherit;left:0;width:100%;bottom:15px;display:none}
.sliderWrap.myReceive .paging .btn_page{background:#bdbdbd;opacity:1;}
.sliderWrap.myReceive .paging .btn_page.on{background:#1143a9;}
.sliderWrap.myReceive .slideInner{width:100%; min-height:350px; padding:0; margin:0; position:relative; overflow:hidden;}
.sliderWrap.myReceive .slideInner .innerCont{display:block;position:relative; margin:15px;background-color:#fff;padding:25px 20px 35px;min-height:280px;box-sizing:border-box}
.sliderWrap.myReceive .slideInner .innerCont .lstDot li{font-size:12px}
.sliderWrap.myReceive .slideInner .innerCont .contview{position:relative;}
.sliderWrap.myReceive .slideInner .innerCont .contview a{position:absolute;top:84%;left:24.5%; display:inline-block;width:50%;height:14%;}
.sliderWrap.myReceive #myReceiveSlider04 .innerCont .contview a.btn2{left:47%;width:42%;}
.sliderWrap.myReceive #myReceiveSlider04 .innerCont .contview a.btn{left:10.5%;width:34%;margin-right:1%}


.myReceive .stampBox{display:block;margin:10px 15px 0 15px;;max-height:1075px;}
.myReceive .stampBox .levelList ul li{border-radius:8px;}
.myReceive .stampBox .levelList ul li:last-child{border-bottom:none !important}
.myReceive .stampBox .dateBox{border-radius:8px}

.myReceive .stampBox.nlevel .dateBox{background:#e6e6e6;}
.myReceive .stampBox.nlevel .levelList ul li{background:#fafafa;border-bottom:1px dotted #dbdbdb;}
.myReceive .stampBox.nlevel .levelList ul li.domesticStock{background-position:0 -92px;}

.myReceive .stampBox.level1 .dateBox{background:#afddde;}
.myReceive .stampBox.level1 .levelList ul li{background:#d8eff0;border-bottom:1px dotted #dbdbdb;}

.myReceive .stampBox.level2 .dateBox{background:#a4e2f7;}
.myReceive .stampBox.level2 .levelList ul li{background:#beecfc;border-bottom:1px dotted #dbdbdb;}

.myReceive .stampBox.level3 .dateBox{background:#ffc7ba;}
.myReceive .stampBox.level3 .levelList ul li{background:#fcdbd4;border-bottom:1px dotted #dbdbdb;}

.myReceiveLayer .dateBox{}
.myReceiveLayer .dateBox .calWrap{padding-top:10px !important;width:200px !important}
.myReceive .stampBox .dateBox{display:block;margin:0;min-height:92px;}
.myReceive .stampBox .dateBox .calWrap,
.myReceiveLayer .dateBox .calWrap{display:block;width:300px;text-align:center;padding:20px 0 10px;margin:0 auto}
.myReceive .stampBox .dateBox .calWrap > a,
.myReceiveLayer .dateBox .calWrap > a{background:url(/mbw/images/customer/btn_date_arrow.png) 0 0 no-repeat;background-size:23px auto;}
.myReceive .stampBox .dateBox .calWrap > a.btn_prev,
.myReceiveLayer .dateBox .calWrap > a.btn_prev{background-position:center 0px;}
.myReceive .stampBox .dateBox .calWrap > a.btn_next,
.myReceiveLayer .dateBox .calWrap > a.btn_next{background-position:center -30px;} 
.myReceive .stampBox .dateBox .calWrap > .data{}
.myReceive .stampBox .dateBox .calWrap > .data>strong,
.myReceiveLayer .dateBox .calWrap > .data>strong{font-size:20px}
.myReceive .stampBox .dateBox .calWrap > a.end, .myReceiveLayer .dateBox .calWrap > a.end{opacity:0.3}

.myReceive .stampBox .dateBox .levelBox{display:block;}
.myReceive .stampBox .dateBox .levelBox ul{display:block;margin:0 auto;width:185px;}
.myReceive .stampBox .dateBox .levelBox ul:after {display:block;content:"";clear:both;}
.myReceive .stampBox .dateBox .levelBox ul li{position:relative;float:left;width:55px;height:20px;margin-left:10px;text-align:center}
.myReceive .stampBox .dateBox .levelBox ul li>span{color:#fff;font-size:12px;font-weight:bold;z-index:10;display:block;position:absolute;width:100%;line-height:20px;}
.myReceive .stampBox .dateBox .levelBox ul li:first-child{margin-left:0}
.myReceive .stampBox.level1 .dateBox .levelBox ul li.level1:after{background-color:#84bebf;opacity:1}
.myReceive .stampBox.level2 .dateBox .levelBox ul li.level2:after{background-color:#569fcc;opacity:1}
.myReceive .stampBox.level3 .dateBox .levelBox ul li.level3:after{background-color:#fd9280;opacity:1}
.myReceive .stampBox .dateBox .levelBox ul li:after{content:"";display:block;position:absolute;left:0;top:0;width:55px;height:20px;background-color:#fff;z-index:9;opacity:0.3;border-radius:20px;}
.myReceive .stampBox .dateBox .levelBox ul li:after{background-color:#fff;opacity:0.3;}
.myReceive .stampBox.nlevel .dateBox .levelBox ul li:after{background-color:#ccc;opacity:1;}

.myReceive .stampBox .levelList{display:block;margin:0;}
.myReceive .stampBox .levelList ul{display:block;}
.myReceive .stampBox .levelList ul li{display:block;min-height:197px;border-radius:8px;}}
.myReceive .stampBox .levelList ul li:last:child{min-height:196px;}
.myReceive .stampBox .levelList ul li dl{display:block;}
.myReceive .stampBox .levelList ul li dl:after {display:block;content:"";clear:both;}
.myReceive .stampBox .levelList ul li dl dt{display:block;text-align:center;padding:25px 0 15px;}
.myReceive .stampBox .levelList ul li dl dt p{font-size:15px;color:#444;font-weight:bold;}
.myReceive .stampBox.nlevel .levelList ul li dl dt p{color:#444}
.myReceive .stampBox.level1 .levelList ul li dl dt p,
.myReceive .stampBox.level1 .levelList ul li.domesticStock dl dd.on>strong,
.myReceive .stampBox.level1 .levelList ul li.foreignStock dl dd.on>strong,
.myReceive .stampBox.level1 .levelList ul li.finance dl dd.on>strong,
.myReceive .stampBox.level1 .levelList ul li.bonus dl dd.on>strong{color:#20a0a2}
.myReceive .stampBox.level2 .levelList ul li dl dt p,
.myReceive .stampBox.level2 .levelList ul li.domesticStock dl dd.on>strong,
.myReceive .stampBox.level2 .levelList ul li.foreignStock dl dd.on>strong,
.myReceive .stampBox.level2 .levelList ul li.finance dl dd.on>strong,
.myReceive .stampBox.level2 .levelList ul li.bonus dl dd.on>strong{color:#2681c3}
.myReceive .stampBox.level3 .levelList ul li dl dt p,
.myReceive .stampBox.level3 .levelList ul li.domesticStock dl dd.on>strong,
.myReceive .stampBox.level3 .levelList ul li.foreignStock dl dd.on>strong,
.myReceive .stampBox.level3 .levelList ul li.finance dl dd.on>strong,
.myReceive .stampBox.level3 .levelList ul li.bonus dl dd.on>strong{color:#fc7f6c}
.myReceive .stampBox.nlevel .levelList ul li dl dt p,
.myReceive .stampBox.nlevel .levelList ul li dl dd strong,
.myReceive .stampBox.nlevel .levelList ul li.domesticStock dl dd.on>strong,
.myReceive .stampBox.nlevel .levelList ul li.foreignStock dl dd.on>strong,
.myReceive .stampBox.nlevel .levelList ul li.finance dl dd.on>strong,
.myReceive .stampBox.nlevel .levelList ul li.bonus dl dd.on>strong{color:#5f5f5f;}
.myReceive .stampBox.nlevel .levelList ul li dl dd strong{font-weight:normal}

.myReceive .stampBox .levelList ul li dl dt+dd{}
.myReceive .stampBox .levelList ul li dl dd:first-child{}
.myReceive .stampBox .levelList ul li dl dd{display:block;text-align:center;float:left;width:33%;margin:0px;position:relative}
.myReceive .stampBox .levelList ul li dl dd p.pay,
.myReceive .stampBox .levelList ul li dl dd p.pay span{display:none;}
.myReceive .stampBox .levelList ul li dl dd.payOk p.pay{display:block;width:92.5px;height:35px;position:absolute;top:29px;left:50%;margin-left:-46.25px;background: url(/mbw/images/customer/bg_stamp_pay_ok.png) 0 0 no-repeat;background-size:92.5px auto;}
.myReceive .stampBox .levelList ul li dl dd.payOk p.pay span{display:block;color:#62329e;font-size:12px;text-align:center;margin-top:4px;font-weight:bold;font-style:italic}
.myReceive .stampBox .levelList ul li dl dd:before{content:"";display:block;width:91px;height:91.5px;position:absolute;left:50%;top:0;margin-left:-45.5px}
.myReceive .stampBox .levelList ul li.domesticStock dl dd:before{background:url(/mbw/images/customer/bg_myReceive_level_domesticStock.png) 0 0 no-repeat;background-size:200px auto}
.myReceive .stampBox .levelList ul li.foreignStock dl dd:before{background:url(/mbw/images/customer/bg_myReceive_level_foreignStock.png) 0 0 no-repeat;background-size:200px auto}
.myReceive .stampBox .levelList ul li.finance dl dd:before{background:url(/mbw/images/customer/bg_myReceive_level_finance.png) 0 0 no-repeat;background-size:200px auto}
.myReceive .stampBox .levelList ul li.more dl dd:before{background:url(/mbw/images/customer/bg_myReceive_level_more.png) 0 0 no-repeat;background-size:200px auto}
.myReceive .stampBox .levelList ul li.bonus dl dd:before{background:url(/mbw/images/customer/bg_myReceive_level_bonus.png) 0 0 no-repeat;background-size:200px auto}

.myReceive .stampBox.level1 .levelList ul li.domesticStock dl dd:before{background-position:0 0;}
.myReceive .stampBox.level1 .levelList ul li.domesticStock dl dd.on:before{background-position:-100px 0}
.myReceive .stampBox.level1 .levelList ul li.foreignStock dl dd:before{background-position:0 0;}
.myReceive .stampBox.level1 .levelList ul li.foreignStock dl dd.on:before{background-position:-100px 0}
.myReceive .stampBox.level1 .levelList ul li.finance dl dd:before{background-position:0 0;}
.myReceive .stampBox.level1 .levelList ul li.finance dl dd.on:before{background-position:-100px 0}
.myReceive .stampBox.level1 .levelList ul li.more dl dd:before{background-position:0 0;}
.myReceive .stampBox.level1 .levelList ul li.more dl dd.on:before{background-position:-100px 0}
.myReceive .stampBox.level1 .levelList ul li.bonus dl dd:before{background-position:0 0;}
.myReceive .stampBox.level1 .levelList ul li.bonus dl dd.on:before{background-position:-100px 0}

.myReceive .stampBox.level2 .levelList ul li.domesticStock dl dd:before{background-position:0 -117.5px;}
.myReceive .stampBox.level2 .levelList ul li.domesticStock dl dd.on:before{background-position:-100px -117.5px}
.myReceive .stampBox.level2 .levelList ul li.foreignStock dl dd:before{background-position:0 -117.5px;}
.myReceive .stampBox.level2 .levelList ul li.foreignStock dl dd.on:before{background-position:-100px -117.5px}
.myReceive .stampBox.level2 .levelList ul li.finance dl dd:before{background-position:0 -117.5px;}
.myReceive .stampBox.level2 .levelList ul li.finance dl dd.on:before{background-position:-100px -117.5px}
.myReceive .stampBox.level2 .levelList ul li.more dl dd:before{background-position:0 -117.5px;}
.myReceive .stampBox.level2 .levelList ul li.more dl dd.on:before{background-position:-100px -117.5px}
.myReceive .stampBox.level2 .levelList ul li.bonus dl dd:before{background-position:0 -117.5px;}
.myReceive .stampBox.level2 .levelList ul li.bonus dl dd.on:before{background-position:-100px -117.5px}

.myReceive .stampBox.level3 .levelList ul li.domesticStock dl dd:before{background-position:0 -235px;}
.myReceive .stampBox.level3 .levelList ul li.domesticStock dl dd.on:before{background-position:-100px -235px}
.myReceive .stampBox.level3 .levelList ul li.foreignStock dl dd:before{background-position:0 -235px;}
.myReceive .stampBox.level3 .levelList ul li.foreignStock dl dd.on:before{background-position:-100px -235px}
.myReceive .stampBox.level3 .levelList ul li.finance dl dd:before{background-position:0 -235px;}
.myReceive .stampBox.level3 .levelList ul li.finance dl dd.on:before{background-position:-100px -235px}
.myReceive .stampBox.level3 .levelList ul li.more dl dd:before{background-position:0 -235px;}
.myReceive .stampBox.level3 .levelList ul li.more dl dd.on:before{background-position:-100px -235px}
.myReceive .stampBox.level3 .levelList ul li.bonus dl dd:before{background-position:0 -235px;}
.myReceive .stampBox.level3 .levelList ul li.bonus dl dd.on:before{background-position:-100px -235px}

.myReceive .stampBox.nlevel .levelList ul li.domesticStock dl dd:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.domesticStock dl dd.on:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.foreignStock dl dd:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.foreignStock dl dd.on:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.finance dl dd:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.finance dl dd.on:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.more dl dd:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.more dl dd.on:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.bonus dl dd:before{background-position:0 -352.75px;}
.myReceive .stampBox.nlevel .levelList ul li.bonus dl dd.on:before{background-position:-100px -352.75px;}

.myReceive .stampBox .levelList ul li dl dd>strong{display:block;padding:98px 0 0;font-size:12px;color:#fff}

.myReceive .seviceBox{display:block;margin:10px 0 0;}
.myReceive .seviceBox ul{display:block;}
.myReceive .seviceBox ul li{display:block;margin:20px 0 0;text-align:center;}
.myReceive .seviceBox ul li span{display:block;border-radius:20px;width:76px;height:25px;text-align:center;font-size:16px;color:#fff;font-weight:bold;line-height:25px;margin:0 auto;}
.myReceive .seviceBox ul li span.level1{background:#84bebf}
.myReceive .seviceBox ul li span.level2{background:#569ecc}
.myReceive .seviceBox ul li span.level3{background:#fd927f}
.myReceive .seviceBox ul li p{display:block;font-size:13px;color:#666;line-height:20px;margin:10px 0 0;text-align:left}
.myReceive .descText{display:block;margin:20px 0 0;text-align:center;font-size:12px;color:#666;}

.myReceive .level_cont_info{display:block;margin:30px 0 0}
.myReceive .level_cont_info .box{display:block;}
.myReceive .level_cont_info .box li{display:block;text-align:center;padding-bottom:20px}
.myReceive .level_cont_info .box li .text{display:block;color:#666;font-size:14px;margin:16px 0 10px}
.myReceive .level_cont_info .box li .stext{display:block;color:#333;font-size:16px;}
.myReceive .level_cont_info .box li .stext>em{color:#0078c8}

/* 2020년 혜택 */
.contListWrap.myReceive h1.tit{color:#fff;font-size:28px}
.contListWrap.myReceive h1.tit>strong{color:#17abff}
.contListWrap.myReceive .headText .totalWon{display:block}
.contListWrap.myReceive .headText .totalWon>span{display:block;font-size:14px;color:#a3b0cf;padding-bottom:5px;}
.contListWrap.myReceive .headText .totalWon>strong{display:inline-block;font-size:25px;color:#fff}
.contListWrap.myReceive .headText .totalWon>em{font-size:13px;color:#fff}
.myReceive .headText .btnWrap.mid a{width:98%;border-radius:2px;background-color:#003f96;border-color:#b3c6e0;color:#fff}

.myReceive .yearCont{display:none}
.myReceive .yearCont.on{display:block;}
.myReceive .yearCont:after {display:block;content:"";clear:both;}

.myReceive .yearArea{display:block;width:auto;margin-left:15px;}
.myReceive .yearArea li{float:left;margin-left:10px}
.myReceive .yearArea li:first-child{margin-left:0}
.myReceive .yearArea li>a{font-size:16px;color:#999;padding-bottom:8px;font-weight:bold}
.myReceive .yearArea li>a.on{color:#222}
.myReceive .yearArea li>a:after {display:block;content:"";border:1px solid #fff}
.myReceive .yearArea li>a.on:after {border-color:#003f96}

.myReceive .stampBox{display:block;}
.myReceive .stampBox.new{float:left;width:100%;margin:10px 0 0;padding-bottom:20px}
.myReceive .stampBox.new .dateBox{background:#fff;min-height:50px;}
.myReceive .stampBox.new .dateBox:after {display:block;content:"";clear:both;}
.myReceive .stampBox.new .dateBox .calWrap{padding-top:0}
.myReceive .stampBox.new .dateBox .calWrap span{font-weight:bold;font-size:32px;line-height:24px;vertical-align:middle;}
.myReceive .stampBox.new .dateBox .calWrap strong{font-size:12px;vertical-align:top;display:inline-block;}


/* 
.stampBoxStock{float:left;width:100%;display:block; background:url(/mbw/images/customer/bg_stampbox.jpg) center 0 no-repeat;background-size:320px auto;max-height:425px; min-height:300px;}
.stampBoxStock ul{position:relative;display:block;margin:0 auto;width:290px;}
.stampBoxStock ul li{display:block;}
.stampBoxStock ul li.domesticStock{margin-top:52px}
.stampBoxStock ul li>dl{display:block}
.stampBoxStock ul li>dl:after {display:block;content:"";clear:both;}
.stampBoxStock ul li>dl>dd{float:left;width:63.75px;height:63.75px;}
.stampBoxStock ul li.domesticStock dl dd.on{background:url(/mbw/images/customer/bg_stamp_domestic.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.domesticStock dl dd:nth-child(2){margin-left:3.5px;}
.stampBoxStock ul li.domesticStock dl dd:nth-child(3){margin-left:15px;margin-top:11.25px}
.stampBoxStock ul li.domesticStock dl dd:nth-child(4){margin-left:18.5px;margin-top:11.25px}

.stampBoxStock ul li.domesticStock dl dd.on:nth-child(2){}
.stampBoxStock ul li.domesticStock dl dd.on:nth-child(3){}
.stampBoxStock ul li.domesticStock dl dd.on:nth-child(4){background-position-y:-63.75px}

.stampBoxStock ul li.foreignStock{margin-top:5.5px}
.stampBoxStock ul li.foreignStock dl dd{float:right}
.stampBoxStock ul li.foreignStock dl dd:nth-child(2){margin-right:3.5px;}
.stampBoxStock ul li.foreignStock dl dd:nth-child(3){margin-right:17.5px;margin-top:13px}
.stampBoxStock ul li.foreignStock dl dd:nth-child(4){margin-right:17.5px;margin-top:13px}

.stampBoxStock ul li.foreignStock dl dd.on{background:url(/mbw/images/customer/bg_stamp_foreign.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.foreignStock dl dd.on:nth-child(2){}
.stampBoxStock ul li.foreignStock dl dd.on:nth-child(3){}
.stampBoxStock ul li.foreignStock dl dd.on:nth-child(4){background-position-y:-63.75px}

.stampBoxStock ul li.finance{margin-top:5.5px;padding-bottom:34.5px}
.stampBoxStock ul li.finance dl dd.on{background:url(/mbw/images/customer/bg_stamp_finance.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.finance dl dd:nth-child(2){margin-left:3.5px;}
.stampBoxStock ul li.finance dl dd:nth-child(3){margin-left:15px;margin-top:11.25px}
.stampBoxStock ul li.finance dl dd:nth-child(4){margin-left:18.5px;margin-top:11.25px}

.stampBoxStock ul li.finance dl dd.on:nth-child(2){}
.stampBoxStock ul li.finance dl dd.on:nth-child(3){}
.stampBoxStock ul li.finance dl dd.on:nth-child(4){background-position-y:-63.75px}

.stampBoxStock ul li.bonus{background:url(/mbw/images/customer/bg_stampbox_bonus.jpg) center 0 no-repeat;background-size:290px auto;margin-top:20px;padding-top:25px;}
.stampBoxStock ul li.bonus dl dd.on{background:url(/mbw/images/customer/bg_stamp_bonus.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.bonus dl dd:nth-child(2){margin-left:28.5px;}
.stampBoxStock ul li.bonus dl dd:nth-child(3){margin-left:22px;}
.stampBoxStock ul li.bonus dl dd:nth-child(4){margin-left:18.5px;}

.stampBoxStock ul li.bonus dl dd.on:nth-child(2){}
.stampBoxStock ul li.bonus dl dd.on:nth-child(3){background-position-y:-63.75px}
.stampBoxStock ul li.bonus dl dd.on:nth-child(4){background-position-y:-127.5px}
 */

/* 혜택 더 받다 */

.stampBoxStock{position:relative;margin:0 15px;display:block; min-height:300px;}
.stampBoxStock.bonus{max-height:140px; min-height:120px;margin-top:20px;}
.stampBoxStock ul{position:absolute;top:0;left:0;width:100%;height:100%;display:block;margin:0 auto;}
.stampBoxStock ul:after{content:"";display:block;position:absolute;right:0px;bottom:20px;width:72px;height:63.25px;background:url(/mbw/images/customer/bg_great.png) 0 0 no-repeat;background-size:72px auto;z-index:9;}
.stampBoxStock ul li{display:block;height:18%;}
.stampBoxStock ul li.domesticStock{margin-top:22%;}
.stampBoxStock ul li>dl{display:block}
.stampBoxStock ul li>dl:after {display:block;content:"";clear:both;}
.stampBoxStock ul li>dl>dd{position:relative;float:left;width:63.75px;height:63.75px;background:url(/mbw/images/customer/bg_stamp_off.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.domesticStock dl dd.on{background:url(/mbw/images/customer/bg_stamp_domestic.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.domesticStock dl dd:nth-child(2){margin-left:12%;margin-top:2%}
.stampBoxStock ul li.domesticStock dl dd:nth-child(3){margin-left:7%;margin-top:2%}
.stampBoxStock ul li.domesticStock dl dd:nth-child(4){margin-left:7%;margin-top:2%;background-position-y:-63.75px}

.stampBoxStock ul li.domesticStock dl dd.on:nth-child(2){}
.stampBoxStock ul li.domesticStock dl dd.on:nth-child(3){}
.stampBoxStock ul li.domesticStock dl dd.on:nth-child(4){background-position-y:-63.75px}

.stampBoxStock ul li.foreignStock{margin-top:9%;}
.stampBoxStock ul li.foreignStock dl dd{float:right}
.stampBoxStock ul li.foreignStock dl dd:nth-child(2){margin-right:12%;}
.stampBoxStock ul li.foreignStock dl dd:nth-child(3){margin-right:8%;}
.stampBoxStock ul li.foreignStock dl dd:nth-child(4){margin-right:8%;background-position-y:-63.75px}

.stampBoxStock ul li.foreignStock dl dd.on{background:url(/mbw/images/customer/bg_stamp_foreign.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.foreignStock dl dd.on:nth-child(2){}
.stampBoxStock ul li.foreignStock dl dd.on:nth-child(3){}
.stampBoxStock ul li.foreignStock dl dd.on:nth-child(4){background-position-y:-63.75px}

.stampBoxStock ul li.finance{margin-top:7%;}
.stampBoxStock ul li.finance dl dd.on{background:url(/mbw/images/customer/bg_stamp_finance.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.finance dl dd:nth-child(2){margin-left:9%;}
.stampBoxStock ul li.finance dl dd:nth-child(3){margin-left:7%;margin-top:1%}
.stampBoxStock ul li.finance dl dd:nth-child(4){margin-left:7%;margin-top:1%;background-position-y:-63.75px}

.stampBoxStock ul li.finance dl dd.on:nth-child(2){}
.stampBoxStock ul li.finance dl dd.on:nth-child(3){}
.stampBoxStock ul li.finance dl dd.on:nth-child(4){background-position-y:-63.75px}

.stampBoxStock.bonus ul li dl{display:block;margin:0 auto;width:256px;text-align:center;}
.stampBoxStock.bonus ul:after{display:none}
.stampBoxStock ul li.bonus{margin-top:9%;height:65%;}
.stampBoxStock ul li.bonus dl dd, .stampBoxStock ul li.bonus dl dd.on{background:url(/mbw/images/customer/bg_stamp_bonus.png) center 0 no-repeat;background-size:63.75px auto;}
.stampBoxStock ul li.bonus dl dd{background-position-y:0}
.stampBoxStock ul li.bonus dl dd:nth-child(2){margin-left:0px;}
.stampBoxStock ul li.bonus dl dd:nth-child(3){margin-left:32px;}
.stampBoxStock ul li.bonus dl dd:nth-child(4){margin-left:32px;}

.stampBoxStock ul li.bonus dl dd.bonus1.on{background-position-y:-63.75px}
.stampBoxStock ul li.bonus dl dd.bonus2.on{background-position-y:-127.5px}
.stampBoxStock ul li.bonus dl dd.bonus3.on{background-position-y:-191.25px}
.stampBoxStock ul li.bonus dl dd.bonus4.on{background-position-y:-255px}
.stampBoxStock ul li.bonus dl dd.bonus5.on{background-position-y:-318.75px}

.stampBoxStock ul li dl dd.payOk p.pay{display:block;width:85%;height:20px;position:absolute;top:40px;left:8%;background:#002a4f;box-sizing:border-box;border-radius:10px;}
.stampBoxStock ul li dl dd.payOk p.pay span{display:block;color:#8cf1ff;font-size:10px;text-align:center;margin-top:3px;}

.stampBoxStock ul li.foreignStock dl dd.payOk p.pay span{color:#ffdf78;}
.stampBoxStock ul li.finance dl dd.payOk p.pay span{color:#53a8ff;}
.stampBoxStock ul li.bonus dl dd.payOk p.pay span{color:#ff9579;}


/* 받다Mall */
.myReceiveMall {}
.myReceiveMall .headText .tit .t_point{color:#569fcc}
.myReceiveMall .headText .tit .t_point2{color:#fd9280}
.myReceiveMall .headText .tit > strong{color:#333;font-weight:normal}
.myReceiveMall .headText .tit + p{text-decoration:underline} 
.myReceiveMall .tip_info{background:url(/mbw/images/customer/ico_tip_info.png) 0 center no-repeat;background-size:11px auto;padding-left:20px;font-size:14px;color:#666;line-height:18px;margin-top:30px;} 
.myReceiveMall .tip_info+.lstText2{margin-top:6px}
.myReceiveMall .mallBoxList{}
.myReceiveMallStatus {}

.myReceiveMallSlider{margin:0; width:100%; height:100%; position:relative; overflow:hidden; padding-bottom:50px;}

#myReceiveMallSlider .tipBox{z-index:10;box-shadow:0px 4px 10px #ccc; background-color:#fff; border-radius:15px; padding:10px; display:inline-block; text-align:center; position:absolute; top:20px; left:50%; margin-left:-120px; width:220px; min-height:110px;}
#myReceiveMallSlider .tipBox:after {display:block;position:absolute;bottom:-22px;left:50%;margin-left:-8px;content:"";width:15px;height:22.5px;background:url(/mbw/images/customer/arrow_tip_info.png) no-repeat;background-size:15px auto;text-indent:-9999px;}
#myReceiveMallSlider .tipBox .titles{display:block;margin-top:5px;padding-bottom:15px;border-bottom:1px #ddd dotted}
#myReceiveMallSlider .tipBox .titles>strong{display:block;color:#333;font-size:18px;}
#myReceiveMallSlider .tipBox .titles>strong+small{display:block;font-size:14px}
#myReceiveMallSlider .tipBox .jewelInfo{display:block;margin-top:12px}
#myReceiveMallSlider .btnWrap{display:block;position:absolute;bottom:-50px;width:100%;text-align:center;z-index:10}
#myReceiveMallSlider .btnWrap>a{}
#myReceiveMallSlider .btnWrap>p{display:block;clear:both;padding:10px 0 0;font-size:14px;color:#333}
#myReceiveMallSlider .btnWrap>p>span{color:#0062ab}
#myReceiveMallSlider .images{display:block;position:absolute;bottom:0px;width:100%;text-align:center;margin:0;}
#myReceiveMallSlider .images img{}
#myReceiveMallSlider li:nth-child(1) .images img{width:370px;height:250px}
#myReceiveMallSlider li:nth-child(2) .images img{width:305px;height:170px}
#myReceiveMallSlider li:nth-child(3) .images img{width:285px;height:140px}

.myReceiveMall .mallTitle{display:block;padding-top:20px;border-top:1px solid #e4e4e4;margin:30px 0 20px}
.myReceiveMall .mallTitle h2{display:block;font-size:16px;color:#222;padding-left:20px;}
.ico_big_jewel{display:inline-block;min-width:30.5px;height:25px;background: url(/mbw/images/customer/ico_jewel.png) 0 0 no-repeat;background-size:30.5px auto;vertical-align:middle}
.ico_big_jewel+em{display:inline-block;font-size:14px;color:#0062ab;line-height:16px;font-weight:bold;padding-left:5px;vertical-align:middle}

.ico_jewel_ly{display:inline-block;width:18px;height:15px;background: url(/mbw/images/customer/ico_jewel_ly.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle}
.ico_jewel_ly+em{display:inline-block;font-size:13px;color:#333;line-height:14px;padding-left:2px;vertical-align:middle}



.ico_jewel{display:inline-block;height:18.5px;background: url(/mbw/images/customer/ico_small_jewel_set.png) 0 0 no-repeat;background-size:130px auto;vertical-align:middle}
.ico_jewel+em{display:inline-block;font-size:14px;color:#e48b0d;line-height:18px;font-weight:bold;padding-left:5px;vertical-align:middle}
.ico_jewel.jewel1{background-position:0 0;min-width:24px;}
.ico_jewel.jewel2{background-position:0 -20px;min-width:50px;}
.ico_jewel.jewel3{background-position:0 -40px;min-width:76px;}
.ico_jewel.jewel4{background-position:0 -60px;min-width:102px;}
.ico_jewel.jewel5{background-position:0 -80px;min-width:128px;}


#myReceiveMallSlider{height:400px}
#myReceiveMallSlider li{position:relative}

/* 해외투자 2.0 */
.foreignInvest {display:block;}

.foreignInvest .btnInvest{display:block;background-color:#0e4588;padding:10px 0 40px}
.foreignInvest .btnInvest .btnWrap{margin:0}
.foreignInvest .btnInvest .btnWrap a.white{border:1px solid #fff;background-color:#0e4588;color:#fff;width:35%;}

.foreignInvest .btnInvest2{display:block;background-color:#ecf7f9;padding:0px 0 40px}
.foreignInvest .btnInvest2 .btnWrap{margin:0 15px}
.foreignInvest .btnInvest2 .btnWrap a.blue{width:100%;float:none}

/* 해외퀴즈 이벤트 */
.h5TabWrap.quiz .h5Tab li {height:38px; padding:8px 0 0px; background:#dedede;  border-bottom:2px solid #dedede;}
.h5TabWrap.quiz .h5Tab li a {display:block; width:79.75px; height:26.75px; padding:0px 7px; margin:0 auto; background:url(/mbw/images/customer/bg_tab_quiz02.png) 0 0 no-repeat;background-size:79.75px auto}
.h5TabWrap.quiz .h5Tab li.on {border-bottom:2px solid #fff;background:#fff;}
.h5TabWrap.quiz .h5Tab li.on a{background-position:0 -30px}
.h5TabWrap.quiz .h5Tab li:first-child a{background:url(/mbw/images/customer/bg_tab_quiz01.png) 0 0 no-repeat;background-size:79.75px auto}
.h5TabWrap.quiz .h5Tab li.on:first-child a{background-position:0 -30px}

#tab0.quizCont{padding-top:30px}
.quizCont {padding-top:0px}
.quizCont:after {display:block;content:"";clear:both;}

.quizCont .btnWrap a.red {background:#fe7062; color:#fff; border:1px solid #ed4737}
.quizCont .btnWrap a.red.disabled{background:#dedede; color:#fff; border:1px solid #dedede}

.quizCont .todayQuiz{display:block;position:relative;text-align:center;}
.quizCont .todayQuiz:after {display:block;content:"";clear:both;}
.quizCont .todayQuiz .calWrap{text-align:center;margin-top:20px}
.quizCont .todayQuiz .calWrap .date{display:inline-block;font-size:15px; color:#080808;padding:0 10px}
.quizCont .todayQuiz .calWrap a{width:13.25px;height:13.25px;background:url(/mbw/images/customer/btn_quiz_date_arrow.png) 0 0 no-repeat;background-size:13.25px auto}
.quizCont .todayQuiz .calWrap a.btn_prev{background-position:0 0}
.quizCont .todayQuiz .calWrap a.end{opacity:0.5;}
.quizCont .todayQuiz .calWrap a.btn_next{background-position:0 -13.25px}
.quizCont .todayQuiz .quizTitle{margin:0 15px;display:block;background:url(/mbw/images/customer/bg_quiz.png) 0 0 no-repeat;background-size:24.5px auto;padding-left:40px;font-size:13px;color:#080808;line-height:18px;text-align:left;min-height:25px}

.quizCont .todayQuiz .todayQuizBox{display:block;margin-top:10px;padding-bottom:20px;position:relative}
.quizCont .todayQuiz .todayQuizBox .quizNodata{display:block;min-height:160px;color:#080808;font-size:14px;text-align:center}
.quizCont .todayQuiz .todayQuizBox .quizaPdBadge{position:absolute;right:15px;top:-78px;display:block;width:38.5px;height:65px;background:url(/mbw/images/customer/bg_quiz_pdBadge.png) 0 0 no-repeat;background-size:38.5px auto;}
.quizCont .todayQuiz .todayQuizBox .quizaPdBadge.on{background-position:0 -65px}
.quizCont .todayQuiz .checkBox{display:block;margin:20px 15px 0}
.quizCont .todayQuiz .checkBox:after {display:block;content:"";clear:both;}
.quizCont .todayQuiz .checkBox li{display:block;float:left;width:50%;text-align:left;padding-bottom:8px}

.quizCont .agreeBox{display:block;margin-top:30px}
.quizCont .agreeBox .text_link{display:inline-block;font-size:12px;color:#295cd8;margin-left:8px}

.quizCont .todayQuiz .quizAnswer{display:block;background:#efefef;box-sizing:border-box;padding:12px;text-align:left}
.quizCont .todayQuiz .quizAnswer li{position:relative;display:block;padding-bottom:8px}
.quizCont .todayQuiz .quizAnswer li span{position:absolute;left:0;top:2px;display:block;width:27.25px;height:12px;background:url(/mbw/images/customer/bg_quiz_answer_ex.png) 0 -20.5px no-repeat;background-size:27.25px auto;}
.quizCont .todayQuiz .quizAnswer li:first-child span{background-position:0 0}
.quizCont .todayQuiz .quizAnswer li:first-child strong{color:#2f59cf;font-weight:bold}
.quizCont .todayQuiz .quizAnswer li strong{display:block;padding-left:35px;font-size:12px;line-height:16px;font-weight:normal} 

.quizCont .quizBtn{display:block;background:#1a3d74;padding:40px 0;text-align:center}
.quizCont .quizBtn .btnPoint {display:inline-block;width:60%;height:36px;border:2px solid #fff;background:url(/mbw/images/customer/btn_txt_quiz_my_point.png) center center no-repeat;background-size:98px 14px;}

.quizCont .gifTipBox{display:block;background-color:#fe7062}
.quizCont .gifTipBox:before {display:block;content:"";width:100%;height:4.5px;background:url(/mbw/images/customer/bg_img_luckyBox_gift_tipBox.png) repeat-x;background-size:8.75px auto;}
.quizCont .gifTipBox .lstText2{display:block;margin:0 15px;padding:15px 0}
.quizCont .gifTipBox .lstText2 li{color:#fff;font-size:12px}

/* 럭키박스 오픈 후 */
.quizCont .luckyBoxOpen{padding-top:30px}
.quizCont #applyWinArea.luckyBoxOpen{padding-top:0}
.luckyBoxOpenData{display:block;text-align:center;font-size:14px;color:#000;font-weight:bold;padding:10px 0 30px;}
.txt_congratulation{display:block;text-align:center;font-size:20px;color:#295cd8;font-weight:bold;padding:10px 0 0px;line-height:22px;}

/* 퀴즈 이벤트 라디오 박스 스타일 */
.quizCheck input[type="radio"],.quizCheck input[type="checkbox"]{background:url(/mbw/images/customer/ico_chkradio_quiz.png) 0 -33px no-repeat; background-size:9px auto; width:9px; height:9px;margin-left:14px;}
.quizCheck input[type="radio"]:checked, .quizCheck input[type="checkbox"]:checked {background-position:0 0;}
.quizCheck input[type="radio"]+label, .quizCheck input[type="checkbox"]+label{color:#080808;font-size:14px;line-height:16px;}
.quizCheck input[type="radio"]:first-child{margin-left:0px}

/* 퀴즈 이벤트 레이어 팝업 스타일 */
.lpopWrap.quizEvent {border:2px solid #295cd8}
.lpopWrap.quizEvent.wrongAnswer {border:2px solid #fe7062}
.lpopWrap.quizEvent.wrongAnswer > .btn_close {background-position:15px -15px}
.lpopWrap.quizEvent > .btn_close {background:url(/mbw/images/customer/btn_quiz_close.png) 15px 15px no-repeat; background-size:13px auto;}
.lpopWrap.quizEvent h1.tit {display:block; padding:10px 0 0 15px; color:#333; text-align:left; font-size:15px; border-bottom:none;}
.lpopWrap.quizEvent .lstTxtIndent.small li{text-indent:-18px; padding-left:16px;}


.lpopWrap.quizEvent .quizAnswer{display:block;margin-top:20px}
.lpopWrap.quizEvent .quizAnswer:after {display:block;content:"";clear:both;}
.lpopWrap.quizEvent .quizAnswer .textImg{text-align:center}
.lpopWrap.quizEvent .quizAnswer .textImg:before,
.lpopWrap.quizEvent .quizAnswer.wrong>strong:before{content:"";display:block;width:73px;height:73px;opacity:1;margin:0 auto 12px}
.lpopWrap.quizEvent .quizAnswer.ok .textImg:before{background:url(/mbw/images/customer/bg_quizeEvent_ok.png) 0 0 no-repeat; background-size:73px auto;}
.lpopWrap.quizEvent .quizAnswer.ok .textImg img{width:160.25px;height:47px}
.lpopWrap.quizEvent .quizAnswer.wrong{text-align:center}

.lpopWrap.quizEvent .quizAnswer.wrong .textImg img{width:160px;height:31px}
.lpopWrap.quizEvent .quizAnswer.wrong>strong{font-size:16px;color:#333;margin-bottom:10px;display:block;}
.lpopWrap.quizEvent .quizAnswer.wrong>strong:before{width:57.25px;height:57.25px;background:url(/mbw/images/customer/bg_quizeEvent_wrong.png) 0 0 no-repeat; background-size:57.25px auto;}
.lpopWrap.quizEvent .quizAnswer.wrong>strong>em{color:#fe7062}
.lpopWrap.quizEvent .quizAnswer.wrong .wrongMgs{display:block;background-color:#efefef;padding:8px;color:#333;font-size:14px;line-height:18px;margin-bottom:10px;}
.lpopWrap.quizEvent .quizAnswer.wrong .textImg:before{display:none}

.lpopWrap.quizEvent .quizAnswer.congratulation .textImg:before{width:60.5px;height:61px;background:url(/mbw/images/customer/bg_quizeEvent_congratulation.png) 0 0 no-repeat; background-size:60.5px auto;}
.lpopWrap.quizEvent .quizAnswer.congratulation .textImg img{width:40.75px;height:21.75px}
.lpopWrap.quizEvent .quizAnswer.congratulation .textImg.type2:before{display:none}
.lpopWrap.quizEvent .quizAnswer.congratulation .textImg.type2  img{width:95.25px;height:18.25px}
.lpopWrap.quizEvent .quizAnswer.congratulation .okMgs{display:block;padding:8px;color:#333;font-size:14px;line-height:18px;margin-bottom:10px;text-align:center}

.lpopWrap.quizEvent .quizAnswer.los .textImg:before{width:61px;height:61px;background:url(/mbw/images/customer/bg_quizeEvent_los.png) 0 0 no-repeat; background-size:61px auto;}
.lpopWrap.quizEvent .quizAnswer.los .textImg img{width:107.5px;height:21.5px}
.lpopWrap.quizEvent .quizAnswer.los .textImg.type2:before{display:none}
.lpopWrap.quizEvent .quizAnswer.los .textImg.type2  img{width:95.25px;height:18.25px}
.lpopWrap.quizEvent .quizAnswer.los .okMgs{display:block;padding:8px;color:#333;font-size:14px;line-height:18px;margin-bottom:10px;text-align:center}

.lpopWrap.quizEvent.calendar > .btn_close {background:url(/mbw/images/common/paging_close.png) 15px 15px no-repeat; background-size:13px auto; height:42px; width:42px;}
.lpopWrap.quizEvent.calendar .lpopContainer{padding:0}
.lpopWrap.quizEvent.calendar .calendarHead{display:block;max-height:70px;background:#295cd8;padding:10px}
.lpopWrap.quizEvent.calendar .calendarHead .calTitle{display:block}
.lpopWrap.quizEvent.calendar .calendarHead .calTitle>strong{display:inline-block;font-size:20px;color:#d5bdb6;line-height:21px;vertical-align:top}
.lpopWrap.quizEvent.calendar .calendarHead .calTitle img{width:157px;height:18px}
.lpopWrap.quizEvent.calendar .calendarHead .cashInfo{display:block;margin-top:5px}
.lpopWrap.quizEvent.calendar .calendarHead .cashInfo li{font-size:12px;color:#fff}
.lpopWrap.quizEvent.calendar .calendarHead .cashInfo li>strong{font-size:14px;color:#fe7264}
.lpopWrap.quizEvent.calendar .calendarbox{display:block;min-height:207px;background:#fff;box-sizing:border-box;position:relative;margin:0 20px;}
.lpopWrap.quizEvent.calendar .calendarbox .calendarArrow{display:block;}
.lpopWrap.quizEvent.calendar .calendarbox .calendarArrow  a{display:block;position:absolute;top:90px;background:url(/mbw/images/customer/btn_cal_arrow.png) 0 0 no-repeat;width:11.75px;height:19px;background-size:11.75px auto}
.lpopWrap.quizEvent.calendar .calendarbox .calendarArrow  a.end{opacity:0.5;}
.lpopWrap.quizEvent.calendar .calendarbox .calendarArrow .prev{background-position:0 0;left:-15px}
.lpopWrap.quizEvent.calendar .calendarbox .calendarArrow .next{background-position:0 -22.5px;right:-15px}
.lpopWrap.quizEvent.calendar .calendarbox .calHeader{display:table;width:100%}
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li{display:table-cell;width:14.28%;height:37px;vertical-align:top}
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li strong{display:block;margin:15px auto 0;width:10px;height:10px;text-indent:-9999px;background:url(/mbw/images/customer/bg_calendar_header.png) 0 0 no-repeat;background-size:233px auto;}
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.bg,
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.bg{background:#f6f6f6}
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.sun strong{background-position:0 0}/* 일요일 */
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.mon strong{background-position:-37.75px 0}/* 월요일 */
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.the strong{background-position:-74px 0}/* 화요일 */
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.wed strong{background-position:-112px 0}/* 수요일 */
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.thu strong{background-position:-150px 0}/* 목요일 */
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.fri strong{background-position:-186px 0}/* 금요일 */
.lpopWrap.quizEvent.calendar .calendarbox .calHeader li.sat strong{background-position:-222px 0}/* 토요일 */

.lpopWrap.quizEvent.calendar .calendarbox .calBody{display:block;width:100%}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul{display:table;width:100%}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li{display:table-cell;width:14.28%;height:34px;vertical-align:top;text-align:center;box-sizing:border-box;}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li p{display:block;width:100%;height:100%;}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li p strong{font-size:11px;margin-top:3px;display:inline-block;width:17.25px;height:17px;line-height:17px;color:#2e2f30;font-weight:bold;text-align:center;background:url(/mbw/images/customer/bg_calendar_set.png) no-repeat -500px -500px;background-size:17.25px auto;}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li p span{margin:3px auto 0;display:block;width:28.5px;height:7.5px;text-align:center;background:url(/mbw/images/customer/bg_calendar_txt_set.png) no-repeat -500px -500px;background-size:28.5px auto;}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.today{border:2px solid #295cd8}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.today p strong{margin-top:1px}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.today p span{}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.disabled p strong{color:#c9c9c9}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizOk p strong{background-position:0 0}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizOk p span{background-position:0 -40px}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizNo p strong,
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizNot p strong{background-position:0 -20px}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizNo p span{background-position:0 0}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizNot p span{background-position:0 -20px}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizWrong p strong{background-position:0 -40px}
.lpopWrap.quizEvent.calendar .calendarbox .calBody ul li.quizWrong p span{background-position:0 -60px}


/* 해외주식 엔드게임 이벤트 */
.overseasEndGame{background:#090f2d; padding-bottom:50px}
.overseasEndGame .contHead.contImg{min-height:auto}
.overseasEndGame .contQuizBox{display:block;background:#090f2d url(/mbw/images/customer/bg_overseasEndGame_main.png) no-repeat 0 0;background-size:contain;padding-bottom:50px}
.overseasEndGame .contQuizBox:after {display:block;content:"";clear:both;}
.quizLst_endGame{border:3px solid #6880ff;display:block;margin:0 15px;background-color:#fff;opacity:0.9;position:relative;}
.quizLst_endGame .dim{display:none}
.quizLst_endGame.exOpen{}
.quizLst_endGame.exOpen .dim{display:block;position:absolute;left:0;top:0px;width:100%;height:100% !important;background-color:#000;opacity:0.4;z-index:10}
.quizLst_endGame:after {display:block;content:"";clear:both;}
.quizLst_endGame .endGameList{display:block;margin:20px 10px 0;position:relative}
.quizLst_endGame .endGameList > li{display:block;margin-bottom:20px;position:relative;}
.quizLst_endGame .endGameList > li:after {display:block;content:"";clear:both;}
.quizLst_endGame .endGameList > li .quizBox{display:block;position:relative}
.quizLst_endGame .endGameList > li .quizBox .head{display:block;position:relative;margin-bottom:10px}
.quizLst_endGame .endGameList > li .quizBox .head .number{display:block;position:absolute;top:0;left:0;font-size:11px;border:1px solid #6880ff;padding:3px 0;min-width:35px;line-height:12px;border-radius:9px;text-align:center;color:#4a62de}
.quizLst_endGame .endGameList > li .quizBox .head .suject{display:block;margin-left:45px;font-size:14px;color:#333}
.quizLst_endGame .endGameList > li .quizBox .checkBox{display:block;margin-left:15px}
.quizLst_endGame .endGameList > li .quizBox .checkBox>li{display:block;margin-bottom:8px}
.overseasEndGame .endGameBtn{}
.overseasEndGame .endGameBtn>a{border-radius:20px;background:#8459e3;color:#fff;border:1px solid #8459e3;}
.overseasEndGame .endGameBtn>a.whole{width:50%;float:inherit;display:block;text-align:center;margin:0 auto;font-weight:bold;}
.overseasEndGame .endGameBtn>a:after {content:"";display:inline-block;width:6.25px;height:10.75px;background:url(/mbw/images/customer/btn_endGame_arrow.png) 0 0 no-repeat; background-size:6.25px auto;margin-left:10px}

.quizLst_endGame.exOpen .answerBadge,
.quizLst_endGame.exOpen .quizAnswer{display:block;}
.quizLst_endGame .quizAnswer{display:none;border:1px solid #fff;padding:10px;position:relative;background-color:#d2d1d9;z-index:11}
.quizLst_endGame .answerBadge{display:none;z-index:11;position:absolute;left:-10px;top:-15px;width:62.5px;height:57.5px;background:url(/mbw/images/customer/ico_answerBadge_set.png) 0 0 no-repeat; background-size:62.5px auto;}
.quizLst_endGame .answerBadge.wrong{background-position:0 -57.5px;top:-20px;}

.quizLst_endGame .quizAnswer .ex{}
.quizLst_endGame .quizAnswer .ex>strong{position:relative;display:inline-block;}
.quizLst_endGame .quizAnswer .ex>strong>span{position:relative;display:inline-block;padding-right:8px;font-size:11px;color:#333;z-index:1}
.quizLst_endGame .quizAnswer .ex>strong:after{display:block;content:"";width:auto;height:9px;background:#f5f7ff;margin-top:-9px;position:relative;}
.quizLst_endGame .quizAnswer .ex>strong+p{display:block;font-size:12px;margin-top:4px}
.quizLst_endGame .quizAnswer .ex>strong+p .tindent{padding-left:14px}

.mgsArea{display:block;margin-top:15px}
.mgsArea.wrongMgs .mgsView{padding-top:50px;background:url(/mbw/images/customer/bg_endGame_wrong.png) 50% 0 no-repeat; background-size:42.25px auto;}
.mgsArea.okMgs .mgsView{padding-top:50px;background:url(/mbw/images/customer/bg_endGame_ok.png) 50% 0 no-repeat; background-size:42.25px auto;}
.mgsArea .mgsView>strong{display:block;font-size:16px;color:#fff;text-align:center;}
.mgsArea .mgsView>p{margin-top:5px;display:block;font-size:14px;color:#fff;text-align:center;}

/* 해외주식 엔드게임 라디오 박스 스타일 */
.endGameCheck input[type="radio"],.endGameCheck input[type="checkbox"]{background:url(/mbw/images/customer/ico_chkradio_endGame.png) 0 -50px no-repeat; background-size:19px auto; width:19px; height:19px;margin-left:14px;}
.endGameCheck input[type="radio"]:checked, .endGameCheck input[type="checkbox"]:checked {background-position:0 0;}
.endGameCheck input[type="radio"]+label, .endGameCheck input[type="checkbox"]+label{color:#333;font-size:12px;line-height:14px;}
.endGameCheck input[type="radio"]:first-child{margin-left:0px}


/* 해외주식 엔드게임 당첨자종목 선택 */
.overseasEndGame .contQuizStockBox{display:block;background:#090f2d url(/mbw/images/customer/bg_overseasEndGame_main2.png) no-repeat 0 0;background-size:contain;padding-bottom:50px}
.overseasEndGame .contQuizStockBox:after {display:block;content:"";clear:both;}

.stockLst_endGame{border:3px solid #6880ff;display:block;margin:0 15px;background-color:#fff;opacity:0.95;position:relative;padding:12px}

.stockLstTbl {width:100%; border-collapse:separate; border-spacing:0; border-bottom:1px solid #e7e5ec;}
.stockLstTbl thead th{background-color:#e3e1e8;border-left:1px #eceaef solid;font-size:12px;color:#333}
.stockLstTbl th, .stockLstTbl td {border-left:1px #e7e5ec solid; border-top:1px #e7e5ec solid; padding:10px; color:#333; font-size:12px;}
.stockLstTbl th:first-child, .stockLstTbl td:first-child t{border-left:none;}
.stockLstTbl tr:first-child th, .stockLstTbl tr:first-child td {border-top:none;}
.stockLstTbl tbody th{text-align:left}
.stockLstTbl td.code{color:#777;text-align:center}
.stockLstTbl td.price{text-align:center}
.stockLstTbl td.price span{color:#d60000;vertical-align:middle}
.stockLstTbl td .toolTipWrap{vertical-align:top}
.stockLstTbl .endGameCheck input[type="radio"]+label{font-size:12px}

/* 해외주식 엔드게임 참여 완료 */
.overseasEndGame .endGameComplete{display:block;background:#090f2d; padding-bottom:50px;min-height:390px}
.overseasEndGame .endGameComplete .btnWrap{position:absolute;top:60%;display:block;width: 100%;margin:0;}
.overseasEndGame .endGameComplete .endGameBtn>a.whole{width:75%}
.overseasEndGame .endGameComplete .btnText{position:absolute;top:72%;display:block;width:100%;margin:0;display:block;text-align:center}
.overseasEndGame .endGameComplete .btnText a{color:#afb1bf;font-size:13px;padding-bottom:2px;border-bottom:1px solid #afb1bf}
.overseasEndGame .endGameComplete .btnText a:after {content:"";display:inline-block;width:6.25px;height:10.75px;background:url(/mbw/images/customer/btn_endGame_arrow.png) 0 0 no-repeat; background-size:6.25px auto;margin-left:10px}

.noticeWrap {background-color:#e6e9f8;padding-top:10px}
.noticeWrap .noticeCont {display:block;}
.noticeWrap.ico > dl > dt.notice > :before{vertical-align:middle}
.noticeWrap > dl dt > strong{display:block;font-size:16px; color:#333; font-weight:bold;line-height:16px}
.noticeWrap > dl > dt{border-bottom:1px #666 solid;margin:0px 15px 0;padding:12px 0; }
.noticeWrap > dl > dd {padding:20px 15px; font-size:12px;}
.noticeWrap .noticeCont article + article {margin-top:15px;}
.noticeWrap .noticeCont .tit {display:block; margin:15px 0 10px; font-size:14px;}
.noticeWrap .noticeCont article .tit:first-child {margin-top:0; padding-top:0;}
.noticeWrap .lawAbiding{border-top:1px solid #cccfdb;padding:15px 0 30px;margin:0px 15px 0;}

/* 해외퀴즈 이벤트 백불이 불여일견 */
.h5TabWrap.quizUsa .h5Tab{overflow:hidden}
.h5TabWrap.quizUsa .h5Tab li {height:auto; padding:0; background:none;  border:0;}
.h5TabWrap.quizUsa .h5Tab li a {display:block; width:100%; padding:0; background:none;  border:0;height:auto; }
.h5TabWrap.quizUsa .h5Tab, .h5TabWrap.quizUsa .h5Tab li.on,
.h5TabWrap.quizUsa .h5Tab li.on a,  .h5TabWrap.quizUsa .h5Tab li:first-child a,
.h5TabWrap.quizUsa .h5Tab li.on:first-child a{background:none;}

.quizUsaArea .contList{background:transparent !important}
.quizUsaArea .contHead.contImg{min-height:auto}
.quizUsaArea .btnBox{display:block;position:relative}
.quizUsaArea .btnBox.btn01 .btnAppGo{display:none}
/* .quizUsaArea .btnBox.btn01 .btnAppGo{display:block;position:absolute;width:55%;height:8%;top:86%;left:21%;}
.quizUsaArea .btnBox.btn02 .btnAppGo{display:block;position:absolute;width:55%;height:8%;top:86%;left:21%;} */
.quizUsaArea .btnBox.btn03 a{display:block; position:absolute; width:72.5%; height:10%; top:75%; left:13.5%;}
.quizUsaArea .btnBox.btn06 a{display:block; position:absolute; width:93%; height:14%; top:78%; left:3%;}

.quizUsaArea .btnBox.btn03_new a{display:block; position:absolute; width:79%; height:9%; top:74%; left:10%;}
.quizUsaArea .btnBox.btn06_new a{display:block; position:absolute; width:94%; height:10%; top:78%; left:3%;}

.quizUsaArea .btnBox.btn03_new2 a{display:block; position:absolute; width:72%; height:10%; top:79%; left:14%;}
.quizUsaArea .btnBox.btn06_new2 a{display:block; position:absolute; width:92%; height:12%; top:72%; left:4%;}

.quizUsaArea .btnBox.btn .btnApp{display:block; position:absolute; width:79%; height:6.4%; top:75.7%; left:10%;}
.quizUsaArea .btnBox.btn .btnModal{display:block; position:absolute; width:79%; height:6.2%; top:84.7%; left:10%;}


.quizUsaArea .rewardBox{display:block;position:relative;margin:0 auto;width:77px;height:77.5px;background:url(/mbw/images/customer/img_overseasQuizEvent_reward.png) 0 0 no-repeat; background-size:291px 175px;}
.quizUsaArea .rewardBox.reward01{background-position-x:0;}
.quizUsaArea .rewardBox.reward02{background-position-x:-107.25px;}
.quizUsaArea .rewardBox.reward03{background-position-x:-214px;}

.quizUsaArea .rewardBox.reward01.payOk{background-position-x:0;background-position-y:-95px;}
.quizUsaArea .rewardBox.reward02.payOk{background-position-x:-107.25px;background-position-y:-95px;}
.quizUsaArea .rewardBox.reward03.payOk{background-position-x:-214px;background-position-y:-95px;}

.quizUsaArea .rewardBox.reward01.payOk{background-position-x:0;background-position-y:-95px;}
.quizUsaArea .rewardBox.reward02.payOk{background-position-x:-107.25px;background-position-y:-95px;}
.quizUsaArea .rewardBox.reward03.payOk{background-position-x:-214px;background-position-y:-95px;}

.quizUsaArea .tblWrap table.rewardPay th, .quizUsaArea .tblWrap table.rewardPay td{padding-left:0;padding-right:0}

.quizUsaArea .rewardNewBox{display:block;position:relative;margin:0 auto;width:69px;height:69px;background:url(/mbw/images/customer/img_overseasQuizEvent_reward_new.png) 0 0 no-repeat; background-size:400px 175px;}
.quizUsaArea .rewardNewBox.reward01{background-position-x:0;}
.quizUsaArea .rewardNewBox.reward02{background-position-x:-107.25px;}
.quizUsaArea .rewardNewBox.reward03{background-position-x:-214px;}
.quizUsaArea .rewardNewBox.reward04{background-position-x:-321px;}

.quizUsaArea .rewardNewBox.reward01.payOk{background-position-x:0;background-position-y:-95px;}
.quizUsaArea .rewardNewBox.reward02.payOk{background-position-x:-107.25px;background-position-y:-95px;}
.quizUsaArea .rewardNewBox.reward03.payOk{background-position-x:-214px;background-position-y:-95px;}
.quizUsaArea .rewardNewBox.reward04.payOk{background-position-x:-321px;background-position-y:-95px;}

/* 해외주식 수수료 이벤트 */
/* .quizUsaArea .btnBox.btn_benefit a{display:block;position:absolute;width:74%;height:8%;top:82%;left:13%;} */
.quizUsaArea .btnBox.btn_benefit a{display:block;position:absolute;width:84%;height:6.7%;top:84%;left:8%;}

.quizUsaArea .colBox{}
.quizUsaArea .colBox:after{content:"";display:block;clear:both;visibility:hidden}
.quizUsaArea .colBox li{display:block;float:left;width:50%;}
.quizUsaArea .colBox li:after{content:"";display:block;clear:both;visibility:hidden}

.quizUsaArea .contTab.bbsView{padding:0 15px 15px}
.quizUsaArea .evHeader h1.tit{font-size:20px;text-align:left} 

.tipBox{background:#424242}
.tipBox:after{content:"";display:block;clear:both;visibility:hidden}
.tipBox dl{display:block;padding:30px 20px;}
.tipBox dl dt{display:block;padding-bottom:10px;font-weight:bold;color:#fff}
.tipBox dl dd+dt{padding-top:30px}
.tipBox .lstDot > li:before, .tipBox .lstDot li{color:#fff;font-size:12px;}

.quizEventQna{}
.quizEventQna .lpopContainer{padding:0}
.quizEventQna > .btn_close{background-position-y:14px;top:-42px}

/* 선물옵션 이벤트 */
.giftoptionArea .btnBox{display:block;position:relative}
.giftoptionArea .btnBox .btn_01{display:block;position:absolute;width:39.7%;height:5.7%;top:74%;left:9%;}
.giftoptionArea .btnBox .btn_02 {display:block;position:absolute;width:39.7%;height:5.7%;top:74%;left:51%;}
.giftoptionArea .btnBox .btn_03 {display:block;position:absolute;width:80%;height:8%;top:63%;left:9.5%;}
.tipBox.giftoption{background-color:#fafafa}
.tipBox.giftoption dl dt{border-bottom:1px solid #ddd;font-size:14px;color:#666;margin-bottom:10px}
.tipBox.giftoption .lstText3 > li{}

/* MY리뷰 */
.myReview{padding-bottom:100px}
.contHead.contImg.myReviewHead {min-height:150px;margin-bottom:25px}
.contHead.contImg.myReviewHead .headText{margin:10px 0 0 0}
.contHead.contImg.myReviewHead .headText h1.tit{padding:17px 0 10px 15px;color:#383838;text-align:left;line-height:32px;font-size:22px}
.contHead.contImg.myReviewHead .headText h1.tit strong{color:#0b5fb5;font-weight:normal}
.contHead.contImg.myReviewHead .headText h2.stit{padding:0px 0 0 15px;font-size:16px; font-weight:normal}
.contHead.contImg.myReviewHead .headText h2.stit span{display:block; padding:5px 0 0 0px; font-size:12px; color:#666}
.contHead.contImg.myReviewHead .headText h2.stit span.ico_jewel{display:inline-block;padding:0;}

.myReview .no_data>span{color:#333;line-height:18px}
.myReview .no_data>span>strong{color:#303030;font-size:16px;text-decoration:underline;display:block;padding-bottom:5px}
.myReview .no_data>span>small{color:#666;font-size:12px;display:block;}

.viewArea.myReviewpop .introDesc{margin-top:10px}
.viewArea.myReviewpop .introDesc .descText{padding-top:0px}

.bbsViewWrap.myReview .bbsViewHeaderCont{padding-bottom:0}
.bbsViewWrap.myReview .quizInp .titArea{display:block;}
.bbsViewWrap.myReview .quizInp .titArea>strong{display:block;font-size:14px;color:#333}
.bbsViewWrap.myReview .quizInp .titArea>span{display:block;font-size:14px;color:#666;padding-left:10px}
.bbsViewWrap.myReview .lstAnswer{display:block;padding-top:20px}
.bbsViewWrap.myReview .quizInp:after{display:none}
.bbsViewWrap.myReview .lstAnswer > li{padding:10px 0}
.bbsViewWrap.myReview .imageView{display:block;margin-top:20px}
.bbsViewWrap.myReview .imageView img{width:100%}


/* 해외주식 무료체험전 */
.foreignStockQuizEx{background-color:#f4f5f7;padding-bottom:50px}
.contHead.contImg.foreignStockQuizExHead {min-height:130px;}
.contHead.contImg.foreignStockQuizExHead .headText{margin:10px 0 0 0}
.contHead.contImg.foreignStockQuizExHead .headText h1.tit{padding:17px 0 10px 15px;color:#383838;text-align:left;line-height:32px;font-size:22px}
.contHead.contImg.foreignStockQuizExHead .headText h1.tit strong{color:#0b5fb5;font-weight:normal}
.contHead.contImg.foreignStockQuizExHead .headText h2.stit{padding:0px 0 0 15px;font-size:16px; font-weight:normal}
.contHead.contImg.foreignStockQuizExHead .headText h2.stit span{display:block; padding:5px 0 0 0px; font-size:12px; color:#666}
.contHead.contImg.foreignStockQuizExHead .headText h2.stit span.ico_jewel{display:inline-block;padding:0;}

/* 무료체험 이벤트 완료 */
.contHead.contImg.foreignStockQuizExHead.type2 {min-height:300px;background:#f4f5f7 url(/mbw/images/customer/foreignStockQuiz_event_complete.png) center 0 no-repeat; background-size:cover;}
.contHead.contImg.foreignStockQuizExHead.type2 .headText{position:relative;padding:10px 0 0 0;text-align:center;}
.contHead.contImg.foreignStockQuizExHead.type2 .headText h1.tit{padding:15px 0 10px;color:#333;line-height:18px;font-size:16px;text-align:center;}
.contHead.contImg.foreignStockQuizExHead.type2 .headText h2.stit{padding:0px;font-size:14px; color:#333}
.contHead.contImg.foreignStockQuizExHead.type2 .headText h2.stit+p{color:#666;font-size:12px}
.contHead.contImg.foreignStockQuizExHead.type2 .freeCoupon{display:block;margin:15px}
.contHead.contImg.foreignStockQuizExHead.type2 .freeCoupon .period{display:block;font-size:14px;color:#6351be;font-weight:bold;text-align:center;}

/* 무료체험 이벤트2 */
.contHead.contImg.foreignStockQuizExHead2 {min-height:79px;background:#fff url(/mbw/images/customer/foreignStockQuiz_event02.png) right 0 no-repeat; background-size:cover; border-bottom:1px solid #d6d6d6;margin-bottom:10px}
.contHead.contImg.foreignStockQuizExHead2 .calWrap{margin:0;text-align:center;display:inherit;padding-top:20px}
.contHead.contImg.foreignStockQuizExHead2 .calWrap a{width:14px;height:14px;background: url(/mbw/images/customer/btn_quiz_arrow.png) center 0 no-repeat; background-size:7.6px auto;}
.contHead.contImg.foreignStockQuizExHead2 .calWrap a.btn_next{background-position:center -15px}
.contHead.contImg.foreignStockQuizExHead2 .calWrap a.end{opacity:0.5}
.contHead.contImg.foreignStockQuizExHead2 .calWrap span{font-size:12px;text-align:center;}
.contHead.contImg.foreignStockQuizExHead2 .calWrap span>strong{display:block;font-size:14px;color:#0078c8}

/* 무료체험 이벤트2 완료 */
.contHead.contImg.foreignStockQuizExHead.type3 {min-height:300px;background:#f4f5f7 url(/mbw/images/customer/foreignStockQuiz_event_complete2.png) center 0 no-repeat; background-size:cover;}
.contHead.contImg.foreignStockQuizExHead.type3 .headText{position:relative;padding:10px 0 0 0;text-align:center;}
.contHead.contImg.foreignStockQuizExHead.type3 .headText h1.tit{padding:15px 0 0px;color:#333;line-height:18px;font-size:16px;text-align:center;font-weight:bold;}
.contHead.contImg.foreignStockQuizExHead.type3 .freeCoupon{display:block;margin:15px}
.contHead.contImg.foreignStockQuizExHead.type3 .freeCoupon .period{display:block;font-size:16px;color:#0078c8;font-weight:bold;text-align:center;}
.contHead.contImg.foreignStockQuizExHead.type3 .freeCoupon .period>span{display:block;font-size:12px;color:#333;padding:10px 0 0px;font-weight:normal}


.foreignStockQuizExBox.quiz{padding:20px;font-size:13px;position:relative;}
.foreignStockQuizExBox.quiz .toolTipWrap{position:absolute;top:-50px;right:-10px}
.foreignStockQuizExBox.quiz .toolTipWrap .ico_help:before{background:url(/mbw/images/customer/ico_hit_tooltip.png) no-repeat 0 0; width:67px; height:70px; background-size:67px auto;}
.foreignStockQuizExBox.quiz .toolTipWrap .toolTipCont{right:0px;top:2px;width:150px;background:#0078C8;color:#fff ;min-height:40px}
.foreignStockQuizExBox.quiz .toolTipWrap .toolTipCont p{display:block;word-break:break-word}
.foreignStockQuizExBox.quiz .toolTipWrap .toolTipCont p a{color:#fff;}
.foreignStockQuizExBox.quiz .toolTipWrap .toolTip_close{right:0;top:0}
.foreignStockQuizExBox.quiz .toolTipWrap .ico_help.on:after{display:none}
.foreignStockQuizExBox.quiz .answerBox{border-top:1px dotted #d7dcde;margin:10px 0 0;padding-top:10px; font-size:13px}
.foreignStockQuizExBox.quiz .answerBox:after {display:block;content:"";clear:both;}
.foreignStockQuizExBox.quiz .answerBox .right strong{color:#0078c8}
.foreignStockQuizExBox.quiz .answerBox .ex{display:block;margin:5px 0 0}
.foreignStockQuizExBox.quiz .answerBox .ex dt{float:left;}
.foreignStockQuizExBox.quiz .answerBox .ex dd{float:left;margin-left:3px}

.foreignStockQuizExBox.banner{padding:10px;margin-top:40px}
.foreignStockQuizExBox.banner .event_title{display:block;font-size:14px;color:#333;padding-bottom:5px;text-align:center;font-weight:bold;}
.foreignStockQuizExBox .free_title{display:block;font-size:16px;color:#333;padding:0px 0 20px;margin-bottom:15px;text-align:center;border-bottom:1px dotted #d7dcde}

.foreignStockQuizExBox{border:1px solid #d6d6d6;background-color:#fff;margin:5px 15px 20px;box-sizing:border-box;padding:10px 0 10px;border-radius:2px}
.foreignStockQuizExBox .couponList{display:block;width:270px;margin:0 auto}
.foreignStockQuizExBox .couponList li{display:block;font-size:14px;line-height:20px;}
.foreignStockQuizExBox .couponList li em{color:#6656b5;font-weight:bold}
.foreignStockQuizExBox .couponList li > span,
.foreignStockQuizExBox .specialBox>span{display:inline-block;width:33px;height:15px;line-height:15px;background:url(/mbw/images/customer/bg_foreignStockQuiz_coupon.png) 0 0 no-repeat; background-size:33px auto;font-size:10px;color:#fff;text-align:center}
.foreignStockQuizExBox .couponList + .lstDot{margin-top:20px;padding-top:20px;border-top:1px dotted #d7dcde}
.foreignStockQuizExBox .lstDot + .btnWrap{margin:15px 15px}
.foreignStockQuizExBox .specialBox{display:block;background-color:#f0edfd;padding:15px 10px;margin:20px 0;font-size:14px;text-align:center}
.foreignStockQuizExBox .specialBox>span{width:50px;background:url(/mbw/images/customer/bg_foreignStockQuiz_coupon2.png) 0 0 no-repeat; background-size:50px auto}
.foreignStockQuizExBox .specialBox>strong{display:block;color:#6656b5;font-size:16px;padding:7px 0}

.foreignStockQuizExView{display:block;margin-top:100px;}
.foreignStockQuizExView p{display:block; text-align:center}
.foreignStockQuizExView p span{display:block;padding-top:10px;font-weight:bold;color:#333}
.foreignStockQuizExView p span+small{display:block;font-size:12px;color:#888;padding-top:5px;}
.foreignStockQuizExView p:before {display:inline-block; content:''; background:url(/mbw/images/customer/foreignStockQuiz_icon.png) no-repeat 0 0; width:44px; height:44px; background-size:44px auto; vertical-align:middle; opacity:1;}

.foreignStockQuizExView.okData{margin:30px 0 10px}
.foreignStockQuizExView.okData p:before {background-position:0 -88px}

.foreignStockQuizExView.wrongData{margin:30px 0 10px}
.foreignStockQuizExView.wrongData p:before {background-position:0 -44px}

.foreignStockQuizExView.noData{}
.foreignStockQuizExView.noData p:before {}

.foreignStockQuizEx.contListWrap + .lawAbiding,
.foreignStockQuizEx.contListWrap + .lawAbiding + .slideUpDnWrap{margin-top:0;background-color:#f4f5f7}

.pointV{color:#6351be !important}

.seminarInfo{display:block;margin-top:10px;margin-bottom:5px}
.seminarInfo:after {display:block;content:"";clear:both;}
.seminarInfo dt{display:inline-block;width:35%;font-size:14px;color:#333;float:left;font-weight:bold	}
.seminarInfo dd{display:inline-block;width:65%;font-size:12px;color:#666;float:left}

/*  삼성증권 Live */
.contListWrap .webSeminar h1.tit{font-size:22px;}
.contListWrap .webSeminar .btnWrap.col2 a{float:inherit;width:35%;display:inline-block}

/*  네이버페이 안내 */
.naverPayGuide{}
.naverPayGuide .btn {}
.btnWrap a.npay{background:#03c75a; border:1px solid #03c75a; color:#fff; border-radius:3px;}
.btnWrap a.npay:before{display:inline-block;position:inherit;background:url(/mbw/images/start/btn_naverPay_logo.jpg) no-repeat 0 0;background-size:16px auto;opacity:1; content:' '; vertical-align:middle; height:16px; width:16px;margin-right:5px}

/* tab blue*/
.h5TabWrap.npay{}
.h5TabWrap.npay:after {content:"";display:block;clear:both;visibility:hidden}
.h5TabWrap.npay .h5Tab li {height:35px; padding:0px 0; background:#7d7d7d; width:50%;float:left}
.h5TabWrap.npay .h5Tab li a {display:block;width:auto;height:35px;font-size:15px;font-weight:bold;line-height:34px;letter-spacing:-1px;padding:0px 7px;color:#ffff}
.h5TabWrap.npay .h5Tab li.on {background:#03c75a;}


.btn_naverPay_logo{}


/* 소비자보호 광장 추가 */
.contListWrap .contHead.csPlaza {background-color:#0062ab}
.contListWrap .contHead.csPlaza .headText{padding-bottom:40px;padding-left:12px;text-align:left}
.contListWrap .contHead.csPlaza .headText .tit, .contListWrap .contHead.csPlaza .headText .tit+p{color:#fff;text-align:left}
.contListWrap .contHead.csPlaza .headText .tit+p{padding-left:0;padding-top:20px;line-height:24px}

/* 소비자보호 우수사례 */
.contListWrap .contHead.csBestCase {background:#0078c8 url(/mbw/images/customer/bg_best_case_visual.jpg) no-repeat right bottom;background-size:127px auto;}
.contListWrap .contHead.csBestCase .headText{padding-bottom:40px;padding-left:12px;text-align:left}
.contListWrap .contHead.csBestCase .headText .tit, .contListWrap .contHead.csBestCase .headText .tit+p{color:#fff;text-align:left}
.contListWrap .contHead.csBestCase .headText .tit+p{padding-left:0;line-height:24px}

.best_caes_area{display:block;}
.best_caes_area:after {content:"";display:block;clear:both;visibility:hidden;}
.best_caes_area .best_caes_cont{position:relative;padding-bottom:15px}
.best_caes_area .best_caes_cont:after {content:"";display:block;clear:both;visibility:hidden;}
.best_caes_area .best_caes_cont .best_year{position:relative;margin-top:100px;}

.best_caes_area .best_caes_cont .best_year .year{position:absolute;left:30px;top:-40px;color:#0977c9;font-size:24px;}
/* .best_caes_area .best_caes_cont .best_year:before{content:"";display:block;position:absolute;left:63px;top:10px;width:61px;height:23px;z-index:10;} */

.best_caes_area .best_caes_cont .best_year .month{position:relative;}
.best_caes_area .best_caes_cont .best_year .month:after {display:block;content:"";clear:both;}
.best_caes_area .best_caes_cont .best_year .month .block {position:relative;padding-bottom:80px}
.best_caes_area .best_caes_cont .best_year .month .block:after{content:""; display:block; width:1px; height:100%; margin:0; position:absolute; left:35px; top:0; background-color:#9dc9e9}
.best_caes_area .best_caes_cont .best_year .month .block:before{content:"";display:block;position:absolute;left:28px;top:0;width:7px;height:7px;border:4px solid #9dc9e9;background-color:#fff;border-radius:20px;z-index:10}
.best_caes_area .best_caes_cont .best_year .month .block .cont{display:block;position:relative;font-size:12px;color:#666;margin:0 0 0px;line-height:17px;text-align:left;margin-left:58px;padding:0;border:0}
.best_caes_area .best_caes_cont .best_year .month .block .cont:after {display:block;content:"";clear:both;}
.best_caes_area .best_caes_cont .best_year .month .block .cont .titBox{display:block;}
.best_caes_area .best_caes_cont .best_year .month .block .cont .titBox a:after{content:"";display:block;position:absolute;left:0;bottom:-30px;width:24px;height:24px;background:url(/mbw/images/common/btn_more.png) 0 0 no-repeat;background-position:0 -51px;background-size:24px auto;text-align:left;margin-left:0px}
.best_caes_area .best_caes_cont .best_year .month .block .cont .titBox a.on:after{background-position:0 -75px}
.best_caes_area .best_caes_cont .best_year .month .block .cont .titBox strong{display:block;color:#333;font-weight:normal;font-size:17px;line-height:20px}
.best_caes_area .best_caes_cont .best_year .month .block .cont .textBox{display:none;margin-top:10px}
.best_caes_area .best_caes_cont .best_year .month .block .cont .textBox p{display:block;color:#333;font-weight:normal;font-size:13px;line-height:20px}

.best_caes_area .best_caes_cont .best_year .month .block .cont .comment{display:block;background-color:#f2f2f2;padding:15px;font-size:13px;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;margin:15px 30px 0 0}
.best_caes_area .best_caes_cont .best_year .month .block .cont .comment .lstDot li{font-size:13px;color:#333}
.best_caes_area .best_caes_cont .best_year .month .block .cont .comment .lstText2 > li{text-indent:-6px;padding-left:0;margin-left:8px}
/* .best_caes_area .best_caes_cont .best_year .month .block .read_more{display:block;width:24px;height:24px;background:url(/mbw/images/common/btn_more.png) 0 0 no-repeat;background-position:0 -51px;background-size:24px auto;text-align:left;margin-left:0px} */
.best_caes_area .best_caes_cont .best_year .month .block .cont .txt_indent{padding-left:17px}
.best_caes_area .best_caes_cont .best_year .month .block .cont .titBox a.on strong{font-weight:bold}
.best_caes_area .best_caes_cont .best_year .month .block .cont .textBox.on .comment{display:block}

.best_caes_area .best_caes_cont .best_year .month>li:last-child{padding-bottom:30px}
.best_caes_area .best_caes_cont .best_year .month>li:last-child:after{display:none}

/* 유용한 서비스 */
.minwonBox{display:block;background-color:#e7f4fd;padding:15px;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left}
.minwonBox>strong{display:block;color:#0078c8;font-size:16px;padding-bottom:10px}
.minwonList{display:block;margin:15px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.minwonList>li{display:block;border-top:1px solid #ccc;padding-top:15px;padding-bottom:15px;text-align:left;position:relative}
.minwonList>li:first-child{border-top:none;padding-top:0}
.minwonList>li .heading{display:block;}
.minwonList>li .heading>strong{font-size:16px;color:#333;display:inline-block}
.minwonList>li .heading>span{display:inline-block;font-size:13px;color:#666;padding-left:12px;}
.minwonList>li .content{display:block;padding-top:12px}
.minwonList>li .content .text{display:inline-block;font-size:13px;color:#666;}
.minwonList>li .content .tel, .minwonList>li .content .tel a{display:inline-block;color:#0078c8;font-size:24px}
.minwonList>li .content .tel.ico:after{opacity:1; content:' ';display:inline-block;position:absolute;top:25px;right:15px;background:url(/mbw/images/customer/bg_ico_call.png) no-repeat 0 0;background-size:40px auto;width:40px;height:40px}
.minwonList>li .content.btn{display:inline-block;position:absolute;top:4px;right:15px;}


/* 달력 */
.calendarbox{display:block;min-height:207px;background:#fff;box-sizing:border-box;position:relative;margin:0;border-bottom:1px solid #eee}

.calendarbox .calHeader{display:table;width:100%;border-bottom:1px solid #ddd}
.calendarbox .calHeader li{display:table-cell;width:14.28%;height:27px;vertical-align:top}
.calendarbox .calHeader li strong{display:block;font-size:13px;color:#000;line-height:25px;;font-weight:normal;}
.calendarbox .calHeader li.sun strong{}/* 일요일 */
.calendarbox .calHeader li.sat strong{}/* 토요일 */

.calendarbox .calBody{display:block;width:100%;padding-top:8px}
.calendarbox .calBody ul{display:table;width:100%}
.calendarbox .calBody ul li{display:table-cell;width:14.28%;height:40px;vertical-align:top;text-align:center;box-sizing:border-box;padding-top:4px}
.calendarbox .calBody ul li p, 
.calendarbox .calBody ul li a{display:block;width:100%;height:100%;}
.calendarbox .calBody ul li p strong,
.calendarbox .calBody ul li a strong{font-size:17px;color:#2e2f30;font-weight:normal;text-align:center;line-height:18px}
.calendarbox .calBody ul li.today{background-color:#eee;}
.calendarbox .calBody ul li.today p strong{color:#0078c8}
.calendarbox .calBody ul li.today p span{}
.calendarbox .calBody ul li.disabled p strong{color:#c9c9c9}
.calendarbox .calBody ul li.new p:after,
.calendarbox .calBody ul li.new a:after{opacity:1; display:block;content:counter(item, disc);color:#0078c8;line-height:10px}

.popLivebbs .bbsViewCont{padding-bottom:0px}
.popLivebbs .bbsViewWrap > .bbsViewHeader{margin-bottom:0}
/* .popLivebbs .bbsViewWrap .bbsViewHeaderCont strong{font-size:18px;margin:10px 15px 0;font-weight:normal;} */
.popLivebbs .bbsViewHeaderCont .date li{font-size:14px;text-align:left;display:block;float:inherit;padding-bottom:10px;}
.popLivebbs .bbsViewHeaderCont .date li:after{opacity:1; content:' ';display:inline-block;border-top:1px solid #ddd;width:100%;height:1px;float:left;position:absolute;top:20px;left:0}
.popLivebbs .bbsViewHeaderCont .date li>strong{width:87%;text-align:center;font-size:17px;font-weight:bold;margin:0 auto;position:relative;z-index:6;background-color:#fff;display:inline-block;padding:0;width: 230px;left: 50%;margin-left:-115px;color:#0078c8}
.popLivebbs .bbsViewWrap .bbsViewHeaderCont{border-bottom:0;margin:0 !important;padding-bottom:0;}
.popLivebbs +.popLivebbs{padding:10px 0}
.popLivebbs .bbsViewWrap .bbsViewHeaderCont .bbsLive>.contArea{width:87%;padding:0 !important;margin-bottom:10px !important;display:-webkit-box !important; overflow:hidden; height:20px; line-height:20px;-webkit-box-orient: vertical; -webkit-line-clamp:1; word-wrap: break-word;}
.popLivebbs .bbsViewCont .bbsLive>span{font-weight:normal !important;color:#666 !important}

.bbsLive{margin:5px 15px 0 15px;display:block;position:relative;padding:0 !important;}
.bbsLive:after {display:block;content:"";clear:both;}
.bbsLive>span,.bbsLive>.contArea{font-size:15px !important;display:block;color:#333;float:left}
.bbsLive>span{position:absolute;top:0;left:0;font-weight:bold}
.bbsLive>.contArea{margin-left:40px;}

/* 고객만족평가 */
.csListIndex{display:block;}
.csListIndex .headText{background-color:#0077c7;padding:60px 30px 30px;}
.csListIndex .headText>p{font-size:28px;color:#fff;}
.csListIndex .seminargrade{margin:20px 0}
.csListIndex .contText{display:block;padding:0px 30px 10px}
.csListIndex .contText>p.titles{padding-top:30px;font-size:15px;color:#333;line-height:22px;}
.csListIndex textarea.textarea{margin-top:10px;background-color:#f4f4f4;border-color:#f4f4f4;width:100%}

.foreignBankBg{background-color:#f4f5f7;margin-top:30px;}
.assetProcessWrap.foreignBank {margin-top:15px;}
.assetProcessWrap.foreignBank > li {float:inherit; width:100%; min-height:82px; padding-bottom:10px;}
.assetProcessWrap.foreignBank > li strong{ font-size:16px; color:#333}
.assetProcessWrap.foreignBank > li strong em {font-weight:normal;}
.assetProcessWrap.foreignBank > li span{font-size:14px; color:#666}
.assetProcessWrap.foreignBank > li strong, .assetProcessWrap.foreignBank > li span{text-align:left; margin:10px 0 0 75px;}
.assetProcessWrap.foreignBank > li:after{display:none}
.assetProcessWrap.foreignBank > li > span:before{background:url(/mbw/images/start/img_foreignBank_icon.png) no-repeat 0 0;background-size:65.5px auto;}
.assetProcessWrap.foreignBank > li > span:before{margin:0; position:absolute; top:-4px; left:0}
.assetProcessWrap.foreignBank > li > span.step01:before {background-position:0 0;}
.assetProcessWrap.foreignBank > li > span.step02:before {background-position-y:-62.5px;}
.assetProcessWrap.foreignBank > li > span.step03:before {background-position-y:-131px}

.guideProcessWrap.foreignBank{background:#fff;}
.guideProcessWrap.foreignBank .guideProcess > dt > strong{color:#333}
.guideProcessWrap.foreignBank .guideProcess > dt:before{background:url(/mbw/images/start/img_foreignBank_icon2.png) no-repeat; background-size:65.5px 200px;}
.guideProcessWrap.foreignBank .guideProcess > dt.item01:before{background-position-y:0}
.guideProcessWrap.foreignBank .guideProcess > dt.item02:before{background-position-y:-65.5px}
.guideProcessWrap.foreignBank .guideProcess > dt.item03:before{background-position-y:-131px}
.guideProcessWrap.foreignBank .guideProcess > dd > strong{display:block;color:#333;padding:8px 0}

/* 같이모음 안내 화면 */
.moeum .assetGoods{padding-bottom:30px}
.moeum .subTit{font-weight:bold !important;padding-bottom:5px !important} 

.moeumStep {margin:0 5px 0 15px; padding-left:80px; text-align:left; }
.moeumStep dt {position:relative;}
.moeumStep dt:before {position:absolute; top:0px; left:-80px; display:block; width:65px; height:65px;}
.moeumStep dt:nth-child(1):before{background-position:0 -1523px;}
.moeumStep dt:nth-child(3):before{background-position:-70px -1523px;}
.moeumStep dt:nth-child(5):before{background-position:-140px -1523px;}
.moeumStep dd:last-child{padding-bottom:20px}
.moeumStep dt:after {position:absolute; background-position:0 -365px; top:80px; left:-56px; width:17px; height:8px;}
.moeumStep dt:nth-child(3):after {display:none}
.moeumStep dt > strong {display:inline-block; margin:6px 5px 10px 0;font-size:16px; color:#333; letter-spacing:-1px;}
.moeumStep dt > strong + span {display:inline-block; font-size:14px; color:#333; letter-spacing:-2px}
.moeumStep dd {position:relative; min-height:36px; padding-bottom:40px}
.moeumStep dd > p {font-size:14px; color:#666; letter-spacing:-1px;}
.moeumStep dd:last-child:after {background:none} 
.moeumStep + p {font-size:11px; margin:0 15px 15px 15px; text-align:left;}

/* 구매대행서비스 안내 */
.buyAgency .cs_proposeGuide{display:block;width:75%;margin:10px auto}
.slideUpDnWrap.buyAgencyGuide > dl dt > a{background-position-y:-173px}
.slideUpDnWrap.buyAgencyGuide > dl dt.on{border-top:2px solid #0078c8;border-bottom:0;}
.slideUpDnWrap.buyAgencyGuide > dl dt.on > a{background-position-y:-287px}
.slideUpDnWrap.buyAgencyGuide .on + .slideUpDntCont{padding:0;text-align:left;border-bottom:2px solid #0078c8}
.slideUpDnWrap.buyAgencyGuide .slideUpDntCont .tblWrap {margin-bottom:0 !important}
.slideUpDnWrap.buyAgencyGuide .slideUpDntCont .tblWrap > table{border-top:1px solid #d3d3d3}

/* 금현물랩 안내 */
.lst_split.goldWrap{overflow:hidden}
.lst_split.goldWrap > li:first-child {border-top:none;}
.lst_split.goldWrap > li {margin:0 -15px; background:#ebf4fb; border-top:1px solid #fff;}
.lst_split.goldWrap > li > div:before{background:url(/mbw/images/asset/img_goldWrap_set.png) no-repeat; background-size:65px auto;left:-75px}
.lst_split.goldWrap > li > div.item01:before{background-position-y:0}
.lst_split.goldWrap > li > div.item02:before{background-position-y:-70px}
.lst_split.goldWrap > li > div.item03:before{background-position-y:-140px}
.lst_split.goldWrap > li > div.item04:before{background-position-y:-210px}
.lst_split.goldWrap > li > div {margin-left:90px;}
.lst_split.goldWrap > li > div > strong {display:inline-block; font-size:13px; line-height:14px; padding-top:15px; color:#000}
.lst_split.goldWrap > li > div > strong:after {opacity:1; content: ''; background-position:right -163px; width:5px; height:8px; vertical-align:top; margin:2px 0 0 5px;}
.lst_split.goldWrap > li > div > span {display:block; padding-top:5px; color:#666;}
.lst_split.goldWrap > li > div.item02 > strong {padding-top:8px}
.lst_split.goldWrap > li > div.item04 > strong {padding-top:26px}

.assetProcessWrap.goldenWrap > li span>.vmid{display:block;padding-top:18px}

/* 돈굴리는방법 */
.investGuide {margin:0px;}
.contListWrap.investGuide h2.subTit{font-size:24px;line-height:28px}
.investGuide .h4TabWrap.blue {height:106px;overflow:hidden}
.investGuide .h4TabWrap.blue .h4Tab {height:104px}
.investGuide .h4TabWrap.blue .h4Tab li {border:1px solid #d6d6d6; margin-left:0; z-index:9;height:104px;width:49.4%}
.investGuide .h4TabWrap.blue .h4Tab li a {height:92px;border:none; font-size:14px;padding-top:12px;line-height:40px; color:#999}
.investGuide .h4TabWrap.blue .h4Tab li a > span {display:inline-block; line-height:18px; letter-spacing:-1px;}
.investGuide .h4TabWrap.blue .h4Tab li a > span>small{font-size:11px;font-weight:normal}
.investGuide .h4TabWrap.blue .h4Tab li.on {border:1px solid #0078c8; z-index:10;}
.investGuide .h4TabWrap.blue .h4Tab li.on a {color:#0078c8; font-weight:bold;}

.investGuide .h4TabWrap.blue .h4Tab li a:before{opacity:1; content: ''; position:inherit; display:block; width:100%; height:34px;}

.investGuide .h4TabWrap.blue.typeA .h4Tab li a{padding-top:20px;height:84px;}
.investGuide .h4TabWrap.blue.typeA .h4Tab li a:before{background:url(/mbw/images/finance/tab_invest_typeA.png) no-repeat;background-size:36px auto; background-position-x:50% ;background-position-y:-40px}
.investGuide .h4TabWrap.blue.typeA .h4Tab li.on a:before{background-position-y:0px}

.investGuide .h4TabWrap.blue.typeA .h4Tab li+li a:before{background-position-y:-120px}
.investGuide .h4TabWrap.blue.typeA .h4Tab li+li.on a:before{background-position-y:-80px}

/* 안정적인투자 */
.investGuide .h4TabWrap.blue.typeC .h4Tab li a{}
.investGuide .h4TabWrap.blue.typeC .h4Tab li a:before{background:url(/mbw/images/finance/tab_invest_typeB.png) no-repeat;background-size:38px auto; background-position-x:50% ;background-position-y:-40px}
.investGuide .h4TabWrap.blue.typeC .h4Tab li.on a:before{background-position-y:0px}

.investGuide .h4TabWrap.blue.typeC .h4Tab li+li a:before{background-position-y:-120px}
.investGuide .h4TabWrap.blue.typeC .h4Tab li+li.on a:before{background-position-y:-80px}

/* 안정적인투자 */
.investGuide .h4TabWrap.blue.typeD .h4Tab li a{padding-top:20px;height:84px;}
.investGuide .h4TabWrap.blue.typeD .h4Tab li a:before{background:url(/mbw/images/finance/tab_invest_typeC.png) no-repeat;background-size:45.6px auto; background-position-x:50% ;background-position-y:-40px}
.investGuide .h4TabWrap.blue.typeD .h4Tab li.on a:before{background-position-y:0px}

.investGuide .h4TabWrap.blue.typeD .h4Tab li+li a:before{background-position-y:-120px}
.investGuide .h4TabWrap.blue.typeD .h4Tab li+li.on a:before{background-position-y:-80px}


.investGuide table.tbl_type th.r, table.tbl_type td.r{text-align:right; padding-left:2px; padding-right:7px;}

.numbers{display:inline-block;font-size:8px;background:#0078c8;padding:0px;width:13px;height:13px;line-height:14px;border-radius:100%;text-align:left;color:#fff;text-indent:4px}
.numbers.Large{width:16px;height:16px;line-height:18px;font-size:12px;}

.investInfo {}
.investInfo:after {display:block;content:"";clear:both;}
.investInfo li{display:block;margin-bottom:20px;text-align:left}
.investInfo li .titles{display:block;}
.investInfo li .titles>strong{color:#333;font-size:16px}
.investInfo li .texts{margin:8px 0 0 20px;font-size:13px;line-height:20px}

.contListWrap.investGuide .contHead.contImg .btns{position:absolute;top:76%;left:5%;width:90%;height:12%;z-index:10;}

.investGuide .boxArea{padding-bottom:40px;border-bottom:15px solid #e6e6e6}

.isaStep.investGuidestep{margin-right:15px}
.isaStep.investGuidestep dt:before{background:url('/mbw/images/banking/img_loanGuide_set.png') 0 0 no-repeat; background-size:65px auto;}
.isaStep.investGuidestep dt.step01:before{background-position:0 0}
.isaStep.investGuidestep dt.step02:before{background-position:0 -80px}
.isaStep.investGuidestep dt.step03:before{background-position:0 -160px}
.isaStep.investGuidestep dt.step04:before{background-position:0 -240px}
.isaStep.investGuidestep dt.step04:after{display:none}
.isaStep.investGuidestep dt.step05:before{background-position:0 -320px}
.isaStep.investGuidestep dt.step05:after{display:none}
.isaStep.investGuidestep dt>strong{font-size:16px}

/* 트레이딩 CFD안내 */
.cfdGuide .contHead a{position:absolute;width:29%;height:9.5%;top:60.5%;}
.cfdGuide .contHead .btns01{left:4.7%}
.cfdGuide .contHead .btns02{left:35.5%}
.cfdGuide .contHead .btns03{right:4.5%}
.cfdGuide .subTit{font-size:24px !important}
.cfdGuide .bgBox{background-color:#ebf4fb;padding-bottom:40px}

.cfdGuide .slideUpDntCont .subTit{font-size:20px !important; line-height:26px !important}

.isaStep.cfdGuidestep{margin-top:40px}
.isaStep.cfdGuidestep dt:before{background:url('/mbw/images/trading/img_cfdGuide_set.png') 0 0 no-repeat; background-size:65px auto;}
.isaStep.cfdGuidestep dt.step01:before{background-position:0 0}
.isaStep.cfdGuidestep dt.step02:before{background-position:0 -80px}
.isaStep.cfdGuidestep dt.step03:before{background-position:0 -160px}
.isaStep.cfdGuidestep dt.step04:before{background-position:0 -240px}
.isaStep.cfdGuidestep dt.step04+dd{padding-bottom:10px}
.isaStep.cfdGuidestep dt.step05:before{background-position:0 -320px}
.isaStep.cfdGuidestep dt.step05:after{display:block}
.isaStep.cfdGuidestep dt.step06:before{background-position:0 -400px}
.isaStep.cfdGuidestep dt.step07:before{background-position:0 -480px}
.isaStep.cfdGuidestep dt.step06:after{display:none}
.isaStep.cfdGuidestep dt>strong{font-size:14px}


/*otp발급 폐지 안내 */

/* otp발급 폐지 안내step */
.lst_split.otpInfo > li > div:before {background:url(/mbw/images/customer/img_otpIssueDis_split.png) no-repeat; background-size:65px auto; }
.lst_split.otpInfo{margin-top:10px}
.lst_split.otpInfo > li:first-child {border-top:none;}
.lst_split.otpInfo > li {background:#fff; border-top:none;}
.lst_split.otpInfo > li > div {margin-left:90px;}
.lst_split.otpInfo > li > div > strong {display:block; padding-top:5px}
.lst_split.otpInfo > li > div > span {padding-top:5px}
.lst_split.otpInfo > li > div.item01:before{background-position-y:0}
.lst_split.otpInfo > li > div.item02:before{background-position-y:-80px}
.lst_split.otpInfo > li > div.item03:before{background-position-y:-160px}

.isaStep.otpIssuestep{margin-top:40px}
.isaStep.otpIssuestep dt:before{background:url('/mbw/images/customer/img_otpIssueDis_set.png') 0 0 no-repeat; background-size:65px auto;}
.isaStep.otpIssuestep dt.step01:before{background-position:0 0}
.isaStep.otpIssuestep dt.step02:before{background-position:0 -80px}
.isaStep.otpIssuestep dt.step03:before{background-position:0 -160px}
.isaStep.otpIssuestep dt.step04:before{background-position:0 -240px}
.isaStep.otpIssuestep dt.step04:after{display:none}
.isaStep.otpIssuestep dt>strong{font-size:14px}

.tipArea{display:block;background-color:#f2f2f2;padding:15px;text-align:left;margin-top:40px}
.tipArea .tipTit{font-size:14px;font-weight:bold;line-height:14px}
.tipArea .tipTit:before{opacity:1; content: ''; position:inherit; display:inline-block; vertical-align:sub; background:url(/mbw/images/customer/ico_tip.png) no-repeat; background-size:17px auto;width:17px;height:17px; margin-right:3px}

.counselSevice h2.subTit{font-size:24px !important;line-height:28px !important}
.counselSevice .imageArea{margin-top:20px}
.counselSevice .bgBox{background-color:#ebf4fb;margin-top:40px;padding-bottom:40px}
.counselSevice .btnWrap.cs a.blue{border-radius:30px;background:#002d69;border-color:#002d69}
.counselSevice .btnWrap.cs a.blue:before{opacity:1; content: ''; position:inherit; display:inline-block; vertical-align:sub; background:url(/mbw/images/customer/icon_call.png) no-repeat; background-size:17px auto;width:17px;height:17px;margin-right:10px}

.counselSevice .btnWrap.mid a{margin-left:35%;width:30%}

/* video */
.videoBox {display:block; position:relative; padding-top:0; width:320px; height:192px; margin:0 auto 30px}
.videoBox video {display:block; position:relative; width:100%; height:100%;}



/* 이벤트 등록 */
.my_event_view{display:block;}
.my_event_view .headText{background-color:#0077c7;padding:25px 20px 25px;text-align:left}
.my_event_view .headText>p{font-size:20px;color:#fff;}
.my_event_view .headText>span{display:block;margin-top:5px;font-size:14px;color:#fff;}

.my_event_list{display:block;margin-top:10px}
.my_event_list>li{display:block;padding:20px 0 20px;border-bottom:1px solid #ccc}
.my_event_list>li .my_content{display:block;padding:0 25px;position:relative}
.my_event_list>li .label_icon{display:block;position:absolute;top:0px;left:10px;border:1px solid #0078c8;width:32px;height:16px;border-radius:3px;font-size:11px;text-align:center;color:#0078c8}

.my_content .my_head{display:block;margin-bottom:15px;text-align:left}
.my_content .my_head > dt{display:block;font-size:16px;color:#333;margin-bottom:6px;text-align:left}
.my_content .my_head > dt a{color:#333;}
.my_content .my_head > dd{display:block;font-size:13px;color:#999}
.my_content .event_data_list{display:block}
.my_content .event_data_list>li{display:table;width:100%;margin-bottom:10px;}
.my_content .event_data_list>li:last-child{margin-bottom:0}
.my_content .event_data_list>li>span{display:table-cell;font-size:13px}
.my_content .event_data_list>li>.htitle{width:25%;color:#333;font-weight:bold;text-align:left}
.my_content .event_data_list>li>.htext{width:75%;color:#999;text-align:right}

.my_event_view .eventInfo{background-color:#e7f4fd;color:#0078c8;font-size:14px;padding:16px 20px;text-align:left}
.my_event_view .my_winner{display:block;margin:0 20px;}
.my_event_view .my_winner .wtitle{padding:35px 0 15px;border-bottom:1px solid #666;font-size:20px;color:#000;text-align:center}
.my_event_view .my_winner .my_event_list{margin-top:0}
.my_event_view .my_winner .my_content{padding:0 0px 0 55px}


/* 단기사채가이드 */
.loanGuide.contListWrap .contHead.contImg.bond .btns{position:absolute;top:62.5%;left:5%;width:90%;height:9.5%;z-index:10}

/* 숙련제도안내 */
.considerGuideArea.contListWrap .bgBox.first{margin-top:0}
.considerGuideArea.contListWrap .bgBox{background-color:#f4f5f8;margin-top:40px;padding-bottom:40px}
.considerGuideArea.contListWrap .bgBox h2.subTit{font-size:24px;line-height:28px;}

.considerInfo {padding:0 15px;margin-top:40px}
.considerInfo > li {position:relative;padding-bottom:48px}
.considerInfo > li:after  {display:block;content:"";background:url(/mbw/images/finance/ico_consider_set.png) no-repeat;background-size:65px 420px;background-position:-24px -85px;position:absolute;top:85px;left:24px;width:17px;height:8px; }
.considerInfo > li:last-child{padding-bottom:0;}
.considerInfo > li:last-child:after{display:none;}
.considerInfo > li > div {position:relative;padding-left:80px;text-align:left;font-size:13px;min-height:65px;vertical-align:middle;}
.considerInfo > li > div{background:url(/mbw/images/finance/ico_consider_set.png) no-repeat;background-size:65px 420px;}
.considerInfo > li > div.item01 {background-position:0 0;}
.considerInfo > li > div.item02 {background-position:0 -112px;}
.considerInfo > li > div.item03 {background-position:0 -225px;}
.considerInfo > li > div.item04 {background-position:0 -338px;}
.considerInfo > li > div > strong {display:inline-block;color:#333;font-size:15px;padding-top:10px;}
.considerInfo > li > div > p {display:block;padding-top:10px;color:#666;font-size:13px; }


/* 전화상담 */
.telCsSevice{}
.telCsSevice div {font-family:'spoqaHanSansNewRegular', sans-serif;}
.telCsSevice .telCsSeviceCont{position:relative;display:block;background-color:#2288ed;color:#fff;padding:30px 14px}
.telCsSevice .telCsSeviceCont .titleArea{display:block;position:relative;margin:0;padding:0 10px;text-align:left;}
.telCsSevice .telCsSeviceCont .titleArea>strong{display:block;line-height:28px;font-size:20px;color:#fff;}
.telCsSevice .telCsSeviceCont .titleArea>span {display:block;line-height:19px;font-size:13px;color:#a6cff8;}
.telCsSevice .telCsSeviceCont .titleArea .text_link{display:block;position:absolute;bottom:4px;right:0;text-decoration:underline;font-size:11px;color:#a6cff8;}

.telCsSevice .telCsSeviceCont .textArea{display:block;margin:20px 0 20px;font-size:14px;text-align:left;opacity:0.7;line-height:20px}
.telCsSevice .telCsSeviceCont .textArea:after {display:block;content:"";clear:both;}

.telCsSevice .csCenter_call_area {position:relative;}
.telCsSevice .csCenter_call_area ul {margin-top:27px;}
.telCsSevice .csCenter_call_area .item_cscenter {display:block;position:relative;width:100%;height:96px;padding: 0 13px;text-align:left;box-sizing:border-box;}
.telCsSevice .csCenter_call_area .item_cscenter:before,
.telCsSevice .csCenter_call_area .item_cscenter:after {content:'';position:absolute;top:0;width:13px;height:96px;background-repeat:no-repeat;background-size: 100% 100%;}
.telCsSevice .csCenter_call_area .item_cscenter:before {left:0;background-image: url('/mbw/images/customer/bg_cscervice_left.png');}
.telCsSevice .csCenter_call_area .item_cscenter:after {right:0;background-image: url('/mbw/images/customer/bg_cscervice_right.png');}
.telCsSevice .csCenter_call_area .item_cscenter a {display:block;position:relative;height:96px;padding: 23px 0 0 89px;font-size:14px;color:#a6cff8;background: url('/mbw/images/customer/bg_cscervice_center.png') no-repeat;background-size: 100% 100%;box-sizing:border-box;}
.telCsSevice .csCenter_call_area .item_cscenter a:before {content:'';position:absolute;top:50%;left:27px;width:42px;height:42px;margin-top:-24px;background-repeat:no-repeat;background-position:center;background-size:42px auto;opacity:1;}
.telCsSevice .csCenter_call_area .item_cscenter.call a:before {background-image:url('/mbw/images/customer/btn_callCsService.png');}
.telCsSevice .csCenter_call_area .item_cscenter strong {display:block;line-height:25px;font-size:18px;font-weight:500;color:#fff;}
.telCsSevice .csCenter_call_area .item_cscenter strong span {font-weight:600;}

.telCsSevice .telCsSeviceCont .btnWrap a.white{border-color:#fff;border-radius:4px;color:#2288ee}
.telCsSevice .txtInfo{padding-left:24px !important; padding-right:24px !important;font-size:15px !important;color:#333 !important}
.telCsSevice .faqArea{padding:0px;margin:10px 24px 20px;text-align:left;}
.telCsSevice .faqArea>a{position:relative;display:inline-block;width:49%;font-size:12px;color:#fff;text-align:center;background:#0574e0;border-radius:4px;padding:10px 0}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
/* .telCsSevice .faqArea>a:after{position:absolute;right:0;top:0;content:"";width:32px;height:32px;background:url(/mbw/images/customer/icon_telcs_faq.png) no-repeat;background-size:32px 32px;} */
.telCsSevice .faqArea>a + a{margin-left:2%;background:#3548ec;}

.csCenterSubCont {}
.csCenterSubCont + .csCenterSubCont {margin-top:15px;border-top:8px solid #f0f0f0;}

.telCsSevice .csCenterSubTit {padding:30px 24px 0;line-height:26px;text-align:left;font-size:19px;color:#111;}
.telCsSeviceInfo {display:block;margin:0 24px;}
/* .telCsSeviceInfo:before{opacity:1; content: ''; position:inherit; display:block; background-color:#ebebeb ;height:8px; margin:0 -22px} */
.telCsSeviceInfo>li:first-child{border-top:0}
.telCsSeviceInfo>li{position:relative;display:block;border-top:1px solid #ebebeb;padding:16px 0;text-align:left}
.telCsSeviceInfo>li a:after{content:"";position:absolute;right:0;top:21px;width:36px;height:36px;background:url('/mbw/images/customer/btn_callCsCont.png') no-repeat;background-size:36px 36px;}
.telCsSeviceInfo>li a.icoDown:after {background:url('/mbw/images/customer/btn_downCsCont.png') no-repeat;background-size:36px 36px;}
.telCsSeviceInfo>li a.email:after{background:url('/mbw/images/customer/btn_emailCsCont.png') no-repeat;background-size:36px 36px;}
.telCsSeviceInfo>li a, .telCsSeviceInfo>li .email{display:block}
.telCsSeviceInfo>li .csTitle{color:#111;line-height:24px}
.telCsSeviceInfo>li .csTitle>span{display:block;font-size:14px;}
.telCsSeviceInfo>li .csTitle>strong{display:block;margin-top:2px;font-size:17px;}

.telCsSeviceInfo>li .csText{color:#aaa;padding-top:8px}
.telCsSeviceInfo>li .csText>span{display:block;font-size:14px;}

.telCsSevice .btnWrap a.gray{border-radius:4px;}

/*전화상담-S라운지 고객*/
.telCsSevice.lounge .telCsSeviceCont {background:transparent url('/mbw/images/customer/bg_telCsService.png') no-repeat center;background-size:cover;}
.telCsSevice.lounge .telCsSeviceCont .titleArea{}
.telCsSevice.lounge .telCsSeviceCont .titleArea>strong {color:#fed046;}
.telCsSevice.lounge .telCsSeviceCont .titleArea>span {color:#a9b2cd;}
.telCsSevice.lounge .telCsSeviceCont .titleArea .text_link {color:#a9b2cd;}

.telCsSevice.lounge .csCenter_call_area .item_cscenter a {background:url('/mbw/images/customer/bg_cscervice_lounge_center.png') no-repeat;background-size:100% 100%;color:#a9b2cd;}
.telCsSevice.lounge .csCenter_call_area .item_cscenter:before {background-image: url('/mbw/images/customer/bg_cscervice_lounge_left.png');}
.telCsSevice.lounge .csCenter_call_area .item_cscenter:after {background-image: url('/mbw/images/customer/bg_cscervice_lounge_right.png');}
.telCsSevice.lounge .csCenter_call_area .item_cscenter.call a:before {background-image:url('/mbw/images/customer/btn_callCsService_lounge.png');}
.telCsSevice.lounge .csCenter_call_area .item_cscenter.rese a:before {background-image:url('/mbw/images/customer/btn_reseCsService_lounge.png');}
.telCsSevice.lounge .csCenter_call_area .item_cscenter.chat a:before {background-image:url('/mbw/images/customer/btn_chatCsService_lounge.png');}
.telCsSevice.lounge .csCenter_call_area .item_cscenter strong span {color:#fed046;}

.telCsSevice.lounge .telCsSeviceInfo>li a:after {background:url('/mbw/images/customer/btn_callCsCont_lounge.png') no-repeat;background-size:36px 36px;}
.telCsSevice.lounge .telCsSeviceInfo>li a.icoDown:after {background:url('/mbw/images/customer/btn_downCsCont_lounge.png') no-repeat;background-size:36px 36px;}


/*디지털최우수고객전용 상담*/
.vipCsSeviceArea{display:block;background-color:#f7ebda;padding:35px 0}
.vipCsSeviceArea .titleArea{position:relative;display:block;padding:0 24px;text-align:left;}
.vipCsSeviceArea .titleArea:after{position:absolute;right:22px;top:10px;content:"";width:95px;height:77px;background:url(/mbw/images/customer/bg_vipcs_sevice.png) no-repeat;background-size:95px 77px;}
.vipCsSeviceArea .titleArea>span{color:#000;font-size:24px;letter-spacing:-1px}
.vipCsSeviceArea .titleArea>span+span{display:block;color:#a48146;padding-top:5px}
.vipCsSeviceArea .titleArea .texts{display:block;color:#444;font-size:14px;padding-top:10px}

.vipCsSeviceInfo {display:block;margin:24px 22px;}
.vipCsSeviceInfo>li:first-child{border-top:0}
.vipCsSeviceInfo>li{position:relative;display:block;border-radius:3px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);padding:20px;text-align:left;margin-bottom:8px}
.vipCsSeviceInfo>li a:after{position:absolute;right:20px;top:50%;margin-top:-5px;content:"";width:7px;height:10px;background:url(/mbw/images/common/ico_arrow_bk.png) no-repeat;background-size:7px 10px;}
.vipCsSeviceInfo>li a{display:block;padding-left:60px}
.vipCsSeviceInfo>li a:before{opacity:1;position:absolute;left:20px;top:50%;margin-top:-20px;content:"";width:40px;height:40px;}
.vipCsSeviceInfo>li:nth-child(1) a:before{background:url(/mbw/images/customer/icon_vip_call01.png) no-repeat;background-size:40px 40px;}
.vipCsSeviceInfo>li:nth-child(2) a:before{background:url(/mbw/images/customer/icon_vip_call03.png) no-repeat;background-size:40px 40px;}
.vipCsSeviceInfo>li:nth-child(3) a:before{background:url(/mbw/images/customer/icon_vip_call04.png) no-repeat;background-size:40px 40px;}
.vipCsSeviceInfo>li:nth-child(4){background:#f7ebda}
.vipCsSeviceInfo>li:nth-child(4) .csTitle>strong{color:#a48146}
.vipCsSeviceInfo>li:nth-child(4) a:before{background:url(/mbw/images/customer/icon_vip_call02.png) no-repeat;background-size:40px 40px;}
.vipCsSeviceInfo>li .csTitle{color:#111;line-height:24px}
.vipCsSeviceInfo>li .csTitle>span{display:inline-block;font-size:14px;}
.vipCsSeviceInfo>li .csTitle>strong{display:inline-block;font-size:16px;}

.vipCsSeviceInfo>li .csText{color:#888;padding-top:10px}
.vipCsSeviceInfo>li .csText>span{display:block;font-size:12px;}

/*일반고객 디지털최우수고객전용 상담*/
.fmCsSeviceArea{display:block;background-color:#edf6fd;padding:35px 0}
.fmCsSeviceArea .titleArea{position:relative;display:block;padding:0 24px;text-align:left;}
.fmCsSeviceArea .titleArea:after{position:absolute;right:16px;top:0px;content:"";width:95px;height:84px;background:url(/mbw/images/customer/bg_fmcs_sevice.png) no-repeat;background-size:95px 84px;}
.fmCsSeviceArea .titleArea>span{color:#000;font-size:24px;letter-spacing:-1px}
.fmCsSeviceArea .titleArea>span+span{display:block;color:#286ef2;padding-top:5px}
.fmCsSeviceArea .titleArea .texts{display:block;color:#444;font-size:14px;padding-top:10px}

.fmCsSeviceInfo {display:block;margin:24px 22px;}
.fmCsSeviceInfo>li:first-child{border-top:0}
.fmCsSeviceInfo>li{position:relative;display:block;border-radius:3px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);padding:20px;text-align:left;margin-bottom:8px}
.fmCsSeviceInfo>li a:after{position:absolute;right:20px;top:50%;margin-top:-5px;content:"";width:7px;height:10px;background:url(/mbw/images/common/ico_arrow_bk.png) no-repeat;background-size:7px 10px;}
.fmCsSeviceInfo>li a{display:block;padding-left:60px}
.fmCsSeviceInfo>li a:before{opacity:1;position:absolute;left:20px;top:50%;margin-top:-20px;content:"";width:40px;height:40px;}
.fmCsSeviceInfo>li:nth-child(1) a:before{background:url(/mbw/images/customer/icon_fm_call01.png) no-repeat;background-size:40px 40px;}
.fmCsSeviceInfo>li:nth-child(2) a:before{background:url(/mbw/images/customer/icon_fm_call02.png) no-repeat;background-size:40px 40px;}
.fmCsSeviceInfo>li .csTitle{color:#111;line-height:24px}
.fmCsSeviceInfo>li .csTitle>span{display:inline-block;font-size:14px;}
.fmCsSeviceInfo>li .csTitle>strong{display:inline-block;font-size:16px;}

.fmCsSeviceInfo>li .csText{color:#888;padding-top:10px}
.fmCsSeviceInfo>li .csText>span{display:block;font-size:12px;}

/* 비대면계좌개설 부적정 보고서 */
.ptitle{display:block; padding:20px 0 10px; color:#0078c8; font-size:16px; line-height:22px; text-align:left; letter-spacing:-1px; font-weight:normal}

.bgInfoBox{display:block;background-color:#f2f2f2;padding:24px 15px}

.checkList{display:block;}
.checkList li{display:block;margin:3px 0}
.checkList li input+label{margin:0 0px 0 4px}

/* 텍스트 스타일 */
.listType01 li{display:block; font-size:13px;line-height:18px;color:#666; padding:0 0 8px; text-indent:-6px; margin-left:12px}
.listType01 li:before {content:counter(item, disc); display:inline-block; color:#666; margin-right:5px;}
.listType01 li:last-child{padding-bottom:0}

.notiList li{display:block;color:#666; font-size:13px; line-height:1.4; text-indent:-14px;margin-left:14px}

/* mpop 평점 이벤트 */
.mpopGradeEvent .bbsView{padding:0 15px}
.mpopGradeEvent .btnBox{display:block;position:relative}
.mpopGradeEvent .btnBox .btnIdName{display:block; position:absolute; width:64.5%; height:5.2%; top:69.3%; left:27.5%;}
.mpopGradeEvent .btnBox .btnGoogleApp{display:block; position:absolute; width:84%; height:16%; top:9.5%; left:7.8%;}
.mpopGradeEvent .btnBox .btnAppleModal{display:block; position:absolute; width:84%; height:16%; top:30.5%; left:7.8%;}
.mpopGradeEvent .btnBox .btnApply{display:block; position:absolute; width:84%; height:24%; top:60%; left:7.8%;}
.mpopGradeEvent .inputText{height:30px}
.mpopGradeEvent .btnWrap .textLink {width:auto;height:20px;float:right;box-sizing:border-box}

/* sni 신세계제휴 상담예약 화면 */
.sniMember .evAgreeWrap strong.tit{color:#aa9361}
.sniMember .evAgreeWrap table.tbl_type{border-top:0;border-bottom:0}
.sniMember .evAgreeWrap table.tbl_type th, .sniMember .evAgreeWrap table.tbl_type td{background:none;border:0}
.sniMember .evAgreeWrap input[type="radio"]{background:url(/mbw/images/customer/ico_chkradio_gold.png) 0  -25px no-repeat; background-size:16px 41px; width:16px; height:16px; }
.sniMember .evAgreeWrap input[type="radio"]:checked {background-position:0 0;}
.sniMember .evAgreeWrap input, .sniMember .evAgreeWrap select{border-radius:4px;border-color:#f5f5f5;background-color:#f5f5f5}
.sniMember .evAgreeWrap~.evAgreeWrap{border-top:1px solid #ebebeb;padding-top:25px}
.sniMember .btnWrap .gold {border-radius:4px;background-color:#bea678}


/* 글로벌 실전투자대회 */
.investCompetition{vertical-align:top;}
.investCompetition .challengeArea{position:relative}
.investCompetition .challengeArea .btnlink {position:absolute;}
.investCompetition .challengeArea .btnlink.btn01{top:10.83%;left:11%;width:77%;height:0.7%;}
.investCompetition .challengeArea .btnlink.btn02{top:11.75%;left:11%;width:77%;height:0.73%;}
.investCompetition .challengeArea .btnlink.btn03{top:12.67%;left:11%;width:77%;height:0.73%;}
.investCompetition .challengeArea .btnlink.btn04{top:26.65%;left:5.4%;width:88.5%;height:0.73%;}
.investCompetition .challengeArea .btnlink.btn05{top:58.1%;left:11%;width:77.5%;height:0.73%;}
.investCompetition .challengeArea .btnlink.btn06{top:73.00%;left:11%;width:77.5%;height:0.74%;}

.investCompetition .challengeArea .inviteReg{position:absolute;top:75.7%;left:10%;width:80.5%;height:2.6%;display:block;text-align:left}
.investCompetition .challengeArea .inviteReg input{width:66%;height:100%;box-sizing:border-box;font-size:0.8rem;border:none;background:none;display:inline-block}
.investCompetition .challengeArea .inviteReg input[placeholder]{color:#aaa}
.investCompetition .challengeArea .inviteReg input::-webkit-input-placeholder {color:#aaa;}/* Webkit Browser */
.investCompetition .challengeArea .inviteReg .regBtn{width:31%;height:100%;box-sizing:border-box;display:inline-block;float:right}

.investCompetition .challengeArea .infoBtn{position:absolute;top:81.6%;left:3.4%;width:93.5%;height:3%;display:block}

.investCompetition.tipBox{background-color:#f5f5f5}
.investCompetition.tipBox .lstText2 > li:before, .investCompetition.tipBox .lstText2 li{color:#888}
.investCompetition.tipBox .lstText2 > li.c_rd:before, .investCompetition.tipBox .lstText2 li.c_rd{color:#dc0000 !important}
.investCompetition.tipBox .lstText2 > li.c_000:before, .investCompetition.tipBox .lstText2 li.c_000{color:#000 !important}
.investCompetition.tipBox .tipTit{color:#444;font-size:15px;font-weight:600}
.investCompetition.tipBox dl dt{color:#444}
.investCompetition.tipBox .dlbrNoId{border-top:1px solid #d2d2d2;padding:20px 0; margin-top:20px; font-size:12px;}

.investCompetitionWrap {background-color: #2111bc;}
.investCompetitionWrap.confirm{background-color:#fff}
.investCompetitionWrap.confirm .investCompetitionBody{background:#fff}
.investCompetition .investCompetitionHeader img,
.investCompetition .investCompetitionBottom img {display:block; width:100%}
.investCompetition .investCompetitionBody {padding:0 22px 25px; background:#fff url(/mbw/images/customer/img_g6challenge_2023_body_bg.png) top center repeat-y; background-size: 100% auto;}
.investCompetition .investCompetitionBody .form {padding: 0 5.5%; min-height:300px; text-align: left; }
.investCompetition .formBottomWrap {padding: 30px 22px 20px; background:#fff; text-align:left;}
.formfooterWrap {background:#fff; text-align:left; padding-bottom:60px}

/*폼*/
.applyCon {}
.applyCon .fieldTitle {font-size: 15px; margin-bottom: 15px;}
.applyCon .fieldTitle strong {display:block; float:left; position:relative; color: #0561ff; margin-right: 8px; top:0;}
.applyCon .fieldTitle strong:after {position:absolute; content:''; bottom:0; left:0; min-width:18px; height: 2px; background:#0561ff;}
.applyCon .fieldTitle p {display: block; float:left; font-weight: 600; line-height: 1.3em; color:#111;}
.applyCon .fieldTitle:after {content:''; display:block; clear:both;}
.applyCon .noti {display: block; position:relative; margin-left:2px; padding-left: 8px; margin-top: 10px; font-size: 12px; line-height: 13px; color:#747474;}
.applyCon .noti:before {position:absolute; content:''; top: 4px; left:0; width: 2px; height: 2px; background-color:#888; border-radius: 50%; }
.applyCon .noti + .noti {margin-top: 5px;}
.applyCon .noti.error{color:#f10a45}
.applyCon .noti.mgs_ok{color:#888}
.applyCon .noti.error:before, .applyCon .noti.mgs_ok:before{display:none}

    
.applyCon input[type=text] {display:inline-block; padding: 14px; width: calc(100% - (25% + 12px)); height: 36px; line-height: 36px; font-size: 13px; color:#444; box-sizing: border-box; border-radius: 3px; border:none; background-color: #f5f5f5; text-indent:0;}
.applyCon input[type=text]:focus {padding: 14px !important; line-height: 36px !important; border: none; outline: none;}
.applyCon input[type=text] + button {display: inline-block; margin-left: 7px; width: 25%; height: 36px; border-radius: 3px; background-color:#888; font-size: 13px; color:#fff;}
.applyCon select {-webkit-appearance:none;/* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; padding: 0 14px; width: 100%; height: 36px; line-height: 36px; font-size: 13px; color:#666; box-sizing: border-box; border-radius: 3px; border:none; background: #f5f5f5 url(/mbw/images/customer/icon_select_arrow_mo.png) no-repeat right center; background-size: 8%;}
.applyCon select::-ms-expand{display:none;/*for IE10,11*/}
.applyCon select:focus {line-height: 36px !important; border: none; outline: none;}
.applyCon input[placeholder]{color:#aaa}
.applyCon input::-webkit-input-placeholder {color:#aaa;}/* Webkit Browser */


/*체크박스 커스텀*/
/* .chkWrap {display: flex; justify-content: space-between; align-items: center;} */ 
.chkWrap{display:block;height:92px;} 
.chkWrap .checkGroup {display:block;width:48%;float:left;}
.chkWrap .checkGroup+.checkGroup{float:right}
.applyChk {cursor:inherit; display: block; position: relative; margin-left:0; width:100%; height: 90px; border:1px solid #0561ff;border-radius:4px; cursor: pointer; font-size: 14px; color:#888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.applyChk.league01 {background:#f0f5ff url('/mbw/images/customer/icon_chk_league01_mo.png') no-repeat 90% 13px; background-size: 28px 23px;}
.applyChk.league02 {background:#f0f5ff url('/mbw/images/customer/icon_chk_league02_mo.png') no-repeat 90% 13px; background-size: 36px 19px;}
/* .applyChk.league03 {background:#f0f5ff url('/mbw/images/customer/icon_chk_league03_mo.png') no-repeat 13px 32px; background-size: 24%;} */
.applyChk .chkTitle {width: 100%; position: absolute; bottom: 10px; left:13px; font-size: 14px; color:#0561ff; text-align: left; font-weight:600;}
.applyChk input[type="checkbox"] {display: none;}
.applyChk .on { display: block; position: relative; width: 100%; height: 90px; border: 1px solid #0561ff; border-radius:4px;}
.applyChk .on::before { content:''; display: block; position: absolute; width: 18px; height: 18px; top: 8px; right: 8px; background: #aaa; border-radius: 50%;}
.applyChk .on:after {content: ''; display: block; position: absolute; width: 10px; height: 8px; top: 13px; right: 12px; background: url('/mbw/images/customer/icon_checkbox_on.png') no-repeat center center; background-size:cover;}
.applyChk .checkbox.checked + .on:before {background: #0561ff;}

.applyForm.challenge2024 .chkWrap .checkGroup .applyChk{display:flex;align-items: center;justify-content: center; background:#f1f5ff;}
/* .applyForm.challenge2024 .chkWrap .checkGroup {width:32%;} */
.applyForm.challenge2024 .chkWrap .checkGroup:nth-child(1),.applyForm.challenge2024 .chkWrap .checkGroup:nth-child(2){margin-right:2%;float:left}
.applyForm.challenge2024 .chkWrap .chkTitle{position:sticky; width:70px; height:45px; color:#0561ff; text-align:center;  line-height:26px; display:flex; justify-content:center; align-items:center}

.applyForm.challenge2024 .applyCon .noti.mgs_ok{display: inline-block; color: #0561ff; font-weight: bold; border-bottom: 1px solid #0561ff; padding-right:3px}
.applyForm.challenge2024 .applyCon .noti.error{display: inline-block; color: #f10a45; font-weight: bold; border-bottom: 1px solid #f10a45; padding-right:3px}  
    
/*약관동의*/
.accodWrap {}
.accodMenu {position:relative; padding-bottom: 10px; /*border-bottom: 1px solid #ddd;*/}
.accodMenu:after {display:block; position:absolute; content:''; bottom:-1px; left:2px; width:calc(100% - 4px); height:1px; background:#ddd;}
.accodWrap .accodBtn {position: relative; width: 100%; font-size: 16px; font-weight: 600; letter-spacing: -1.5px; text-decoration: none; cursor: pointer;}
.accodBtn .accodTitle {display:inline-block; width: 90% !important; color:#111 !important;}
.accodBtn .accodArrow, 
.accodBtn.active .accodArrow {position: absolute; width:13px; height: 7px; right: 8px; top:50%; margin-top: -4px;}
.accodBtn .accodArrow {background:url('/mbw/images/customer/icon_accod_arrow.png') no-repeat center center; background-size:cover;}
.accodBtn.active .accodArrow {background:url('/mbw/images/customer/icon_accod_arrow_active.png') no-repeat center center;  background-size:cover;}
.accodBtn .accodTitle .btnBox .ui_toggle.active+.layerPopFull{display:block}
.accodItem + .accodItem {margin-top: 40px;}
.accodConts {display: none; padding: 15px 20px; border: 1px solid #ddd; font-size: 12px; line-height: 1.4em; color:#888; background:#f5f5f5; border-radius: 4px;}

.agreeWrap {margin: 17px auto 0 auto; display: flex; /* display: inline-flex; */ justify-content: center; align-items: center;}
.agreeWrap .radioGroup:first-child {margin-right: 50px;}
.agreeWrap [type="radio"],
.agreeWrap [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.agreeWrap [type="radio"]:checked + label,
.agreeWrap [type="radio"]:not(:checked) + label {position: relative; padding-left: 27px; cursor: pointer; line-height: 20px; display: inline-block; font-size: 14px; color: #111; }
.agreeWrap [type="radio"]:checked + label:before,
.agreeWrap [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border:1px solid #cdcdcd; border-radius: 100%; background: #fff;}
.agreeWrap [type="radio"]:checked + label:before {border:1px solid #0561ff; background: #0561ff; border-radius: 100%;}
.agreeWrap [type="radio"]:checked + label:after {content: ''; position: absolute; left: 5px; top: 6px; width: 10px; height: 8px; background:url('/mbw/images/customer/icon_checkbox_on.png') no-repeat center center; background-size:cover;}

.privacyAgree {display: flex; /* display: inline-flex; */ justify-content: space-between; align-items: center; margin-top: 60px; padding-bottom:12px; width:100%; height: 27px; line-height: 27px; border-bottom: 1px solid #ececec;}
.privacyAgree span {font-size: 16px; font-weight:600; color:#111; line-height: 27px;}
.privacyAgree .btnAgree {display: inline-block; width:62px; height: 27px; line-height: 27px; background-color: #0561ff; color:#fff; border-radius: 3px; font-size: 11px; vertical-align: middle; text-align:center}
.privacyAgree .btnAgree.disabled, .privacyAgree button[disabled] {background-color: #888 !important; color:#fff !important; border:none !important;}
.privacyAgree .btnAgree.disabled:hover, .privacyAgree button[disabled]:hover {background-color: #888 !important; color:#fff !important; border:none !important;}
.privacyAgree .btnBox .ui_toggle.active+.layerPopFull{display:block}

.privacyAgree+.privacyAgree{margin-top:8px;border-bottom:none}

/*불공정거래 안내 팝업*/
.btnOpenPop {display: block; margin-top: 6px; width:auto; color:#888; line-height:15px; z-index:999;}
.btnOpenPop:hover {text-decoration: none;}
.btnOpenPop span {position: relative;}
.btnOpenPop span:after {content:''; display:inline-block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background: #888;}
.noticePopup .grayLineBox .blue {color: #0561ff;}
.noticePopup .grayLineBox .Popupindent {margin-left: 1em;}
.noticePopup .grayLineBox .Popupindent2 {margin-left: 1.5em;}
.noticePopup .popupList {margin-top: 10px;}
.noticePopup .popupList li:not(:first-child) {margin-top: 10px;}
.noticePopup .bulletList > li {position:relative; padding-left: 10px;}
.noticePopup .bulletList > li:before {position:absolute; content:''; left:0; top: 7px; width: 4px; height: 4px; border-radius: 3px; background:#888; }
.noticePopup .bulletList > li > ul > li {position:relative; padding-left: 10px;}
.noticePopup .bulletList > li > ul > li:before {position:absolute; content:''; left:0; top: 10px; width: 5px; height: 1px; background:#444;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}

/*유의사항*/
.infoWrap {padding: 25px 6.67% 40px; border-top: 8px solid #f5f5f5; }
.infoWrap p {font-size:14px; font-weight:600; color:#111; line-height: 15px;}
.infoWrap > ul {margin-top:20px;}
.infoWrap > ul > li {position:relative; font-size: 12px; color:#888; line-height: 17px; margin-bottom: 5px; padding-left: 12px;}
.infoWrap > ul > li:before {position:absolute; width:9px; height: auto; top:0; left:0; content:'※';}
.infoWrap > ul > li > ul {display:inline-block; width: 80%; margin-top:0; margin-bottom:0; vertical-align: top;}
.infoWrap > ul > li > ul > li {display:block;}
.infoWrap > ul > li > ul:after {display:block; content:''; clear:both;}
.btnConfirm {margin: 0 auto; display:block; width: 100%; text-align: center;}
.btnConfirm a {display:block; padding: 18px 0; font-size: 18px; line-height: 18px; font-weight: 600; background-color:#0561ff; color:#fff; letter-spacing: -1px;}
.btnConfirm a:hover {text-decoration: none;}
.btnConfirm button {width: 100%; padding: 18px 0; font-size: 18px; line-height: 18px; font-weight: 600; background-color:#0561ff; color:#fff; letter-spacing: -1px; vertical-align: middle;}
.btnConfirm.disabled{background-color:#888}

/*모달기본 css*/
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%; overflow:auto;z-index:1000;padding:0;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center; z-index:9999;}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('')}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}

/*참가신청 조회*/
.graybox {padding: 17px 23px; background:#f5f5f5; border-radius: 4px;}

.inquiryTable {text-align:left; letter-spacing: -1px; }
.inquiryTable th, .inquiryTable td {font-size:16px; line-height: 20px; padding: 6px 0;}
.inquiryTable th {box-sizing:border-box; color:#888; font-weight: 400; vertical-align: top;}
.inquiryTable td {box-sizing:border-box;  color:#111; font-weight: 400; text-align:right; font-family:'SpoqaHanSansNeoMedium'}
.inquiryTable caption {display:none;}

/* 파생실전투자대회 */
.investCompetition.future .investCompetitionWrap{background-color: #fff !important}
.investCompetition.future .investCompetitionBody {padding:24px 22px 24px; background:none;}
.investCompetition.future .investCompetitionBody .form {padding:0; min-height:300px; text-align: left; }

.investCompetition.future .investCompetitionBody .radioTab{display:flex;}
.investCompetition.future .investCompetitionBody .futureInquiry{position:relative}
.investCompetition.future .investCompetitionBody .futureInquiry:after{content:"";display:inline-block;position:absolute;left:10px;bottom:-70px;width:82px;height:82px;background:transparent url('/mbw/images/customer/img_future_event_confirm_img02.png') no-repeat 0 0; background-size:82px 82px;}
.investCompetition.future .investCompetitionBody .futureInquiry:before{content:"";display:inline-block;position:absolute;right:-18px;bottom:40px;width:36px;height:36px;background:transparent url('/mbw/images/customer/img_future_event_confirm_img01.png') no-repeat 0 0; background-size:36px 36px}

.investCompetition.future .applyCon .fieldTitle strong{width:34px;height:20px;margin-right:0}
.investCompetition.future .applyCon .fieldTitle strong:after{display:none}
.investCompetition.future .applyCon .fieldTitle .num01{background:transparent url('/mbw/images/customer/img_future_event_num01.png') no-repeat 0 0; background-size:23px 16px;}
.investCompetition.future .applyCon .fieldTitle .num02{background:transparent url('/mbw/images/customer/img_future_event_num02.png') no-repeat 0 0; background-size:23px 16px;}
.investCompetition.future .applyCon .fieldTitle .num03{background:transparent url('/mbw/images/customer/img_future_event_num03.png') no-repeat 0 0; background-size:23px 16px;}

.investCompetition.future .applyCon .fromItems{margin-left:34px}
.investCompetition.future .applyCon .btnText{color:#3b93ff;text-decoration:underline;}
.investCompetition.future .accodWrap .accodConts{display:block}

.investCompetition.future .privacyAgree{border-bottom:none}

.investCompetition.future .btnBox .ui_toggle.active+.layerPopFull{display:block}
.layerCont.futureEventArea .btnLink{position:relative}
.layerCont.futureEventArea .btnLink .linkGo{position:absolute;width:75.5%;height:11.5%;top:72%;left:12%;}
.layerCont.futureEventArea .btnLink.new .linkGo{position:absolute;width:60%;height:11.5%;top:67.5%;left:19.5%;}

/* 파생실전투자대회 안내 */
.challengeArea.future .btnLinkArea{position:absolute;;}
.challengeArea.future .btnLinkArea.btnLink01{top: 23%;width:40%;height: 1.3%;left:8.5%;}
.challengeArea.future .btnLinkArea.btnLink02{top: 23%;width:40%;height: 1.3%;left:51%;}
.challengeArea.future .btnLinkArea.btnLink03{top: 24.5%;width:82.5%;height: 1.1%;left:8.5%;}
.challengeArea.future .btnLinkArea.btnLink04{top: 93.08%;width:66%;height:1.35%;left:16.5%;}
.challengeArea.future .btnLinkArea.btnLink05{top: 93.68%;width:66%;height:1.35%;left:16.5%;}/* 공유하기 삭제 */
.challengeArea.future .btnLinkArea.btnLink06{top: 95.65%;width:74.5%;height:1.1%;left:12.5%;}


.challengeArea.future .btnLinkArea.btnLink04 .srchFormWrap{text-align:left;height:100%;}
.challengeArea.future .btnLinkArea.btnLink04 .srchFormWrap .inpSrchSet{width:76%;height:100%;}
.challengeArea.future .btnLinkArea.btnLink04 .srchFormWrap .inpSrchSet input{width:100%;height:100%;border:none;border-radius:4px;text-indent:14px;font-size:14px;letter-spacing:-1px;color:#777d95;font-weight:600;}
.challengeArea.future .btnLinkArea.btnLink04 .srchFormWrap .inpSrchSet input[placeholder]{color:#777d95}
.challengeArea.future .btnLinkArea.btnLink04 .srchFormWrap .inpSrchSet input::-webkit-input-placeholder {color:#777d95;}/* Webkit Browser */
.challengeArea.future .btnLinkArea.btnLink04 .srchFormWrap .link{display:inline-block;width:20%;height:100%;margin-left:4px;background-color:transparent}

/* 파생실전투자대회 대회중계 */
.futureLiveWrap{text-align:left}
.futureLiveWrap .formGroup{margin:0 22px;text-align:left}
.futureLiveWrap .formGroup.flex{display:flex;justify-content:space-between;}
.futureLiveWrap .formGroup .form_check{margin-left:0}
.futureLiveWrap .formGroup .form_check span{font-size:14px}
.futureLiveWrap .formGroup .btnSelect, .future_live_stats_header.formGroup .btnSelect{border:0;width:84px;line-height:20px;padding-right:14px;padding-left:6px;background-position:90% 50%}

/* 수익률 순위 */
.yieldRankingBox{display:block;margin:0 22px}
.yieldRankingBox:after {content:" ";display:block;clear:both;}
.yieldRankingBox .rankingBox{position:relative;display:block;border-radius:10px;width:100%;border-radius:8px; box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.12);margin-bottom:13px}
.yieldRankingBox .rankingBox .textsCont{height:45px;padding-left:56px;text-align:left}
.yieldRankingBox .rankingBox .textsCont>span{display:block;padding-top:14px;font-size:16px}
.yieldRankingBox .rankingBox .textsCont:before{display:inline-block;content:"";width:42px;height:45px;left:8px;top:0;position:absolute;}

.yieldRankingBox .rankingBox .info_yield{box-sizing:border-box;margin:4px 16px 0}
.yieldRankingBox .rankingBox .info_yield>li{display:flex;justify-content:space-between;line-height:24px}
.yieldRankingBox .rankingBox .info_yield>li .title{color:#999;font-size:14px;}
.yieldRankingBox .rankingBox .info_yield>li .price{color:#111;font-size:15px;}
.yieldRankingBox .rankingBox .info_yield>li .drop{color:#0c78e2 !important;}
.yieldRankingBox .rankingBox .info_yield>li .rise{color:#f10a45 !important;}

.yieldRankingBox .rankingBox .total_yield{box-sizing:border-box;padding:0 16px;border-radius:0  0 10px 10px;}
.yieldRankingBox .rankingBox .total_yield{height:44px;margin-top:6px}
.yieldRankingBox .rankingBox .total_yield>li{display:flex;justify-content:space-between;line-height:44px}
.yieldRankingBox .rankingBox .total_yield>li .title{color:#fff;font-size:13px;}
.yieldRankingBox .rankingBox .total_yield>li .price{color:#fff;font-size:18px;}
.yieldRankingBox .rankingBox .total_yield>li .price>strong{font-weight:bold}

.yieldRankingBox .rankingBox.num01 .total_yield{background-color:#ffba38}
.yieldRankingBox .rankingBox.num02 .total_yield{background-color:#70a8f3}
.yieldRankingBox .rankingBox.num03 .total_yield{background-color:#fc8076}

.yieldRankingBox .rankingBox.num01 .textsCont:before{background: url(/mbw/images/customer/img_future_ranking_num01.png) 0 0 no-repeat; background-size:42px 45px}
.yieldRankingBox .rankingBox.num01 .textsCont:after{display:inline-block;content:"";width:34px;height:30px;right:21px;top:-6px;position:absolute;background: url(/mbw/images/customer/img_future_ranking_num01_top.png) 0 0 no-repeat; background-size:34px 30px}
.yieldRankingBox .rankingBox.num02 .textsCont:before{background: url(/mbw/images/customer/img_future_ranking_num02.png) 0 0 no-repeat; background-size:42px 45px}
.yieldRankingBox .rankingBox.num03 .textsCont:before{background: url(/mbw/images/customer/img_future_ranking_num03.png) 0 0 no-repeat; background-size:42px 45px}

.rankingTb .ico_ranking p{display:block;width:23px;height:27px;line-height:30px;background: url(/mbw/images/customer/ico_future_ranking.png) 0 0 no-repeat; background-size:23px 27px;margin:-4px auto -5px; text-align:center; text-indent:-2px}


/* 스크롤테이블 */
.scrollTable.rankingTb > .icoSldMsg{display:none}
.scrollTable.rankingTb .scrollTbody.cell .tbl_scroll .icoSldMsg{ position:absolute; z-index:10}
.scrollTable.rankingTb .scrollCell{width:194px;top:0px !important}
.scrollTable.rankingTb .scrollCell table.tbl{width:auto;}
.scrollTable.rankingTb .scrollCell table.tbl td{}
.scrollTable.rankingTb .scrollTbody.cell{margin-left:194px; width:auto; overflow:scroll;border-left:0}
.scrollTable.rankingTb .scrollTbody.cell .tbl_scroll{position:relative; width:450px; -webkit-overflow-scrolling:touch;}
.scrollTable.rankingTb .scrollCell table.tbl tbody tr:nth-child(2) td{border-top:none}
.scrollTable.rankingTb .scrollCell table.tbl tbody tr td strong{letter-spacing:0.050rem}

.scrollTable.rankingTb .tbl{width:100%; table-layout:fixed; border-collapse:collapse; border:0; border-spacing:0;}
.scrollTable.rankingTb .tbl th {padding:11px 2px; border-right:1px solid #fff; border-top:1px solid #fff; background-color:#ebebeb; font-size:13px; color:#444; line-height:18px; text-align:center;}
/* .scrollTable.rankingTb .tbl tr:first-child td{border-top:none;} */
.scrollTable.rankingTb .tbl tbody tr:last-child  th, .scrollTable.rankingTb .tbl tbody tr:last-child  td {border-bottom:1px solid #e4e4e4;}
.scrollTable.rankingTb .tbl td {padding:14px 2px; border-left:none; border-top:1px solid #e4e4e4; font-size:14px; color:#111; line-height:18px;}
.scrollTable.rankingTb .tbl th.nline, .scrollTable.rankingTb .tbl td.nline, .scrollTable.rankingTb .tbl tbody tr:nth-child(1) td{border-top:none;}
.scrollTable.rankingTb .tbl .rise{color:#f10a45}
.scrollTable.rankingTb .tbl .drop{color:#0c78e2}

/* 수익률 전체 현황  */
.future_live_stats_header .titleCont:before{display:inline-block;content:"";vertical-align:middle;margin-left:-7px;margin-right:9px;line-height:32px;}
.future_live_stats_header.week .titleCont:before{background: url(/mbw/images/customer/img_future_event_live_img01.png) 0 0 no-repeat;background-size:34px 32px;width:34px;height:32px;padding-bottom:8px}
.future_live_stats_header.total .titleCont:before{background: url(/mbw/images/customer/img_future_event_live_img02.png) 0 0 no-repeat;background-size:28px 32px;width:28px;height:32px;margin-left:0;padding-bottom:8px}
.future_live_stats_header.total .titleCont:after{display:inline-block;content:"";vertical-align:top;background: url(/mbw/images/customer/img_future_event_live_img03.png) 0 0 no-repeat;background-size:25px 20px;width:25px;height:20px;margin-left:9px;}

.liveStats {margin:0 22px}
.liveStats:after {content:" ";display:block;clear:both;}
.liveStats .statsBox{float:left;box-sizing:border-box;border-radius:2px;width:100%;min-height:98px;padding:16px 18px 13px;margin-bottom:12px}
.liveStats.week .statsBox{background-color:#fffbee}
.liveStats.total .statsBox{background-color:#f4fcff}

.liveStats .statsBox .stats_head{display:flex;justify-content:space-between;align-items:flex-end}
.liveStats .statsBox .stats_head>li>span{color:#888;font-size:14px}
.liveStats .statsBox .stats_head>li>strong{font-size:16px}

.liveStats .statsBox .stats_yield{display:flex;justify-content:space-between;margin-top:12px}
.liveStats .statsBox .stats_yield>li{width:33%;border-left:1px solid #ebebeb;text-align:center}
.liveStats .statsBox .stats_yield>li:first-child{border-left:none;text-align:left}
.liveStats .statsBox .stats_yield>li:last-child{text-align:right}
.liveStats .statsBox .stats_yield>li>p{font-size:15px;color:#888; margin-top:0px}
.liveStats .statsBox .stats_yield>li>p+p{color:#111; margin-top:4px}
.liveStats .statsBox .stats_yield>li>p>strong{font-size:16px;}
.liveStats .statsBox .stats_yield>li>p>span{font-size:16px;}
.liveStats .statsBox .stats_yield>li.drop>p{color:#0c78e2} /*하락*/
.liveStats .statsBox .stats_yield>li.rise>p{color:#e81a1a} /*상승*/
.liveStats .statsBox .stats_yield>li.balance>p{color:#888} /*보합*/
.liveStats .statsBox .stats_yield>li.balance>p>strong{color:#111}

.liveStats .statsBox .stats_yield>li>p.text{}
.liveStats .statsBox .stats_yield>li>p.text:before{display:inline-block;content:"";margin-right:4px;width:8px;height:9px}
.liveStats .statsBox .stats_yield>li.drop>p.text, .liveStats .statsBox .stats_yield>li.rise>p.text{color:#888;margin-top:0}
.liveStats .statsBox .stats_yield>li.drop>p.text:before{background: url(/mbw/images/customer/ico_ranking_dn.png) 0 0 no-repeat;background-size:8px 9px;}
.liveStats .statsBox .stats_yield>li.rise>p.text:before{background: url(/mbw/images/customer/ico_ranking_up.png) 0 0 no-repeat;background-size:8px 9px;}
.liveStats .statsBox .stats_yield>li.balance>p.text:before{display:none}

/* MY 계좌 정보  */
.myFutureStats{display:block;margin:24px 22px 0;border-radius:8px;background:#6eabfb;box-sizing:border-box;height:100px;padding:12px 18px;position:relative}
.myFutureStats:before{position:absolute;bottom:-15px;right:15px;display:inline-block;content:"";width:65px;height:75px;background:#fff;vertical-align:middle;background: url(/mbw/images/customer/img_future_event_live_my_img.png) 95% 50% no-repeat;background-size:65px 75px;}
.myFutureStats .head_tit{display:block;color:#fff;font-size:16px;line-height:22px}
.myFutureStats .head_tit>strong{font-size:18px;}
.myFutureStats .head_tit em{color:#fff285}
.myFutureStats .info_text{display:block;margin-top:6px;}
.myFutureStats .info_text>li{color:#fff;font-size:13px;line-height:22px}
.myFutureStats .info_text>li:before{display:inline-block;content:"";width:3px;height:3px;border-radius:100%;margin-right:6px;background:#fff;vertical-align:middle}
.myFutureStats .info_text>li .line{vertical-align:middle;margin:0 4px;color:#9ac4fc;vertical-align:top;font-size:11px}
.myFutureStats .info_text>li em{color:#fff285}

/*신인왕*/
/* .myFutureStats.rookie{background: #6eabfb url(/mbw/images/customer/img_future_event_live_rookie_img.png) 95% 0px no-repeat;background-size:75px 100px;} */

.myFuture .form_check label {margin-left:0}
.myFuture .form_check label > input[type="radio"] + span, .myFuture .form_check label > input[type="radio"] + span{line-height:28px;height:28px;border-radius:13px;padding:0 12px;color:#888}
.myFuture .form_check label > input[type="radio"]:checked + span, .myFuture .form_check label > input[type="radio"].check + span{background-color:#888;color:#fff}
.myFuture .form_check label > input[type="radio"] + span:before{display:none}

.futureLiveWrap .tblArea .tbl td{border-left:1px solid #fff;padding-left:8px;padding-right:8px}  
.futureLiveWrap .tblArea .tbl .rise{color:#e81a1a}
.futureLiveWrap .tblArea .tbl .drop{color:#0c78e2}

/* 실전투자 공지사항, 이벤트 현황 */
.futureNoticeWrap {}
.futureNoticeWrap .futureNoticeHeader{display:block;position:relative}
.futureNoticeWrap .futureNoticeHeader + .inner{margin-top:-40px}


/* MZ주식 대결 이벤트 */
.investCompetition.mzStock .investCompetitionWrap{background-color:#fff !important}
.investCompetition.mzStock .investCompetitionBody{padding:30px 22px 30px;background:none}

.mzinfoBox{position:relative;text-align:left;min-height:96px;box-sizing:border-box}
.mzinfoBox:before{position:absolute;right:22px;bottom:0;display:inline-block;content:"";width:62px;height:52px;background: url(/mbw/images/customer/img_mzEvent_icon01.png) 0 0 no-repeat;background-size:62px 52px;}

.mzinfoBox.friend:before{position:absolute;right:22px;bottom:0;display:inline-block;content:"";width:116px;height:58px;background: url(/mbw/images/customer/img_mzEvent_icon04.png) 0 0 no-repeat;background-size:116px 58px;}
.mzinfoBox.friendOk:before{position:absolute;right:22px;bottom:0;display:inline-block;content:"";width:52px;height:58px;background: url(/mbw/images/customer/img_mzEvent_icon02.png) 0 0 no-repeat;background-size:52px 58px;}
.mzinfoBox.friendOk a.textGo{background:none;color:#888;font-size:12px}
.mzinfoBox.friendOk a.textGo:after{display:inline-block;content:"";width:5px;height:8px;background: url(/mbw/images/customer/arrow_go.png) 0 0 no-repeat;background-size:5px 8px;margin-left:6px}

.mzinfoBox .btnLink{font-size:12px;color:#888;line-height:17px;}
.mzinfoBox .btnLink:after{position:inherit;opacity:1;display:inline-block;content:"";width:16px;height:13px;background:url('/mbn/images/common/ico_arrowbk2.png') no-repeat center center; background-size:14px 14px;vertical-align:middle;opacity:0.5;}

.mzinfoBox2{position:relative;text-align:left;min-height:96px;box-sizing:border-box;padding:24px 0 !important}
.mzinfoBox2:before{position:absolute;left:24px;top:50%;margin-top:-29px;display:inline-block;content:"";width:58px;height:58px;background: url(/mbw/images/customer/img_mzEvent_icon03.png) 0 0 no-repeat;background-size:58px 58px;}
.mzinfoBox2>p{padding-left:96px}

.investCompetition.mzStock .applyCon .fieldTitle strong{color:#2288EE;font-size:16px;font-weight:700;line-height:23px;}
.investCompetition.mzStock .applyCon .fieldTitle strong:after{display:none}
.investCompetition.mzStock .applyCon .fieldTitle p{line-height:23px;}
.investCompetition.mzStock .applyCon .noti{color:#888}
.investCompetition.mzStock .applyCon .noti.error{color:#f10a45}

.investCompetition.mzStock .formBottomWrap{padding:0}
.investCompetition.mzStock .accodMenu{background:#F0F0F0;padding:16px 24px}
.investCompetition.mzStock .accodMenu:after{display:none}
.investCompetition.mzStock .accodBtn .accodTitle{font-size:14px}
.investCompetition.mzStock .accodBtn .accodArrow{width:16px;height:16px;background:url('/mbw/images/customer/icon_accod_arrow2_active.png') no-repeat center center; background-size:16px 16px;margin-top:-8px}
.investCompetition.mzStock .accodBtn.active .accodArrow{transform: scaleY(-1);}
.investCompetition.mzStock .accodItem .accodConts{background:#fff;border:none;padding-bottom:0}
.investCompetition.mzStock .accodItem .formGroup{padding:12px 24px 0}
.investCompetition.mzStock .accodItem .formGroup .form_check span{font-size:14px}
.investCompetition.mzStock .accodItem + .accodItem{margin-top:20px}
.investCompetition.mzStock .privacyAgree{margin-top:24px;height:auto;border-bottom:none}
.investCompetition.mzStock .privacyAgree .accodTitle{display:block;padding:24px 24px 6px}
.investCompetition.mzStock .privacyAgree .formGroup{display:block;padding:0 24px}
.investCompetition.mzStock .privacyAgree .formGroup span{font-size:14px}

.investCompetition.mzStock .marketBox{padding:0;margin:8px 24px;padding-top:16px}
.investCompetition.mzStock .marketBox>ul{display:flex;color:#111;font-size:14px}
.investCompetition.mzStock .marketBox>ul li:first-child{font-size:16px !important;font-weight:600; color:#111; line-height:36px;}
.investCompetition.mzStock .marketBox>ul li:last-child{margin-left:auto;margin-top:5px;font-size:16px !important;}
.investCompetition.mzStock .marketBox>ul li .link{color:#0674e1;line-height:19px;}
.investCompetition.mzStock .marketBox>ul li .link:after{position:inherit;opacity:1;display:inline-block;content:"";width:16px;height:17px;background:url('/mbn/images/sLounge/ic_arrowfoward_blue.png') no-repeat center center; background-size:16px 17px;vertical-align:middle}

.investCompetition.mzStock .investCompetitionBody .form{padding:0;min-height:auto}

.investCompetition.mzStock .applyCon input.search{width:100%;background:#f5f5f5 url('/mbn/images/common/btn_auto_search.png') no-repeat 98% center; background-size:20px 20px;}
.investCompetition.mzStock .applyCon input.type2 {width:calc(100% - (15% + 12px))}
.investCompetition.mzStock .applyCon input.type2+button{width:15%}

.mzStock .imgMzComplete {text-align:center}
.mzStock .imgMzComplete img{width:206px;height:80px;}

.mzStock .btnBlue.radius{border-radius:8px !important}

/* 개인정보동의 박스 */
.investCompetition.mzStock .privacyAgreeBox{ border-radius:8px;box-sizing:border-box;padding:15px;border:1px solid #ebebeb;background:#f5f5f5;max-height:168px;overflow-y:auto} 

/* 신청완료 팝업 */
.mzStock.applyConfirmEvent .lpopContainer{height:475px}
.mzStock.applyConfirmEvent.make .lpopContainer{height:448px}
.mzStock .applyConfirmPopup{height:475px}
.mzStock.applyConfirmEvent.make .applyConfirmPopup{height:448px}
.mzStock .applySuccess{height:460px;padding-top:15px}
.mzStock.applyConfirmEvent.make .applySuccess{height:433px}

.mzStock .applySuccess .btnGift{display:block;margin-top:167px;width:238px;height:34px;margin-left:40px;}
.mzStock .applySuccess .btnOk{display:block;position:absolute;bottom:15px;left:15px;width:290px;height:59px;}

.applyConfirmEvent .lpopContainer{padding:0;height:425px}
.applyConfirmEvent > .btn_close{background-position-y:14px;top:-5px;right:25px}

.mzStock .applyConfirmPopup {padding:0; margin:0 auto; width:320px; height:475px; background:transparent url('/mbw/images/customer/pop_img_complete.png') no-repeat center center; border-radius: 0; box-shadow: none; text-align:center; background-size:320px 475px;}
.mzStock.make .applyConfirmPopup{height:448px; background:transparent url('/mbw/images/customer/pop_img_make_complete.png') no-repeat center center;  background-size:320px 448px;}
.mzStock.make .applyConfirmPopup.type2{background:transparent url('/mbw/images/customer/pop_img_make_complete2.png') no-repeat center center;  background-size:320px 448px;}
.mzStock .btn_close{top:16px !important;right:40px !important; opacity:0.5;} 
.mzStock .applySuccess .price{background-color:transparent;padding-top:120px;color:#fff;height:50px;}
.mzStock .applySuccess .price>span{color:#fff}

.mzStock .MzEventMsg{position:relative}
.mzStock .MzEventMsg .icoMzMsgTop{display:block;position:absolute;top:-20px;left:50%;margin-left:-21px;}
.mzStock .MzEventMsg .icoMzMsgTop img{width:34px;height:43px}
.mzStock .MzEventMsg .icoMzMsgBt{display:block;position:absolute;bottom:-30px;right:-6px}
.mzStock .MzEventMsg .icoMzMsgBt img{width:45px;height:49px}

/* mz실전투자 안내 */
.mzStockInfoArea .contList{background: transparent !important}

.h5TabWrap.mz{height:auto;}
.h5TabWrap.mz .h5Tab{background:#3526a5;}
.h5TabWrap.mz .h5Tab li {background:#3526a5;height:auto;border-bottom:none}
.h5TabWrap.mz .h5Tab li a {display:block; width:100%; height:100%; padding:0px; margin:0 auto;}
.h5TabWrap.mz .h5Tab li.on {background:transparent url('/mbw/images/customer/img_mzEvent_info_tab02_on.png') no-repeat 0 0;  background-size:contain;}
.h5TabWrap.mz .h5Tab li{background:transparent url('/mbw/images/customer/img_mzEvent_info_tab02_off.png') no-repeat 0 0;  background-size:contain;}
.h5TabWrap.mz .h5Tab li a img{width:100%;}
.h5TabWrap.mz .h5Tab li:first-child {background:transparent url('/mbw/images/customer/img_mzEvent_info_tab01_off.png') no-repeat 0 0;  background-size:contain;}
.h5TabWrap.mz .h5Tab li:first-child.on{background:transparent url('/mbw/images/customer/img_mzEvent_info_tab01_on.png') no-repeat 0 0;  background-size:contain;}

.mzStockGuide {font-size:0;margin:0}
.mzStockGuide .btnBox~.btnBox{margin:0}
.mzStockGuide .btnLink{display:block;position:absolute}
.mzStockGuide.contHead, .mzStockGuide .btnBox {position:relative}
.mzStockGuide.contHead .btnLink01{top:76%;left:12.5%;width:74%;height:5%;}
.mzStockGuide .btnBox .btnLink02{top:91.7%;left:7%;width:41.5%;height:4%;}
.mzStockGuide .btnBox .btnLink03{top:91.7%;right:7%;width:41.5%;height:4%;} 

.mzStockGuide .btnBox .btnLink04{top:87.2%;left:12.5%;width:74.8%;height:6%;}
.mzStockGuide .btnBox .btnLink05{top:81.7%;left:12.5%;width:74.8%;height:9%;}
.mzStockGuide .btnBox .btnLink06{top:89.8%;left:12.5%;width:74.8%;height:5.7%;} 



@-webkit-keyframes sk-stretchdelay
	{0%,40%,100%{-webkit-transform:scaleY(0.5)}
	20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay
	{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}
	20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}

/*모달커스텀*/
.noticePopup .popConTop {position:fixed; top:0; left:0; right:0; padding:38px 6.11% 20px; background:#fff; z-index:9;}
.noticePopup .popConTop .title {font-size: 16px; font-weight:600; color:#111; letter-spacing: -1px; line-height:18px;}
.noticePopup .popCon {margin-top: 75px; padding: 18px 6.11% 100px; letter-spacing: -1.5px;  overflow-y: scroll;  line-height:20px; color:#888; background:#fff;}
.noticePopup .popConBottom {display:block; position: fixed; bottom:0; left:0; right:0; width:100%; height:54px; z-index:99;}
.noticePopup .pointTitle {font-size:14px; color:#0561ff; font-weight:600;}

.grayLineBox {padding: 15px; background:#f5f5f5; border-radius:4px; font-size: 14px; line-height: 17px; color:#888; }
.grayLineBox strong {color:#111;}
.typeIndent {text-indent: 1em;}
.typeDesc {font-size: 10.5px; line-height: 15px; color:#888;}
.typeDesc span {color:#0561ff; font-size: 10.5px; line-height: 15px;}


/* 신청완료 팝업 */
.applyConfirmEvent{background:transparent;}
.applyConfirmEvent .lpopContainer{padding:0;height:425px}
.applyConfirmEvent > .btn_close{background-position-y:14px;top:-5px;right:25px}

.applyConfirmPopup {padding:0; margin:0 auto; width:320px; height:425px; background:transparent url('/mbw/images/customer/img_g6challenge_202409_popup.png') no-repeat center center; border-radius: 0; box-shadow: none; text-align:center; background-size:contain;}
.applyConfirmPopup a.close-modal{position:absolute;top:50%; margin-top:-200px; right:25px; display:block;width:15px;height:15px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('/mbw/images/customer/icon_modal_close2.png')}
.applySuccess { position:relative; padding-top:23px; margin:0 auto; width:320px; height:400px;  color:#222; font-size:15px; line-height: 24px;}
.applySuccess em {display: block; margin-top:45px; margin-bottom: 7px; font-size:19px; line-height:20px; font-weight: 600;}
.applySuccess .price { margin: 8px auto; width: 220px; height: 44px; line-height: 40px; vertical-align: middle; font-size: 19px; color:#0561ff; background-color: #ededed; border-radius: 4px;}
.applySuccess .price span {position:relative; font-size: 25px; color:#0561ff; font-weight: 600; top:1px;}
.applySuccess .text {display: block; margin-top: 10px; font-size: 11px; line-height: 14px; color:#747474;}
.applySuccess .btnLink {position: absolute; bottom: 24px; left: 50%; margin-left: -115px; width: 230px; height: 42px; line-height: 42px; }
.applySuccess .btnLink:hover {text-decoration: none;}
.applySuccess .btnLink span {position:relative; font-size:15px; color:#fff; font-weight: 600; letter-spacing: -1px; padding-right:15px; line-height:20px}
.applySuccess .btnLink span:before, 
.applySuccess .btnLink span:after {position:absolute; content:''; right:0px; width: 8px; height: 2px; background:#fff; }
.applySuccess .btnLink span:before {top: 8px; transform:rotate(45deg);}
.applySuccess .btnLink span:after {top: 13px; transform:rotate(-45deg);}

.applySuccess .inviteBtn {position: absolute;width:71%;height:10.5%;left:13%;top:77% }

/* 개인정보동의 */
.qr_table { width:100%; cellspacing:0; cellpadding:0; }
.qr_table tr th { font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center}
.qr_table tr td:first-child { background:#28aad8; border-radius:10px 0 0 10px; }
.qr_table tr td:nth-child(2) { background:#4fb645; }
.qr_table tr td:nth-child(3) { background:#f4ce1d; }
.qr_table tr td:nth-child(4) { background:#f5842c; }
.qr_table tr td:nth-child(5) { background:#e82f26; border-radius:0 10px 10px 0; }

.agree_tbl {margin-left:0px !important;margin-right:0px  !important}
.agree_tbl .tbl th{font-size:15px !important;text-align:left !important;padding-left:8px !important}
.agree_tbl .tbl td{font-size:14p !importantx;text-align:left !important;padding-left:8px !important}
.agree_tbl .tbl td .listDot li,.agree_tbl .tbl td .black{font-size:16px !important;color:#212121 !important;font-family:"SpoqaHanSansNeoMedium";}
.agree_tbl .tbl td .listDot li.small{font-size:14px !important;color:#616161;}
.agree_tbl .tbl td .texts{font-size:14px !important}

.agreeTitle{font-size:16px;}
.agreeTitle img{width:46px}

/* 소비자보호 사이트 */
.fssList{display:block;border-bottom:1px solid #d6d6d6;}
.fssList>li{display:block;border-top:1px solid #d6d6d6;padding:30px 0}
.fssList>li>a{position:relative;display:block;line-height:27px;font-size:16px; color:#333;margin:0 14px; text-align:left;padding-left:40px;font-weight:bold;letter-spacing:-1px}
.fssList>li>a>span{color:#777;font-size:14px;padding-left:10px;font-weight:normal}
.fssList>li>a:before{position:absolute;left:4px;top:50%;margin-top:-13px;opacity:1;display:block; content:''; background:transparent url('/mbw/images/customer/icon_cs_sf_service.png') no-repeat 0 0; background-size:27px 27px; width:27px; height:27px;}
.fssList>li>a:after{position:absolute; top:50%;right:0; margin-top:-11px; display:block; content:''; background:transparent url('/mbw/images/common/ico_arrow_next.png') no-repeat 0 0; background-size:23px 23px; width:23px; height:23px;}

/* 공지사항 마케팅 배너 추가 */
.noticeSlider{width:100%; height:100%; position:relative; overflow:hidden;}
.noticeSlider .paging{position:absolute;bottom:10px;right:20px;line-height:0;height:6px;text-align:center;display:block;}
.noticeSlider .paging .btn_page{display:inline-block; width:6px; height:6px; margin:0; margin-left:4px; line-height:0; text-indent:-9999px; background:#fff; border-radius:4px;}
.noticeSlider .paging .btn_page.on{background:#fff;}

/*사칭 신고 센터*/
.impersonInfoBox{display:block;color:#444;font-size:14px;position:relative}
.impersonInfoBox>strong{}
.impersonInfoBox:after{position:absolute; display:block; content:''; bottom:16px; right:16px; background:transparent url('/mbw/images/customer/icon_alarm_info.png') no-repeat 0 0; background-size:45px 46px; width:45px; height:46px;}

.impersonInfoList{display:block;box-sizing:border-box;}
.impersonInfoList>strong{display:block;color:#0078c8;font-size:16px;padding-bottom:10px}
.impersonInfoList{display:block;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.impersonInfoList>li{display:block;border-top:1px solid #e4e4e4;padding-top:15px;padding-bottom:15px;text-align:left;position:relative}
.impersonInfoList>li:first-child{border-top:none;padding-top:0}
.impersonInfoList>li .heading{display:block;}
.impersonInfoList>li .heading>strong{font-size:16px;color:#333;display:inline-block}
.impersonInfoList>li .heading>span{display:inline-block;font-size:13px;color:#888;padding-left:12px;}
.impersonInfoList>li .content{display:block;padding-top:4px}
.impersonInfoList>li .content .text{display:inline-block;font-size:13px;color:#888;}
.impersonInfoList>li .content a{color:#888;}

/* 웰컴 국내선물옵션 이벤트 */
.h5TabWrap.welcome{height:auto;}
.h5TabWrap.welcome .h5Tab{background:#68bbff}
.h5TabWrap.welcome .h5Tab li {height:auto;border-bottom:none}
.h5TabWrap.welcome .h5Tab li a {display:block; width:100%; height:100%; padding:0px; margin:0 auto;}
.h5TabWrap.welcome .h5Tab li.on {background:transparent url('/mbw/images/customer/img_welcome_event_tab02_on.png') no-repeat 0 0;  background-size:contain;}
.h5TabWrap.welcome .h5Tab li{background:transparent url('/mbw/images/customer/img_welcome_event_tab02_off.png') no-repeat 0 0;  background-size:contain;}
.h5TabWrap.welcome .h5Tab li a img{width:100%;}
.h5TabWrap.welcome .h5Tab li:first-child {background:transparent url('/mbw/images/customer/img_welcome_event_tab01_off.png') no-repeat 0 0;  background-size:contain;}
.h5TabWrap.welcome .h5Tab li:first-child.on{background:transparent url('/mbw/images/customer/img_welcome_event_tab01_on.png') no-repeat 0 0;  background-size:contain;}

/* 미국소수점 주식지급 이벤트 */
#miniStockLottie{display:block;box-sizing:border-box;position:relative}
.miniStockMsg{font-size:24px;line-height:32px;color:#000;font-family:'SpoqaHanSansNeoBold';}
.miniStockBtn .ui_toggle.active+.noticeModalWrap{display:block}
.miniStockBtn .ui_toggle.active+.noticeModalWrap .noticeBox{bottom:0px;}

/* 미국주식옵션 이벤트 */
.usaStockapplyArea{position:absolute;top:34.6%;left:11%;width:78%;height:21.7%;}
.usaStockapply {width:100%; height:100%;  display:flex; justify-content:space-between; align-items:center;}
.usaStockapply .radioGroup {cursor:inherit; display: block; position:relative; width:48%; height:100%;}
.usaStockapply .radioGroup:before {display:none;}
.usaStockapply .radioGroup input{width:100%;height:100%}
.usaStockapply .radioGroup.option01 input[type="radio"]{background:url('/mbw/images/customer/usaStockNew_checkBox_01.png') no-repeat center center; background-size:contain;}
.usaStockapply .radioGroup.option02 input[type="radio"]{background:url('/mbw/images/customer/usaStockNew_checkBox_02.png') no-repeat center center; background-size:contain;}
.usaStockapply .radioGroup.option01 input[type="radio"]:checked{background:url('/mbw/images/customer/usaStockNew_checkBox_01_on.png') no-repeat center center; background-size:contain;}
.usaStockapply .radioGroup.option02 input[type="radio"]:checked{background:url('/mbw/images/customer/usaStockNew_checkBox_02_on.png') no-repeat center center; background-size:contain;}
.usaStockapply .radioGroup .radio{width:100%;height:100%}

.btnUsaStock{display:block;position:absolute;left:10.5%;width:78.7%;height:19%;}
.btnUsaStock.btn01{top:15%;}
.btnUsaStock.btn02{top:40%;}
.btnUsaStock.btn03{top:65%;}

.isaOneStop .imgCont{position:relative}
.isaOneStop .imgCont a{position:absolute;width:60.5%;height:6.2%;}
.isaOneStop .imgCont .isaOneStopBtn01{top:88.3%;left:19.5%}
.isaOneStop .imgCont .isaOneStopBtn02{top:83.2%;left:19.5%;height:8%}
.isaOneStop .imgCont .isaOneStopBtn03{top:82.5%;left:19.5%;height:9.5%}
.isaOneStop .imgCont .isaOneStopBtn04{top:83.6%;left:19.5%;height:9.5%}
.isaOneStop .imgCont .isaOneStopBtn05{top:25.7%;left:5.5%;width:88.5%;height:18%;}
.isaOneStop .imgCont .isaOneStopBtn06{top:68%;left:5.5%;width:88.5%;height:18%;}
.isaOneStop .imgCont .isaOneStopBtn07{top:88%;left:19.5%;height:7.5%}

/* 해외옵션 패키지 이벤트 */
.usaStockList{font-size: 0;}
.usaStockList > .usaStockItem{width: calc(100%/2);display: inline-flex;}

.usaStockChoiceArea{position:absolute;top:35.3%;left:11%;width:77.7%;height:25.8%;}
.usaStockChoice {width:100%; height:100%;  display:flex; justify-content:space-between; align-items:center;}
.usaStockChoice .radioGroup {cursor:inherit; display: block; position:relative; width:48%; height:100%;}
.usaStockChoice .radioGroup:before {display:none;}
.usaStockChoice .radioGroup input{width:100%;height:100%}
.usaStockChoice .radioGroup.option01 input[type="radio"]{background:url('/mbw/images/customer/usaStock/usaStockOption_checkbox_call.png') no-repeat center center; background-size:contain;}
.usaStockChoice .radioGroup.option02 input[type="radio"]{background:url('/mbw/images/customer/usaStock/usaStockOption_checkbox_put.png') no-repeat center center; background-size:contain;}
.usaStockChoice .radioGroup.option01 input[type="radio"]:checked{background:url('/mbw/images/customer/usaStock/usaStockOption_checkbox_call_on.png') no-repeat center center; background-size:contain;}
.usaStockChoice .radioGroup.option02 input[type="radio"]:checked{background:url('/mbw/images/customer/usaStock/usaStockOption_checkbox_put_on.png') no-repeat center center; background-size:contain;}
.usaStockChoice .radioGroup .radio{width:100%;height:100%}

/* mPOP 연말결산 */
.eventYearArea{background:#1d2553}
.eventYearEndLottie{position:relative;width:100%;box-sizing:border-box;display:block;font-size:0}
.eventYearEndLottie .yearEndCont{position:relative;font-size:0}
.eventYearEndLottie .btnGo{display:block;position:absolute;width:78%;height:9.2%;z-index:10;}
.eventYearEndLottie .btnGo.btn01{top:87.6%;left:11%;}
.eventYearEndLottie .btnGo.btn02{top:87%;left:11%;height:7.5%;}
.eventYearEndLottie .btnGo.btn03{top:86%;left:11%;height:7.5%;}
.eventYearEndLottie .btnGo.btn04{top:82.8%;left:11%;height:11.5%;}
.eventYearEndLottie .btnGo.btn05{top:54%;left:12%;width:23%;height:26%;}
.eventYearEndLottie .btnGo.btn06{top:54%;left:38%;width:23%;height:26%;}
.eventYearEndLottie .btnGo.btn07{top:54%;left:64%;width:24%;height:26%;}

/* 주식호가주문 인트로 */
.stockUserGuideSlideWrap{height: 100%;width: 100%;max-width: 720px;overflow: hidden;margin: 0 auto;}
.stockUserGuideSlide{position: fixed;bottom: 50px;}
.stockUserGuideSlide ul{display: flex;transition: transform 0.3s ease;}
.stockUserGuideSlide ul .slide{flex: 0 0 100%;}
.stockUserGuideSlide ul .slide img{width: 100%;display: block;}
.stockUserGuideSlideWrap .pager{position: absolute;top: -32px;left: 50%;transform: translateX(-50%);display: flex;gap: 6px;}
.stockUserGuideSlideWrap .pager .dot{width: 6px;height: 6px;background: #ccc;border-radius: 50%;}
.stockUserGuideSlideWrap .pager .dot.active{background: #444;}
.btnWrap.guide{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 15;background: #fff;box-sizing: border-box;}
.btnWrap.guide > a{height: 50px;line-height: 50px;}

/* 실시간랭킹 인트로 */
.rankingUserGuideSlideWrap{height: 100%;width: 100%;max-width: 720px;overflow: hidden;margin: 0 auto;}
.rankingUserGuideSlide{position: fixed;bottom: 50px;}
.rankingUserGuideSlide ul{display: flex;transition: transform 0.3s ease;}
.rankingUserGuideSlide ul .slide{flex: 0 0 100%;}
.rankingUserGuideSlide ul .slide img{width: 100%;display: block;}
.rankingUserGuideSlideWrap .pager{position: absolute;top: -32px;left: 50%;transform: translateX(-50%);display: flex;gap: 6px;}
.rankingUserGuideSlideWrap .pager .dot{width: 6px;height: 6px;background: #ccc;border-radius: 50%;}
.rankingUserGuideSlideWrap .pager .dot.active{background: #444;}
.btnWrap.guide{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 15;background: #fff;box-sizing: border-box;}
.btnWrap.guide > a{height: 50px;line-height: 50px;}

@media only screen and (min-device-width:280px) and (max-device-width:340px) {
	.contHead.contImg{min-height:inherit}
	.mpopTabWrap .h4TabWrap.blue .h4Tab li a, .contListWrap.startAccount h1.tit + strong + p, .contListWrap h1.tit + p, .contListWrap h2.stit + p, .h5TabWrap.blue .h5Tab li a{font-size:12px !important}
	.investGuide .h4TabWrap.blue .h4Tab li {width:49.2%}	
	.investAdvice .srchFormWrap select{width:24%}
	.investAdvice .srchFormWrap .inpSrchWrap{width:55%}
	.foreignFirst .h5TabWrap.blue .h5Tab li a{font-size:12px;padding:0}
	.foreignFirst .h5TabWrap.blue .h5Tab li{width:49.2%;}
	.foreignFirstProcessWrap > li > a > strong, .foreignFirstProcessWrap > li > a > span, .foreignFirstProcessWrap > li > strong, .foreignFirstProcessWrap > li > span{font-size:11px}
	.recommFund.keyword.col2 .btnWrap a{width:100%}
	.recommFund.keyword.col2 .btnWrap a+a{margin-top:5px}
	.nation_list li{width:49% !important;margin-top:0 !important;margin-left:0 !important;height:120px !important}
	.nation_list li span{margin:0 auto}
	.videoBox {width:230px; height:110px; margin:0 auto 30px}
	.vipCsSeviceArea .titleArea>span{font-size:18px}
	.vipCsSeviceArea .titleArea:after{background-size:70px 52px;width:70px;height:52px;top:20px}
	.vipCsSeviceInfo>li{padding:14px}
	.vipCsSeviceInfo>li a{padding-left:45px;padding-right:15px}
	.vipCsSeviceInfo>li a:before{left:14px}
}	
@media only screen and (min-device-width:340px) and (max-device-width:360px) {
	.sliderWrap.myReceive .slideInner{min-height:390px}
	.sliderWrap.myReceive .slideInner .innerCont{min-height:320px}
	.investGuide .h4TabWrap.blue .h4Tab li {width:49.2%}
	.investAdvice .srchFormWrap select{width:22%}
	.investAdvice .srchFormWrap .inpSrchWrap{width:58%}
}

@media only screen and (min-device-width:410px) and (max-device-width:420px) {
	.stampBoxStock ul li.domesticStock{margin-top:23%}
	.stampBoxStock ul li.bonus{margin-top:10.5%}
	.investAdvice .srchFormWrap .inpSrchWrap{width:64%}	
	.videoBox {width:356px; height:220px; margin:0 auto 30px}
}

/* 갤럭시 폴드 */
@media only screen and (min-device-width:420px) and (max-device-width:600px) {
	.keywordscroll .slideTextWrap a{width:94%}
	.keywordscroll .slideTextWrap a:before{right:15px}
	.videoBox {width:100%; height:320px; margin:0 auto 30px}
}