/* 공용 */
#wrap{max-width:1920px; width:100%; margin:0 auto;padding: 130px 0 100px;background: var(--main-bg01);}
#wrap .inner{width: 1420px;margin: 0 auto;max-width: 100%;}
.mo{display:none;}

@media screen and (max-width:1400px) {
#wrap .inner{padding: 0 20px;} 
}

header{width:1420px; max-width:100%; height:100px; margin:0 auto; display:flex; align-items: center; justify-content: space-between; position:relative; z-index: 2;}

nav{margin:0 20px;}
nav > ul{display:flex; align-items: center;gap:60px;}
nav > ul > li > a{font-size:1.8rem; font-weight: 500;transition: .3s;}
nav > ul > li:hover > a{color: #0EB0C6;}

header > .leftArea{height:100%; display: flex; align-items: center;}
header > .leftArea > .pc{display:flex; align-items: center; justify-content: space-between;gap:5px;}
header > .leftArea > .pc > ul{display:flex; align-items: center;gap:15px;}
header > .leftArea > .pc > ul > li{font-size:14px;}
header > .leftArea > .pc > ul > li:nth-child(2) a{display: block;padding: 0 17px;line-height: 34px; border-radius: 10px;background: var(--main-color01);font-weight: 700;color: #fff;}

header > .leftArea .img_box{width: 40px;}
header > .leftArea .img_box .btnIcon{position:relative; width:100%; padding-bottom:100%;border-radius: 50%;overflow:hidden;}
header > .leftArea .img_box .btnIcon img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}

header > .leftArea > .mo{display:none; align-items: center; height: 100%;}
header > .leftArea > .mo > .btnIcon{width:30px; height: 30px; border-radius: 50%; background-image:url(../images/m_user.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-right:1.5rem;}
header > .leftArea > .mo > .navBtn{padding-left:10px;padding-right: 10px; height:100%; display: flex; align-items: center; }
header > .leftArea > .mo > .navBtn > ul{width:25px; height:25px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
header > .leftArea > .mo > .navBtn > ul > li{width:100%; height:2px; background:#111; transition: all 0.5s;}
header > .leftArea > .mo > .navBtn.on > ul{justify-content: center;}
header > .leftArea > .mo > .navBtn.on > ul > li{width: 33.36px; transition: all 0.5s;}
header > .leftArea > .mo > .navBtn.on > ul > li:first-child{transform:rotate(45deg) translateY(1px); transform-origin: center center;}
header > .leftArea > .mo > .navBtn.on > ul > li:last-child{transform:rotate(-45deg) translateY(-1px); transform-origin: center center;}
header > .leftArea > .mo > .navBtn.on > ul > li:nth-of-type(2){display:none;}

.mo_navWrap{position:fixed; background:#fff; z-index: 10; left:0px; right:0; top:95px; bottom:0; display: none;}
.mo_navWrap div{display: flex; flex-direction: column;}
.mo_navWrap div > a{font-size:15px; padding:15px 30px; font-weight: 500; border-bottom:1px solid #bbb;}

/* 메인 */

/* 공통 */
h2.tit_st01{font-size: 44px;font-weight: 800;text-align: center;margin-bottom: 55px;}
h2.tit_st01 span{color: var(--main-color02);}

a.more_btn{display: block;position: absolute;bottom: 0;right: 0;width: 250px;line-height: 70px;font-size: 18px; border-radius: 40px 0 40px 0;font-weight: 800;text-align: center; color: #fff; background: var(--main-bg02);}
a.more_btn:after{content:'';position: absolute;left: -40px;bottom: 0;width: 40px;height: 40px;background: url(/common/user/images/main_ico04.png);background-size: cover;}
a.more_btn:before{content:'';position: absolute;right: 0px;top: -40px;width: 40px;height: 40px;background: url(/common/user/images/main_ico04.png);background-size: cover;}


/* section01 */
#section01{line-height: 1;color: #000;}
#section01 .con_wrap{display: flex;justify-content: space-between;}
#section01 .con_box{position: relative; border-radius: 40px;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);overflow: hidden;}
#section01 .left_wrap{padding: 75px 43px 140px;width: 450px;}
#section01 .left_wrap .txt{margin-bottom: 35px;}
#section01 .left_wrap .txt p{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 20px;}
#section01 .left_wrap .txt strong{font-size: 36px;font-weight: 800;line-height: 48px;}
#section01 .left_wrap .txt strong span{color: var(--main-color02);}
#section01 .left_wrap ul li{line-height: 80px;border-radius: 20px;background: #f9fafb;font-size: 22px;text-align: center;margin-bottom: 10px;}
#section01 .left_wrap ul li:last-child{margin-bottom: 0;}
#section01 .left_wrap ul li span{color: var(--main-color03);}

#section01 .right_wrap{display: flex;flex-direction: column;justify-content: space-between; width: calc(100% - 480px);}
#section01 .right_wrap .con_box01{display: flex;align-items: center;justify-content: space-between; padding: 0 30px 0 50px;height: 120px;}
#section01 .right_wrap .con_box01 .left_box{display: flex;align-items: center;height: 100%;width: 100%;}
#section01 .right_wrap .con_box01 .left_box .tit{width: 170px;font-size: 42px;font-weight: 800;}
#section01 .right_wrap .con_box01 .left_box .notice_slide{width: calc(100% - 170px);overflow:hidden;height: 100%;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li{display: flex;align-items: center;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a{display: flex;width: 100%; align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a .txt{display: flex;width: calc(100% - 90px); align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a p{font-size: 20px;width: calc(100% - 150px); font-weight: 600;white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a span{font-size: 16px;color: #797979;font-weight: 500;}

#section01 .right_wrap .con_box02{padding: 30px 65px 102px 50px;height: 495px;}
#section01 .right_wrap .con_box02 .tit_box{display: flex;align-items: flex-end;gap:25px;margin-bottom: 40px;}
#section01 .right_wrap .con_box02 .tit_box span{font-size: 22px;font-weight: 500;}
#section01 .right_wrap .con_box02 .tit_box p{font-size: 20px;font-weight: 500;color: #333;}
#section01 .right_wrap .con_box02 .content_slide{width: 100%;overflow: hidden;padding: 15px 0;}
#section01 .right_wrap .con_box02 .content_slide ul li{position: relative;}
#section01 .right_wrap .con_box02 .content_slide ul li a{display: block;padding: 20px 20px 25px 20px;border-radius: 20px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.07);transition: .3s;height: 270px;}
#section01 .right_wrap .con_box02 .content_slide ul li:hover a{transform: translateY(-10px);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01{display: flex;align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt{display: flex;gap:5px;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p{padding: 0 13px;border-radius: 13px;line-height: 26px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p.status01{background: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p.status02{background: #000;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 span{font-size: 20px;font-weight: 800;color: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box02{font-size: 20px;font-weight: 700;line-height: 25px;height: 50px;margin: 35px 0 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt{display: flex;gap:5px;margin-bottom: 10px;font-size: 15px;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt:last-child{margin-bottom: 0;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt span{color: #797979;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt p{font-weight: 700;}
#section01 .right_wrap .con_box02 .content_slide ul li .link_btn{display: block;position: absolute;right: 20px;bottom: 25px;width: 28px;height: 28px;transition:.3s; background: url(/common/user/images/main_ico02.png);background-size: cover;}
#section01 .right_wrap .con_box02 .content_slide ul li:hover .link_btn{background: url(/common/user/images/main_ico03.png);background-size: cover;transform: scale(1.2);}


/* footer */
footer{padding: 60px 0 25px;line-height: 1;}
footer .inner{width: 1420px;margin: 0 auto;max-width: 100%;}
footer .footer_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
footer .footer_top ul{display: flex;gap:20px;}
footer .footer_top ul li a{font-size: 14px;font-weight: 500;transition: .3s;}
footer .footer_top ul li a:hover{color: #0EB0C6;}
footer .footer_bot ul{display: flex;gap:3px 15px;flex-wrap:wrap;width: 470px;margin-bottom: 40px;}
footer .footer_bot ul li{font-size: 16px;color: #797979;font-weight: 500;}
footer .footer_bot ul li:last-child{width: 100%;}
footer .footer_bot .copy_new{font-size: 16px;font-weight: 600;color: #333;}

@media screen and (max-width:1400px) {
footer .inner{padding: 0 20px;} 
}


section > .itemArea{max-width:1280px; width:100%; margin:0 auto; padding:0 40px;}
section > .itemArea.flexBox{display:flex;}
section + section{margin-top:10rem;}


/* sub */

/* 공통 */
.sub_tit_box{margin-bottom: 60px;}
.sub_tit_box p{font-size: 24px;color: #333;text-align: center;margin-bottom: 30px;}
.sub_tit_box h2{margin-bottom: 0;}

/* 버튼 스타일 */
.btn_st01{display: block;line-height: 80px;width: fit-content;margin: 0 auto; padding: 0 40px;font-size: 22px;font-weight: 800;color: #fff; border-radius: 20px;background:var(--main-bg02);}

/* 서비스소개 */ 
#wrap.service_wrap{padding-bottom: 0;}
.service_wrap{color: #000;line-height: 1;}
.service_wrap .con_wrap01{margin-bottom: 120px;}
.service_wrap .con_wrap01 ul{display: flex;justify-content: space-between;}
.service_wrap .con_wrap01 ul li{position: relative;width: calc((100% - 70px)/3);padding: 80px 45px 160px 45px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);border-radius: 40px;background: #fff;}
.service_wrap .con_wrap01 ul li span{font-weight: 700;color: #11d3d1;}
.service_wrap .con_wrap01 ul li:nth-child(2) span{color: #08d4e6;}
.service_wrap .con_wrap01 ul li:nth-child(3) span{color: #0db3f8;}
.service_wrap .con_wrap01 ul li .txt_box01{margin-bottom: 50px;font-size: 26px;}
.service_wrap .con_wrap01 ul li .txt_box02{margin-bottom: 70px;}
.service_wrap .con_wrap01 ul li .txt_box02 p{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 15px;}
.service_wrap .con_wrap01 ul li .txt_box02 strong{font-weight: 800;font-size: 36px;line-height: 48px;letter-spacing: -2px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt{display: flex;gap:8px;align-items: center;margin-bottom: 23px;letter-spacing: -1px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt:last-child{margin-bottom: 0;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt p{font-size: 22px;font-weight: 500;}
.service_wrap .con_wrap01 ul li:nth-child(2) a{background: #08d4e6;}
.service_wrap .con_wrap01 ul li:nth-child(2) a:after{background: url(/common/user/images/service_ico05.png);}
.service_wrap .con_wrap01 ul li:nth-child(2) a:before{background: url(/common/user/images/service_ico05.png);}
.service_wrap .con_wrap01 ul li:nth-child(3) a{background: #0db3f8;}
.service_wrap .con_wrap01 ul li:nth-child(3) a:after{background: url(/common/user/images/service_ico06.png);}
.service_wrap .con_wrap01 ul li:nth-child(3) a:before{background: url(/common/user/images/service_ico06.png);}

.service_wrap .con_wrap02{display: flex; height: 900px;align-items: center;flex-direction: column;text-align: center; justify-content: center;color: #fff; background: url(/common/user/images/service_bg01.jpg);background-attachment: fixed; }
.service_wrap .con_wrap02 p{font-size: 36px;margin-bottom: 15px;}
.service_wrap .con_wrap02 strong{display: block; font-size: 70px;font-weight: 800;line-height: 95px;}


@media screen and (max-width:1400px) {
#wrap.service_wrap{padding-bottom: 0;}
.service_wrap{color: #000;}
.service_wrap .con_wrap01{margin-bottom: 100px;}
.service_wrap .con_wrap01 ul{display: flex;justify-content: space-between;}
.service_wrap .con_wrap01 ul li{position: relative;width: calc((100% - 40px)/3);padding: 60px 25px 140px 25px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.1);border-radius: 35px;background: #fff;}
.service_wrap .con_wrap01 ul li span{font-weight: 700;color: #11d3d1;}
.service_wrap .con_wrap01 ul li:nth-child(2) span{color: #08d4e6;}
.service_wrap .con_wrap01 ul li:nth-child(3) span{color: #0db3f8;}
.service_wrap .con_wrap01 ul li .txt_box01{margin-bottom: 40px;font-size: 23px;}
.service_wrap .con_wrap01 ul li .txt_box02{margin-bottom: 60px;}
.service_wrap .con_wrap01 ul li .txt_box02 p{font-size: 21px;color: #333;font-weight: 500;margin-bottom: 15px;}
.service_wrap .con_wrap01 ul li .txt_box02 strong{font-weight: 800;font-size: 33px;line-height: 45px;letter-spacing: -2px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt{display: flex;gap:8px;align-items: center;margin-bottom: 20px;letter-spacing: -1px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt:last-child{margin-bottom: 0;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt p{font-size: 19px;font-weight: 500;}
.service_wrap .con_wrap01 ul li:nth-child(2) a{background: #08d4e6;}
.service_wrap .con_wrap01 ul li:nth-child(2) a:after{background: url(/common/user/images/service_ico05.png);}
.service_wrap .con_wrap01 ul li:nth-child(2) a:before{background: url(/common/user/images/service_ico05.png);}
.service_wrap .con_wrap01 ul li:nth-child(3) a{background: #0db3f8;}
.service_wrap .con_wrap01 ul li:nth-child(3) a:after{background: url(/common/user/images/service_ico06.png);}
.service_wrap .con_wrap01 ul li:nth-child(3) a:before{background: url(/common/user/images/service_ico06.png);}

.service_wrap .con_wrap02{display: flex; height: 900px;align-items: center;flex-direction: column;text-align: center; justify-content: center;color: #fff; background: url(/common/user/images/service_bg01.jpg);background-attachment: fixed; }
.service_wrap .con_wrap02 p{font-size: 33px;margin-bottom: 15px;}
.service_wrap .con_wrap02 strong{display: block; font-size: 67px;font-weight: 800;line-height: 90px;}
}

@media screen and (max-width:1150px) {
.service_wrap .con_wrap01 ul li .txt_box02{margin-bottom: 40px;}
.service_wrap .con_wrap01 ul li .txt_box02 strong{font-size: 28px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt img{width: 26px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt p{font-size: 16px;}

}

/* 이용방법 */
.menual_wrap{line-height: 1;letter-spacing: -1px;}
.menual_wrap .tab_menu_wrap{display: flex;gap:70px;justify-content: center;}
.menual_wrap .tab_menu_wrap a{position: relative; width: 43%;line-height: 80px;border-radius: 30px 40px 0 0;background: #e5e5e5;padding-left: 40px; font-size: 24px;transition: .3s;color: #797979;font-weight: 500;}
.menual_wrap .tab_menu_wrap a.on{background: #fff;color: #000;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.04);}
.menual_wrap .tab_menu_wrap a.on span{color: var(--main-bg02);}
.menual_wrap .tab_menu_wrap a:after{content:'';position: absolute;left: -40px;bottom: 0;width: 40px;height: 40px;background: url(/common/user/images/manual_ico03.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a.on:after{background: url(/common/user/images/manual_ico01.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a:before{content:'';position: absolute;right: -40px;bottom: 0;width: 40px;height: 40px;background: url(/common/user/images/manual_ico04.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a.on:before{background: url(/common/user/images/manual_ico02.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a span{font-weight: 700;}

.menual_wrap .tab_container{position: relative; padding: 90px 60px 115px;border-radius: 40px;background: #fff;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.04);}
.menual_wrap .tab_con01 .txt_wrap{margin-bottom: 75px;}
.menual_wrap .tab_con01 .txt_wrap p{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 15px;} 
.menual_wrap .tab_con01 .txt_wrap strong{display: block; font-size: 36px;font-weight: 800;line-height: 48px;}
.menual_wrap .tab_con01 .txt_wrap strong span{color: var(--main-color02);}
.menual_wrap .tab_con01 .txt_wrap strong b{position: relative;z-index: 1;}
.menual_wrap .tab_con01 .txt_wrap strong b:after{content:'';position: absolute;bottom: -1px;left: 50%;z-index: -1; transform: translateX(-50%);width: 260px;height: 30px;background: #e3f8f8;}
.menual_wrap .tab_con01 ul.con_list{display: flex;gap:35px;margin-bottom: 70px;flex-wrap:wrap;}
.menual_wrap .tab_con01 ul.con_list li{position: relative; width: calc((100% - 105px)/4);height: 280px;border-radius: 20px;padding: 150px 40px 0 40px;background: #f9fafb; box-shadow: 1px 1px 10px 0px rgba(0,0,0,.1);}
.menual_wrap .tab_con01 ul.con_list li img{position: absolute;top: 45px;left: 40px;}
.menual_wrap .tab_con01 ul.con_list li strong{font-size: 24px;}
.menual_wrap .tab_con01 ul.con_list li p{font-size: 18px;font-weight: 500;color: #333;margin-top: 15px;line-height: 25px;}
.menual_wrap .tab_con01 .btn_st01{margin-bottom: 120px;color: #fff;}


/* Q&A*/
.question_wrap{line-height: 1;}
.question_wrap h3{font-size: 36px;font-weight: 800;margin-bottom: 30px;}
.question_wrap ul{border-top: 2px solid #000;}
.question_wrap ul li{position: relative; padding: 30px 130px 35px 40px;border-bottom: 1px solid #ddd;}
.question_wrap ul li button{display: flex;align-items: flex-start;width: 100%;text-align: left;}
.question_wrap ul li button:after{content:'';position: absolute;top: 32px;right: 25px;width: 35px;height: 35px;transition: .3s; background: url(/common/user/images/manual_ico09.png);background-size: cover;}
.question_wrap ul li button.on:after{background: url(/common/user/images/manual_ico10.png);background-size: cover;}
.question_wrap ul li button span{display: block;width: 45px;font-size: 30px;font-weight: 700;color: var(--main-bg02);}
.question_wrap ul li button p{position: relative;top: 8px; font-size: 20px;font-weight: 700;width: calc(100% - 45px);line-height: 25px;}
.question_wrap ul li .a_box{display: none; margin-top: 25px;font-size: 16px;line-height: 26px;padding-left: 45px;}


/* QA_wrap */
.QA_wrap .question_wrap ul li{background: #fff;}
.QA_wrap .tab_menu_wrap{display: flex;width: 550px;margin: 0 auto;border-radius: 35px;background: #f1f1f1;margin-bottom: 60px;}
.QA_wrap .tab_menu_wrap a{display: block;width: 50%;border-radius: 35px;text-align: center;line-height: 65px;color: #333;font-weight: 700;font-size: 18px;}
.QA_wrap .tab_menu_wrap a.on{background: var(--main-bg02);color: #fff;}


@media screen and (max-width:1450px) {
.menual_wrap .tab_menu_wrap a{width: 40%;}
.menual_wrap .tab_con01 ul.con_list li{width: calc((100% - 35px)/2);}
}


/* detail_wrap */
.detail_wrap .bdGray{display: block; margin: 0 auto;}


/* modalPopW */
.modalPopWrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; justify-content: center; align-items: center; background:rgba(0,0,0,0.5); z-index: 10;}
.modalPopWrap.on{display: flex;}
.modalPopWrap > .modalPopArea{background:#fff; width:90%; max-width: 600px; max-height:90%; overflow: hidden; border-radius: 2rem;}
.modalPopWrap > .modalPopArea > .header{display: flex; justify-content: space-between; align-items: center; padding:3rem 4rem; background: #fff; z-index: 1; position:sticky; top:0;}
.modalPopWrap > .modalPopArea > .header > .tit{font-size:2.4rem; font-weight: 600;}
.modalPopWrap > .modalPopArea > .header > .closeBtn{font-size: 0px;}
.modalPopWrap > .modalPopArea > .header > .closeBtn::after{content: "\e921"; display: inline-block; font-family: 'xeicon'; font-size: 3rem; color:#777777;}
.modalPopWrap > .modalPopArea > .con{padding:0 4rem 4rem;}
.modalPopWrap > .modalPopArea > .con > form > button{margin-top:30px; width:100%;}

.hopeAreaPop .stickyBox{position:sticky; top:89.6px; background:#fff; z-index:2; padding-bottom:20px;}

.modalPopWrap > .modalPopArea > .header_chat{display: flex; justify-content: space-between; align-items: center; padding:2rem 4rem; background: #fff; z-index: 1; position:sticky; top:0;}
.modalPopWrap > .modalPopArea > .header_chat > .chatTit{font-size:1.7rem; font-weight: 600; line-height: 23px;}
.modalPopWrap > .modalPopArea > .header_chat > .closeBtn{font-size: 0px;}
.modalPopWrap > .modalPopArea > .header_chat > .closeBtn::after{content: "\e921"; display: inline-block; font-family: 'xeicon'; font-size: 3rem; color:#777777;}

@media (min-width: 769px) {
    /* 스크롤바 리뉴얼 */
    .modalPopWrap > .modalPopArea .viewArea::-webkit-scrollbar,
    .modalPopWrap > .modalPopArea::-webkit-scrollbar{
        width:5px;
    }

    .modalPopWrap > .modalPopArea .viewArea::-webkit-scrollbar-thumb,
    .modalPopWrap > .modalPopArea::-webkit-scrollbar-thumb{
        background:#999;
        border-radius: 10px;
    }

    .modalPopWrap > .modalPopArea .viewArea::-webkit-scrollbar-track{background:rgba(0,0,0,0);}
    .modalPopWrap > .modalPopArea::-webkit-scrollbar-track{
        background:rgba(0,0,0,0);
        margin:20px 0;
    }
}