#wrap header .header-wrap.fixed {
    display: none;
}

.soundContent {
    font-family: 'Noto Sans KR';
}

.sound_head_filter {
    font-family: 'Noto Sans KR';
}

.clear {
    zoom: 1;
}

.clear::before,
.clear::after {
    content: "";
    display: block;
}

.clear::after {
    clear: both;
}

a, button {
    cursor: pointer;
}

.soundContent {
    min-width: 1280px;
    padding: 0 40px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.sound_head_filter {
    background: #F5F7F9;
    height: 56px;
}

.sound_head_filter .sound_button_wrap {
    width: 278px;
    margin: 0 auto;
}

.sound_button_wrap button {
    display: block;
    width: 138px;
    height: 100%;
    line-height: 56px;
    float: left;
    background: no-repeat url('/resource/images/sound/background_music_off.png') 21px center / 18px;
    cursor: pointer;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 47px;
    text-align: left;
    font-size: 15px;
    color: #9E9E9E;
    font-family: 'Noto Sans KR';
}

.sound_button_wrap button.active {
    color: #3E71E4;
    background-image: url('/resource/images/sound/background_music_on.png');
}

.sound_button_wrap .division {
    float: left;
    width: 1px;
    height: 12px;
    background: #C7CCD0;
    margin: 22px 0;
}

.sound_button_wrap button.sfxChoice {
    padding-left: 60px;
    background-position-x: 34px;
    background-image: url('/resource/images/sound/sound_effect_off.png');
}

.sound_button_wrap button.sfxChoice.active {
    background-image: url('/resource/images/sound/sound_effect_on.png');
}

.soundContent {
    line-height: 1;
}

.filterContent {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -310px;
    background: #fff;
    width: 270px;
    padding: 0 0 11px 40px;
    transition: left .2s;
}

.js-view-filter .filterContent {
    left: 0;
}

.filter_button {
    display: block;
    width: 100%;
    height: 84px;
    line-height: 86px;
    color: #2B2C2D;
    font-weight: 600;
    position: relative;
    text-align: left;
    background: none;
    transition: all .2s;
    font-size: 20px;
    letter-spacing: -1px;
	 font-family: 'Noto Sans KR';
}

.filter_button img {
    margin: 33px 3px 0 0;
}

.filter_button i {
    position: absolute;
    top: 32px;
    right: -10px;
    width: 20px;
    height: 20px;
}

.filter_button i::after,
.filter_button i::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #404142;
    transform: rotate(-45deg);
}

.filter_button i::before {
    transform: rotate(45deg);
}

.scroll_bar {
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 30px;
    height: calc(100vh - 100px);
}

.scroll_bar::-webkit-scrollbar {
    width: 10px;
}

.scroll_bar::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}

.scroll_bar::-webkit-scrollbar-thumb {
    background: #878E94;
    border-radius: 10px;
}

.filter_content {
    border-top: 1px solid #CECECE;
    /*padding: 28px 0 0;*/
    width: 100%;
}

.filter_content .content_title {
    font-size: 16px;
    font-weight: 700;
    font-family: "Noto Sans KR";
    color: #2b2c2d;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.filter_content.active .content_title {
    /*margin-bottom: 18px;*/
}

.filter_content .content_title button {
    position: absolute;
    top: -1px;
    right: 0;
    width: 17px;
    height: 17px;
    background: none;
}

.filter_content .content_title button::before,
.filter_content .content_title button::after {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: '';
    background: #2B2C2D;
    width: 17px;
    height: 1px;
    transition: transform .2s;
}

.filter_content.active .content_title button {
    top: -1px;
}

.filter_content.active .content_title button::before {
    transform: rotate(90deg);
}

.filter_content .check_list {
	margin-bottom: 20px;
    /*margin-top: -6px;*/
}

.filter_content .check_list .more {
    background: #EBF0FB;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 13px;
    font-family: "Noto Sans KR";
    color: #2b2c2d;
    display: block;
    width: 100%;
    border-radius: 5px;
    margin: 16px 0 40px;
}

.filter_content .check_list .morefake {
    margin: 0px 0 30px;
}

.filter_checkbox input {
    cursor: pointer;
    display: none;
}

.filter_checkbox label {
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans KR";
    color: #2B2C2D;
    padding: 4px 0 0 28px;
    height: 30px;
    line-height: 23px;
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

.filter_checkbox label::before {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url('/resource/images/sound/checkbox.png') 100% center / cover;
}

.filter_checkbox input:checked + label::before {
    background-image: url('/resource/images/sound/checkbox_checked.png');
}

.listContent {
    float: left;
    width: 100%;
    margin-left: 0;
    transition: all .2s;
}

.js-view-filter .listContent {
    width: calc(100% - 310px);
    margin-left: 310px;
}

.filterSelectedWrap {
    height: 34px;
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
}

.filterSelectedWrap .filter_button {
    height: 100%;
    line-height: 18px;
    width: 95px;
    margin-right: 35px;
    display: none;
    padding: 6px 0;
    flex
}

.filterSelectedWrap .filter_button img {
    margin: 1px 5px 0 0;
}

.filterSelectedWrap .left {
    display: -webkit-flex;
}

.js-view-filter .filter_values{
    float: left;
    width: max-content;
    max-width: 1270px;
    margin-bottom: 22px;
}

.filter_values{
    float: left;
    /*width: 1446px;*/
    margin-bottom: 22px;
}

.filter_values a {
    font-size: 13px;
    letter-spacing: 0px;
    color: #75787a;
    font-weight: 400;
    font-family: "Noto Sans KR";
    color: #75787a;
    background: none;
    float: left;
    padding: 8px 30px 7px 15px;
    border: 1px solid #BEBEBE;
    border-radius: 20px;
    position: relative;
    display: block;
}

.fixed_top .filter_values a {
    font-size: 13px;
    color: #75787a;
    background: none;
    float: left;
    padding: 5px 30px 7px 15px;
    border: 1px solid #BEBEBE;
    border-radius: 20px;
    position: relative;
    display: block;
}

.filter_values a.filter_select::before,
.filter_values a.filter_select::after {
    display: block;
    content: '';
    position: absolute;
    top: 9px;
    right: 17px;
    width: 1px;
    height: 10px;
    background: #75787A;
    transform: rotate(45deg);
}

.filter_values a.filter_select::after {
    transform: rotate(-45deg);
}

.filter_values a:hover {
    border: 1px solid #BEBEBE;
}

.filter_values a:first-child {
    margin-right: 10px;
    margin-bottom: 7px;
}

.filter_values a + a {
    margin-right: 10px;
    margin-bottom: 7px;
}

.filter_values a.filter_refresh {
    font-size: 13px;
    color: #2b2c2d;
    font-weight: 400;
    font-family: "Noto Sans KR";
    padding: 8px 15px 7px;
    border: 1px solid #2B2C2D;
}

.filter_values a.filter_refresh img {
    margin-left: 5px;
}

.filterSelectedWrap .right {
    display: flex;
    align-items: center;
}

.filterSelectedWrap .list_length {
    font-size: 14px;
    font-family: "Noto Sans KR";
    margin-right: 14px;
    margin-top: 1px;
    color: #2b2c2d;
}

.custom-select {
    position: relative;
}

.custom-select input {
    display: none;
}

.custom-select label.select-selected {
    display: block;
    border: 1px solid #BEC0C2;
    border-radius: 20px;
    width: 118px;
    height: 34px;
    line-height: 32px;
    color: #2B2C2D;
    padding: 0 15px;
    cursor: pointer;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 13px;
    font-family: "Noto Sans KR";
}

.custom-select input:checked + label {
    border-color: #2B2C2D;
}

.custom-select label.select-selected::after {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    border-bottom: 1px solid #2B2C2D;
    border-right: 1px solid #2B2C2D;
    position: absolute;
    top: 11px;
    right: 17px;
}

.custom-select .select-items {
    display: none;
    position: absolute;
    background: #fff;
    top: 39px;
    left: 0;
    right: 0;
    border: 1px solid #A1A1A1;
    border-radius: 10px;
    z-index: 99;
    font-size: 13px;
    padding: 12px 10px 9px;
}

.custom-select .select-items input[type="radio"] {
    display: none;
}

.custom-select .select-items label {
    display: block;
    padding: 4px;
    cursor: pointer;
}

.custom-select .select-items label[for=popular_rate] {
    margin-top: 7px;
}

.custom-select .select-items label:hover {
    color: #2B2C2D;
}

.iccas_music_list_item {
    list-style: none;
    /*padding: 22px 26px 22px 30px;*/
    padding: 21px 30px 21px 30px;
    background: #F5F7F9;
    border-radius: 10px;
    height: 102px;
    box-sizing: border-box;
    border: 1px solid #F5F7F9;
}

.iccas_music_list_item:last-child {
    margin-bottom: 50px;
}

.iccas_music_list_item:hover {
    border-color: #9E9E9E;
}

.iccas_music_list_item + .iccas_music_list_item {
    margin-top: 15px;
}

.iccas_music_list_item > div {
    float: left;
}

.iccas_music_img {
    box-sizing: border-box;
    overflow: hidden;
    border: 5px;
    width: 58px;
    height: 58px;
    margin-right: 20px;
    border-radius: 5px;
}

.iccas_music_img a {
    display: block;
}

.iccas_music_img img {
    display: block;
    width: 100%;
    height: auto;
}

.iccas_music_title {
    display: block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 48px;
    margin-top: 4px;
}

.iccas_music_title .title {
    font-size: 17px;
    letter-spacing: 0px;
    color: #2b2c2d;
    font-weight: 400;
    font-family: "Noto Sans KR";
    line-height: 22px;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.iccas_music_title .title a {
    font-size: 17px;
    letter-spacing: 0px;
    color: #2b2c2d;
    font-weight: 400;
    font-family: "Noto Sans KR";
    line-height: 22px;
}

.iccas_music_title .name {
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans KR";
    color: #9E9E9E;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 4px;
    height: 20px;
}

.iccas_music_title .name a {
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans KR";
    color: #9E9E9E;
}

.iccas_play_button {
    margin-right: 30px;
    margin-top: 15px;
}

.iccas_play_button a {
    display: block;
    width: 25px;
    height: 25px;
    text-indent: -99999px;
    background: url('/resource/images/sound/play_gray.png') 100% center / cover;
}

.iccas_play_button a.active {
    background-image: url('/resource/images/sound/stop_blue.png');
}

.iccas_musis_wave_img {
    width: calc(100% - 815px);
    height: 50px;
    margin-right: 18px;
    margin-top: 4px;
    transition: all .2s;
    min-width: 608px;
}

.js-view-filter .iccas_musis_wave_img {
    min-width: 296px;
}

.iccas_music_duration {
    font-size: 15px;
    font-weight: 500;
    font-family: "Noto Sans KR";
    color: #75787A;
    margin-right: 85px;
    margin-top: 20px;
    width: 30px;
    letter-spacing: normal;
}

.iccas_music_category {
  
	font-size: 14px;
    color: #75787A;
    width: 125px;
    display: flex;
    justify-content: center;
    align-content: center;
	min-height: 100%;
    flex-wrap: wrap;
    line-height: 19px;
}

.iccas_music_category a {
    display: block;
    word-break: keep-all;
    margin-right: 6px;
}

.iccas_music_category a + a {
    /*margin-left: 8px;*/
}

.iccas_music_category a:hover {
    color: #3E71E4;
}

.iccas_music_category .current {
    font-size: 14px;
    color: #678AF3;
}

.iccas_music_list_item .iccas_button_wrap {
    width: 95px;
    float: right;
    display: flex;
    display: -webkit-flex;
    margin-top: 8px;
}

.iccas_button_wrap .addLightbox {
    display: block;
    width: 44px;
    height: 44px;
    /*background: no-repeat url('/resource/images/sound/add_list_gray.png') center center / 30px;*/
    background: no-repeat url('/resource/images/sound/add_list_gray.png') 8px / 30px;
    text-indent: -99999px;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 50px;
    position: relative;
}

.iccas_button_wrap .download {
    display: block;
    width: 44px;
    height: 44px;
    /*background: no-repeat url('/resource/images/sound/add_list_gray.png') center center / 30px;*/
    background: no-repeat url('/resource/images/sound/add_list_gray.png') center center / 30px;
    text-indent: -99999px;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 50px;
    position: relative;
}

.iccas_button_wrap button span {
    background: #678AF3;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    top: -40px;
    left: -20px;
    width: 80px;
    height: 27px;
    line-height: 27px;
    box-sizing: border-box;
    font-family: "Noto Sans KR";
    font-size: 13px;
    text-indent: 0;
    display: none;
}

.iccas_button_wrap button span::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 10px solid #678AF3;
    margin: 0 auto;
}

.iccas_button_wrap button.download {
    background-image: url('/resource/images/sound/download_gray.png');
    margin-left: 7px;
}

.iccas_button_wrap button.download:hover {
    background-color: #fff;
    background-image: url('/resource/images/sound/download_blue.png');
}

.iccas_button_wrap button.addLightbox:hover {
    background-color: #fff;
    background-image: url('/resource/images/sound/add_list_blue.png');
    background: no-repeat #fff url('/resource/images/sound/add_list_blue.png')  8px / 30px;
}

.iccas_button_wrap button:hover span {
    display: block;
}

.filter_refresh {
    color: red;
    display: none;
}

.sound_more_button {
    font-size: 16px;
    font-weight: 500;
    font-family: "Noto Sans KR";
    width: 392px;
    height: 62px;
    box-sizing: border-box;
    color: #5B626F;
    border: 1px solid #75787A;
    display: block;
    margin: 50px auto 80px;
    position: relative;
    background: none;
    border-radius: 10px;
    overflow-anchor: none;
}

.sound_more_button img {
    margin: 5px -16px 4px 11px;
}

.fixed_player {
    width: 100vw;
    min-width: 1280px;
    height: 90px;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 22px 50px 22px 60px;
    box-sizing: border-box;
    background: #626A78;
    color: #fff;
}

.fixed_player .visualizer {
    display: inline-block;
    width: 100%;
    height: 90px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -22px;
    position: relative;
    cursor: pointer;
}

.fixed_player .visualizer .playing .play_img {
    width: 100%;
    height: 90px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.fixed_player .visualizer .playing:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    width: 2px;
    height: 51px;
    background-color: white;
    z-index: 2;
    opacity: 0.8;
}

.fixed_player .current-time {
    display: none;
    /*left: 100px;*/
    /*position: absolute;*/
    /*top: 32px;*/
    /*font-size: 1.2em;*/
    /*color:white;*/
    /*cursor: default;*/
    /*background: #678af3;*/
    /*margin: 1px 0px 0px;*/
    /*padding: 2px 5px 4px 4px;*/
}

.fixed_player > div {
    float: left;
}

.fixed_player .iccas_music_img {
    width: 46px;
    height: 46px;
}

.fixed_player .iccas_music_title {
    width: 150px;
    margin-right: 80px;
    margin-top: -1.5px;
}

.fixed_player .iccas_music_title .title {
    color: #ffffff;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    margin-bottom: 0px;
}

.fixed_player .iccas_music_title .title a {
    color: #ffffff;
    font-weight: 400;
    font-family: "Noto Sans KR";
    font-size: 15px;
    margin-bottom: 2px;
}

.fixed_player .iccas_music_title .name a {
    color: #C3C3C6;
    font-weight: 400;
    font-family: "Noto Sans KR";
}

.fixed_player .iccas_play_button_wrap {
    margin-top: 8px;
    margin-right: 50px;
    display: -webkit-flex;
    align-items: center;
}

.fixed_player .iccas_play_button_wrap a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    background: url('/resource/images/sound/prev_music.png') 100% center / cover;
}

.fixed_player .iccas_play_button_wrap a.jp-play {
    margin: 0 12px 0 14px;
    text-indent: -99999px;
    background: url('/resource/images/sound/play.png') 100% center / cover;
}

.fixed_player .iccas_play_button_wrap a.active {
    background-image: url('/resource/images/sound/detail_view_stop.png');
}

.fixed_player .iccas_play_button_wrap a.next_music {
    background-image: url('/resource/images/sound/next_music.png');
}

.fixed_player .iccas_musis_wave_img {
    width: calc(100% - 960px);
    margin-right: 4px;
    margin-top: 0;
    min-width: 433px;
}

.fixed_player .iccas_music_info {
    width: 90px;
    margin-right: 0;
    margin-top: 5px;
}

.fixed_player .iccas_music_info .bgm_duration {
    font-size: 14px;
    color: #fff;
    margin-bottom: 4px;
    letter-spacing: normal;
}

.fixed_player .iccas_music_info .sfx_duration {
    font-size: 14px;
    color: #fff;
    margin-bottom: 4px;
    margin-top: 8px;
    letter-spacing: normal;
}

.fixed_player .iccas_music_info .bpm {
    font-size: 13px;
    color: #C3C3C6;
    letter-spacing: normal;
}

.fixed_player .iccas_button_wrap {
    float: right;
    display: flex;
    display: -webkit-flex;
    margin-top: 2px;
}

.fixed_player .iccas_button_wrap button:hover {
    background-color: transparent;
}

.fixed_player .iccas_button_wrap button.addLightbox {
    background-image: url('/resource/images/sound/add_list.png');
}

.fixed_player .iccas_button_wrap button.download {
    background-image: url('/resource/images/sound/download.png');
    margin-left: 14px;
}

.fixed_player .iccas_sound_bar {
    float: right;
    display: -webkit-flex;
    align-items: center;
    margin-top: 9px;
    margin-left: 78px;
}

.fixed_player .iccas_sound_bar .sound_toggle {
    width: 34px;
    height: 30px;
    background: no-repeat url('/resource/images/sound/sound.png') left center / 30px;
    margin-right: 9px;
}

.fixed_player .iccas_sound_bar .sound_toggle.active {
    background-image: url('/resource/images/sound/sound_zero.png');
    background-position: 2px -1px;
}

.fixed_player .iccas_sound_bar #fixed_sound_diabledline {
    border-top: 1px solid #CECECE;
    /*padding: 28px 0 0;*/
    width: 100px;
    height: 1px;
    margin-bottom: 3px;
}

.fixed_player .iccas_sound_bar input[type=range] {
    -webkit-appearance: none;
    width: 100px;
    height: 1px;
    background: #959596;
    cursor: pointer;
    border-radius: 0;
    transition: background 450ms ease-in;
    border: none;
    margin-bottom: 3px;
}

.fixed_player .iccas_sound_bar input[type=range]:focus {
    outline: none;
}

.fixed_player .iccas_sound_bar input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.fixed_player .iccas_sound_bar input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

/* filter view list responsive */
@media screen and (max-width: 1560px) {
    li .iccas_music_img {
        display: none;
    }
}

@media screen and (max-width: 1480px) {
    li .iccas_music_category {
        display: none;
    }
}

@media screen and (max-width: 1425px) {
    .fixed_player .iccas_sound_bar {
        display: none;
    }
}

/* 플레이어 start */
.visualizer {
    display: inline-block;
    width: 100%;
    height: 100px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -26px;
    position: relative;
    cursor: pointer;
}

.visualizer .playing {
    height: 100px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.visualizer .playing .play_img {
    width: 100%;
    height: 100px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.visualizer .playing:before {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 2px;
    height: 65px;
    background-color: #678af3;
    z-index: 2;
    opacity: 0.8;
}

.iccas_music_list_item .icart_waveform2 {
    width: 0%;
    filter: invert(58%) sepia(44%) saturate(2092%) hue-rotate(200deg) brightness(107%) contrast(94%);
    opacity: 0.8;
}

.iccas_music_list_item .icart_waveform2.active {
    width: 0%;
    filter: invert(58%) sepia(44%) saturate(2092%) hue-rotate(200deg) brightness(107%) contrast(94%);
    opacity: 0.3;
}

.fixed_player .icart_waveform1 {
    /*filter: invert(52%) sepia(0%) saturate(4%) hue-rotate(103deg) brightness(96%) contrast(86%);*/
    /*filter: invert(100%) sepia(4%) saturate(24%) hue-rotate(321deg) brightness(116%) contrast(100%);*/
    /*filter: invert(100%) sepia(4%) saturate(24%) hue-rotate(321deg) brightness(116%) contrast(100%);*/
}

.fixed_player .icart_waveform2 {
    width: 0%;
    /*filter: invert(52%) sepia(0%) saturate(4%) hue-rotate(103deg) brightness(96%) contrast(86%);*/
    /*filter: invert(100%) sepia(4%) saturate(24%) hue-rotate(321deg) brightness(116%) contrast(100%);*/
    /*opacity: 0.8;*/
}

/*.fixed_player .icart_waveform2.active {*/
/*    width: 0%;*/
/*    filter: invert(100%) sepia(4%) saturate(24%) hue-rotate(321deg) brightness(116%) contrast(100%);*/
/*    opacity: 0.3;*/
/*}*/

.icart_time_bar {
    width: 0%;
}

.jp-gui {
    position: relative;
    padding: 20px;
    width: 628px;
}

.jp-gui.jp-no-volume {
    width: 432px;
}

.jp-gui ul {
    margin: 0;
    padding: 0;
}

.jp-gui ul li {
    position: relative;
    float: left;
    list-style: none;
    margin: 2px;
    padding: 4px 0;
    cursor: pointer;
}

.jp-gui ul li a {
    margin: 0 4px;
}

.jp-gui li.jp-repeat,
.jp-gui li.jp-repeat-off {
    margin-left: 344px;
}

.jp-gui li.jp-mute,
.jp-gui li.jp-unmute {
    margin-left: 20px;
}

.jp-gui li.jp-volume-max {
    margin-left: 120px;
}

li.jp-pause,
li.jp-repeat-off,
li.jp-unmute,
.jp-no-solution {
    display: none;
}

.jp-progress-slider {
    position: absolute;
    top: 28px;
    left: 100px;
    width: 300px;
}

.jp-progress-slider .ui-slider-handle {
    cursor: pointer;
}

.jp-volume-slider {
    position: absolute;
    top: 31px;
    left: 508px;
    width: 100px;
    height: .4em;
}

.jp-volume-slider .ui-slider-handle {
    height: .8em;
    width: .8em;
    cursor: pointer;
}

.jp-gui.jp-no-volume .jp-volume-slider {
    display: none;
}

.current-time {
    display: none;
    /*left: 100px;*/
    /*position: absolute;*/
    /*top: 39px;*/
    /*font-size: 1.2em;*/
    /*color:white;*/
    /*cursor: default;*/
    /*background: #678af3;*/
    /*margin: 1px 0px 0px;*/
    /*padding: 2px 5px 4px 4px;*/
}

.jp-duration {
    display: none;
    position: absolute;
    top: 42px;
    font-size: 0.8em;
    cursor: default;
}

.jp-bpm {
    display: none;
}

/*.current-time {*/
/*    display: none;*/
/*    left: 100px;*/
/*}*/

.jp-duration {
    right: 266px;
}

.jp-gui.jp-no-volume .jp-duration {
    right: 70px;
}

.jp-clearboth {
    clear: both;
}

/* 플레이어 end */

/*.range_content {*/
/*    margin-top: 15px;*/
/*}*/
/* 재생시간 start */
.time_slider {
    width: 230px;
    height: 13px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    /*margin-top: 30px;*/
    border-radius: 10px;
}

.filter_content.active .time_slider {
    /*margin-bottom: 18px;*/
}

.time_slider .handle {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #2B2C2D;
    position: absolute;
    top: -1px;
    left: 0px;
    cursor: pointer;
    z-index: 1;
}

.time_slider .handle.max {
    left: auto;
    right: 0px;
}

.time_slider .range {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2B2C2D;
    z-index: 1;
}

.time_slider .slider_line {
    position: absolute;
    top: 5px;
    left: -13px;
    /*width: 230px;*/
    width: 242px;
    height: 1px;
    background-color: #ddd;
}

.range_price {
    margin-top: 7px;
}

.range_price .min_value {
    float: left;
    color: #2B2C2D;
    font-size: 14px;
    font-family: "Noto Sans KR";
}

.range_price .max_value {
    float: right;
    color: #2B2C2D;
    font-size: 14px;
    font-family: "Noto Sans KR";
}

.range_set_form {
    margin-top: 17px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.range_set_form input {
    width: 101px;
    height: 38px;
    line-height: 38px;
    padding: 12px 16px;
    box-sizing: border-box;
    display: block;
    border-color: #E4E4E4;
}

.range_set_form p {
    width: 28px;
    text-align: center;
    font-size: 18px
}

.max_plus {
    float: right;
    line-height: 1.0;
    font-size: 14px;
    margin-left: 2px;
}

.failWrap {
    width: 966px;
    text-align: center;
    margin: auto;
    padding-top: 57px;
    padding-right: 45px;
}

.failLeft {
    width: 964px;
    background: white;
    float: left;
    border: 1px solid #666c77;
    text-align: center;
    margin-bottom: 80px;
}

.failRight {
    width: 407px;
    height: 283px;
    float: left;
    background: white;
    margin-left: 8px;
}

.failRight .sub1 {
    font-size: 24px;
    color: #333333;
    margin-top: 90px;
}

.failRight .sub1 span {
    font-size: 24px;
    color: #4273d7;
    font-weight: bold;
    font-family: 'NotoKrM', sans-serif;
}

.failRight .sub2 {
    font-size: 14px;
    color: #767676;
    margin-top: 5px;
}

.failRight .keyword {
    margin-top: 20px;
}

.failRight .keyword a {
    height: 33px;
    line-height: 32px;
    font-size: 14px;
    margin: 5px;
    display: inline-block;
    border-radius: 20px;
    color: black;
    border: 1px solid #cccccc;
    cursor: pointer;
    padding: 0 10px;
}

.failRight .keyword a:hover {
    color: #4273d7;
    border: 1px solid #4273d7;
}

.failFooter {
    margin-top: 8px;
    display: inline-block;
    margin-bottom: 90px;
}

.fixed_top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 85px;
    background: #fff;
    border-bottom: 1px solid #ECEDEE;
    z-index: 999;
    display: none;
}

.fixed_top .inner {
    width: 100vw;
    min-width: 1280px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0 auto;
}

.fixed_top .filter_button {
    width: 310px;
    float: left;
}

.fixed_top .filter_values {
    display: -webkit-flex;
    float: left;
    width: auto;
    height: 84px;
    align-items: center;
}

.fixed_top .filter_values p {
    font-size: 16px;
    font-weight: 600;
}

.fixed_top .filter_values a {
    float: none;
    margin: 0 10px;
}

.fixed_top .sound_button_wrap {
    width: 278px;
    height: 84px;
    float: right;
    display: -webkit-flex;
}

.fixed_top .sound_button_wrap .division {
    margin: 36px 0;
}

.filterContent.fixed {
    position: fixed;
    top: 10px;
}

.filterContent.fixed.fixed_bottom {
    position: absolute;
    top: auto;
    bottom: 0;
}

.filterContent.fixed .filter_content:first-child {
    border-top: none;
}

.filterContent.fixed .scroll_bar{
    height: calc(100vh - 20px - 85px);
}

.filterContent.fixed.fixed_sound .scroll_bar {
    height: calc(100vh - 20px - 85px - 90px);
}

.filterContent.fixed.little {
    top: 250px;
}

.filterContent.fixed.little .scroll_bar {
    height: calc(100vh - 345px);
}

.pointer {
    cursor: pointer;
}

/* 라이트 박스 z-index 변경 */
.renew_mini_popup.lightbox {
    z-index: 98 !important;
}

/* 음원페이지 내 이벤트 박스 z-index 변경 */
#wrap .floating_wrap {
    z-index: 9999;
}