@charset "UTF-8";.responsive {
    min-width: 600px
}

.responsive_800 {
    min-width: 800px
}

.responsive_1024 {
    min-width: 1024px
}

.scroltable-wrapper {
    position: relative
}

.scroltable-container {
    overflow-x: auto
}

.scroltable-nav {
    display: none;
    position: absolute;
    width: 60px;
    height: 100%;
    cursor: pointer
}

.scroltable-nav.scroltable-nav-left {
    left: 0;
    background: linear-gradient(to left,#fff0,#fff)
}

.scroltable-nav.scroltable-nav-right {
    right: 0;
    background: linear-gradient(to right,#fff0,#fff)
}

.scroltable-nav.scroltable-nav-left:before {
    position: absolute;
    left: 0;
    top: 40%;
    font-family: "Font Awesome 6 Pro",sans-serif;
    content: "\f0a6"
}

.scroltable-nav.scroltable-nav-left:after {
    position: absolute;
    left: 0;
    top: 40%;
    margin-top: 20px;
    font-family: "Font Awesome 6 Pro",sans-serif;
    content: "\f33e"
}

.scroltable-nav.scroltable-nav-right:before {
    position: absolute;
    right: 0;
    top: 40%;
    font-family: "Font Awesome 6 Pro",sans-serif;
    content: "\f0a6"
}

.scroltable-nav.scroltable-nav-right:after {
    position: absolute;
    right: 0;
    top: 40%;
    margin-top: 20px;
    font-family: "Font Awesome 6 Pro",sans-serif;
    content: "\f340"
}


/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  }