@charset "utf-8";

/****************************************
*			   SCROLL.css               *
****************************************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0 10px;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}


/* ***************************************************************** */
/* jcontent 영역 */
.jscontent {
    overflow: hidden;
}

.jscontent .txt {
	padding: 3px 10px;
}

/* 스크롤 : div 영역 속성 생성 */
.jscontent > .scroll-element,
.jscontent > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.jscontent > .scroll-element {
}

/* 스크롤 : 영역 */
.jscontent > .scroll-element div {
    display: block;
    height: 100%;
    top: 0;
    width: 100%;
}

/* 스크롤 : track 배경색 및 투명도 */
.jscontent > .scroll-element .scroll-element_size {
   background-color: #cccccc;
}

/* 스크롤 : y 크기 */
.jscontent > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 5px;
}

 /* 스크롤 : thumb */
.jscontent > .scroll-element .scroll-bar {
    background-color: #eb7800;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    /* box-shadow: 1px 1px 2px #666; */
}


/* 스크롤 : y 위치 및 크기 */
.jscontent > .scroll-element.scroll-y .scroll-bar { min-height: 10px; width: 5px; }
.jscontent > .scroll-element.scroll-y .scroll-element_size { width: 5px; }

.jscontent > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.jscontent > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }


.jscontent {
    width: 100%;
    height: auto;
    padding-left: 5px;
}

.scrollWrap{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.scrollbarTrack{
    width: 5px;
    background-color: #cccccc;
    height: 100%;
}
.scrollbarHandle {
    position: absolute;
    top: 0px;
    width: 5px;
    height: 200px;
    box-shadow: none;
    background-color: #eb7800;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* 
.scrollWrap{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.scrollbarTrack{
    width: 5px;
    background-color: #cccccc;
    height: 100%;
}
.scrollbarHandle {
    position: absolute;
    top: 0px;
    width: 5px;
    height: 200px;
    box-shadow: none;
    background-color: #eb7800;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.jswrap{
    position: relative;

}
.jscontent {
    position: absolute;
    width: 98%;
    height: auto;
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 5px;
} */