@charset "utf-8";
/* 메인 */
.main, .sub{background:#F5F7F9;}

#mcontainer{position:relative;height:100vh}

.main #wrapper #container{max-width:1400px;width:100%;padding-top:0px}
.main #container .inner, .sub #container .inner{max-width:980px;width:980px;}

.sub #wrapper #container{padding:60px 0px 120px}

.investSlideWrap{position:relative;max-width:1160px;width:100%;margin:0 auto;}
.swiper-todayPick:before{content:"";display:block;width:87px;height:100%;background:#F5F7F9;margin:0;position:absolute;top:0;left:0;z-index:2}
.swiper-todayPick:after{content:"";display:block;width:87px;height:100%;background:#F5F7F9;margin:0;position:absolute;top:0;right:0;z-index:2}

.swiper-todayPick{padding-bottom:45px !important;}
.swiper-todayPick .swiper-wrapper{width:960px;height:434px}
.swiper-todayPick .swiper-pagination{bottom:0px  !important;}
.swiper-todayPick .swiper-pagination-bullet-active{background:#444444;}
.swiper-todayPick .swiper-slide {width:464px; height:434px; display:flex; align-items:center; transition:.5s; justify-content:space-between; flex-shrink:0}
.swiper-todayPick .swiper-slide .todayPickBanner{}
.swiper-todayPick .swiper-slide .todayPickBanner img {}
.swiper-todayPick .swiper-slide-active{}
.swiper-todayPick .swiper-slide-prev, .swiper-todayPick .swiper-slide-next{ /*transform: scale(0.75) !important;*/}
.swiper-todayPick .swiper-slide-prev{justify-content:flex-end}
.swiper-todayPick .swiper-slide-next{justify-content:flex-start}
.swiper-todayPick .swiper-slide-active{z-index:3;}
.swiper-todayPick .swiper-slide-active .todayPickBanner{margin:0 auto;width:464px;height:434px;transform:translateY(0px);}
.swiper-todayPick .swiper-slide-prev, .swiper-todayPick .swiper-slide-next{transform:translateY(53px);}
.swiper-todayPick .swiper-slide-prev .todayPickBanner{margin-right:-93px}
.swiper-todayPick .swiper-slide-next .todayPickBanner{margin-left:-93px}

.swiper-todayPick .swiper-button{z-index:3;position:absolute;top:50%;right:0;margin-top:-27px;display:inline-block;width:54px;height:54px;transition:opacity .2s;background:url('/o2/assets/images/main/ic_54_prev.png') no-repeat 50% 50%;background-size:54px 54px;}
.swiper-todayPick .swiper-button.swiper-button-disabled{opacity:.3;pointer-events:none;}

.swiper-todayPick .swiper-button.card-next{transform:rotate(180deg);}
.swiper-todayPick .swiper-button.card-prev{left:0px;background:url('/o2/assets/images/main/ic_54_prev.png') no-repeat 50% 50%;background-size:54px 54px;}

.swiper-todayPick:before{content:"";display:block;width:87px;height:100%;background:#F5F7F9;margin:0;position:absolute;top:0;left:0;z-index:2}
.swiper-todayPick:after{content:"";display:block;width:87px;height:100%;background:#F5F7F9;margin:0;position:absolute;top:0;right:0;z-index:2}

/* 오늘의 증시 배너 */
.swiper-todayPick .todayPickBanner{position:relative; display:flex; width:350px; height:328px;  box-sizing:border-box; border-radius:30px; transition: width .5s ease, height .5s ease, transform .5s ease; overflow:hidden;}
.swiper-todayPick .todayPickBanner.typeA-1{background:#6664CF}
.swiper-todayPick .todayPickBanner.typeA-2{background:#599AFF}
.swiper-todayPick .todayPickBanner.typeA-3{background:#364894}
.swiper-todayPick .todayPickBanner.typeA-4{background:#28AACD}
.swiper-todayPick .todayPickBanner.typeB-1{background:#E1F0FF}
.swiper-todayPick .todayPickBanner.typeB-2{background:#FFF5E1}
.swiper-todayPick .todayPickBanner.typeB-3{background:#E8F9F4}
.swiper-todayPick .todayPickBanner.typeB-4{background:#fff0f1}

.swiper-todayPick .swiper-slide-active .todayPickBanner .icoImg{bottom:40px;right:21px;width:176px;height:150px}
.swiper-todayPick .todayPickBanner .icoImg{position:absolute;bottom:32px;right:36px;width:110px;height:94px}
.swiper-todayPick .todayPickBanner .icoImg img{width:100%}
.swiper-todayPick .todayPickBanner .text{display:flex; flex-flow:column; padding:28px 36px; justify-content:flex-start; width:100%}
.swiper-todayPick .todayPickBanner .text>span{font-size:15px;line-height:26px;font-weight:400;color:#96DCFF;}
.swiper-todayPick .todayPickBanner .text>strong{font-family:"SpoqaHanSansNeoBold";padding-top:13px;color:#fff;font-size:25px;line-height:39px;font-weight:700;}
.swiper-todayPick .todayPickBanner .text>em{position:absolute;bottom:36px;left:40px;font-family:"SpoqaHanSansNeoRegular";font-size:15px;color:#fff;opacity:0.5;line-height:26px;font-weight:400;}

.swiper-todayPick .swiper-slide-active .todayPickBanner .text{padding:40px;}
.swiper-todayPick .swiper-slide-active .todayPickBanner .text>span{font-size:18px;line-height:30px;}
.swiper-todayPick .swiper-slide-active .todayPickBanner .text>strong{font-size:30px;line-height:44px;}
.swiper-todayPick .swiper-slide-active .todayPickBanner .text>em{bottom:44px;font-size:18px;line-height:30px;}

/* 개발 수정 버전 */
.swiper-todayPick2 {width:969px; overflow: hidden; padding-bottom:10px !important;}
.swiper-todayPick2 .swiper-wrapper{width:960px; height:434px; /*transition-timing-function:cubic-bezier(0.16, 1, 0.3, 1) !important;*/}
.swiper-todayPick2 .swiper-slide {width:464px;height:434px;display: flex;/*transition: opacity 0.3s ease; *//*transition: transform 800ms cubic-bezier(0.16, 1, 0.3, 1), opactiy 800ms cubic-bezier(0.16, 1, 0.3, 1) !importnat;*/}
.swiper-todayPick2 .swiper-slide-active {opacity: 1;}
.swiper-todayPick2 .todayPickBanner{position:relative; width:464px;	height:434px;box-sizing:border-box;	border-radius:30px;	/*transition: width .5s ease, height .5s ease, transform .5s ease;*/}
.swiper-todayPick2 .todayPickBanner.typeA-1{background:#6664CF}
.swiper-todayPick2 .todayPickBanner.typeA-2{background:#599AFF}
.swiper-todayPick2 .todayPickBanner.typeA-3{background:#364894}
.swiper-todayPick2 .todayPickBanner.typeA-4{background:#28AACD}
.swiper-todayPick2 .todayPickBanner.typeB-1{background:#E1F0FF}
.swiper-todayPick2 .todayPickBanner.typeB-2{background:#FFF5E1}
.swiper-todayPick2 .todayPickBanner.typeB-3{background:#E8F9F4}
.swiper-todayPick2 .todayPickBanner.typeB-4{background:#fff0f1}

.swiper-todayPick2 .todayPickBanner .icoImg{position:absolute;bottom:32px;right:36px;width:320px;height:140px}
.swiper-todayPick2 .todayPickBanner .icoImg img{width:100%}
.swiper-todayPick2 .todayPickBanner .text{display:flex; flex-flow:column; padding:40px 36px; justify-content:flex-start; width:100%}
.swiper-todayPick2 .todayPickBanner .text>span{font-size:18px;line-height:26px;font-weight:400;color:#96DCFF;}
.swiper-todayPick2 .todayPickBanner .text>strong{font-family:"SpoqaHanSansNeoBold";padding-top:13px;color:#fff;font-size:30px;line-height:44px;font-weight:700;}
.swiper-todayPick2 .todayPickBanner .text>em{position:absolute;bottom:36px;left:40px;font-family:"SpoqaHanSansNeoRegular";font-size:15px;color:#fff;opacity:0.5;line-height:26px;font-weight:400;}

.swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>strong{font-size:30px;line-height:44px}
.swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>em{bottom:44px}
.swiper-todayPick2 .swiper-slide-prev{}

.swiper-todayPick2 .custom-pagination{bottom:0px  !important; display: flex; justify-content: center; align-items: center; gap:8px; margin-top: 24px; }
.swiper-todayPick2 .custom-dot {width:8px; height:8px; background-color:#d2d2d2; border-radius: 50%; cursor:pointer; transition: all 0.3s ease; }
.swiper-todayPick2 .custom-dot.active{background:#444444;}

.swiper-button{z-index:3;position:absolute;top:50%;right:0;margin-top:-50px;display:inline-block;width:54px;height:54px;transition:opacity .2s;	background:url('/o2/assets/images/main/ic_54_prev.png') no-repeat 50% 50%; background-size:54px 54px;	cursor: pointer;}
.swiper-button.card-next{transform:rotate(180deg);}
.swiper-button.card-prev{left:0px;background:url('/o2/assets/images/main/ic_54_prev.png') no-repeat 50% 50%;background-size:54px 54px;}


/*.mBorderList{width:100%;box-sizing:border-box;display:grid;grid-template-columns:50% auto;column-gap:40px;margin-top:100px}*/
.mBorderList.col2{width:100%;box-sizing:border-box;display:grid;grid-template-columns:50% auto;column-gap:40px;margin-top:100px}
.mBorderList{display:block;width:100%;box-sizing:border-box;margin-top:100px}
.subBorderList{display:block;width:100%;box-sizing:border-box;margin-top:0px}
.titleBox{display:flex;align-items:center}
.titleBox.flexLink{justify-content:space-between}
.titleBox .stitle{display:inline-flex;font-size:14px;color:#9095A1;margin-left:12px}
.titleBox .textLink{display:inline-flex;align-items:center;font-size:16px;color:#505358;text-align:right;line-height:25px;font-weight:500;}
.titleBox .textLink:after{content:"";display:inline-flex;width:22px;height:22px;background:url('/o2/assets/images/main/ic_22_arrow_gray.png') no-repeat 50% 50%; background-size:22px 22px;}
.titleBox .icoTitle img{margin-left:4px;width:38px;height:38px}

.mBorderList .titleBox{margin-bottom:24px}
.subBorderList .titleBox{margin-bottom:40px}
.subBorderList .titleBox .titleCont{font-size:32px}

/* 게시판 리스트 */
.bbsArea.top6 {width:100%;box-sizing:border-box;display:grid;grid-template-columns:50% auto;column-gap:40px;}
.bbsArea {width:100%;box-sizing:border-box;}
.bbsWarp{display:flex;flex-flow:column;width:100%;box-sizing:border-box;gap:16px;}
.bbsWarp>li:first-child{}
.bbsWarp>li{padding:16px 0;min-height:116px;display:flex;flex-flow:column;box-sizing:border-box; justify-content:space-around;background:#FFFFFF;border:1px solid #E9E9EF; border-radius:16px;}
.bbsWarp>li .titleInfo, .bbsWarp.special>li .dataInfo .suj{display:-webkit-box; position:relative; overflow:hidden; max-height:28px; text-overflow:ellipsis; line-height:28px; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; font-size:18px;color:#0B0D0F;}
.bbsWarp>li .titleInfo+.dataInfo{margin-top:4px;}
.bbsWarp>li .dataInfo{line-height:18px;}
.bbsWarp>li .dataInfo>em{color:#2288EE;font-size:14px;margin:0;line-height:18px;font-weight:400;}
.bbsWarp>li .dataInfo .time{font-size:14px;color:#9095A1;line-height:18px;font-weight:400}
.bbsWarp>li .textInfo{margin-top:4px;display:-webkit-box; position:relative; overflow:hidden; max-height:72px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;font-size:16px;color:#727780;font-weight:400;line-height:24px;}
.bbsWarp>li .textInfo+.dataInfo{margin-top:10px}
.bbsWarp>li .bbsLst{padding-left:86px; padding-right:20px; position:relative}
.bbsWarp>li .bbsLst .thumImg{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;left:22px}
.bbsWarp>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}

.bbsWarp.textOnly>li{padding:0; border:none}
.bbsWarp.textOnly>li .bbsLst{padding-left:0}
.bbsWarp.textOnly>li .dataInfo{margin-bottom:6px}

.bbsWarp.special{gap:20px;}
.bbsWarp.special>li{padding:0px;overflow:hidden}
.bbsWarp.special>li .bbsLst{padding:30px 40px;min-height:132px;display:flex;flex-direction:column;justify-content:center;}
.bbsWarp.special>li .dataInfo{margin-bottom:6px}
.bbsWarp.special>li .dataInfo .suj{font-family:"SpoqaHanSansNeoBold"; font-size:26px; color:#212121; line-height:38px; font-weight:700;  max-height:40px}
.bbsWarp.special>li .titleInfo{font-family:"SpoqaHanSansNeoRegular"; font-size:18px; color:#727780; line-height:28px; font-weight:400;}
.bbsWarp.special>li .bbsLst:hover{background:#364894;}
.bbsWarp.special>li .bbsLst:hover .dataInfo .suj, .bbsWarp.special>li .bbsLst:hover .titleInfo{color:#fff;}
.bbsWarp.special>li .bbsLst:hover:after{content:"";display:inline-flex;width:28px;height:28px;background:url('/o2/assets/images/content/ic_28_arrowfoward_white.png') no-repeat 50% 50%;background-size:28px 28px;position:absolute;right:40px;top:50%;margin-top:-14px;}
.bbsWarp.special>li .bbsLst:hover .bannerImg{display:block}
.bbsWarp.special>li .bbsLst .bannerImg{display:none;position:absolute;right:208px;top:26px;width:204px;height:80px}

/*.bbsWarp.special>li .pickBanner{background:#364894;}
.bbsWarp.special>li .pickBanner .dataInfo .suj, .bbsWarp.special>li .pickBanner .titleInfo{color:#fff;}
.bbsWarp.special>li .pickBanner:after{content:"";display:inline-flex;width:28px;height:28px;background:url('/o2/assets/images/content/ic_28_arrowfoward_white.png') no-repeat 50% 50%;background-size:28px 28px;position:absolute;right:40px;top:50%;margin-top:-14px;}
.bbsWarp.special>li .pickBanner .bannerImg{position:absolute;right:208px;top:26px;width:204px;height:80px}*/

/* 시리즈로 모아서 정주행 */
.seriesListBox{display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 300px));gap:40px;margin-top:20px}
.seriesListBox .seriesList{display:inline-block;width:300px;height:408px;margin:0px;background:#FFF;border:1px solid #E9E9EF;border-radius:16px;overflow:hidden}
/*.seriesListBox .seriesList:nth-child(3n+1){margin-left:0}*/
.seriesListBox .seriesList .infoBox{display:flex;position:relative;flex-direction:column;}

.infoBox .mtsiBg{display:flex;width:100%;height:186px;align-items:flex-end}
.infoBox .mtsiBg img{width:285px;height:126px;margin-bottom:20px;transform:translateX(-55px)}
.infoBox .mtsiBg.type01{background:#CEEEFC;}
.infoBox .mtsiBg.type02{background:#D8E7FF;}
.infoBox .mtsiBg.type03{background:#FFE8E8;}

.infoBox .seriesCont{display:flex;width:100%;font-size:16px;padding:20px 24px}
.infoBox .seriesCont>ul{display:flex;width:100%;flex-direction:column;gap:12px}

.seriesCont .tagKey{display:inline-flex;border-radius:12px;background:#f5f7f9;font-size:14px;min-width:60px;height:28px;color:#2489ee;align-items:center;justify-content:center}
.seriesCont .title{font-family:"SpoqaHanSansNeoBold";font-size:18px;color:#0B0D0F;font-weight:700;line-height:26px;}
.seriesCont .text{margin-top:4px;display:-webkit-box; position:relative; overflow:hidden; max-height:72px; height:72px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;font-size:16px;color:#727780;font-weight:400;line-height:24px;}
.seriesCont .totalLst{display:inline-flex;align-items:center;font-size:13px;color:#727780;line-height:18px;font-weight:400;}
.seriesCont .totalLst:before{content:"";display:inline-flex;width:20px;height:20px;margin-right:4px;background:url('/o2/assets/images/content/ic_piece.png') no-repeat 50% 50%; background-size:20px 20px;}

/* 퀴즈이벤트 */
.hotViewBox{display:table;width:100%;box-sizing:border-box;padding:0px;margin:0;}
.hotViewBox .hotInfoBox {position:relative;display:flex;flex-flow:column;width:100%;height:380px;box-sizing:border-box;background:#FFF;border:1px solid #E9E9EF;border-radius:16px;padding:22px 24px;}
.hotViewBox .hotInfoBox .btnLink{position:absolute;top:18px;right:18px;z-index:1}
.hotViewBox .textBox{display:flex;flex-flow:column;min-height:80px;max-height:100px;}
.hotViewBox .textBox .stitleCont{display:flex;}
.hotViewBox .textBox .stitleCont>span{display:flex;border-radius:6px;background:#e2ecff;color:#215ede;font-size:15px; height:28px; padding:0 10px; align-items:center;line-height:28px}
.hotViewBox .textBox .stitleCont+.titleCont{margin-top:10px}
.hotViewBox .textBox .titleCont{height:50px; word-break:keep-all;line-height:25px;color:#0B0D0F;font-size:18px;/*font-weight:500;*/font-family:"SpoqaHanSansNeoRegular";}
.hotViewBox .textBox .infoText{padding-top:8px;padding-bottom:28px}
.hotViewBox .ic_personnel{color:#ff7414;font-size:14px;line-height:20px;font-weight:400;font-family:"SpoqaHanSansNeoRegular";}
.hotViewBox .ic_personnel:before{display:inline-block;content:" ";background:url('/o2/assets/images/content/ic_personnel.png') no-repeat; background-size:22px 22px; width:22px; height:22px; vertical-align:top;padding-right:3px}

.hotViewBox .quizBox{margin-top:18px}
.hotViewBox .quizBox .choiceBox{display:flex;justify-content:space-between;position:relative}
.hotViewBox .quizBox .choiceBox li{position:relative;width:calc(50% - 8px);box-sizing:border-box;}

/* 투표완료 후 메세지 영역 */
.swiper-reply .swiper-slide .voteMsgBox.hide{display:none;}
.swiper-reply .swiper-slide .voteMsgBox.show{display:flex;}
.swiper-reply .swiper-slide .voteMsgBox{display:flex;width:100%;height:100%;position:absolute;background:#000;opacity:0.8;z-index:3;border-radius:16px}
.swiper-reply .swiper-slide .voteMsgBox .msgText{display:flex;flex:1;font-size:18px;color:#fff;justify-content:center;align-items:center;text-align:center}

/* 라디오 박스 기본형 */
.form_check .belanceChoice > input[type="radio"] + span {display:inline-block;width:100%;box-sizing:border-box;border:2px solid #f5f5f5;background:#f5f5f5;border-radius:11px;text-align:center;padding:22px 0;font-size:18px; color:#212121; line-height:27px; font-weight:500; word-break:keep-all;height:124px;font-family:'SpoqaHanSansNeoMedium';}
.form_check .belanceChoice > input[type="radio"] + span:before{width:18px; height:18px; background:url('/o2/assets/images/content/ico_optionbtn_off.png') no-repeat 50% 50%; background-size:18px;}
.form_check .belanceChoice > input[type="radio"]:checked + span{border:2px solid #2288ee;color:#2288EE }
.form_check .belanceChoice > input[type="radio"]:checked + span:before{background:url('/o2/assets/images/content/ico_optionbtn_on.png') no-repeat 50% 50%; background-size:18px;}

/* ox 퀴즈 형 */
.oxQuiz .form_check .belanceChoice > input[type="radio"] + span{padding-top:30px;overflow:hidden}
.oxQuiz .form_check .belanceChoice > input[type="radio"] + span:before{position:static;display:block;margin:0 auto 13px;}
.oxQuiz .form_check .belanceChoice.ok > input[type="radio"] + span:before{width:28px; height:28px; background:url('/o2/assets/images/content/btn_quiz_O_48.png') no-repeat 50% 50%; background-size:28px;}
.oxQuiz .form_check .belanceChoice.no > input[type="radio"] + span:before{width:28px; height:28px; background:url('/o2/assets/images/content/btn_quiz_X_48.png') no-repeat 50% 50%; background-size:28px;}
.oxQuiz .form_check .belanceChoice.ok > input[type="radio"]:checked + span{/* background:#ffe7e7; */border-color:#286EF1;color:#212121}
.oxQuiz .form_check .belanceChoice.no > input[type="radio"]:checked + span{/* background:#e8f3fe; */border-color:#286EF1;color:#212121}

/* 밸런스 퀴즈 형 */
.hotViewBox .quizBox.belanceVs{margin-top:24px}
.belanceVsBox{}
.belanceVs .choiceBox li:first-child .belanceChoice > input[type="radio"] + span{color:#6BB309}
.belanceVs .form_check  .belanceChoice > input[type="radio"] + span{padding:20px 0px 43px;color:#2288EE}
/* .belanceVs .form_check  .belanceChoice > input[type="radio"] + span>em{display:block;color:#616161;font-weight:200;line-height:23px;font-size:14px;font-family:SpoqaHanSansNeoRegular;} */
.belanceVs .form_check  .belanceChoice > input[type="radio"] + span>em{display:-webkit-box;overflow:hidden;max-height:24px;-webkit-line-clamp:1;padding:4px 5px 0;color:#616161;font-weight:500;line-height:23px;font-size:15px;font-family:SpoqaHanSansNeoRegular;-webkit-box-pack:center;}
.belanceVs .form_check  .belanceChoice > input[type="radio"]:checked + span,
.belanceVs .form_check  .belanceChoice > input[type="radio"]:checked + span>em{color:#286EF1}
.belanceVs .form_check  .belanceChoice > input[type="radio"] + span:before{top:inherit;position:absolute;display:block;margin:0;bottom:22px;left:50%;margin-left:-9px;}

.hotViewBox .quizBox.belanceVs .choiceBox .icoVs{position:absolute;top:50%;left:50%;margin-left:-13px;margin-top:-13px;background: #2288EE; border-radius:18px;width:26px;height:26px;z-index:1}
.hotViewBox .quizBox.belanceVs .choiceBox .icoVs:before{display:inline-block;content:"vs";font-family:"SpoqaHanSansNeoBold";font-size:15px;color:#fff;font-weight:700;width:26px;height:26px;text-align:center}

/* 선택형 퀴즈 형 */
.hotViewBox .quizBox.choice{margin-top:20px}
.quizBox.choice .choiceBox{display:block}
.quizBox.choice .choiceBox li{width:100%;}
.quizBox.choice .choiceBox li~li{margin-top:4px}

.choice .form_check  .belanceChoice > input[type="radio"] + span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; word-break:break-all;background:none;border:none;padding:0px 0px 0px 26px;height:24px;color:#616161;text-align:left;line-height:24px;font-size:15px}
.choice .form_check  .belanceChoice > input[type="radio"] + span:before{top:3px;position:absolute;display:block;margin:0;left:0px;}
.choice .form_check  .belanceChoice > input[type="radio"]:checked + span{color:#286EF1}

.quizBox.choice+.quizInfoBox{margin-top:24px}

.hotInfoBox .quizInfoBox{display:flex;width:100%;box-sizing:border-box;margin-top:10px}
.quizInfoBox .quizInfo{margin:0px;display:flex;width:100%;justify-content:space-between;align-items:center;}
.quizInfoBox .quizInfo>div{display:flex;align-items:center;}
.quizInfoBox .quizInfo .infoText{display:inline-flex;}
.quizInfoBox .quizInfo .replyLink{font-size:14px;color:#888;line-height:20px;}
.quizInfoBox .quizInfo .replyLink~.replyLink{margin-left:30px;}
.quizInfoBox .quizInfo .replyLink:before{display:inline-block;content:" ";width:20px;height:20px;vertical-align:TOP;margin-right:4px}
.quizInfoBox .quizInfo .replyLink.like:before{background:url('/mbn/images/content/ic_like.png') no-repeat 50% 50%; background-size:20px;}
.quizInfoBox .quizInfo .replyLink.like.on:before{background:url('/mbn/images/content/ic_like_on.png') no-repeat 50% 50%; background-size:20px;}
.quizInfoBox .quizInfo .replyLink.comment:before{background:url('/mbn/images/content/ic_comment.png') no-repeat 50% 50%; background-size:20px;}

.quizInfoBox .quizInfo .btnGo{font-size:13px;color:#888;line-height:17px;}
.quizInfoBox .quizInfo .btnGo:after{display:inline-block;content:" ";width:16px;height:16px;vertical-align:middle;margin-left:4px;background:url('/mbn/images/common/ic_arrowfoward.png') no-repeat 50% 50%; background-size:16px;}

.hotInfoBox .btnGroup {margin-top:auto}
.hotInfoBox .btnGroup .btn.line{width:100%}

.form_check, .check_wrap {display:inline-block; position:relative; vertical-align:middle;}
.form_wrap .form-check {margin-top:8px;}
.form_check + .form_check {margin-left:24px;}
.form_check label > input, .check_wrap label > input {position:absolute; left:0; top:0; width:0; height:0;}
.form_check label > input[type="radio"] + span {display:inline-block; position:relative; padding:0 0 0 24px; font-size:15px; color:#111; line-height:18px;}
.form_check label > input[type="radio"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:18px; height:18px; background:url('/o2/assets/images/common/ico_optionbtn_off.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="radio"]:checked + span:before, .form_check label > input[type="radio"].check + span:before {background:url('/o2/assets/images/common/ico_optionbtn_on.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="radio"]:disabled + span:before {background:url('/o2/assets/images/common/ico_optionbtn_off.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 24px; font-size:15px; color:#111; line-height:18px;}
.form_check label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:18px; height:18px; background:url('/o2/assets/images/common/ico_optionbtn_off.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="checkbox"]:checked + span:before, .form_check label > input[type="checkbox"].check + span:before {background:url('/o2/assets/images/common/ico_checkbox_on.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="checkbox"]:disabled + span:before {background:url('/o2/assets/images/common/ico_optionbtn_off.png') no-repeat 50% 50%; background-size:18px;}

.swiper-reply{width:450px}
.reply-page.swiper-pagination{position:relative;padding-top:5px}
.reply-page.swiper-pagination .swiper-pagination-bullet~.swiper-pagination-bullet{margin-left:6px}


/* 오늘의 투자정보 상세 */
.detail #wrapper #container{padding:48px 24px 120px;width:100%}

.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;word-wrap:break-word;font-size:25px;color:#212121;letter-spacing:-1px;font-weight:700;line-height:36px;min-height:42px;padding-bottom:0px;font-family:"SpoqaHanSansNeoBold";}
.investNewView .header .subjectBox .footer{display:flex;align-items:flex-end;margin-top:36px;justify-content:space-between}
.investNewView .header .subjectBox .footer .data{font-size:12px;color:#888;line-height:17px;padding-bottom:6px;font-family:"SpoqaHanSansNeoRegular";font-weight:400}
.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{}

.investNewView>.footer{display:block;box-sizing:border-box;padding-top:30px;border-top:8px solid #F5F7F9;margin-top:40px}
.investNewView>.footer .htitle{display:block;font-family:'SpoqaHanSansNeoMedium';font-size:22px;line-height:34px;font-weight:500}
.investNewView>.footer .bbsWarp.subContLst{margin-top:20px;}

.bbsWarp.subContLst{gap:20px}
.bbsWarp.subContLst>li{border:none;padding:0;min-height:70px}
.bbsWarp.subContLst>li .bbsLst{display:flex;min-height:70px;align-items:center}
.bbsWarp.subContLst>li .bbsLst .mtsiBg{position:absolute;width:70px;height:70px;left:0;top:0;margin-top:0;overflow:hidden;border-radius:16px}
.bbsWarp.subContLst>li .bbsLst .mtsiBg img{width:100%; height:100%; object-fit:cover; cursor:pointer;transform:translateX(0px);object-position:90%;}

.bbsWarp.subContLst>li .bbsLst .mtsiBg.type01{background:#CEEEFC;}
.bbsWarp.subContLst>li .bbsLst .mtsiBg.type02{background:#D8E7FF;}
.bbsWarp.subContLst>li .bbsLst .mtsiBg.type03{background:#FFE8E8;}

.bbsWarp.subContLst>li .bbsLst .titleInfo{max-height:70px;-webkit-line-clamp:2}

.investTodayArea .ico_prod{width:45px;height:29px;margin-left:4px}

.investTodayArea .btnMoreLink{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:44px;padding:0 16px 0 24px;border-color:#F1F3F6; background:#F1F3F6; border-radius:24px; }
.investTodayArea .btnMoreLink>span{display:flex;align-items:center;font-size:15px;color:#111}
.investTodayArea .btnMoreLink>span:after{content:"";opacity:1;display:inline-block;width:16px;height:16px;background: url(/mbn/images/common/ic_arrowfoward_gray.png) no-repeat;background-size:16px;vertical-align:middle;margin-left:5px}
.investTodayArea .btnMoreLink>span .icoImg{width:26px; height:26px;}
.investTodayArea .btnMoreLink>span .icoNew{display:inline-flex;width:13px; height:13px; margin-bottom:8px}
/*컨텐츠 상세 기본*/
.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; font-size:13px; 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;margin:40px 0 30px;}
.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;margin-top:40px}
.investNewView .ctaBox .tit{font-size:18px;color:#000;text-align:center}

.ctaBox .btnBox{text-align:center;margin-top:12px}

.btnVitamin{display:inline-block;width:104px;height:32px;background: url(/o2/assets/images/content/ic_vitamin.png) no-repeat;background-size:104px 32px;margin-right:8px;}
.btnShare{display:inline-block;width:32px;height:32px;background: url(/o2/assets/images/content/ic_share_32_black.png) no-repeat;background-size:32px;}
.btnCat{display:inline-block;min-width:147px;height:44px;line-height:44px;color:#fff;font-size:15px;font-weight:500;text-align:center;box-sizing:border-box; border-radius:24px; background-color:#2288EE;padding:0 34px}

.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;}
.investTodayArea .bbsWarp.investSearch>li{min-height:100px;border-bottom:1px solid #e4e4e4;border-radius:0}
.investTodayArea .bbsWarp.investSearch{gap:0}
.investTodayArea .bbsWarp.investSearch>li .dataInfo{margin-top:12px}

.mySearchInfo{display:inline-flex;font-size:13px;color:#888}
.mySearchInfo:before{content:" ";display:inline-flex;background: url(/o2/assets/images/content/ic_search_20.png) no-repeat;background-size:20px;width:20px;height:20px;margin-right:4px}

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

.main .mBorderList.investinfo{margin-top:60px}
.mBorderList.investinfo{margin-top:0px}
.mBorderList.investinfo .bbsWarp.textOnly>li .bbsLst{border:1px solid #E9E9EF;padding:20px 26px;border-radius: 16px;}

/* 탭 스크롤 스타일 */
.tabScroll{position:relative;max-width:calc(100% + 64px); overflow-x:auto; margin:0; padding:0; /* border-bottom:1px solid #ccc; */ box-sizing:content-box; text-align:left}
.tabScroll:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#DEDEE5}
.tabScroll .tab {display:block; position:relative;white-space:nowrap;}
.tabScroll .tab li{display:inline-block}
.tabScroll .tab li a {display:block; position:relative; min-width:104px; height:46px; padding:0; font-size:16px; color:#888; line-height:45px; text-align:center}
.tabScroll .tab li a span{font-family:"SpoqaHanSansNeoMedium"; font-weight:500;}
.tabScroll .tab.line2 li a{line-height:18px;}
.tabScroll .tab.line2 li a span{}
.tabScroll .tab li:first-child a {padding-left:0;}
.tabScroll .tab li:last-child {margin-right:24px;}
.tabScroll .tab li.active a {color:#111; }
.tabScroll .tab li.active a span{font-family:"SpoqaHanSansNeoBold";font-weight: 700;}
.tabScroll .tab li a:after{opacity:0; content:''; display:block; clear:both; position:absolute; bottom:0; left:8px; width:0; height:2px; background-color:#fff; }
.tabScroll .tab li.active a:after {transition:all 0.4s ease;opacity:1 ;content:''; display:block; clear:both; position:absolute; bottom:0; left:8px; width:100%; height:2px; background-color:#111; z-index:1;}
.tabScroll .tab li.active:first-child a:after {left:0; /*width:calc(100% - 8px);*/}

.tabScroll+.tabRound{margin-top:24px}

.tabRound .tabList{display:block; position:relative;white-space:nowrap;}
.tabRound .tabList li{display:inline-block;}
.tabRound .tabList li~li{margin-left:8px}
.tabRound .tabList li a {display:flex; align-items:center; justify-content:space-around; background:#fff; color:#0B0D0F; border-radius:19px; height:36px; padding:0 14px; font-family:"SpoqaHanSansNeoMedium"; font-weight:500; font-size:15px;}
.tabRound .tabList li.active a {background:#0B0D0F; color:#fff;}
.tabRound .tabList li a.active {background:#0B0D0F; color:#fff;}

.tabRound.bgGray .tabList li a{background:#f1f3f6;}
.tabRound.bgGray .tabList li.active a {background:#0B0D0F; color:#fff;}
.tabRound.bgGray  .tabList li a.active {background:#0B0D0F; color:#fff;}

/* button style */
.btnGroup {display:flex; flex-wrap:wrap; gap:8px; justify-content:center;}

/* 버튼 공통 */
.btn {display:inline-flex; align-items:center; justify-content:center; background:#fff; padding:0; font-size:15px; line-height:18px; font-weight:500; color:#0B0D0F; cursor:pointer; transition:all 0.2s ease; white-space:nowrap; height:49px; min-width:140px; }
.btn.line{border:1px solid #E9E9EF; border-radius:6px; min-width:363px}

.tipBoxWrap{border-top:8px solid #F5F7F9}

.toggleWrap {display:block; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:15px; padding-bottom:50px}
/* 알려드립니다. 아이콘 스타일 */
.tipBtn{display:block; position:relative; width:100%; padding:14px 43px 15px 0; background:url('/mba/images/product/ico_arr_bottom02.png') no-repeat 100% 50%; background-size:24px; font-size:16px; line-height:22px; text-align:left; color:#111}
.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 .ui_toggle.active+dd{display:block}
.toggleWrap .ui_toggle+dd{display:none}


.tip_prod{margin-top:10px}

.listItem > li{display:block; position:relative; font-size:14px; color:#888; line-height:24px; margin:0; text-align:left}
.listItem > li:first-child{margin:0}

.listDot > li{display:block; position:relative; padding-left:10px; font-size:13px; color:#888; line-height:19px; margin:8px 0 0; text-align:left; font-weight:400; word-break:keep-all}
.listDot > li:first-child{margin:0}
.listDot > li:before{content:''; display:block; position:absolute; top:8px; left:0; clear:both; width:3px; height:3px; border-radius:1.5px; background-color:#888;}


/* 스페셜 에디션 상세 가로 사이즈 */
.detail #wrapper #container.special{padding:0}
.detail #wrapper #container.special .inner{max-width:100%}
.detail #wrapper #container.special .inner .investNewView{padding:0}

.detail #wrapper #container.special .investNewView .body{padding-top:0}

/* 투자정보 상세 가로 사이즈 */
.detail #wrapper #container.investInfo .inner{max-width:980px}

@media (max-width: 1023px) {
    .main #container .inner, .sub #container .inner{width:100%;padding:0 24px}
    .main .mBorderList, .main .mBorderList.investinfo{margin-top:40px}
    #wrapper #container{padding-top:40px}
    .swiper-todayPick2:before, .swiper-todayPick:after{width:30px}
    .swiper-todayPick2 .swiper-wrapper{width:100%;height:343px}
    .swiper-todayPick2 .swiper-slide{width:344px;height:314px;}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner{width:344px;height:314px;}
    .swiper-todayPick2 .swiper-slide-next .todayPickBanner{margin-left:-32px;}
    .swiper-todayPick2 .swiper-slide-prev .todayPickBanner{margin-right:-32px;}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text{padding:30px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>span{font-size:16px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>strong{font-size:26px;line-height:38px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>em{font-size:16px;line-height:28px;bottom:34px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .icoImg{width:156px;height:130px;bottom:30px}
    .todayPickBanner{width:230px;height:228px;}
    .todayPickBanner .text{padding:20px 24px}
    .todayPickBanner .text>span{font-size:13px}
    .todayPickBanner .text>strong{font-size:21px;line-height:28px}
    .todayPickBanner .text>em{font-size:13px;left:24px;bottom:20px}
    .todayPickBanner .icoImg{bottom:24px;right:26px;width:80px;height:64px;}
    .investSlideWrap .swiper-button{display:none}
    .seriesListBox{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap:20px;}
    .seriesListBox .seriesList{width:100%; }


    .bbsWarp.special>li .bbsLst:hover .bannerImg{top:38px;right:80px;width:124px;height:60px}
    .bbsWarp.special>li .bbsLst{padding-right:300px}
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    #wrapper #container, .sub #wrapper #container{padding-top:20px;width:100%;}
    .detail #wrapper #container{padding-top:20px;}
    #pageTitle .inner{min-height:58px;padding:0 24px}
    .breadcrumb{top:20px}
    .mBorderList .titleBox{margin-bottom:12px}
    .swiper-todayPick2.swiper-3d{perspective:inherit;width:auto;}
    .swiper-todayPick2{padding-bottom:0px !important}
    .swiper-todayPick2 .swiper-wrapper{height:178px}
    .swiper-todayPick2:before, .swiper-todayPick2:after{display:none}
    .swiper-todayPick2 .swiper-slide{width:100%;height:178px}
    .swiper-todayPick2 .todayPickBanner{width:100%;height:178px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner{width:100%;height:178px}
    .swiper-todayPick2 .swiper-slide-next .todayPickBanner{margin-left:0px;}
    .swiper-todayPick2 .swiper-slide-prev .todayPickBanner{margin-right:0px;}
    .swiper-todayPick2 .todayPickBanner{border-radius:8px}
    .swiper-todayPick2 .todayPickBanner .text, .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text{padding:16px 22px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>span, .swiper-todayPick2 .todayPickBanner .text>span{font-size:13px;line-height:18px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>strong, .swiper-todayPick2 .todayPickBanner .text>strong{padding-top:3px;font-size:18px;line-height:24px;}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .icoImg, .swiper-todayPick2 .todayPickBanner .icoImg{width:160px;height:70px;bottom:16px;right:16px}
    .swiper-todayPick2 .swiper-slide-active .todayPickBanner .text>em, .swiper-todayPick2 .todayPickBanner .text>em{font-size:13px;left:22px;bottom:20px;}
    .swiper-todayPick2 .swiper-slide a{width:100%}

    .swiper-reply{width:100%}

    .mBorderList.investinfo{margin-top:0px}

    .mBorderList .titleBox, .subBorderList .titleBox{flex-direction:column;align-items:flex-start;margin-bottom:12px}
    .subBorderList .titleBox .titleCont{margin-bottom:5px}
    .titleBox .textLink, .titleBox .stitle{margin-left:auto;font-size:14px}
    .titleCont, .subBorderList .titleBox .titleCont{font-size:20px;line-height:30px;/*font-family:"SpoqaHanSansNeoMedium";font-weight:500*/}
    .titleBox .stitle{font-size:13px}
    .titleCont.icoTitle img{width:32px;height:32px}
    .investinfo .titleBox.flexLink{flex-direction:column;align-items:flex-start}
    .investInfo .subBorderList .titleBox{margin-bottom:5px !important}
    .investInfo .subBorderList .tabScroll{margin:0 -24px;}
    .investInfo .subBorderList .tabScroll .tab li:first-child{padding-left:24px}
    .investInfo .subBorderList .tabScroll .tab li:first-child a{padding-left:0px}
    .investInfo .subBorderList .tabScroll .tab li{padding:0px 7px}
    .tabRound{display:flex;overflow-x:auto; white-space:nowrap; width:100%; margin:10px auto 0}
    .investinfo .tabRound, .subBorderList .tabRound{width:calc(100% + 44px);margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
    .investinfo .tabRound::-webkit-scrollbar, .subBorderList .tabRound::-webkit-scrollbar {display:none;}
    .bbsArea.top6{column-gap:5px;grid-template-columns:auto;gap:10px}
    .bbsWarp{gap:10px}
    .bbsWarp>li{padding:8px 0;min-height:98px}
    .bbsWarp>li .bbsLst{}
    .bbsWarp>li .bbsLst .thumImg{left:20px;}
    .seriesListBox{margin-top:0}
    .seriesListBox .seriesList{width:100%; height:348px}
    .seriesCont .text{max-height:52px;height:52px;-webkit-line-clamp:2;}

    .infoBox .seriesCont, .bbsWarp.special>li .bbsLst{padding:18px 20px}
    .infoBox .mtsiBg img{/*transform:translateX(0px);*/margin-bottom:0}
    .infoBox .mtsiBg{height:140px}

    .bbsWarp.special>li .bbsLst{min-height:108px}
    .bbsWarp.special>li .suj, .bbsWarp.special>li .dataInfo .suj{font-size:20px;line-height:24px;}
    .bbsWarp.special>li .titleInfo{font-size:16px;line-height:26px;}
    .bbsWarp.special>li .bbsLst:hover .bannerImg{top:26px;right:40px;width:124px;height:60px}
    .bbsWarp.special>li .bbsLst:hover .dataInfo, .bbsWarp.special>li .bbsLst:hover .titleInfo {margin-right:160px}
    .bbsWarp.special>li .bbsLst:hover:after{right:10px}

    .btn.line{min-width:100%}

    .investNewView{padding:0px 0px 24px}

    .mBorderList.col2{display:flex;flex-direction:column;margin-top:40px}
    .mBorderList.col2 .bbsArea+.bbsArea{margin-top:40px}

    .investNewView .footer .htitle{font-size:20px}
    .bbsWarp.subContLst>li .bbsLst .titleInfo{font-size:17px}

    .tabScroll{padding:0;}
    .tabScroll .tab li:first-child a{padding-left:4px}
    .tabScroll .tab li a{min-width:auto;padding:0 4px}
    .tabScroll .tab li.active a:after{left:0}
}