@charset "utf-8";
/* -----------------------------------------------
	24-12-17 : 오늘의 투자정보 내재화 작업 
----------------------------------------------------*/
.investMainBg{background-image: linear-gradient(179deg, #FFFFFF 0%, #EEF3F8 27%);}

.investTodayArea{}
.investTodayArea .icoSubscribe{display:flex;font-size:14px;color:#111;font-weight:500;justify-content:flex-end;align-items:center}
.investTodayArea .icoSubscribe:before{content:" ";display:flex;width:24px;height:24px;background:url(/mbn/images/invest/ic_subscription.png) no-repeat; background-size:24px 24px;}
.investTodayArea .icoTitle{font-size:20px;display:flex;line-height:30px}
.investTodayArea .icoTitle img{width:32px;height:32px;margin:0 4px}
.investMainBg .investTodayArea .helpArea .layhelpWrap{top:34px} 

/* 폴드 날개 */
.investTodayFold{display:block;padding:0 12px}
.investTodayFold .bbsWarp.textOnly>li{padding:8px 0;border-bottom:1px solid #ebebeb}
.investTodayFold .bbsWarp.textOnly>li .bbsLst .badgeBox{margin-bottom:6px;align-items:center}
.investTodayFold .bbsWarp.textOnly>li .bbsLst .iconNew{width:20px;height:20px;margin-left:4px} 
.investTodayFold .bbsWarp.textOnly>li .bbsLst .iconNew img{width:100%}

.badgeBox{display:flex;flex-wrap:wrap;}
.badgeBox span{border-radius:4px;padding:0 8px;line-height:23px; height:22px; font-size:12px;}

.badgeBox .live{background:#edf6fd;color:#2c8def} /* 일일시황 */
.badgeBox .gift{background:#e3ebda;color:#90a875} /* 선물옵션 */
.badgeBox .finance{background:#f4e5bf;color:#bc873c} /* 금융상품 */
.badgeBox .domesti{background:#edf6fd;color:#2c8def} /* 국내주식 */
.badgeBox .foreign{background:#dfe4fa;color:#596bc6} /* 해외주식 */

.investMainBg .bbsWarp>li{padding:18px 0;}
.investMainBg .bbsWarp.top5>li .bbsLst, .investMainBg .bbsWarp.textOnly>li .bbsLst{min-height:43px;display:flex;flex-flow:column;box-sizing:border-box; justify-content:space-around}

/* 250619 : 스타일 변경 */
.userServiceArea{margin-top:8px}
.userServiceArea li{display:block; position:relative; border-radius:8px; padding:12px; box-sizing:border-box; }
.userServiceArea li~li{margin-top:0}
.userServiceArea li:before{content:" ";position:absolute; margin:0; top:50%; right:12px; margin-top:-20px; width:40px;height:40px;background:url(/mbn/images/invest/btn_cs_phone.png) no-repeat; background-size:40px 40px}
.userServiceArea li>a{display:flex;flex-flow:column;position:relative;background:none;width:100%;padding:0;height:auto;}
.userServiceArea li>a .textCont{color:#111}
.userServiceArea li>a .textCont+.textsCont{margin-top:2px;font-size:13px;color:#888}


/* 시리즈 전체보기 */
.seriesListBox{display:block}
.seriesListBox .seriesList{display:flex;width:100%;height:60px;background:#fff;padding:12px 20px;align-items:center; box-sizing:border-box; border-radius:4px;}
.seriesListBox .seriesList:after{content:" ";display:flex;width:16px;height:16px;margin-left:auto;background:url(/mbn/images/invest/ic_arrowfoward.png) no-repeat; background-size:16px 16px;}
.seriesListBox .seriesList > span{font-size:17px;color:#111;line-height:24px;font-weight:100;font-family:"SpoqaHanSansNeoMedium";}
.seriesListBox .seriesList .mtsiIco{width:36px;height:36px;margin-right:14px;}
.seriesListBox .seriesList .icoNew{width:42px;height:20px;margin-left:6px;}
.seriesListBox .seriesList~.seriesList{margin-top:12px;}

.seriesListBox.list .seriesList{background:#f7f7f7}

/* 시리즈 상세 리스트 */
.investTodayArea .headTit{display:flex;justify-content:space-between;align-items:center;}
.seriesListBox .bbsWarp>li{/* border-bottom:none; */padding:14px 0;}
.seriesListBox .bbsWarp>li:first-child{padding-top:0}

/* 오늘의 투자 정보 tab 스타일 */
.investTodayArea .tabScroll .tab li:first-child a{padding-left:0}
.investTodayArea .tabScroll .tab li a{font-size:16px;padding:0 10px}

.investTodayArea .bbsWarp.textOnly>li{border-bottom:1px solid #e4e4e4}
/* 전체보기 버튼 */
.btnAllList{display:inline-block; height:44px; border:none; border-radius:24px; background-color:#2288EE; font-size:15px; color:#fff; line-height:44px; text-align:center; box-sizing:border-box; padding:0 26px}

/* 새로나온투자정보 상세 리스트 */
.investNewListBox{display:block}

.bbsWarp.textOnly>li{border-bottom:none}
.bbsWarp.textOnly>li .bbsLst{padding-left:0}   
.bbsWarp.textOnly>li .bbsLst .thumImg{display:none}

.investNewView{padding:0px 24px 24px}
.investNewView .header{padding-bottom:4px}
.investNewView .header .flagBox{display:flex;align-items:center}
.investNewView .header .flagBox .category{display:inline-block;border-radius:4px;box-sizing:border-box;background-color:#008de6;padding:2px 6px 3px;color:#fff;font-size:11px;}
.investNewView .header .flagBox .name{display:block;font-size:18px;margin-top:6px}
.investNewView .header .flagBox .info{display:flex;box-sizing:border-box;font-size:12px;}
.investNewView .header .flagBox .badgeBox{display:flex;flex-wrap:wrap;width:75%;}
.investNewView .header .flagBox .badgeBox span{display:flex;border-radius:6px;background:#f0ebff;color:#5a1ac1;font-size:15px; height:28px; padding:0 10px; align-items:center;line-height:28px}
.investNewView .header .flagBox .badgeBox span~span{margin-left:4px}
.investNewView .header .flagBox .reqNumber {width:25%;text-align:right}

.investNewView .header .subjectBox{align-items:center;margin-top:8px}
.investNewView .header .subjectBox .title{position:relative;display:block;word-break:keep-all;font-size:27px;color:#111;letter-spacing:-1px;font-weight:500;line-height:36px;min-height:42px;padding-bottom:30px;font-family:"SpoqaHanSansNeoMedium";}
/* .seminarView .header .subjectBox .title:after{content:" ";display:inline-block;height:6px;position:relative;width:auto;left:0;bottom:6px;background-color:#ffcc00;opacity: 0.3;} */
.investNewView .header .subjectBox .footer{display:flex;align-items:flex-end;margin-top:6px;justify-content:space-between}
.investNewView .header .subjectBox .footer .data{font-size:13px;color:#888;padding-bottom:6px}
.investNewView .header .subjectBox .footer .info{display:flex;align-items:flex-end}

.investNewView .body{display:block;box-sizing:border-box;padding-top:20px;border-top:1px solid #E8E8E8}
.investNewView .body .embeddedContent{margin-left:-24px;margin-right:-24px;}

/*컨텐츠 상세 기본*/
.investNewView .body .tempContent{font-size:17px;line-height:28px;color:#616161;}
.investNewView .body .tempContent hr{display:block}
.investNewView .body .tempContent img{width:100%}

.investTodayArea .keyItem2{height:34px;line-height:34px;font-size:15px;padding:0 12px;}

/* 해시태그 */
.tagList{display:block;}
.tagList .tag{display:inline-flex; background:#f0f0f0; color:#444; height:24px; line-height:24px; padding:0 10px; border-radius:14px;margin-bottom:6px}
.tagList .tag~.tag{margin-left:8px}

.investNewView .headTitle{display:block}
.investNewView .headTitle .contReview{}
.investNewView .headTitle .contReview>p{word-break:keep-all;word-wrap:break-word}
.investNewView .headTitle .contReview.type1{padding:20px;border:1px solid #e8e8e8;background:#fafafa;font-size:16px;color:#666;border-radius:8px;line-height:26px;}
.investNewView .headTitle .contReview.type1>strong{color:#212121}
.investNewView .headTitle .contReview.type1>p{margin-top:10px;color:#616161}
.investNewView .headTitle .contReview.type1>p>em{color:#111}

.investNewView .headTitle .contReview.type2{padding:20px;font-size:17px;color:#666;text-align:center}
.investNewView .headTitle .contReview.type2:before{content:" ";display:flex;width:34px;height:20px;background: url(/mbn/images/invest/ic_investinfo_core_R.png) no-repeat;background-size:34px 20px;margin:0 auto}
.investNewView .headTitle .contReview.type2:after{content:" ";display:flex;width:34px;height:20px;background: url(/mbn/images/invest/ic_investinfo_core_L.png) no-repeat;background-size:34px 20px;margin:0 auto}
.investNewView .headTitle .contReview.type2>strong{color:#111}
.investNewView .headTitle .contReview.type2>p{margin:14px 0;line-height:26px;}
.investNewView .headTitle .contReview.type2>p>em{color:#111;box-shadow:10px 10px 10px 10px #f0f5ff inset;padding:0 3px;font-weight:700;line-height:20px;}

.investNewView .ctaBox{display:block}
.investNewView .ctaBox .tit{font-size:18px;color:#000;text-align:center}
.ctaBox .btnBox{text-align:center}

.btnVitamin{display:inline-block;width:104px;height:32px;background: url(/mbn/images/invest/ic_vitamin.png) no-repeat;background-size:104px 32px;margin-right: 8px;}

.icoVitamin{display:inline-flex;align-items:center}
.icoVitamin:before{content:" ";display:inline-flex;width:24px;height:24px;background: url(/mbn/images/invest/ic_vitamin_small.png) no-repeat;background-size:24px;margin-right:2px}
.icoVitamin>span{font-size:15px;color:#111;font-family:"SpoqaHanSansNeoMedium"; font-weight:500;line-height: 22px;}

.investTodayArea .titleCont{font-size:20px}
.investTodayArea .hotViewBox .hotInfoBox{box-shadow:none}
.investTodayArea .hotViewBox .textBox .titleCont{font-size:21px}
.investTodayArea .helpArea{align-items:center} 
/* .investTodayArea .bbsWarp>li{padding:13px 0;} */
.investTodayArea .bbsWarp>li .titleInfo{line-height:24px;}

.mySearchInfo{display:inline-flex;font-size:13px;color:#888}
.mySearchInfo:before{content:" ";display:inline-flex;background: url(/mbn/images/common/ic_search_my.png) no-repeat;background-size:16px;width:16px;height:16px;margin-right:2px}

.investSearch.bbsWarp>li .bbsLst .dataInfo{display:inline-flex;}
.bbsWarp>li .bbsLst .dataInfo .time+.mySearchInfo{margin-left:6px}

/* 오늘의 투자정보 출석리워드  */
.investAttendBox{display:block;box-sizing:border-box;}
.giftInfo{display:flex;justify-content:space-between;}
.giftInfo>li{display:flex;align-items:flex-start;font-size:15px;color:#111;font-family:'SpoqaHanSansNeoMedium';font-weight:500}
.giftInfo>li>span{font-family:'SpoqaHanSansNeoMedium';font-weight:500}
.giftInfo>li:first-child{min-width:110px;}
.icoGift{display:inline-flex;width:20px;height:20px;background: url(/mbn/images/invest/ic_gift.png) no-repeat;background-size:20px;margin-right:2px}
.icoPerson{display:inline-flex;width:20px;height:20px;background: url(/mbn/images/invest/ic_personnel.png) no-repeat;background-size:18px;margin-right:2px}

.vitaminMoeumBox {position:relative;display:block;box-sizing:border-box;margin:0 -22px;}
.vitaminMoeumBox .vitaminSum{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
/* .vitaminMoeumBox .vitaminSum img{width:170px;} */
.vitaminMoeumBox .vitaminSum .stateInfo{text-align:center;}
.vitaminMoeumBox .vitaminSum .stateInfo>em{display:block;font-size:20px;color:#111;line-height:26px;font-weight:700}
.vitaminMoeumBox .vitaminSum .stateInfo>img{width:80px}
.vitaminMoeumBox .vitaminSum .stateInfo .vitaminStateLottie{width:80px;height:80px;margin:0 auto}
.vitaminMoeumBox .vitaminSum .stateInfo.complete  .vitaminStateLottie{width:260px;height:auto;}


.vitaminList{display:block;position:relative;width:328px;min-height:328px;margin:0 auto;}
.vitaminList:after{content:" ";display:block;width:100%;height:100%;border:38px solid #fff;box-shadow:0 0 0 2px #f4f4f4 inset;position:absolute;border-radius:100%;z-index:1;box-sizing:border-box}
.vitaminList>li{display:block;position:absolute;z-index:10}
.vitaminList>li:nth-child(1){top:0px;left:50%;margin-left:-39px}
.vitaminList>li:nth-child(2){top:23px;right:51px;} 
.vitaminList>li:nth-child(3){bottom:164px;right:5px;}
.vitaminList>li:nth-child(4){bottom:86px;right:5px;}
.vitaminList>li:nth-child(5){bottom:23px;right:51px;}
.vitaminList>li:nth-child(6){bottom:0%;left:50%;margin-left:-39px}
.vitaminList>li:nth-child(7){bottom:23px;left:51px;}
.vitaminList>li:nth-child(8){top:164px;left:5px;}
.vitaminList>li:nth-child(9){top:86px;left:5px;}
.vitaminList>li:nth-child(10){top:23px;left:51px;}

.vitaminList>li img{width:78px;height:78px;}
.vitaminList>li.disabled img{filter:grayscale(100%); opacity:0.6}
.vitaminList>li .icons{display:block}

.vitaminList>li .vitamin_hope{}
.vitaminList>li .vitamin_hope.off{}

.vitaminMoeumBox .vitaminInfoTxt{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.vitaminMoeumBox .vitaminInfoTxt .textnfo{width:160px;text-align:center;color:#111;font-size:20px;font-weight:700;line-height:28px;}
.vitaminMoeumBox .vitaminInfoTxt .textnfo>em{display:block;color:#2288EE;padding-top:4px}

.vitaminPrevList{position:relative;display:block;box-sizing:border-box;}
.vitaminPrevList>ul{display:flex;justify-content:space-between}
.vitaminPrevList>ul~ul{margin-top:14px}
.vitaminPrevList>ul>li{display:flex;justify-content:space-between;flex-flow:column;width:96px;height:96px;background: url(/mbn/images/invest/list_box.png) no-repeat;background-size:96px;}
.vitaminPrevList>ul>li~li{margin-left:14px}
.vitaminPrevList>ul>li .vitaminIco{display:flex;height:66px;width:100%;justify-content:center;align-items:center;font-size:18px;color:#111;font-weight:700}
.vitaminPrevList>ul>li .vitaminIco img{width:20px;height:20px}
.vitaminPrevList>ul>li .month{font-size:14px;color:#444;line-height:30px;text-align:center}
.vitaminPrevList>ul>li.vitaminJump .vitaminIco img{width:68px;height:44px}
.vitaminPrevList>ul>li.vitaminJump .vitaminIco {align-items:flex-end;padding-bottom:5px}

.vitaminPlay{position:relative;display:block;box-sizing:border-box;width:100%; text-align:center}
.vitaminPlay img{width:100%}
.vitaminPlay .vitaminPlayBtn{position:absolute;display:block;z-index:2;width:26%;height:32%;top:50%;left:38%;}

.vitaminUnshakable{position:relative;display:block;box-sizing:border-box;width:100%; text-align:center}
.vitaminUnshakable img{width:264px;}

.vitaminResult{position:relative;display:block;box-sizing:border-box;width:195px;height:200px;text-align:center;margin:0 auto}
.vitaminResult img{width:200px;}
.vitaminResult .symbolImg{position:absolute;top:70px;left:50%;margin-left:-30px;width:60px;height:60px;animation-duration:0.55s;animation-fill-mode:both;animation-name:bounceIn;animation-delay:2.1s}
.vitaminResult .symbolImg img{width:100%}
.vitaminResult .vitaminResultLottie{position:absolute;bottom:0;}
.vitaminResult .vitaminResultLottie.step1{}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}


/* 오늘의 투자정보 메인 */
.investTodayArea .srchWrap{background:transparent}
.investTodayArea .srchFormWrap.faqForm .inpSrchWrap{position:relative}
.investTodayArea .srchFormWrap.faqForm .inpSrchSet .inpSrch{padding-left:8px;padding-right:35px;background:#f5f5f5 }
.investTodayArea .srchFormWrap.faqForm .inpSrchSet .btnSearch{display:block;width:35px;height:38px;position:absolute;right:4px;background:#f5f5f5 url(/mbw/images/search/btn_faq_search.png) 0 center no-repeat;background-size:35px 25px;text-indent:-99999px}

.investTodayArea .titleCont.hotIco:before{display:none}
.investTodayArea .titleCont.hotIco:after{display:inline-block;content:'';width:30px;height:30px; background:transparent url('/mbn/images/invest/ic_eyes_right.png') no-repeat 0 0; background-size:30px;margin-left:6px;vertical-align:sub}

.swiper-todayPick.swiper-container{padding-bottom:23px;}
.swiper-todayPick .swiper-slide{width:235px}
/* .swiper-todayPick .swiper-slide:first-child{margin-left:20px} */

.swiper-todayPick .swiper-pagination{bottom:16px;}

/* 오늘의 증시 배너 */
.todayPickBanner{position:relative; display:flex;width:100%;box-sizing:border-box; border-radius:8px; height:178px;}
.todayPickBanner.typeA-1{background:#6664CF}
.todayPickBanner.typeA-2{background:#599AFF}
.todayPickBanner.typeA-3{background:#364894}
.todayPickBanner.typeA-4{background:#28AACD}
.todayPickBanner.typeB-1{background:#E1F0FF}
.todayPickBanner.typeB-2{background:#FFF5E1}
.todayPickBanner.typeB-3{background:#E8F9F4}
.todayPickBanner.typeB-4{background:#fff0f1}

.todayPickBanner .icoImg{position:absolute;top:19px;right:14px;width:70px;height:60px}
.todayPickBanner .icoImg img{width:100%}
.todayPickBanner .text{display:flex; flex-flow:column; padding:16px 22px; justify-content:flex-start; width:100%}
.todayPickBanner .text>span{font-size:13px}
.todayPickBanner .text>strong{padding-top:3px;color:#fff;font-size:18px;line-height:24px;}
.todayPickBanner .text>em{font-size:13px;color:#fff;opacity: 0.5;padding-top:4px}

.todayPickBanner.typeA-1 .text>span{color:#95A1FF;}
.todayPickBanner.typeA-2 .text>span{color:#96DCFF;}
.todayPickBanner.typeA-3 .text>span{color:#9EA8EC;}
.todayPickBanner.typeA-4 .text>span{color:#9EECE6;}
.todayPickBanner.typeB-1 .text>span{color:#286EF1;}
.todayPickBanner.typeB-2 .text>span{color:#A58246;}
.todayPickBanner.typeB-3 .text>span{color:#1496A0;}
.todayPickBanner.typeB-4 .text>span{color:#C85555;}
.todayPickBanner.typeB-1 .text>strong, .todayPickBanner.typeB-2 .text>strong, .todayPickBanner.typeB-3 .text>strong, .todayPickBanner.typeB-4 .text>strong{color:#111;}
.todayPickBanner.typeB-1 .text>em, .todayPickBanner.typeB-2 .text>em, .todayPickBanner.typeB-3 .text>em, .todayPickBanner.typeB-4 .text>em{color:#111;}

.todayPickBanner.typeA-1 .icoImg, .todayPickBanner.typeA-2 .icoImg, .todayPickBanner.typeA-3 .icoImg, .todayPickBanner.typeA-4 .icoImg{top:106px}
.todayPickBanner.typeB-1 .icoImg, .todayPickBanner.typeB-2 .icoImg, .todayPickBanner.typeB-3 .icoImg, .todayPickBanner.typeB-4 .icoImg{top:108px;width:100px;height:70px}

/* .bbsWarp.top5>li{border-bottom:none} */
.bbsWarp.top5>li .bbsLst{padding-left:52px}   
.bbsWarp.top5>li .bbsLst .thumImg{width:40px;height:40px;margin-top:-20px;left:4px}
.bbsWarp.top5>li .bbsLst .number{position:absolute;left:0px;top:50%;margin-top:-20px;width:40px;height:40px;text-align:center;font-size:17px;color:#286EF1;line-height:40px;font-weight:700;border-radius:100%;background-color:#fff}

.imgBanner{display:block;box-sizing:border-box;}
.imgBanner img{width:100%}

/* 출석리워드 이벤트 */
/* 비고객노출 이벤트 배너 */
.missionEventBanner{display:none;box-sizing:border-box;position:relative;margin:0 20px;}
.missionEventBanner.active{display:block}
.missionEventBanner.nMember .missionEventBody{display:flex;width:100%;min-height:138px;box-sizing:border-box;background:#D2E6FF;border-radius:8px;}
.missionEventBanner.nMember .missionEventBody .text{display:flex; flex-flow:column; padding:30px 123px 30px 22px; justify-content:space-between; width:100%}
.missionEventBanner.nMember .missionEventBody .text>span{color:#286EF1;font-size:14px;font-weight:500}
.missionEventBanner.nMember .missionEventBody .text>strong{padding:0px;color:#212121;font-size:18px;line-height:26px;font-weight:500}
.missionEventBanner.nMember .missionEventBody .icoImg{position:absolute;top:18px;right:28px;width:110px;height:110px;}
.missionEventBanner .eventClose{z-index:10;display:block;width:16px;height:16px;position:absolute;right:12px;top:10px;background:url(/mbn/images/invest/ic_close_16.png) 0 0 no-repeat; background-size:16px;} 


.missionEventBanner.member .missionEventBody{display:flex;width:100%;min-height:118px;box-sizing:border-box;background:#D2E6FF;border-radius:8px;}
.missionEventBanner.member .missionEventBody .text{display:flex; flex-flow:column; padding:18px 42px 18px 22px; justify-content:space-between; width:100%;word-break:keep-all; white-space:pre-wrap;}
.missionEventBanner.member .missionEventBody .text>span{color:#286EF1;font-size:13px;font-weight:500}
.missionEventBanner.member .missionEventBody .text>strong{padding:0px;color:#212121;font-size:16px;line-height:24px;font-weight:500;position:relative;z-index:6}
.missionEventBanner.member .missionEventBody .icoImg{position:absolute;bottom:10px;right:16px;width:68px;height:68px;}
.missionEventBanner.member .missionEventBody .text>.arrow{display:flex;align-items:center}
.missionEventBanner.member .missionEventBody .text>.arrow:after{content:" ";display:inline-block;width:16px;height:16px;background:url(/mbn/images/invest/ic_arrowfoward_blue.png) 0 0 no-repeat; background-size:16px;}

/* 스페셜 에디션 투자정보 배너 */
.specialeditionBanner{position:relative; display:flex; width:100%;box-sizing:border-box; border-radius:8px; height:76px; background-color:#d7ebff}
.specialeditionBanner .icoImg{position:absolute;top:12px;right:15px;width:82px;height:52px}
.specialeditionBanner .icoImg img{width:100%}
.specialeditionBanner .text{display:flex; flex-flow:column; padding:16px 22px; justify-content:flex-start; width:100%}
.specialeditionBanner .text>span{font-size:13px;color:#286EF1}
.specialeditionBanner .text>strong{padding-top:3px;color:#111;font-size:17px;line-height:24px;font-weight:500}

/* 실시간 증권방송 */
.liveListBox{display:block}
.liveListBox>ul{}
.liveListBox>ul>li{display:flex;position:relative;padding:15px 0;border-bottom:1px solid #f0f0f0;min-height:40px}
.liveListBox>ul>li:last-child{border-bottom:none}
.liveListBox>ul>li .logo{position:absolute;left:0;top:15px;width:40px;height:40px}
.liveListBox>ul>li>.textArea{display:flex; flex-flow:column;padding-left:52px}
.liveListBox>ul>li>.textArea>strong{display:flex;font-size:16px;color:#212121;line-height:24px}
.liveListBox>ul>li>.textArea>span{display:flex;font-size:13px;color:#888;line-height:19px;align-items:center}
.liveListBox>ul>li>.textArea>span:before{content:" ";display:inline-flex;width:16px;height:16px;margin-right:2px;background:url(/mbn/images/invest/ic_broadcast_tv.png) 0 0 no-repeat; background-size:16px;}
.liveListBox>ul>li>.btnArea{display:flex;margin-left:auto;align-items:center}
.liveListBox>ul>li>.btnArea .play{display:flex;width:28px;height:28px;background:url(/mbn/images/invest/btn_play.png) 0 0 no-repeat; background-size:28px;}
.liveListBox>ul>li>.btnArea .tvList{display:flex;width:60px;height:28px;background:url(/mbn/images/invest/btn_table.png) 0 0 no-repeat; background-size:60px 28px;}
.liveListBox>ul>li>.btnArea button~button{margin-left:6px}

#floatingTop {position:fixed;bottom:30px;right:16px;padding:0; z-index:99; display:block; }
#floatingTop .icoTop{display:block;width:54px;height:54px;background:url(/mbn/images/common/top_peulloting.png) 0 0 no-repeat; background-size:54px;border-radius:100%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:0; text-indent:-9999px;}

/* 알려드립니다. 아이콘 스타일 */
.toggleWrap .ui_toggle .tipBtn::before{content:" ";display:inline-flex;width:16px;height:16px;margin-right:6px;margin-bottom:1px;vertical-align:middle;background:url(/mbn/images/common/ic_notice_black.png) 0 0 no-repeat; background-size:16px;}
.toggleWrap .ui_toggle .tipBtn{background:url(/mbn/images/common/ic_dropup_16.png) 100% center no-repeat; background-size:16px}
.toggleWrap .ui_toggle.active .tipBtn{background:url(/mbn/images/common/ic_dropdn_16.png) 100% center no-repeat; background-size:16px}
.toggleWrap dd ul li{line-height:20px} 

.helpWrap ul li{line-height:20px}