@charset "utf-8";

/**** sub 공통 ****/
/*subWrap*/
#subWrap{max-width: 1920px;margin: 120px auto 0;overflow: hidden}


/*style*/
.color--185ea6{color: #185ea6;}
.color--3b67b1{color: #3b67b1;}
.color--f30f60{color: #f30f60;}
.col--c61502{color: #c61502}
.col--0878f7{color: #0878f7;display: inline-block;margin-left:18px}

.ftWeight--bold{font-weight: 700;}
.verticalTop{vertical-align: top}

.margin0{margin: 0!important}
.marginTop0{margin-top:0px !important;}
.marginTop5{margin-top:5px !important;}
.marginTop10{margin-top:10px !important;}
.marginTop15{margin-top:15px !important;}
.marginTop20{margin-top:20px !important;}
.marginTop25{margin-top:25px !important;}
.marginTop30{margin-top:30px !important;}
.marginTop35{margin-top:35px !important;}
.marginTop40{margin-top:40px !important;}
.marginTop60{margin-top:60px !important;}

.marginLeft10{margin-left:10px !important;}
.marginLeft26{margin-left:26px !important;}
.marginLeft35{margin-left:35px !important;}

.marginBottom55{margin-bottom: 55px !important;}

.paddingLeft63{padding-left:63px !important;box-sizing: border-box;}
.paddingLeft48{padding-left:48px !important;box-sizing: border-box;}
.paddingLeft26{padding-left:26px !important;box-sizing: border-box;}
.paddingLeft20{padding-left:20px !important;box-sizing: border-box;}
.paddingLeft15{padding-left:15px !important;box-sizing: border-box;}
.paddingLeft10{padding-left:10px !important;box-sizing: border-box;}
.paddingLeft0{padding-left:0px !important;box-sizing: border-box;}


legend,
.sound_only{position: absolute;top: 0; left: 0;margin: 0 !important; padding: 0 !important;width: 1px !important;height: 1px !important;font-size: 0 !important; line-height: 0 !important;overflow: hidden;}
.textalign--left{text-align: left}
.borderBottom{max-width:545px;padding:7px 0 ;border-bottom: 1px solid #d0d0d1;}



/*sub__topWrap*/
.sub__topWrap{margin: auto; text-align: center;}
.sub__topWrap .sub__topInner{position: relative;}
.sub__topWrap .subVisual figure{height: 250px}
.sub__topWrap .menuTitle{position: absolute;bottom:0;left:0;width:248px;height: 120px;font-size:36px;line-height: 120px;color: #fff;font-weight: 500;text-align: center;/*background-color: #2451a4;*/border-radius: 10px;}
.sub__topWrap .breadWrap{height: 40px;background-color: #eff5f6;}
.sub__topWrap .breadWrap ul{float: right;}
.sub__topWrap .breadWrap ul li{position: relative;float: left;margin-right:26px;font-size:14px;line-height:40px;color: #707171;transform: rotate(-0.01deg);}
.sub__topWrap .breadWrap ul li:before{content: "";position: absolute;top:55%;right:-16px;transform:translateY(-50%);width:5px;height: 9px;background: url(/img/sub/bread__arrow.png) no-repeat center;}
.sub__topWrap .breadWrap ul li:last-child{margin-right: 23px;}
.sub__topWrap .breadWrap ul li:last-child:before{display: none;}
.sub__topWrap .breadWrap ul li.home figure{line-height: 40px;}



/*sub__container*/
.sub__container{margin: 50px auto 70px;}



/*lnbWrap*/
.sub__leftWrap{float: left;width:248px;}
.lnbWrap{width:100%;margin-bottom:50px;}
.lnbWrap ul{width:100%;border-top:1px solid #e0e0e0;}
.lnbWrap ul li{border-bottom:1px solid #e0e0e0;}
.lnbWrap ul li a{display: block;width: 100%;padding:0 20px;box-sizing:border-box;font-size:20px;line-height: 49px;color: #777777;transition:0.3s;}
.lnbWrap ul li:hover a,
.lnbWrap ul li:focus a{color: #0b5ef6}
.lnbWrap ul li.current a{color: #0b5ef6;background: url(/img/sub/lnb__arrow.png) no-repeat 93% 50%;}

.menuTitle{background-color: #2451a4}
.menuTitle2{background-color: #247a6f}
.menuTitle3{background-color: #1075ca}
.menuTitle4{background-color: #50a461}
.menuTitle5{background-color: #22867e}
.menuTitle6{background-color: #0e4d8d}
.menuTitle7{background-color: #0e4d8d}



/*leftBannerWrap*/
.leftBannerWrap{}
.leftBanner__cs{margin-bottom: 10px;}



/*linkWrap*/
.linkWrap{margin-top:10px;}
.linkWrap ul li{float: left;width:120px;height:56px;margin-right:8px;margin-bottom: 8px;border-radius: 8px;border:1px solid #e7e7e7;box-sizing:border-box;overflow: hidden;}
.linkWrap ul li:nth-child(2n){margin-right:0;}
.linkWrap ul li a{display:table;width:100%;height:100%;padding-left:15px;box-sizing:border-box;background-color: #f8f8f4}
.linkWrap ul li:nth-child(1) a,
.linkWrap ul li:nth-child(4) a{background-color: #f4f7f6}
.linkWrap ul li figure{display:table-cell;vertical-align: middle;height:100%;box-sizing: border-box;}
.linkWrap ul li:nth-child(odd) figure{width:31px;padding-right:16px;}
.linkWrap ul li:nth-child(even) figure{width:33px;padding-right:12px;}
.linkWrap ul li em {display:table-cell;vertical-align: middle;height:100%;font-size:16px;line-height: 1.3;color: #7c7c7c}



/*button--remote*/
.button--remote{position: fixed;top:50%;right:12px;}
.button--remote a{display: block;width: 100%;height: 100%;}



/*sub__title*/
.sub__contentsWrap{position: relative;float: left;width:calc(100% - 248px);padding-left:60px;box-sizing: border-box;}
.sub__title{position: relative;margin-bottom:36px;padding-bottom: 30px;font-size:36px;line-height:1;font-weight: 700;color: #030303;}
.sub1_2__contentsWrap .sub__title,
.sub1_4__contentsWrap .sub__title{margin-bottom:27px;}
.sub__title:before{content: "";position: absolute;bottom:0;left:0;width:80px;height: 4px;background-color: #000000;}



/*ceo 인사말*/
.ceo__topWrap figure{float: left;}
.ceo__topWrap .ceo__titleWrap{float: left;margin-left: 35px;}
.ceo__topWrap .ceo__titleWrap em{display: block;font-size: 28px;line-height:1;color: #3f4040}
.ceo__topWrap .ceo__titleWrap p{margin-top:24px;font-size: 24px;line-height:34px;color: #1c9ab1}

.ceo__bottomWrap{margin-top:27px;}
.ceo__bottomWrap p{margin-bottom:28px;font-size:18px;line-height:28px;color: #707070;font-weight: 300;letter-spacing: -0.055em;transform: rotate(-0.01deg);}
.ceo__bottomWrap p:last-of-type{margin-bottom: 0}

.ceo__name{position:relative;margin-top: 65px;padding-right: 143px;box-sizing: border-box;text-align: right}
.ceo__name span{display: inline-block;vertical-align: baseline;font-size:18px;color:#707070;}
.ceo__name span.name{font-size:24px;font-weight: 700;letter-spacing: 8px;}
.ceo__name figure{position:absolute;top:-10px;right:0;}



/*회사연혁*/
.history__tabWrap{position: relative;}
.history_tabTitle{border-bottom:1px solid #e0e0e0;}
.history_tabTitle ul li{position:relative;display: inline-block;height:49px;margin-right:30px;padding-bottom: 7px;font-size:24px;font-weight: 700;color: #6b7478;cursor: pointer;transition: 0.1s;}
.history_tabTitle ul li.tab_on{font-size:28px;color: #288bf1;}
.history_tabTitle ul li.tab_on:after{content: "";position: absolute;bottom: -5px;left:0;width:100%;height: 7px;background-color: #288bf1;}

.history_tabContents{width:100%;height: auto;padding-top:45px;box-sizing:border-box;}
.history_tabContents .history_tabContent{display: none;}
.history_tabContents .history_tabContent1{display: block;}

.history__year{float: left;width: 236px;margin-top:5px;font-size:58px;line-height:60px;color:#b9c1ca;}
.history__info{float: left;width:calc(100% - 236px);}
.history__info dl{margin-bottom:30px;}
.history__info dl:last-child{margin-bottom:0;}
.history__info dl dt{margin-bottom:3px;font-size:24px;line-height: 1;color:#57b6c8;font-weight: 900}
.history__info dl dd,
.history__info dl span{font-size:18px;line-height:28px;color:#707070;font-weight: 300;transform:rotate(-0.01deg)}
.history__info dl span{display: inline-block;margin-right:10px;}
.history__info dl dd .num{line-height:28px;font-weight: 700;color: #2c2c2c}



/*주요사업*/
.business__diagram{position: relative;height:222px;margin-bottom: 36px;}
.business__diagram ul li{position:absolute;top:-3px;left:-3px;display:table;width:222px;height:222px;background: url(/img/sub/diaBg1.png) no-repeat center;}
.business__diagram ul li:nth-child(2){left:170px;background: url(/img/sub/diaBg2.png) no-repeat center;}
.business__diagram ul li:nth-child(3){left:340px;}
.business__diagram ul li:nth-child(4){left:510px;background: url(/img/sub/diaBg3.png) no-repeat center;}
.business__diagram ul li:nth-child(5){left: 680px;}
.business__diagram ul li span{display: table-cell;vertical-align: middle;height: 100%;font-size:24px;line-height:30px;color:#288bf1;font-weight: 700;text-align: center;}
.business__diagram ul li:nth-child(2) span,
.business__diagram ul li:nth-child(4) span{color: #317cc9;}

.business__listWrap > ul > li{margin-bottom: 39px;}
.business__listWrap > ul > li:last-child{margin-bottom: 0;}
.business__listWrap > ul > li em{font-size:24px;line-height:1;color: #505050;font-weight:700;letter-spacing: -0.05em;}
.business__listWrap > ul > li .business__box{width:calc(100% - 54px);margin:25px 0 0 54px;padding:20px 30px;box-sizing:border-box;border-radius:15px;background-color: #f7f8f9}
.business__listWrap > ul > li .business__box li{font-size:20px;line-height:32px;color: #606060;}

.business__text{margin-top:15px;text-align: right;font-size:20px;letter-spacing:-0.03em;line-height:32px;color: #49a400;}



/*인증자료*/
.certification__content{margin-bottom: 17px;}
.certification__content .subheading{font-size:24px;color: #288bf1;font-weight:700;}
.certification__content ul{margin-top: 22px;}
.certification__content ul li{float: left;margin-right:24px;margin-bottom: 42px;}
.certification__content ul li:nth-child(3n){margin-right:0;}
.certification__content2 ul li:nth-child(4){margin-bottom:0;}
.certification__content ul li figcaption{margin-top:9px;font-size:18px;line-height: 26px;color:#606060;text-align: center}



/*오시는 길*/
.location__info{margin-top:29px;}
.location__info dl:nth-child(1){margin-bottom: 15px;}
.location__info dl dt{margin-bottom: 2px;font-size:22px;line-height: 1.2;color: #000000;font-weight: 700;}
.location__info dl dd{font-size:18px;line-height:28px;color: #707070;}
.location__info dl dd span:nth-child(1){display:inline-block;margin-right:14px;}



/*제품소개 > 공통 */
.product__intro{position:relative;}
.product__intro figure{float: left;width: 235px;}
.product__intro .product__info{float: left;width:calc(100% - 235px);padding-left: 30px;box-sizing:border-box;}
.product__intro .product__info .product__tile{font-size:28px;line-height:20px;font-weight: 700;color:#288bf1;}
.product__intro .product__info .product__tile span,
.product__intro .product__info .product__tile em{display: inline-block;margin-left:5px;line-height: 1;}
.product__intro .product__info .product__text{margin:10px 0 7px;font-size:22px;line-height:30px;color:#6b7478;letter-spacing: -0.05em;}
.product__intro .product__info .product__text .ex{font-size:18px;}
.product__intro .product__info .product__cost dl dt{display: inline-block;font-size:18px;line-height:24px;color:#2c2c2c;font-weight: 700;}
.product__intro .product__info .product__cost dl dd{display:inline-block;font-size:18px;line-height:24px;color:#6b6b6b;font-weight: 700;}

.sub2_3_1__contentsWrap .product__intro .product__info .product__cost dl,
.sub2_3_3__contentsWrap .product__intro .product__info .product__cost dl{float: left;margin-right:10px;}
.sub2_3_1__contentsWrap .product__intro .product__info .product__cost dl:last-child,
.sub2_3_3__contentsWrap .product__intro .product__info .product__cost dl:last-child{margin-right: 0;}

.product__demo{position:absolute;bottom:-4px;padding-left: 5px;box-sizing:border-box;}
.product__demo a{float: left;width: 65px;}
.product__demo p{float: left;width: calc(100% - 65px);padding:2px 0 0 7px;box-sizing:border-box;font-size:16px;line-height:20px;font-weight:500;color: #2c2c2c}
.product__demo p span{line-height: 20px;vertical-align: baseline}

.product__contents{margin-top: 35px;}

.product__contents .product__row{margin-bottom:43px;}
.product__contents .product__row2{margin-bottom: 13px;}
.product__contents .product__row:last-child,
.product__contents .product__row2:last-child{margin-bottom:0;}

.product__contents .product__row .product__rowTitle{display:block;margin-bottom:17px;font-size:24px;line-height:32px;font-weight: 700; color: #148bb9;}
.product__contents .product__row2 .product__rowTitle{margin-bottom:17px;}
.product__contents .product__row .product__rowText{font-size:18px;line-height:26px;font-weight: 300 !important;transform:rotate(-0.01deg); color: #707070;}
.product__contents .product__row .product__rowText p{margin-bottom: 15px;}
.product__contents .product__row .product__rowText p:last-child{margin-bottom: 0;}
.product__contents .product__row .product__rowText > ul{padding-left:20px;box-sizing:border-box;}
.product__contents .product__row .product__rowText2 > ul{padding-left:0}
.product__contents .product__row .product__rowText ul li{position: relative;padding-left:10px;}
.product__contents .product__row .product__rowText ul li:before{content: "";position: absolute;top:15px;left:0;width:5px;height: 1px;background-color: #707070;}

.product__contents .product__row .product__rowText ul.noneList li{padding-left: 0;}
.product__contents .product__row .product__rowText ul.noneList li:before{display: none;}

.product__contents .product__subCategory{margin-bottom:35px;padding-left:20px;box-sizing:border-box;}
.product__contents .product__rowTextBg .product__subCategory{margin-bottom:20px;padding-left: 0;}
.product__contents .product__subCategory:last-child{margin-bottom:0;}
.product__contents .product__subCategory strong{display:block;margin-bottom:5px;font-size:22px;font-weight: 700; color: #2c2c2c;}

.product__contents .product__row table{margin-top:22px;border:1px solid #d0d0d1;}
.product__contents .product__row table tr{border-bottom:1px solid #d0d0d1;}
.product__contents .product__row table tr th{font-size:22px; color: #2c2c2c;font-weight:700;background-color: #f8f9f9;border-right:1px solid #d0d0d1;}
.product__contents .product__row table tr td{padding:15px 12px 12px 20px;box-sizing:border-box;border-right:1px solid #d0d0d1;}
.sub2_2__contentsWrap .product__contents .product__row table{width: 100%;}
.sub2_2__contentsWrap .product__contents .product__row table.table--format1 tr td{padding: 20px 12px 12px 20px;text-align: center;}

.product__contents .product__row table{margin-bottom:8px;}
.sub2_3_4__contentsWrap .product__contents .product__row table{width: 100%;}
.sub2_3_4__contentsWrap .product__contents .product__row table tr td{padding: 23px 12px 28px 20px;}
.product__contents .product__row table tr td:last-child{border-right:0;}
.sub2_3_4__contentsWrap .product__contents .product__row table.table--format1 tr td{text-align: center}
.table--format2 th{line-height: 62px;}



/*제품소개 > 서버형 */
.product__description{margin-top:38px;}
.product__description ul li{position: relative;padding-left:10px;font-size:20px;line-height:30px;color: #3a3a3a;}
.product__description ul li:before{content: "";position: absolute;top:15px;left:0;width:5px;height: 1px;background-color: #3a3a3a;}

.product__contents .product__row .product__rowText.product__rowTextBg{margin-top: 25px;padding:27px 50px 27px 53px;box-sizing:border-box;background-color: #f2f6f6;border-radius: 15px;}



/*제품소개 > 특수형 */
.product__tabTitle{margin-bottom:50px;}
.product__tabTitle ul li{float: left;margin-right:4px;margin-bottom:4px;width:219px;}
.product__tabTitle ul li:last-child(4n){margin-right:0;}

.product__tabTitle ul li a{display:block;width:100%;font-size:22px;line-height: 46px;font-weight:500;color: #fff;text-align: center;background-color: #aeaeae;transition:0.3s;}
.product__tabTitle ul li:hover a,
.product__tabTitle ul li:focus a,
.product__tabTitle ul li.current a{background-color: #2161d6;}

.product__contents .product__row table.product__rowText__table{margin-top:35px;margin-left:10px;border:0;}
.product__contents .product__row table.product__rowText__table1{margin-top:0;}
.product__contents .product__row table.product__rowText__table2{margin-top:20px;}
.product__contents .product__row table.product__rowText__table thead tr{border-bottom:1px solid #d0d0d1;}
.product__contents .product__row table.product__rowText__table tbody tr{border-bottom:0;}
.product__contents .product__row table.product__rowText__table tr th,
.product__contents .product__row table.product__rowText__table tr td{padding: 0;font-size: 18px;color: #707070;font-weight: 300;transform:rotate(-0.01deg);background: none;border:0;text-align: left;}
.product__contents .product__row table.product__rowText__table tr th{padding-bottom:5px;}
.product__contents .product__row table.product__rowText__table tr td{padding-top:2px;}


.product__contents .product__row table.text--sty tr th,
.product__contents .product__row table.text--sty tr td{font-size:16px;line-height:25px;font-weight: 300;transform:rotate(-0.01deg);color: #1c1d1d;}


.title--brackets{margin:20px 0 10px}
.text--caution{margin:20px 0 5px !important;}
.methodBox .methodBox__title{margin-bottom:5px;font-size:20px;font-weight: 700;color: #2f7cbe;}

.text--sty{font-size:16px;line-height:25px;font-weight: 300;transform:rotate(-0.01deg);color: #1c1d1d;}

.product__borderBoxWrap{width:100%;padding:22px 23px;border:4px solid #ecf3f5;border-radius: 15px;box-sizing: border-box;transform:rotate(-0.005deg);}
.product__borderBoxWrap .product__borderBox{margin-bottom:50px;}
.product__borderBoxWrap .product__borderBox:last-child{margin-bottom: 0;}
.product__borderBoxWrap .product__borderBox .product__borderBox__title{font-size:22px;font-weight: 700;color: #2c2c2c;}
.product__borderBoxWrap .product__borderBox .product__borderBox__title2{font-size:20px;line-height:28px;font-weight: 700;color: #2f7cbe;}
.product__borderBoxWrap .product__borderBox .product__borderBox__contents {padding-left: 11px;box-sizing: border-box;font-weight: 300;transform:rotate(-0.01deg);}
.product__borderBoxWrap .product__borderBox .product__borderBox__contents dl dt{float: left;width:306px;}
.product__borderBoxWrap .product__borderBox .product__borderBox__contents dl dd{float: left;}

.product__borderBox table{margin-left:0 !important;}



/*고객현황*/
.searchBoard__tabTitle{margin-bottom: 50px}
.searchBoard__tabTitle ul li{float: left;width:92px;height: 46px;margin:0 4px 4px 0;font-size:22px;line-height: 46px;font-weight: 500;color:#fff;text-align:center;background-color: #aeaeae;cursor:pointer;transition:0.3s}
.searchBoard__tabTitle ul li.searchBoard__all{width:124px;height: 96px;margin-bottom: 0;line-height: 96px;background-color: #2161d6;}
.searchBoard__tabTitle ul li:nth-child(9),
.searchBoard__tabTitle ul li:nth-child(17){margin-right:0;}
.searchBoard__tabTitle ul li:nth-child(n+10){margin-bottom:0;}

.searchBoard__tabTitle ul li:hover{background-color: #2161d6}
.searchBoard__tabTitle ul li.searchBoard__all:hover{background-color: #454545}

.board__total{float:left;margin-top: 20px;font-size:16px;line-height: 1;color: #626262;vertical-align: baseline;}
.board__total em{display: inline-block;color: #367dff;line-height: 1;font-weight: 700;vertical-align: baseline;}

.searchbarWrap{float: right;}
.selectBox{float:left;margin-right:8px;position:relative;width:120px;height: 40px;}
.selectBox select{width: 100%;height:100%;padding:0 14px;font-size:16px;line-height: 38px;color: #908f8f;border:1px solid #c6c6c6;box-sizing:border-box;border-radius: 5px;background: url(/img/sub/arrow--select.jpg) no-repeat 90% 50%;cursor: pointer}
.selectBox select option{color: #908f8f;}
/*.selectBox p{padding:0 14px;font-size:16px;line-height: 38px;color: #908f8f;border:1px solid #c6c6c6;box-sizing:border-box;border-radius: 5px;background: url(/img/sub/arrow--select.jpg) no-repeat 90% 50%;cursor: pointer}*/
/*.selectBox .select__option{display:none;position: absolute;top:40px;left:0;right:0;width: 100%;height: auto;padding:10px 0;border:1px solid #c6c6c6;box-sizing:border-box;border-radius: 3px;}*/
/*.selectBox .select__option .option{padding:0 10px;box-sizing:border-box;font-size:16px;line-height: 1.9;color: #908f8f;transition:0.3s;cursor: pointer}*/
/*.selectBox .select__option .option:hover{color: #2161d6;}*/

.searchbar{float: left;width:336px;}
.searchbar .inputWrap{float: left;position:relative;width: calc(100% - 100px); height: 40px;margin-right:8px;}
.searchbar .inputWrap:before{content: "";position: absolute;top:50%;left:13px; transform: translateY(-50%);z-index:9;width:18px;height: 19px;background: url(/img/sub/icon--search.jpg) no-repeat center;overflow: hidden}
.searchbar .inputWrap input[type=text]{width: 100%; height: 100%;padding:0 10px 0 38px;box-sizing:border-box;font-size:18px;line-height: 38px;color:#606060;border:1px solid #c6c6c6;box-sizing:border-box;border-radius: 3px;overflow: hidden}
.searchbar .inputWrap input[type=text]::placeholder{font-size:16px;line-height: 38px;color:#908f8f !important;font-family: 'Noto Sans KR', sans-serif}
.searchbar .inputWrap input.placeholder{font-size:16px;line-height: 38px;color:#908f8f !important;font-family: 'Noto Sans KR', sans-serif}

.button--search{float: left;width:92px;height: 40px;text-align: center;background-color: #686767;border-radius: 2px;overflow: hidden}
.button--search input[type=submit]{ width: 100%; height: 100%;padding: 0;font-size:18px;line-height: 40px;font-weight:700;color:#fcfafa;text-align: center;font-family: 'Noto Sans KR', sans-serif !important;cursor: pointer;transition: 0.3s;}
.button--search input[type=submit]:hover{background-color: #2161d6}

.board__table{margin-top: 13px;border-bottom:1px solid #626262}
.board__table table{width: 100%;border-top:2px solid #a6a5a5;}
.board__table table thead tr{border-bottom: 1px solid #a6a6a6;}
.board__table table tbody tr{height: 57px;border-bottom: 1px solid #e9e7e7;}
.board__table table th{font-size:20px;line-height: 56px;color: #393939;font-weight: 700}
.board__table table td{padding:0 10px;box-sizing:border-box;font-size:18px;line-height: 1.3;color: #626262;text-align: center;word-break: keep-all;}
.board__table table td.textalign--left{text-align: left}
.board__table table tr:last-child td{border-bottom: 0}

.board__table table tr.tr--notice td{background-color: #f5f7f6;}
.board__table table tr.tr--notice td.subject a{position: relative;color: #ea1634;transition:0.3s}
.board__table table tr.tr--notice td.subject a:after{content: "Notice";position: absolute;top:50%;right:-55px;transform:translateY(-50%);width:45px;height:17px;font-size:10px;line-height:17px;color:#fff;text-align:center;border-radius:  4px;background-color: #00ade6;}

.board__table table tr.tr--notice td.subject:hover a{color: #f9455f}



/* 게시판 list*/
.listBoard__table table{width: 100%;}
.listBoard__table table tr td{text-align: center;}
.listBoard__table table tr td.subject{width: calc(100% - 390px);text-align: left;transition:0.3s;}
.listBoard__table table tr td.subject:hover a{color:#2161d6}
.listBoard__table table tr td.file{text-align: center}

.pageWrap{margin-top:40px;text-align: center}
.pageWrap ul li{display: inline-block;width:40px; height: 40px;border-radius: 2px;border:1px solid #cccccc;box-sizing:border-box;vertical-align: middle;cursor: pointer}
.pageWrap ul li.num{border:2px solid #3a3a3a;}
.pageWrap ul li.num a{font-size:18px;line-height:36px;color: #5d5c5c;text-align: center}
.pageWrap ul li.num_go{margin-right:2px;margin-left:2px;}
.pageWrap ul li.num_go a{font-size:18px;line-height:36px;color: #5d5c5c;text-align: center}
.pageWrap ul li.page__start{background: url(/img/sub/page__start.jpg) no-repeat center;}
.pageWrap ul li.page__prev{background: url(/img/sub/page__prev.jpg) no-repeat center;}
.pageWrap ul li.page__next{background: url(/img/sub/page__next.jpg) no-repeat center;}
.pageWrap ul li.page__finish{background: url(/img/sub/page__finish.jpg) no-repeat center;}



/*게시판 view*/
.board--viewWrap{margin-bottom: 40px}
.board--view__titleWrap{display: table;table-layout:fixed;width:100%;height: 59px;padding:0 20px;border-top:2px solid #a6a5a5; border-bottom:1px solid #a6a5a5;box-sizing: border-box}
.board--view__titleWrap .board--view__title{display:table-cell;vertical-align:middle;width:70%;height:100%;font-size:20px;color:#393939;line-height:1.3;font-weight: 700;}
.board--view__titleWrap .board--view__rightTexts{display:table-cell;vertical-align:middle;width:30%;height:100%;font-size:18px;color:#626262;text-align: right;}
.board--view__titleWrap .board--view__rightTexts .name{margin-right:30px;}

.board--view__contents .board--view__question{padding:32px 20px 30px;box-sizing: border-box;}
.board--view__contents .board--view__anwser{padding:30px 20px 38px;box-sizing: border-box;}
.board--view__contents .board--view__anwser{border-top:1px solid #e9e7e7;}
.board--view__contents dl dt{float: left;width:50px;font-size:27px;line-height:1;color:#393939;font-weight: 700;}
.board--view__contents dl dd{float: left;width:calc(100% - 50px);font-size:18px;line-height:1.444;color:#626262;}

.board--view__file{background-color: #f3f5f9;}
.board--view__direction{border-top:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6}
.board--view__file ul li{border-bottom: 1px solid #a6a6a6;}
.board--view__direction ul li{border-bottom: 1px solid #e9e7e7;}
.board--view__file ul li:last-child,
.board--view__direction ul li:last-child{border-bottom: 0;}

.board--view__file ul li,
.board--view__direction ul li{padding:0 20px;box-sizing: border-box;}

.board--view__file ul li em,
.board--view__direction ul li em{float: left;width:120px;font-size:18px;line-height:57px;color: #626262;font-weight: 500;transition:0.3s;}
.board--view__file ul li a,
.board--view__direction ul li a{float:left;display:block;width:calc(100% - 120px);font-size:18px;line-height:57px;color: #8d8d8e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:0.3s;}

.board--view__file ul li:hover a,
.board--view__direction ul li:hover a{color:#2161d6}

.board--view__file ul li a{padding-left:26px;box-sizing:border-box;background: url(/img/sub/icon--file2.png) no-repeat left center;}


.board--view__contents .board--view__contentsInner{padding:36px 20px 50px;box-sizing: border-box;}



/* 게시판 > reply */
.board--view__reply textarea{width: 100%;height: 230px;}
.board--view__reply textarea::placeholder{font-size: 18px;color: #a8a8a8;}
.board--view__reply textarea.placeholder,
.board--write__tableWrap .board--write__contents textarea.placeholder{font-size: 18px;color: #a8a8a8 !important;}



/* 게시판 write*/
.board--write__tableWrap{border-top:2px solid #a6a5a5;}
.board--write__tableWrap table{width:100%;}
.board--write__tableWrap table tr{width: 100%;border-bottom:1px solid #a6a6a6;box-sizing:border-box;}
.board--write__tableWrap table tr th{padding-left:25px;box-sizing:border-box;font-size:20px;color:#393939;font-weight:700;text-align:left;background-color: #f5f8f9;}
.board--write__tableWrap table tr td{padding:8px 0 8px 20px;box-sizing: border-box;}
.inputWrap{width: 100%;height: 42px;}
.inputWrap .bar{display:inline-block;width:7px;height:2px;margin:0 3px 5px 3px;background:#a2b8c7;}
.inputWrap input[type=text],
.inputWrap input[type=number],
.inputWrap input[type=email],
.inputWrap input[type=password]{padding:0 20px;box-sizing:border-box;width:100%;height: 100%;font-size:18px;line-height: 42px;color:#626262;border:1px solid #e7e8e8;border-radius: 5px;overflow: hidden}

.inputWrap input[type=text]::placeholder,
.inputWrap input[type=number]::placeholder,
.inputWrap input[type=email]::placeholder,
.board--write__tableWrap .board--write__contents textarea::placeholder{font-size:18px;font-family:'Noto Sans KR',sans-serif;color:#a8a8a8;vertical-align: middle;}

.board--write__tableWrap .board--write__contents textarea{width:100%;height:510px;border-radius: 5px;}

/* 게시판 write > file 업로드 custom*/
.board--write__file .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.board--write__file .filebox label {display: inline-block;width:105px; line-height: 42px;color: #fff; text-align: center;vertical-align: middle; background-color: #999999; cursor: pointer; border-radius: 5px;transition:0.3s}
.board--write__file .filebox label:hover{background-color: #2161d6;}

/* file upload */
.board--write__file .filebox .upload-name {display: inline-block;width: calc(100% - 116px); padding: 0 20px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;height: 42px;margin-right:7px;border:1px solid #e7e8e8;box-sizing:border-box;border-radius: 3px;overflow: hidden;font-size:18px;color: #a8a8a8;}
.board--write__file .filebox .upload-name-s {display: inline-block;width: calc(100% - 116px); padding: 0 20px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;height: 42px;margin-right:7px;border:1px solid #e7e8e8;box-sizing:border-box;border-radius: 3px;overflow: hidden;font-size:18px;color: #a8a8a8;}

/*게시판 write > 개인정보취급방침동의*/
.board--write__agreeBox{margin:30px 0 20px;}
.board--write__agreeBox em{margin-bottom:10px;font-size:20px;font-weight: 700;color: #000;}

.board--write__agreeBox div{width:100%;height:128px;margin-bottom: 13px;padding:10px 19px;font-size:18px;color: #a8a8a8;line-height: 26px; font-weight: 400;border:1px solid #e7e8e8;box-sizing: border-box;}
.board--write__agreeBox div p{margin-bottom: 25px}

/*checkbox custom*/
.agreeChcek{ position: relative;padding-left: 23px; cursor: pointer;font-size: 18px;color: #333333; -webkit-user-select: none;moz-user-select: none; -ms-user-select: none; user-select: none;}

.agreeChcek input[type=checkbox]{position: absolute; opacity: 0; cursor: pointer;height: 0;width: 0;}
.checkMark {position: absolute;top: 50%;left: 0;transform: translateY(-50%);height: 15px; width: 15px;border:1px solid #666666;box-sizing: border-box}
/*.container input:checked ~ .checkMark {background-color: #2196F3;}*/
.checkMark:after {content: "";position: absolute;display: none;}

/* cecked */
.agreeChcek input:checked ~ .checkMark:after {display: block;}
.agreeChcek .checkMark:after {top: -1px;left:-1px;width: 15px;height: 15px;background:#2274fb url(/img/sub/checkBox__bg2.png) no-repeat center;background-size: 10px;}



/*하단 버튼영역*/
.board__buttonWrap{text-align: right}
.button--sty1{display:inline-block;width:132px;height: 48px;margin-right: 4px;font-size:20px;line-height: 48px;font-weight: 700;color: #fff;text-align: center;transition: 0.3s;}

.buttonWrap{text-align: center;}
.button--sty2{display:inline-block;width:149px;height: 51px;margin-right: 9px;font-size:22px;line-height: 48px;font-weight: 500;color: #fff;text-align: center;border-radius:5px;transition: 0.3s;}

.button--sty3{display:inline-block;width:202px;height: 61px;font-size:24px;line-height: 61px;font-weight: 700;color: #fff;text-align: center;border-radius:10px;transition: 0.3s;}

.button--sty4{display:inline-block;width:160px;height: 61px;margin-right: 7px;font-size:24px;line-height: 61px;font-weight: 700;color: #fff;text-align: center;border-radius:10px;transition: 0.3s;}

.button--sty1:last-of-type,
.button--sty2:last-child,
.button--sty3:last-child,
.button--sty4:last-child{margin-right:0}

.button--sty1:hover,
.button--sty2:hover,
.button--sty3:hover,
.button--sty4:hover{ background-color: #454545;}

.bgc-558889{background-color: #558889;}
.bgc-545555{background-color: #545555;}
.bgc-66ba5a{background-color: #66ba5a;}
.bgc-227ea4{background-color: #227ea4;}
.bgc-999999{background-color: #999999;}
.bgc-6699ff{background-color: #6699ff;}
.bgc-50b473{background-color: #50b473;}
.bgc-838382{background-color: #838382;}
.bgc-c26849{background-color: #c26849;}
.bgc-76cc47{background-color: #76cc47;}
.bgc-8d8d8e{background-color: #8d8d8e;}
.bgc--35c4a7{background-color: #35c4a7;}
.bgc--5fa6f1{background-color: #5fa6f1;}
.bgc--8d8d8e{background-color: #8d8d8e;}



/*제품강의*/
.videoWrap ul li{float: left;width: 200px;margin-right:30px;margin-bottom: 30px;}
.videoWrap ul li:nth-child(4n){margin-right:0;}
.videoWrap ul li:last-child{margin-bottom: 0;}
.videoWrap ul li a{display: block;width: 100%;height: 100%;}
.videoWrap ul li figure figcaption{padding:11px 0 19px;font-size:18px;line-height:1.22;color: #626262;text-align: center;transition:0.3s;}
.videoWrap ul li:hover figure figcaption{color: #2161d6}



/* E 머니 충전*/
.emoneyWrap .emoneyBox{width:892px;height: 541px;border-radius: 15px;overflow: hidden}
.emoneyWrap .emoneyBox .emoneyBox__title{width:100%;height:90px;padding-top: 24px;box-sizing: border-box;text-align: center;background-color:#50a480}
.emoneyWrap .emoneyBox .emoneyBox__title strong{display:inline-block;margin-right:9px;font-size:26px;font-weight: 700;color: #99ff66;vertical-align: text-top;padding-top:3px;box-sizing: border-box}
.emoneyWrap .emoneyBox .emoneyBox__title figure{display: inline-block;vertical-align: middle;}

.emoneyBox__applyWrap{width:100%;padding:60px 0 42px 100px;border:1px solid #cccccc;box-sizing:border-box;border-radius: 0 0 15px 15px;overflow: hidden;}

.emoneyBox__row{margin-bottom:12px;}
.emoneyBox__row:last-child{margin-bottom:0;}
.emoneyBox__row .emoneyBox__row--th{float: left;width: 180px;height: 42px;margin-right:12px;padding-left:20px;box-sizing: border-box;font-size:20px;line-height:42px;font-weight: 700;color: #666666;background-color: #f7f8f9;}
.emoneyBox__row--td { float: left;width:500px; height: 42px;}

.emoneyBox__row--td select{ width: 100%; height: 100%;padding:0 20px;box-sizing:border-box;font-size:20px;line-height:40px; color: #707070;font-family: 'Noto Sans KR',sans-serif;letter-spacing: -0.05em;border:1px solid #e7e8e8;border-radius: 5px;background:url(/img/sub/hitpan__arrow.jpg) no-repeat 97% 50%}

.emoneyBox__row--td .inputWrap input[type=text]::placeholder,
.emoneyBox__row--td .inputWrap input[type=number]::placeholder,
.emoneyBox__row--td .inputWrap input[type=email]::placeholder{font-size:20px;color: #a4a3a3;}
.emoneyBox__row--td .inputWrap input[type=text].placeholder,
.emoneyBox__row--td .inputWrap input[type=number].placeholder,
.emoneyBox__row--td .inputWrap input[type=email].placeholder{font-size:20px;color: #a4a3a3;}

.sub6_1__buttonWrap{margin-top:38px;padding-right: 90px;box-sizing: border-box;}

.emoney__info{margin-top:10px;}
.emoney__info > em{margin-bottom:3px;font-size:22px;font-weight: 700;color:#010101 }
.emoney__info > p{padding-left: 25px;box-sizing: border-box;font-size:18px;line-height:26px;color:#333333 }
.emoney__info > p em{color: #1a77d9}



/*멤버쉽*/
.memberFindWrap{}
.memberFindWrap .member__row{margin-bottom: 58px;}
.memberFindWrap .member__row:last-child{margin-bottom: 0}
.member__row em{margin-bottom:11px;font-size:22px;color: #5a5959; font-weight: 700;}

.member__row .member__contents{padding:27px;box-sizing:border-box;background-color: #f4f7f9;border-radius: 15px;}
.member__row .inputWrap{max-width:500px;margin:0 auto 10px;}
.memberQuitWrap .member__row .inputWrap{max-width:520px;}
.member__row .inputWrap:last-child{margin-bottom: 0;}
.member__row .inputWrap label{float:left;width:110px;padding-right:53px;box-sizing:border-box;font-size:20px;line-height: 42px;font-weight:500;color:#5a5959;text-align: right;}
.memberQuitWrap .member__row .inputWrap label{width:125px;}
.member__row .inputWrap input{float:left;max-width:387px;}
.inputWrap__email li{display: inline-block;height: 42px;}
.member__row .inputWrap__email li.email1{width: 160px;}
.inputWrap__email li.email2{margin: 0 9px;line-height: 42px;}
.member__row .inputWrap__email li.email2{margin: 0 9px;line-height: 42px;vertical-align: top;}
.member__row .inputWrap__email li.email3{width: 187px;}

.infoText{margin-top:5px;font-size:16px;color: #707070}

.memberFind__buttonWrap,
.memberQuit__buttonWrap{margin-top: 24px;}
.member__row:last-child .buttonWrap{margin-top: 34px;}

.register__buttonWrap,
.memberModify__buttonWrap{margin-top:40px}
.buttonWrapC1{margin-top:20px}



/* 회원정보 수정 */
.necessary{position: relative;}
.necessary:after{content: "*";position: absolute;top:-2px;right:-13px;font-size:20px;color:#00aeef;font-weight: 700; }

.member__id,
.inputWrap input[type=text]:valid,
.inputWrap input[type=text]::placeholder,
.inputWrap input[type=password]::placeholder{font-size:18px;line-height: 40px;color: #a8a8a8;letter-spacing: -0.05em;font-weight: 400;font-family: 'Noto Sans KR', sans-serif}
.inputWrap input.placeholder{font-size:18px;line-height: 40px;color: #a8a8a8 !important;letter-spacing: -0.05em;font-weight: 400;font-family: 'Noto Sans KR', sans-serif}
.login__contentsWrap .inputWrap input.placeholder{font-size:20px;line-height: 54px;}
.member__id{padding-left: 20px;box-sizing: border-box}

.inputWrap__address li{margin-bottom: 8px;}
.inputWrap__address li:last-child{margin-bottom: 0;}

.inputWrap__address li.address1 .inputWrap{float: left;width: 570px;margin-right:10px;}
.button--dcheck,
.inputWrap__address li.address1 .button--findAddress{display:inline-block;float: left;width: 120px;height: 42px;line-height: 42px;font-size:18px;font-weight: 700;color: #fbfcfc;text-align: center;letter-spacing: -0.05rem;font-family: 'Noto Sans KR',sans-serif;background-color: #a8a9a9;border-radius: 5px;cursor: pointer;transition:0.3s}
.button--dcheck:hover,
.inputWrap__address li.address1 .button--findAddress:hover{background-color: #454545;}

.inputWrap__tel li{position:relative;float: left;width:100px;height: 42px;}
.inputWrap__tel li.tel2{margin:0 28px;}
.inputWrap__tel li.tel2:before{content: "";position: absolute;top:50%;left:-20px;width:13px; height: 1px;background-color: #e7e8e8;}
.inputWrap__tel li.tel2:after{content: "";position: absolute;top:50%;right:-20px;width:13px; height: 1px;background-color: #e7e8e8;}
.inputWrap__email li.email1{width:239px}
.inputWrap__email li.email3,
.inputWrap__email li.email4{width:190px;}
.inputWrap__tel li.tel1 select,
.inputWrap__email li.email4 select{width: 100%; height: 100%;padding-left:20px;border:1px solid #e7e8e8;border-radius: 5px;font-size:18px;color: #a8a8a8;line-height: 40px;letter-spacing: -0.05rem;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box; background: url(/img/sub/member__arrow.jpg) no-repeat 90% 50%;}


/*회원가입*/
.inputWrap__id{ float: left;width:570px;margin-right:10px;}



/*회원가입 완료*/
.resisterFinishWrap{margin-top:70px;text-align: center}
.resisterFinishWrap p{font-size:26px;line-height: 34px; color: #358ff4;font-weight: 700;text-align: center;}
.resisterFinishWrap .button--login{display: inline-block;margin-top:65px;}



/*로그인*/
.loginWrap{width:460px;margin:auto;}
.loginWrap .inputWrap{height: 56px;margin-bottom: 16px;}
.loginWrap .inputWrap input[type=text]::placeholder,
.loginWrap .inputWrap input[type=password]::placeholder{font-size:20px;}

.loginWrap .button--login{width:100%;height: 60px; margin: 0;font-size:24px;line-height: 60px;color: #fefcfc;    font-family: 'Noto Sans KR', sans-serif !important; }

.login__bottomWrap{margin-top:7px;text-align: right}
.login__bottomWrap ul li{position: relative;display: inline-block;margin-right:20px;}
.login__bottomWrap ul li:after{content: ""; position: absolute;top:8px;right:-13px;width: 1px;height: 15px; background-color: #a8a8a8;}
.login__bottomWrap ul li:last-child{margin-right: 7px}
.login__bottomWrap ul li:last-child:after{display: none;}
.login__bottomWrap ul li a{font-size:16px;color: #a8a8a8;transition: 0.3s;}
.login__bottomWrap ul li:hover a{ color: #2161d6;}



/*회원가입 동의*/
.registerAgree__content1{padding:18px 25px;box-sizing:border-box;border-radius: 15px;background-color: #f2f6f6;transform:rotate(-0.01deg);}
.registerAgree__content1 p{margin-bottom: 13px;font-size:18px;line-height: 24px;color: #808080;}
.registerAgree__content1 p:last-child{margin-bottom: 0;}

.registerAgree__content2{margin:30px 0;border:1px solid #d0d0d1}
.registerAgree__content2 em{font-size:20px;line-height: 49px;font-weight: 700;color: #2c2c2c;text-align:center;border-bottom: 1px solid #d0d0d1;}
.registerAgree__content2 > div{padding:20px 0 28px 240px;box-sizing: border-box;}
.registerAgree__content2 > div ul li{font-size:18px;line-height: 26px;font-weight: 300;color: #707070;transform:rotate(-0.01deg)}

.registerAgree__content3 .agreeBox{margin-bottom: 27px;}
.registerAgree__content3 .agreeBox:last-child{margin-bottom: 0;}

.registerAgree__content3 .agreeBox .agreeChcek{padding-left: 40px;}
.registerAgree__content3 .agreeBox .agreeChcek p{margin-bottom:14px;font-size:22px;line-height:26px;font-weight: 700;color: #5e5e5e;}
.registerAgree__content3 .agreeBox .agreeChcek .necessaryText{font-size:20px;line-height:26px;font-weight: 400;color: #2274fb;vertical-align: top;}

.registerAgree__content3 .agreeBox .agreeChcek .checkMark{width:26px;height: 26px;border:2px solid #999a9a;background: url(/img/sub/checkBox__bg.png) no-repeat center;border-radius:3px;vertical-align: middle;box-sizing: border-box;}

.registerAgree__content3 .agreeBox .agreeChcek .checkMark:after {top: -2px;left: -2px;width: 26px;height: 26px; z-index: 9;background:#2274fb url(/img/sub/checkBox__bg2.png) no-repeat center;border-radius:3px;}

.registerAgree__content3 .agreeBox textarea{height: 300px;padding: 18px 35px;border:1px solid #d0d1d1;font-size:16px;line-height:22px;font-weight: 300; color: #807f7f;transform:rotate(-0.01deg)}

.registerAgree__buttonWrap{margin-top: 22px;}



/*팝업 공통*/
.popWrap{display:none;position: fixed;top:0;left:0;right:0;bottom: 0;
    z-index: 999999;width:100%; height: 100%;background-color: rgba(0,0,0,0.6);}

.popWrap .popInner{position: absolute;top:50%;left:59%;transform:translate(-50%, -50%);width:700px; height: 369px;padding:20px 30px;box-sizing: border-box; background-color: #fff;border-radius: 20px;}
.popWrap .popInner.pop--termsInner{left:50%;width:800px; height: 656px;padding:0;border-radius: 0;}
.popWrap .popInner .button--closePop{position: absolute;top:20px;right:30px;cursor: pointer;}
.popWrap.pop--termsWrap .popInner .button--closePop{top:30px;right:40px;}

.popWrap .popInner .popContents .pop__title{font-size:24px;line-height: 1;font-weight: 700;color: #3a3a3a;}
.popWrap .popInner.pop--termsInner .popContents .pop__title{padding: 29px 44px 25px;font-size:28px;line-height: 1;font-weight: 500;color: #444444;border-bottom: 1px solid #1e1e1e;box-sizing: border-box}

.popWrap .popInner .popContents .pop--addressInfo{margin:11px 0 15px;}
.popWrap .popInner .popContents .pop--addressInfo li{font-size:16px;color: #757676;font-weight: 300;transform:rotate(-0.03deg)}
.popWrap .popInner .popContents .pop--addressSearch em{display: inline-block;width:223px;font-size:16px;line-height: 38px;color: #707070;text-align: center; background-color: #f7f8f9;}
.popWrap .popInner .popContents .pop--addressSearch .pop__inputWrap{display: inline-block; width: 317px; height: 38px;margin: 0 6px;font-size: 16px;color: #626262;}
.popWrap .popInner .popContents .pop--addressSearch .button--popSearch{display: inline-block;width:80px;font-size:16px;line-height: 38px;color: #fff;font-weight:500;text-align: center; background-color: #6386b2;border-radius: 5px;transition:0.3s;cursor: pointer;    vertical-align: top;}
.popWrap .popInner .popContents .pop--addressSearch .button--popSearch:hover{background-color: #454545;}

.popWrap .popInner .popContents table{width: 100%;margin-top:18px;border-bottom: 1px solid #cdd9da;}
.popWrap .popInner .popContents table thead{border-top:2px solid #cdd9da;border-bottom:2px solid #cdd9da;}
.popWrap .popInner .popContents table th{padding-left: 0;font-size:16px;line-height:39px;color: #707070;font-weight:500;text-align: center;background-color: #eff5f6;border-right:1px solid #d9e5e6;}
.popWrap .popInner .popContents table td{padding: 12px 20px;;font-size:16px;color: #707070;border-right:1px solid #d9e5e6;}
.popWrap .popInner .popContents.pop--addressContents table td{
    padding: 12px 0;}
.popWrap .popInner .popContents table td.textalign--center{text-align: center;}

.popWrap .popInner .popContents table th:last-child,
.popWrap .popInner .popContents table td:last-child{border-right: 0}

.address__mark{display: inline-block;width:43px;margin-right:22px;line-height: 17px;font-size:12px;color: #f9fbfb;font-weight:700;text-align: center;background-color: #9bd2d9;border-radius: 3px;}
.address__mark2{background-color: #9bbfd9;}

.popWrap .pageWrap {margin-top: 20px;}


.pop--termsText{height:585px;padding:30px 0 50px 40px; box-sizing: border-box;font-size:16px;line-height:22px;color: #444444;}

.mCSB_inside>.mCSB_container {margin-right: 50px !important;}

.mCSB_scrollTools{right: 4px !important;width: 8px !important;background: #d9d9d9 !important;}
.mCSB_scrollTools .mCSB_dragger,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px !important;height: 83px !important;background-color: #999999 !important;}
.mCSB_scrollTools .mCSB_draggerRail {width: 8px !important; height: 500px !important;border-radius: 0 !important;background-color: #cccccc !important;}