@charset "utf-8";

section {
    position: absolute;
    top: 0;
    left: 0;
    width:1600px;
    height:900px;
    background-size:100% auto;
}

/* intro */
#intro {
    background:url(../images/intro/intro-bg.png)no-repeat;
    /* background:url(../images/intro/guide.jpg)no-repeat; */
    background-color: #fff;
    background-size:100% auto;
    padding-top: 336px;
}
#intro .con-top {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'BMJUA';
    font-size: 50px;
    color: #391800;
    display: flex;
    width: 100%;

    /* position: absolute;
    top: 19px;
    left: 0;
    font-family: 'BMJUA';
    font-size: 50px;
    color: #391800;
    text-shadow: -4px 0px #fff, 0px 4px #fff, 4px 0px #fff, 0px -4px #fff;
    display: flex;
    width: 100%; */
}
#intro .con-top .top-subject {
    /* margin-left: 20px; */
    width: 305px;
    margin: 11px 0 0 3px;
}
#intro .con-top .top-title {
    position: absolute;
    right: -30px;
    width: 530px;
    margin: 14px 0 0 0px;
}
#intro .title {
    margin-left: 123px;
    width: 1280px;
    height: 406px;
    background:url(../images/intro/intro-title.png)no-repeat;
    background-size:100% auto;
}
#intro .start-btn {
    width: 239px;
    height: 86px;
    background:url(../images/intro/start-btn.png)no-repeat;
    background-size:100% auto;
    margin: 0 auto;
    margin-top: 21px;
    cursor: pointer;
}
#intro .con-btn {
    margin-top: -48px;
}
#intro .con-btn .game-how-btn {
    width: 210px;
    height: 69px;
    background: url(../images/intro/game-how-btn.png) no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    position: absolute;
    left: 50px;
}
#intro .con-btn .preview-btn {
    width: 276px;
    height: 69px;
    background: url(../images/intro/preview-btn.png) no-repeat;
    background-size: 100% auto;
    float: right;
    margin-right: 46px;
    cursor: pointer;
}
#intro .cha-ani {
    position: absolute;
    top: 0px;
    left: 392px;
}








/* quiz */
#quiz {
    /* background:url(../images/quiz/guide3.jpg); */
    background:url(../images/quiz/quiz-bg.png);
    background-repeat:no-repeat;
    background-size:100%;
}
#quiz .quiz-logo {
    width: 622px;
    height: 160px;
    background: url(../images/quiz/quiz-title-logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 16px auto 17px;
}
#quiz .quiz-logo.looser {
    width: 733px;
    height: 101px;
    background:url(../images/quiz/loser-resurrection-battle-logo.png);
    background-repeat:no-repeat;
    background-size:100%;
    margin: 75px auto 42px;
}
#quiz .con-navi {
    display: flex;
    justify-content: center;
    align-items: center;
}
#quiz .con-navi .navi {
    width: 26px;
    height: 25px;
    background:url(../images/quiz/navi-normal.png);
    background-repeat:no-repeat;
    background-size:100%;
    margin: 0 6px;
}
#quiz .con-navi .navi.active {
    background:url(../images/quiz/navi-active.png);
}
#quiz .con-navi .navi:nth-child(5),
#quiz .con-navi .navi:nth-child(10) {
    margin-right: 32px;
}
#quiz .home-btn {
    width: 55px;
    height: 55px;
    background:url(../images/quiz/home-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    top: 115px;
    right: 59px;
}



/*********************************** quiz ***********************************/
#quiz .quiz-box {
    width: 100%;
    height: 564px;
    padding: 55px 157px 0 157px;
    position: relative;
}
#quiz .quiz-box .quiz-title {
    display: flex;
}
#quiz .quiz-box .quiz-title .quiz-num {
    font-family: 'OneMobilePop';
    font-size: 70px;
    color: #063a76;
    margin-right: 26px;
}
#quiz .quiz-box .quiz-title .quiz-num.looser {
    color: #760606;
}
#quiz .quiz-box .quiz-title .quiz-txt {
    font-family: 'NanumBarunGothicBold';
    font-size: 60px;
    color: #020202;
    font-weight: 700;
    line-height: 70px;
}
.quiz-wrong-txt {
    color: #db1f2c;
    font-size: 40px;
    font-family: "SCDREAM5";
    position: absolute;
    top: 0;
    left: 0;
}
.wrong-ans-txt {
    text-decoration:line-through;
    text-decoration-color: #db1f2c;
    text-decoration-thickness: 5px;
}

/*********************************** quiz ox ***********************************/
#quiz .quiz-box.ox-box .con-ox-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 99px;
}
#quiz .quiz-box.ox-box .con-ox-btn > div {
    /* font-family: 'OneMobilePop';
    font-size: 252px;
    color: #063a76; */
    margin: 0 96px;
    font-weight: 700;
    cursor: pointer;
}
#quiz .quiz-box.ox-box .con-ox-btn > div:hover {
    opacity: 1;
}
#quiz .quiz-box.ox-box .con-ox-btn .o-btn {
    width: 206px;
    height: 198px;
    background:url(../images/quiz/ox-o.png);
    background-repeat:no-repeat;
    background-size:100%;
    opacity: 0.35;
}
#quiz .quiz-box.ox-box .con-ox-btn .o-btn.correct {
    background:url(../images/quiz/ox-o-correct.png);
    background-repeat:no-repeat;
    background-size:100%;
    opacity: 1;
}
#quiz .quiz-box.ox-box .con-ox-btn .o-btn.incorrect {
    /* background:url(../images/quiz/ox-o-incorrect.png);
    background-repeat:no-repeat;
    background-size:100%;
    opacity: 0.35; */
}
#quiz .quiz-box.ox-box .con-ox-btn .x-btn {
    width: 206px;
    height: 198px;
    background:url(../images/quiz/ox-x.png);
    background-repeat:no-repeat;
    background-size:100%;
    opacity: 0.35;
}
#quiz .quiz-box.ox-box .con-ox-btn .x-btn.correct {
    background:url(../images/quiz/ox-x-correct.png);
    background-repeat:no-repeat;
    background-size:100%;
    opacity: 1;
}
#quiz .quiz-box.ox-box .con-ox-btn .x-btn.incorrect {
    /* background:url(../images/quiz/ox-x-incorrect.png);
    background-repeat:no-repeat;
    background-size:100%;
    opacity: 0.35; */
}

/*********************************** quiz or ***********************************/
#quiz .quiz-box.or-box .selbox {
    display:inline-block;
    margin: 0 10px;
    position:relative;
    cursor: pointer;
}
.selbox.on.mark1:after { content:''; margin: -55px 0 0 -81px; display:inline-block; width:163px; height:114px; position:absolute; top:50%; left:50%;background: url(../images/quiz/or-ans-mark-1.png) no-repeat center/contain;}
.selbox.on.mark5:after { content:''; margin: -53px 0 0 -48px; display:inline-block; width:466px; height:114px; position:absolute; top:50%; left:4%;background: url(../images/quiz/or-ans-mark-5.png) no-repeat center/contain;}


/*********************************** quiz 사진선다***********************************/
#quiz .quiz-box.multi-box .con-multi {
    margin-top: 74px;
    /* padding-left: 343px; */
    padding-left: 283px;
    display: flex;
    flex-wrap: wrap;
}
#quiz .quiz-box.multi-box .con-multi.left-wide {
    padding-left: 233px;
}
#quiz .quiz-box .con-multi .multi-btn {
    font-size: 55px;
    font-family: "SCDREAM5";
    color: #020202;
    width: 480px;
    height: 120px;
    cursor: pointer;
    position: relative;
    word-wrap: break-word;
    padding-right: 70px;
    line-height: 60px;
}
#quiz .quiz-box.multi-box .con-multi.left-wide .multi-btn:nth-child(1),
#quiz .quiz-box.multi-box .con-multi.left-wide .multi-btn:nth-child(3) {
    width: 560px;
}
#quiz .quiz-box .con-multi .multi-btn::before {
    content: '';
    position: absolute;
    top: 1px;
    left: -66px;
    font-size: 55px;
    font-family: "SCDREAM5";
    color: #020202;
    cursor: pointer;
}
#quiz .quiz-box .con-multi .multi-btn.on::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -78px;
    width: 77px;
    height: 88px;
    background:url(../images/quiz/multi-ans-mark.png);
    background-repeat:no-repeat;
    background-size:100%;
}
#quiz .quiz-box .con-multi .multi-btn:nth-child(1)::before {
    content: '①';
    top: 1px;
    left: -66px;
}
#quiz .quiz-box .con-multi .multi-btn:nth-child(2)::before {
    content: '②';
    top: 1px;
    left: -66px;
}
#quiz .quiz-box .con-multi .multi-btn:nth-child(3)::before {
    content: '③';
    top: 1px;
    left: -66px;
}
#quiz .quiz-box .con-multi .multi-btn:nth-child(4)::before {
    content: '④';
    top: 1px;
    left: -66px;
}

/*********************************** quiz img 사진선다***********************************/
#quiz .quiz-box.multi-img-box .con-multi {
    margin-top: 29px;
    padding-left: 903px;
    display: flex;
    flex-wrap: wrap;
}
#quiz .quiz-box.multi-img-box .con-img {
    width: 710px;
    height: 376px;
    /* padding: 10px; */
    position: absolute;
    top: 158px;
    left: 210px;
    cursor: pointer;
}
#quiz .quiz-box.multi-img-box .con-img .expand-img-btn {
    width: 55px;
    height: 55px;
    background: url(../images/quiz/expand-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 16px;
    bottom: 12px;
}
#quiz .quiz-box.multi-img-box .con-multi .multi-btn {
    height: 80px;
}

/*********************************** quiz 단답형 ***********************************/
#quiz .quiz-box.short-box .short-answer {
    font-size: 60px;
    font-family: "NanumBarunGothicBold";
    padding: 25px 64px;
    border: 5px solid #676767;
    border-radius: 32px;
    width: max-content;
    margin: 120px auto 0;
    color: #fff;
    cursor: pointer;
}
#quiz .quiz-box.short-box .short-answer.on {
    color: #db1f2c;
}

/*********************************** quiz 단답형 img ***********************************/
#quiz .quiz-box.short-box-img .short-answer-img {
    font-size: 60px;
    font-family: "NanumBarunGothicBold";
    padding: 25px 64px;
    border: 5px solid #676767;
    border-radius: 32px;
    width: max-content;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#quiz .quiz-box.short-box-img .short-answer-img::before {
    content: '';
    position: absolute;
    width: 37px;
    height: 58px;
    background: url(../images/quiz/q-mk.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
#quiz .quiz-box.short-box-img .short-answer-img.on {
    color: #db1f2c;
}
#quiz .quiz-box.short-box-img .short-answer-img.on::before {
    display: none;
}
#quiz .quiz-box.short-box-img .short-img {
    width: 93%;
    height: 234px;
    margin: 40px 60px 45px 60px;
    display: flex;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
#quiz .quiz-box.short-box-img .short-img > img {
    width: max-content;
    height: 100%;
}
#quiz .quiz-box.short-box-img .short-img .expand-img-btn {
    width: 55px;
    height: 55px;
    background: url(../images/quiz/expand-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 16px;
    bottom: 3px;
    cursor: pointer;
}

/*********************************** quiz 단답형 지문 ***********************************/
#quiz .quiz-box.short-jimun-box .short-jimun-answer {
    font-size: 60px;
    font-family: "NanumBarunGothicBold";
    padding: 25px 64px;
    border: 5px solid #676767;
    border-radius: 32px;
    width: max-content;
    margin: 26px auto 0;
    color: #fff;
    cursor: pointer;
}
#quiz .quiz-box.short-jimun-box .short-jimun-answer.on {
    color: #db1f2c;
}
#quiz .quiz-box.short-jimun-box .short-jimun-info {
    margin: 44px auto 0;
    background-color: #dde0ea;
    width: 1175px;
    padding: 40px 30px;
    color: #020202;
    font-size: 50px;
    font-family: 'NanumBarunGothicBold';
    border-radius: 30px;
    line-height: 60px;
}
.short-jimun-info-center {
    text-align: center !important;
}

/*********************************** quiz box 공통 ***********************************/
#quiz .quiz-box .empty {
    display: inline-block;
    width: 130px;
}
#quiz .popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 1600px;
    height: 900px;
    background:url(../images/quiz/popup-img-bg.png);
    background-repeat:no-repeat;
    background-size:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#quiz .popup .popup-img-con {
    width: 1520px;
    height: 848px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    overflow: hidden;
}
#quiz .popup .popup-img {
    width: max-content;
    height: 846px;
}
#quiz .popup .popup-img.wide {
    width: 1520px;
    height: max-content;
}
#quiz .popup .popup-close-btn {
    width: 55px;
    height: 55px;
    background: url(../images/quiz/expand-close-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 30px;
}



#quiz .con-btn {
    
}
#quiz .con-btn .lrbb-btn {
    width: 282px;
    height: 73px;
    background:url(../images/quiz/loser-resurrection-battle-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    left: 66px;
}
#quiz .con-btn .answer-btn {
    width: 210px;
    height: 69px;
    background:url(../images/quiz/answer-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    right: 67px;
}
#quiz .con-btn .retry-btn {
    width: 210px;
    height: 69px;
    background:url(../images/quiz/retry-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    right: 67px;
}
#quiz .con-btn .confirm-champion-btn {
    width: 229px;
    height: 69px;
    background:url(../images/quiz/confirm-champion-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    right: 287px;
}
#quiz .con-btn .continue-btn {
    width: 282px;
    height: 73px;
    background:url(../images/quiz/continue-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    left: 66px;
}
#quiz .con-arrows {
    position: absolute;
    top: 474px;
}
#quiz .con-arrows .arrow-left-btn {
    width: 59px;
    height: 66px;
    background:url(../images/quiz/arrow-left-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    left: 61px;
}
#quiz .con-arrows .arrow-right-btn {
    width: 59px;
    height: 66px;
    background:url(../images/quiz/arrow-right-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    cursor: pointer;
    position: absolute;
    left: 1490px;
}





/* game-how */
#gameHow {
    position: absolute;
    top: 0;
    left: 0;
    /* background:url(../images/gameHow/guide2.png)no-repeat; */
    /* background-color: #fff; */
    background-size:100% auto;
}
#gameHow .con-how {
    position: absolute;
    top: 102px;
    left: 64px;
    width: 1503px;
    height: 763px;
    background:url(../images/gameHow/game-how-bg.png)no-repeat;
    background-size:100% auto;
    padding: 12px 180px 86px 162px;
}
#gameHow .close-btn {
    width: 55px;
    height: 55px;
    background:url(../images/gameHow/close-btn.png)no-repeat;
    background-size:100% auto;
    margin-left: 1160px;
    cursor: pointer;
}
#gameHow .title {
    font-family: 'BMJUA';
    font-size: 70px;
    color: #000;
    margin-top: 13px;
    letter-spacing: -1.5px;
}
#gameHow ul {
    padding-left: 49px;
    margin-top: 15px;
}
#gameHow ul li {
    font-family: 'Pretendard';
    font-size: 45px;
    color: #000;
    font-weight: 600;
    position: relative;
    letter-spacing: -1.2px;
    line-height: 76px;
}
#gameHow ul li:before {
    content: '';
    position: absolute;
    top: 21px;
    left: -48px;
    width: 38px;
    height: 37px;
    background: url(../images/gameHow/bullet.png);
    background-repeat: no-repeat;
    background-size: 100%;
}



/* print */
#printArea {
    position:absolute;
    top:0px;
    left:0px;
    width:1600px;
    height:900px;
    z-index:10;
    background: url(../images/preview/print-bg.png) no-repeat left top/contain;
    /* background: url(../images/preview/guide.png) no-repeat left top/contain; */
}
.popupBox .preview-header {
    position:relative;
    width:1520px;
    top:10px;
    left:0px;
    display:inline-block;
    height:115px;
}
.popupBox .preview-header .preview-header-title {
    position: relative;
    top: 19px;
    width: max-content;
    height: 63px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #282828;
    font-size: 48px;
    font-family: "BMJUA";
    /* padding-left: 78px; */
    margin: 0 auto;
    text-shadow: -4px 0px #fff, 0px 4px #fff, 4px 0px #fff, 0px -4px #fff;
    background: url(../images/preview/title-center.png) repeat left top/contain;
    padding: 0 5px;
}
.popupBox .preview-header .preview-header-title:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -10px;
    width: 13px;
    height: 63px;
    background-image: url(../images/preview/title-left.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.popupBox .preview-header .preview-header-title:after {
    content: '';
    position: absolute;
    top: 0px;
    right: -13px;
    width: 13px;
    height: 63px;
    background-image: url(../images/preview/title-right.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.popupBox .preview-header .preview-header-print {
    position:absolute;
    right:16px;
    top:17px;
    width:221px;
    height:69px;
    background:url(../images/preview/print-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    display:inline-block;
    cursor:pointer;
}
.popupBox .preview-header .close-btn {
    position:absolute;
    right: -51px;
    top: 24px;
    width:55px;
    height:55px;
    background:url(../images/preview/close-btn.png);
    background-repeat:no-repeat;
    background-size:100%;
    display:inline-block;
    cursor:pointer;
}


/* scroll */
.popupBox .scrollbar-outer{
    width:100%;
    height:87%;
}
.popupBox .scrollbar-outer .inner-content{width:100%;height:100%;}
.scrollbar-outer > .scroll-element .scroll-element_track{
    width: 35px;
    height: 761px;
    background:url(../images/preview/scrollbar-track.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    width: 34px;
    height: 193px !important;
    background:url(../images/preview/scroll-bar.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    width: 36px;
}
.popupBox .scroll-element div {
    left:auto;
}
.popupBox .scroll-element.scroll-y .scroll-element_outer {
    left:auto;
    right:0;
}
.popupBox .scroll-element.scroll-y {
    left: auto;
    top: 10px;
    right: 37px;
    width: 35px;
    height: 761px;
}
.popupBox .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left:0;
    max-height: 776px !important;
}
.popupBox .scroll-element_outer {
    overflow:visible;
}
.popupBox .scroll-bar {
    /* width:30px;
    border-radius:30px;
    right:3px;left:auto;
    background:#f8f8f8;
    border: 1px solid rgba(79,79,79,0.2);
    box-shadow:0 3px 3px rgba(0,0,0,0.2); */
}
.popupBox .scroll-bar:hover {background:#f8f8f8;}
.popupBox .scroll-element_track {left:auto;background:#b2b2b2;}
.popupBox .scroll-element .scroll-bar:before { width:28px; height:50%; border-radius:0 0 28px 28px; background:#ededed; top:auto; bottom:1px; left:1px;}



.scrollbar-outer > .scroll-element .scroll-btn-up {
    width: 36px;
    height: 30px;
    background-color: transparent;
    cursor: pointer;
}




/* table */
table {border-collapse: collapse; border-spacing: 0;margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.tablebox {
    overflow: hidden;
    width: 1422px;
    margin: 0 auto;
    border: 2px solid #000000;
    border-radius: 22px;
    margin-right: 108px;
    margin-bottom: 10px;
}
.tablebox table { width:100.2%;}
.tablebox table thead tr th {
    font-size: 35px;
    text-align: center;
    background: #66a5d5;
    height: 75px;
    letter-spacing: -0.025em;
    border-bottom: 5px solid #000;
    border-left: 2px solid #000;
    font-family: "KoPubWorldDotumPB";
    font-weight: normal;
    color: #282828;
    vertical-align: middle;
}
.tablebox table thead tr th:nth-child(2) {
    font-size: 25px;
}
.tablebox table tr td:nth-child(1) {
    padding: 20px 10px 16px;
    border-left: 0px;
}
.tablebox table tr td:nth-child(4),
.tablebox table tr td:nth-child(5) {
    padding: 20px 5px 16px;
}
.tablebox table thead tr th.first {border-left:0;}
.tablebox table tbody tr th,
.tablebox table tbody tr td { padding: 20px 20px 16px; font-size: 30px; line-height:40px; letter-spacing:-0.025em; text-align:center;font-family:"KoPubWorldDotumPM";border-top: 2px solid #000;}
.tablebox table tbody tr th { background: #fff; font-weight:normal;}
.tablebox table tbody tr td { border-left: 2px solid #000; background: #fff; vertical-align: middle; /* word-break: keep-all; */}
.tablebox table tbody tr td.cg { color: #000; vertical-align: middle;}
.tablebox table tbody tr td.ta_left { text-align:justify; padding: 20px 20px 16px !important;}
.tablebox table tbody tr td.ta_contract2 { letter-spacing:-0.04em;}
.tablebox table tbody tr.first th,
.tablebox table tbody tr.first td {border-top:0;}
.tablebox table tbody tr td .bin { display: inline-block; width:100px; }
.tablebox table tbody tr th.va-Top { word-break: keep-all; border-right: 2px solid #000; vertical-align: middle; }
.tablebox table tbody tr td:nth-child(3) {
    padding: 20px 0px 16px;
}

/* quizChampion */
#quizChampion {
    background:url(../images/champion/bg.png);
    background-repeat:no-repeat;
    background-size:100%;
}
#quizChampion .close-btn {
    width: 55px;
    height: 55px;
    background: url(../images/quiz/expand-close-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 30px;
    z-index: 1000;
}
#quizChampion .champion-ani {
    margin: 67px 0 0 200px;
}
#quizChampion .garland {
    width: 1502px;
    height: 261px;
    background: url(../images/champion/garland.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 33px;
    left: 51px;
}
#quizChampion .title {
    font-family: "OneMobilePop";
    color: #020202;
    font-size: 60px;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 95px;
}



#mCSB_1 {
    height: 771px;
}
.mCSB_inside>.mCSB_container {
    margin-right: 0;
}
#mCSB_1_scrollbar_vertical {
    right: 30px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    width: 35px;
    /* height: 761px; */
    height: 691px;
    background: url(../images/preview/scrollbar-track.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 31px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    box-shadow: initial;
}
#mCSB_1_scrollbar_vertical {
    right: 57px;
    top: 10px;
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: initial;
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: initial;
    width: 34px;
    height: 193px !important;
    background: url(../images/preview/scroll-bar.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 0px;
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: initial;
    background-repeat: initial;
    opacity: 0;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
#mCSB_1_dragger_vertical {
    height: 193px !important;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    width: 35px;
    height: 35px;
    background: url(../images/preview/up-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    width: 35px;
    height: 35px;
    background: url(../images/preview/down-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
    top: 718px;
}


.empty-wid {
    width: 20px;
    display: inline-block;
}