@media all and (max-width : 1024px) {

    .main .inner .contents {
        width : 100%;
    }

    .main .inner .side {
        display : none;
    }

    .music_detail .inner .contents {
        width        : 100%;
        border-right : 0px solid black;
        padding: 10px 15px 15px;
    }

    .music_detail .inner .side {
        width   : 100%;
        box-sizing: border-box;
    }

    .live_rec .inner .side {
        display : block !important;
        width   : 100% !important;
        padding : 0 15px 35px 15px !important;
    }

    .music_detail .video_area .video_wrap {
        width : 95%;
    }

    .music_detail .next_music_list .item {
        height        : 100%;
        margin-bottom : 20px;
    }

    /* .music_detail .next_music_list .img {width:200px;}
    .music_detail .next_music_list .info {width:calc(100% - 213px);}
 */


    /*artist_about*/
    .artist_about .inner .contents {
        padding : 25px 19px
    }

    .artist_about .inner .contents {
        width              : 100%;
        -moz-box-sizing    : border-box;
        -webkit-box-sizing : border-box;
        box-sizing         : border-box;
    }

    .artist_about .inner .side {
        display : none;
    }

    .artist_about .contents .title_image {
        width : 100%;
    }

    /*artist_diary*/
    .artist_diary .diary {
        margin : 0 25px;
    }

    .artist_diary .diary .content_wrap {
        width  : calc(100% - 181px);
        margin : 0;
    }

    .artist_diary .inner .contents {
        width          : 100%;
        margin-bottom  : 0;
        padding-bottom : 0;
    }

    .artist_diary .inner .side {
        display : none;
    }

    .diary_list_more {
        margin-bottom : 40px;
    }

    /*artist_event_list*/
    .artist_event_list .inner .contents {
        width : 100%;
    }

    .artist_event_list .inner .side {
        display : none;
    }

    /*artist_event_detail*/
    .artist_event_detail .inner .contents {
        width : 100%;
    }

    .artist_event_detail .inner .side {
        display : none;
    }

    /*artist_music*/
    .artist_music .video_list {
        margin-bottom : 20px;
        padding       : 25px 19px;
    }

    .live_detail .video_area .chat_content .message_list {
        height : 100% !important;
        width  : 100%;
    }

    /*live_detail*/
    .live_detail ._inner {
        margin : 0px !important;
    }

    .live_detail .info_area {
        padding : 0 20px;
    }

    .live_detail .video_area {
        flex-direction : column;
    }

    .live_detail .info_area {
        flex-direction : column;
    }

    .live_detail ._secL {
        width    : 100%;
        display  : block;
        position : relative;
    }

    .live_detail ._secR {
        width   : 100%;
        display : block;
    }

    .live_detail .video_area ._secR._rec_secR {
            border: 1px solid #ddd;
    }

    .chat_tama_list {
        width              : 100%;
        /* background         : #fff; */
        max-width          : unset;
        /* padding            : 12px 12px 13px 12px; */
        -moz-box-sizing    : border-box;
        -webkit-box-sizing : border-box;
        box-sizing         : border-box;
    }

    .chat_head {
        position : relative;
    }

    .live_detail .video_area .chat_head {
        display        : flex;
        flex-direction : column;
    }

    .chat-tama-modal-box {
        width   : 98%;
        padding : 10px 0;
    }
    .live_detail .emotion-info-warp,
    .stone-info-warp {
      display: none;
    }

    .chat-tama-modal-box > .chat_tama_img_border {
        margin-left : 10px;
    }

    .live_detail .video_area .chat_content {
        border : 0px;
    }

    .live_detail .video_area .video_thumnail h3 {
        display          : inline-block;
        z-index          : 8;
        position         : absolute;
        top              : 0px;
        left             : 0px;
        padding          : 6px 14px;
        font-weight      : bold;
        background-color : #f05a29;
    }

    .live_detail .video_area .video_info {
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
        position        : relative;
        height          : auto;
        min-height      : unset;
        padding         : 0;
        margin: 7px 0 20px 0;
    }
    .live_detail .video_area .video_info .mlive_title_wrap {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }
    .live_detail .artist_info {
        margin-bottom: 10px;
    }
    .live_detail .video_area .video_info ._subject {
        margin-bottom : 0;
        width: calc(100% - 55px);
    }
    .live_detail .artist_info ._image {
        width: 27px;
        height: 27px;
    }
    .mobile-liverec .live-info {
        margin-top: 10px;
    }

    /* .live_detail .video_area .video_info ._subject {display: block; position: relative; margin-right: 75px; font-size:16px;} */
    .live_detail .video_area .video_info ._subject h3 {
        display : none;
    }

    .live_detail .video_area .video_info ._subject ._name {
        display : block;
    }

    /* .live_detail .video_area .video_info .info { position: static; font-size:14px;} */
    .live_detail .video_area .video_info .info ._regdt {
        display : none;
    }

    .live_detail .video_area .video_info .info ._view {
        display : none;
    }
    .live_detail .video_area .video_info .info {
      display : none;
  }

    .live_detail .video_area .video_info .info ._wish {
        display : flex;
    }

    /* .live_detail .video_area .video_info .share{display:none;} */
    .live_detail .video_area .video_info .info ._wish i {
        position   : relative;
        display    : block;
        text-align : center;
        left       : auto;
    }

    .live_detail .video_area .video_info .info ._wish em {
        padding : 0;
    }

    .live_detail .relation_head {
        display : none;
    }

    .live_detail .video_list {
        display : none;
    }

    .live_detail .video_area .chat_content {
        padding : 0;
        height  : 250px;
    }


    .live_detail .artist_info.p_artist_info,
    .live_detail .live-info.p_live_info,
    .live_detail .video_area .video_info.p_video_info {
      display: none;
    }
    .video_info.m_video_info,
    .live-info.mlive_info,
    .artist_info.m_artist_info {
      display: flex;
      width: 100%;
    }
    .video_info.m_video_info {
      flex-direction: column !important;
    }
    .video_info.m_video_info .mlive_title_wrap {
        display: flex;
        width: 100%;
        align-items: flex-start;
        justify-content: space-between;
    }
    .mlive_title_wrap .live-share-wrap {
        margin-left: 15px;
    }
    .live_detail .video_area .video_info .share {
      font-size: 18px;
      padding: 4px 2px;
      border: 1px solid #ddd;
      border-radius: 6px;
      cursor: pointer;
      height: auto;
      margin: 0;
    }
    .stone-info-warp .expG_wrap {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .stone-info-warp .expG {
      margin: 0;
      margin-right: 10px;
      flex: 1;
    }
    .stone-info-warp .expG_btn {
      margin: 0;
    }
    .live-info.mlive_info {
      display: none;
      margin-top: 10px;
    }

    .live_detail .video_area .chat_head h3.chat_head_wrap {
        padding: 10px 10px;
    }
    .chat_head h3.chat_head_wrap .stone_modal_wrap {
    /* display: flex;
    height: 29px; */
    }
    .stone_modal_wrap .btn_mahotama {
        display: inline-block;
        width: 19px;
        height: 29px;
        background: url(/user/img/mahotama/mahotama-icon.png) no-repeat;
        overflow: hidden;
        background-position: 0 4px;
        background-size: auto 70%;
        margin-left: 5px;
    }

    /*live_list*/


    /*news_list*/
    .news_list .contents .board_list .item {
        height : 141px;
    }

    .news_list .contents .board_list .item ._img {
        width : 250px;
    }

    .news_list .contents .board_list .item .content {
        width : calc(100% - 274px);
    }

    .news_list .contents .board_list .item .content ._regdt {
        font-size : 14px;;
    }

    .news_list .contents .board_list .item .content ._subject {
        font-size : 16px;;
    }

    .news_list .contents .board_list .item .content ._desc {
        font-size   : 14px;
        margin-top  : 8px;
        line-height : 1.4;
        height      : 5.6em;
    }


    /*artist_event_detail*/
    .ranking .inner .contents {
        width   : calc(100% - 38px);
        padding : 40px 0 93px;
        margin  : 0 auto;
    }

    .ranking .inner .side {
        display : none;
    }


    /* diary_side 1024 */
    .artist_diary .inner .side.diary_side {
        display        : inline-block;
        width          : 100%;
        padding        : 25px 15px;
        padding-bottom : 40px;
        background     : #fafbfc;
    }

    .artist_diary .inner > ._inner {
        padding : 0;
    }

    .diary_list {
        margin : 0 5px 20px;
    }

    .diary_side_wrap {
        display : flex;
    }

    .diary_side_wrap .diary_mleft_wrap {
        width : 320px;
    }

    .stone_list {
        width         : 60%;
        margin-top    : 0;
        padding-right : 10px;
        padding-left  : 30px;
    }

    .stone_list li .stone_rank_info .stone_rank_name {
        max-width : 28vw;
    }

    .diary_top_wrap .top_user_info .user_info > p {
        max-width : 56vw;
    }

    .reply_area .reply_info .reply_user p {
        max-width : 40vw;
    }
    .music_list .contents,
    .artist_list .contents {
        width: calc(100% - 330px);
    }
    .no-chat-img {display: none;}

}

/* 리스트 갯수 바뀌는 부분 */
@media all and (min-width : 768px) and (max-width : 1024px) {


    .music_list .album_list .item {
        width          : 22.35%;
        margin-right   : 3.5%;
        padding-bottom : 20px;
    }

    .music_list .album_list .item:nth-child(5n) {
        margin-right   : 3.5%;
        padding-bottom : 20px;
    }

    .music_list .album_list .item:nth-child(4n) {
        margin-right : 0;
    }


    .artist_list .album_list .item {
        width        : 31%;
        margin-right : 3.5%;
    }

    .artist_list .album_list .item:nth-child(4n) {
        margin-right : 3.5%;
    }

    .artist_list .album_list .item:nth-child(3n) {
        margin-right : 0;
    }

    /*artist_music*/
    .artist_music .video_list li {
        width        : 23%;
        margin-right : 2.6666666667%;
    }

    .artist_music .video_list li:nth-child(5n) {
        width        : 23%;
        margin-right : 2.6666666667%;
    }
    .artist_music .video_list .music_list li:nth-child(5n) {
        width        : 18.4%;
        margin-right: 0;
    }

    .artist_music .video_list li:nth-child(4n) {
        margin-right : 0%;
    }
    .artist_music .video_list .music_list li:nth-child(4n) {
        margin-right: 2%;
    }

    /*event_music*/



}


@media all and (min-width : 601px) and  (max-width : 1024px) {
    /*next_musci_list*/
    .music_detail .next_music_list .item {
        margin-right  : 15px;
        width         : 100%;
        display       : block;
        margin-bottom : 20px;
    }

    .music_detail .next_music_list .info {
        margin-right : 15px;
        margin-left  : 0px;
        width        : 100%;
    }

    .music_detail .next_music_list .img {
        width : 100%;

    }
    .music_detail .next_music_list .info ._subject {
        height: 20px;
        -webkit-line-clamp : 1;
        margin-top: 5px;
    }

    .music_detail .next_music_list .next_music_li {
        display : inline-block;
        width   : calc(50% - 17.5px);
    }

    .music_detail .next_music_list .next_music_li:nth-child(odd) {
        margin-right : 15px;
        margin-left  : 7px;

    }

    .music_detail .next_music_list .next_music_li:nth-child(even) {
        margin-right : 0px;

    }
    .mlive_title_wrap {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .live_detail .artist_info {
        margin-bottom: 10px;
    }
}

@media screen and (max-width : 425px) {
    .live_detail .video_area {
        padding : 0;
        width   : 100%;
    }

    .live_detail .video_area ._secR {
        width       : 94%;
        margin-left : 3%;
        height      : auto !important;
    }

}