/* Select Genre */
.sub-content.setting-genre {padding-top:4.7rem;}
.setting-genre .set-info h2 {font-size:2.4rem;font-weight:700;color:#000;line-height:2.4rem;}
.setting-genre .set-info p {margin-top:1rem;font-size:1.4rem;font-weight:500;color:#66707a;line-height:2.1rem;}
.setting-genre .set-list {display:flex;flex-wrap:wrap;margin-top:2.65rem;padding:0 1rem 3.4rem;}
.setting-genre .set-list li {position:relative;margin:0.8rem 0.4rem 0;width:9.2rem;height:9.2rem;}
.setting-genre .set-list li input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-appearance:none;}
.setting-genre .set-list li input[type="checkbox"]:checked + label {background-color:rgba(227, 0, 132, 0.06);border-color:#e30084;}
.setting-genre .set-list li input[type="checkbox"]:checked + label .sel-num {opacity:1;visibility:visible;}
.setting-genre .set-list li input[type="checkbox"]:checked + label .title {font-weight:700;color:#e30084;}
.setting-genre .set-list li label {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0.8rem;width:100%;height:100%;border:1px solid #f3f5f6;border-radius:1rem;transition:all.15s ease-in-out;}
.setting-genre .set-list li label::before {content:'';width:2.8rem;height:2.8rem;background-repeat:no-repeat;background-position:50%;background-size:100% auto;}
.setting-genre .set-list li label .title {margin-top:0.4rem;font-size:1.2rem;font-weight:500;color:#3b4044;text-align:center;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.setting-genre .set-list li label .sel-num {display:inline-block;position:absolute;top:0.5rem;right:0.6rem;width:1.8rem;height:1.8rem;line-height:1.8rem;font-size:1.1rem;font-weight:800;color:#fff;text-align:center;background-color:#e30084;border-radius:50%;visibility:hidden;opacity:0;}
.setting-genre .set-list li.genre-top100 label::before {background-image:url('../images/ico-top100.svg');}
.setting-genre .set-list li.genre-top100 input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-top100-on.svg');}
.setting-genre .set-list li.genre-최신곡 label::before,
.setting-genre .set-list li.genre-latest label::before {background-image:url('../images/ico-latest.svg');}
.setting-genre .set-list li.genre-최신곡 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-latest input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-latest-on.svg');}
.setting-genre .set-list li.genre-pop label::before {background-image:url('../images/ico-pop.svg');}
.setting-genre .set-list li.genre-pop input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-pop-on.svg');}
.setting-genre .set-list li.genre-발라드 label::before,
.setting-genre .set-list li.genre-ballad label::before {background-image:url('../images/ico-ballad.svg');}
.setting-genre .set-list li.genre-발라드 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-ballad input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-ballad-on.svg');}
.setting-genre .set-list li.genre-댄스 label::before,
.setting-genre .set-list li.genre-dance label::before {background-image:url('../images/ico-dance.svg');}
.setting-genre .set-list li.genre-댄스 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-dance input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-dance-on.svg');}
.setting-genre .set-list li.genre-랩힙합 label::before,
.setting-genre .set-list li.genre-hiphop label::before {background-image:url('../images/ico-hiphop.svg');}
.setting-genre .set-list li.genre-랩힙합 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-hiphop input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-hiphop-on.svg');}
.setting-genre .set-list li.genre-락 label::before,
.setting-genre .set-list li.genre-rock label::before {background-image:url('../images/ico-rock.svg');}
.setting-genre .set-list li.genre-락 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-rock input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-rock-on.svg');}
.setting-genre .set-list li.genre-tv방송ost label::before,
.setting-genre .set-list li.genre-tv label::before {background-image:url('../images/ico-tv.svg');}
.setting-genre .set-list li.genre-tv방송ost input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-tv input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-tv-on.svg');}
.setting-genre .set-list li.genre-영화음악 label::before,
.setting-genre .set-list li.genre-movie label::before {background-image:url('../images/ico-movie.svg');}
.setting-genre .set-list li.genre-영화음악 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-movie input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-movie-on.svg');}
.setting-genre .set-list li.genre-클래식 label::before,
.setting-genre .set-list li.genre-classic label::before {background-image:url('../images/ico-classic.svg');}
.setting-genre .set-list li.genre-클래식 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-classic input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-classic-on.svg');}
.setting-genre .set-list li.genre-재즈 label::before,
.setting-genre .set-list li.genre-jazz label::before {background-image:url('../images/ico-jazz.svg');}
.setting-genre .set-list li.genre-재즈 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-jazz input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-jazz-on.svg');}
.setting-genre .set-list li.genre-트로트 label::before,
.setting-genre .set-list li.genre-trot label::before {background-image:url('../images/ico-trot.svg');}
.setting-genre .set-list li.genre-트로트 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-trot input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-trot-on.svg');}
.setting-genre .set-list li.genre-jpop label::before {background-image:url('../images/ico-jpop.svg');}
.setting-genre .set-list li.genre-jpop input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-jpop-on.svg');}
.setting-genre .set-list li.genre-종교 label::before,
.setting-genre .set-list li.genre-religion label::before {background-image:url('../images/ico-religion.svg');}
.setting-genre .set-list li.genre-종교 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-religion input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-religion-on.svg');}
.setting-genre .set-list li.genre-어린이음악 label::before,
.setting-genre .set-list li.genre-children label::before {background-image:url('../images/ico-children.svg');}
.setting-genre .set-list li.genre-어린이음악 input[type="checkbox"]:checked + label::before, 
.setting-genre .set-list li.genre-children input[type="checkbox"]:checked + label::before {background-image:url('../images/ico-children-on.svg');}