@charset "utf-8";




@media (min-width: 768px) and (max-width: 1220px) {
        .conpany_con {
        width:92%;margin:10px auto;
    }
    #bo_v {
        width: 92% !important;
        margin: 0 auto;
    }

    #bo_w {
        width: 92%;
        margin: 0 auto;
    }

    .d_banner_only {
        display: block;
    }

    .m_banner_only {
        display: none;
    }

    #wrap #container_sub {
        width: 100% !important
    }

    /*    index */
    #container {
        width: 100%;
        min-width: 100%;
    }

   #container_sub_2 {
        width: 92%;
        margin: 0 4%;
        margin-top: -20px;
    }
    ul.main_chart {
        width: 100%;
        margin: 0 auto 50px;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0;
    }

    ul.main_chart li {
        padding: 0 .3rem;
        width: 195px;
        height: auto;
    }


    div.main_event .event_cont {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;

    }

    div.main_event .event_cont div.event_slide {
        width: 50%;
    }

    div.main_event .event_cont h2 {
        width: 50%;
    }

    div.main_event {
        border-bottom: none;
        border-top: none;
        width: 92%;
        margin: 0 4%;
    }

    div.main_event .event_cont div.event_slide {
        border-right: none;
    }



    div.chart_weekly {
        width: 92%;
        margin: 0 4%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.chart_weekly div.weekly_cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    div.chart_weekly div.weekly_cont dl {
        width: 50%;
        border-right: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-child(1) {
        border-right: 1px solid #dfe6e8;
        display: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-child(2) {
        border-right: 1px solid #dfe6e8;
        width: 100%;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(3) {
        border-right: 1px solid #dfe6e8;
        display: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(4) {
        display: none;
    }


    div.chart_weekly div.weekly_tit {
        padding: 0 1rem;
    }

    div.main_video {
        width: 92%;
        margin: 0 4%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
    }

    div.main_video div.music_video {
        width: 100%;
        margin: 0;
        padding: 1rem .9rem 1rem 1rem;
        border-right: none;

    }

    div.main_video div.music_chart {
        width: 100%;
        margin: 0;
        padding: 1rem;
    }

    div.main_board div {
        border-bottom: 1px solid #dfe6e8;
    }
    


    div.main_board {
        width: 92%;
        margin: 0 4%;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
    }

    div.main_board div:last-child {
        border-right: none;
    }

    #footer .foot_cont {
        width: 92%;
        margin: 30px 4% 15px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #footer .foot_cont ul {
/*        padding-left: 1rem;*/
    }

    #footer .foot_cont dl {
        top: 35px;
        left: 9px;
    }

    #footer .foot_cont address {
        margin-top: 50px;
/*        padding-left: 1rem;*/
    }

    #footer .foot_info .info_cont {
        width: 97%;
        margin: 0 1rem;
    }

    /*    고객센터 */
    #bo_v {
        padding: 0 1rem;
    }

    #bo_cate_ul {
        padding: 0 1rem;
    }
    


    /* 네비게이션 */

    #map_box {
        width: 100%;
        margin: 0 1rem;
    }


    .foot_notice {
        display: none;
    }

    /*    서브 페이지  */
    #topbanner {
        display: none;
    }

    #container_sub {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #container_sub_1 {
        width: 92%;
        margin: 0 4%;

    }

    #bo_gall {
        width: 100% !important;

    }

    .sub_tit {
        width: 100%;
        padding: 20px 0 0;
    }

    .chart_ranking_box {
        width: 92%;
    }

    .chart_1200 {
        width: 92%;
        margin: 0 auto;
    }

    .__se_tbl_ext,
    #ctt_con {
        width: 92%;
        margin: 0 auto;
    }

    
    /* -----------------                                     로그인      --------------------- */

    #login {
        padding-top: 0;
        margin-bottom: 133px;
    }

    #login > form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* -----------------                                     회원가입      --------------------- */
    .mbskin {
        width: 92%;
        margin: 0 4%;
    }

    .log_result_ment {
        font-size: 14px;
    }








    form {
        width: 100%;

        padding: 0 4%;
    }

    #fboardlist {
        flex-wrap: wrap;
        padding: 0;
    }

    div.chart_menu ul {
        position: inherit;
    }

    .sub_banner {
        width: 100%;
        height: auto;
    }

    .sub_banner a {
        width: 100%;
        height: auto;
    }

    .sub_banner a .onebanner {
        height: auto;
        width: 100%;
        text-align: center
    }

    .sub_banner a .onebanner .navverbeen {
        width: 100%;
        height: auto;
    }

    p.chart_info {
        width: 100%;
        line-height: 19px;
        padding: 5px 0;
        text-align: left;
    }

    p.chart_info > font {
        padding-left: 10px;
    }

    table.chart_list {
        width: 100%;
    }

    table.writer_list {
        width: 100%;
    }

    div.chart_menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    div.chart_menu h2 {
        width: 100%;
        text-align: left;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #515151;
    }

    div.chart_menu ul li a {
        font-size: 22px;
    }

    h4.chart_more {
        width: 100%;
    }

    ul.chart_ranking {
        width: 100%;
    }

    ul.chart_ranking li {
        width: 25%;
    }




    /* ===============================================================================================  1200px 이하   게시판    */
    body #container_sub {
        width: 100% !important;
        padding-right: 0px;
        min-height: 0;
    }

    #board_news {
        display: none;
    }
    #chart_banner{margin-top:-30px;}
    #bo_gall #gall_ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;

    }
    #bo_gall .gall_href>a>img{width:100%;height:auto;}
    div.main_board div {
        width: 25%;
    }






    /*    #bo_gall #gall_ul{padding:0 2%;}*/
    #bo_gall .gall_li {
        margin: 0 0 20px;
        width: 31.3% !important;
        height: auto;
    }

    /* ------------------------------                      서브페이지   --------------------------- */

    .container_sub_skin {
        width: 92%;
        margin: 0 4%;
    }

    h2.sub_tit {
        width: 92%;
        margin: 0 4%;
    }

    ul.star_menu {
        width: 92%;
        margin: 0 4%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        border-left: 1px solid #b7b7b7;

    }

    .about_img{width:92%;margin:0 auto;}

    ul.star_menu.menu6 li {
        width: 100% !important;
    }

    ul.star_menu.menu4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    ul.star_menu.menu5 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    ul.star_menu li {
        width: 100%;
        line-height: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: none;
        border-right: 1px solid #b7b7b7;
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;

    }

    ul.star_menu li a {
        font-weight: bold;
        display: block;
    }

    ul.star_menu.menu4 li {
        width: 100%;
        margin-top: -1px;
    }


    .pg_wrap {
        width: 100%;
    }

    #bo_list {
        width: 100% !important;
        padding: 0;
    }
    
        #bo_list{width:92% !important;margin:30px auto;}

    .sub_banner ul {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }

    /*    #gall_allchk{padding:0 1rem;}*/
    ul.star_menu.menu5 li {
        width: 100%;
    }

    #bbs_chart {
        width: 100%;
        margin: 0;
    }



    .chart_ranking {}


    /*       가수 정보 페이지   */

    .star_profile_box {
        width: 92%;
        margin: 0 4%;
    }

    #star_detail {
        width: 100%;
    }

    div#star_detail div {
        padding: 0;
    }



.map_box,.map_info{
    width: 92%;
    margin: 10px auto;
}
    
    .root_daum_roughmap{width:100%;}













}



/*===============================================================================                        767px                     ==============*/
@media (min-width: 481px) and (max-width: 767px) {
    
    #reg_mb_mailling, #reg_mb_sms, #reg_mb_open{width:13px;height:13px;}
    

.map_box,.map_info{
    width: 92%;
    margin: 10px auto;
}
    
    .root_daum_roughmap{width:100%;}    #reg_mb_mailling, #reg_mb_sms, #reg_mb_open{width:13px;height:13px;}
   #container_sub_2 {
        width: 92%;
        margin: 0 4%;
        margin-top: -20px;
    }
    .magazine_gall, .artist_gall{width:92%;margin:0 auto;}
    .trigger{width:100%;}
    .trigger>img{width:100%;}
    #ctt>header>h2.sub_tit{width:92%;margin:0 auto;}
    
    .__se_tbl_ext, #ctt_con {
        width: 92%;
        margin: 0 auto;
    }

    .chart_1200 {
        width: 100%;
    }

    .chart_ranking_box {
        width: 100%;
    }

    .broad_search {
        width: 92%;
        margin: 0 auto;
        display: block;
    }

    .magazine_gall {
        width: 92%;
        margin: 0 auto;
    }

    #header .head_cont {
        height: auto;
    }

    #bo_v {
        width: 92% !important;
        ;
        margin: 0 auto;
    }

    #bo_w {
        width: 92%;
        margin: 0 auto;
    }

    /*       가수 정보 페이지   */

    .star_profile_box {
        width: 92%;
        margin: 0 4%;
    }

    #star_detail {
        width: 100%;
    }

    div#star_detail div {
        padding: 0;
    }

    .d_banner_only {
        display: block;
    }

    .m_banner_only {
        display: none;
    }

    #wrap #container_sub {
        width: 100% !important;
        min-height:500px;
    }

    /*    index */
    #container {
        width: 100%;
        min-width: 100%;
    }

    #container_sub_1 {
        width: 92%;
        margin: 30px 4% 0;

    }

    .t_no {
        display: none
    }

    .chart_top {
        width: 92%;
        margin: 30px 4%;
    }

    ul.main_chart {
        width: 450px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
    }

    ul.main_chart li {
        margin: 10px 0;
        padding: 0;
        border-right: none;
    }

    ul.main_chart li {
        width: 50%;

    }


    ul.main_chart li:nth-child(5) {
        display: none;
    }

    ul.main_chart li h4 {
        display: flex;
        justify-content: center;
    }

    div.main_event .event_cont div.event_slide ul li:nth-child(1) {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.main_event .event_cont div.event_slide ul li:nth-child(1) > img {}

    div.main_event .event_cont div.event_slide > h2 > li {
        display: flex;
        justify-content: center;
    }

    div.main_event .event_cont div.event_slide > h2 > li > img {
        border: 1px solid #ddd;
    }

    div.main_event {
        height: auto;
        border-bottom: none;
        border-top: none;
        padding: 0 1rem;
    }

    div.main_event .event_cont {
        width: 450px;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
    }

    div.main_event .event_cont div.event_slide {
        width: 100%;
    }

    div.main_event .event_cont > h2 {
        width: 100%;
        display: flex;
        justify-content: center
    }

    div.main_event .event_cont div.event_slide {
        border-right: none;
    }



    div.chart_weekly {
        width: 92%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    div.chart_weekly div.weekly_cont {
        width: 450px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.chart_weekly div.weekly_cont dl {
        width: 100%;
        border-right: none;
    }

    div.chart_weekly div.weekly_tit {
        padding: 0 1rem;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(1) {
        display: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(2) {
        border-top: 2px solid #000;
        margin-top: 30px;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(3) {

        display: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(4) {
        display: none;
    }

    div.main_video {
        width: 450px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
    }

    div.main_video div.music_video {
        width: 450px;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        /*        padding: 1rem .9rem 1rem 1rem;*/
    }

    div.main_video div.music_chart {
        width: 100%;
        margin: 0;
        padding: 1rem 0;
    }

    div.main_board {
        width: 450px;
        margin: 0 auto;
        height: auto;
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.main_board div {
        width: 50%;
    }

    div.main_board div:nth-of-type(2) {
        border-right: none;
    }


    div.main_board div:last-child {
        border-right: none;
    }

    div.main_board div {
        height: 125px;
    }

    div.main_board div:nth-child(3),
    div.main_board div:nth-child(4) {
        border-top: 2px solid #000;
    }

    div.main_video div.music_chart ul li {
        width: 111px;
    }

    div.main_board div:first-child {
        border-left: none;
    }

    /*     로그인  */

    #login {
        width: 92%;
        margin: 20px 4% 0;
        padding-top: 0;
        margin-bottom: 133px;
    }

    #login h2,
    #login h3,
    #login h4,
    #login p {
        width: 100%;
    }

    #login > form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

    #login p {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }


    /* -----------------                                     회원가입      --------------------- */



    .mb_3,
    .reg_mb_homepage {
        width: 350px;
    }

    .input_full {
        width: 100%;
    }



    .sign_top > img {
        height: auto;
    }


    #footer .foot_cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-top:1px solid #eee;
        padding-top:3px;
    }

    #footer .foot_cont ul {
        width: 92%;
        margin: 0 4%;
        height: auto;
        padding: 5px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #footer .foot_cont ul.show_d {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #footer .foot_cont ul li {
        line-height: 26px;
    }

    #footer .foot_cont dl {
        display: none;
    }

    #footer .foot_cont address {
        width: 100%;
        padding: 0 1rem;
    }

    #footer .foot_info .info_cont {
        width: 97%;
        margin: 0 1rem;

    }


    /* 네비게이션 */

    #map_box {
        width: 100%;
        margin: 0 1rem;
    }

    /* ------------------------------                        로그인    --------------------------- */
    #login h2 input {
        width: 92%;
    }

    #login h3 input {
        width: 100%;
    }

    .mbskin {
        width: 92%;
        margin: 0 4%;
    }

    .mbskin .tbl_frm01 th {
        padding: 13px;
    }

    .mbskin .tbl_frm01 td input {
        width: 100%;
        margin: 3px 0;
    }



    /* ------------------------------                       푸터    ----------------------- */

    .foot_notice {
        display: none;
    }

    /*    서브 페이지  */
    #topbanner {
        display: none;
    }

    #container_sub {
        width: 100%;
        margin: 50px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }


    h2.sub_tit {
        width: 100%;
        text-align: left;
    }

    div.chart_menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0;
    }

    form {
        width: 100%;

    }

    #fboardlist {
        flex-wrap: wrap;
        padding: 0;
    }

    div.chart_menu ul {
        position: inherit;
    }

    div.chart_menu h2 {
        width: 100%;
        text-align: left;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #515151;
    }

    div.chart_menu ul {
        width: 100%;
        margin: 0 0 25px;
    }

    div.chart_menu ul li a {
        font-size: 22px;
    }

    div.chart_menu .search {
        width: 100%;
        top: 66px;
        left: 0;
    }

    h4.chart_more {
        width: 100%;
    }

    #bbs_chart {
        width: 100%;
        margin: 0;
    }

    .chart_list {
        width: 92%;
        margin: 0 4%;
    }

    table.writer_list {
        width: 100%;
        margin: 0
    }

    .chart_ranking {width: 100%;
/*
        width: 92%;
        margin: 0 4%;
*/
    }

    ul.chart_ranking li {
        width: 25%;
    }




    .chart_list tr th:nth-child(2) {
        display: none;
    }

    .chart_list tr th:nth-child(9) {
        display: none;
    }

    .chart_list tr th:nth-child(10) {
        display: none;
    }

    .chart_list tr th:nth-child(11) {
        display: none;
    }

    .chart_list tr td:nth-child(2) {
        display: none;
    }

    .chart_list tr td:nth-child(9) {
        display: none;
    }

    .chart_list tr td:nth-child(10) {
        display: none;
    }

    .chart_list tr td:nth-child(11) {
        display: none;
    }

    .sub_banner li.mr20 {
        margin-right: 0;
    }

    .sub_banner ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sub_banner li img {
        width: 100%;
    }

    /* =============================================================================================== 767px 이하   게시판    */

    body #container_sub {
        width: 100% !important;
        padding-right: 0px !important;

    }
    #bo_v_table{right:4%;}
    .container_sub_skin {
        width: 92%;
        margin: 0 4%;
    }

    #board_news {
        display: none;
    }

    #chart_banner {
        height: auto;
        margin-top:-50px;
    }



    ul.star_menu li a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #bo_gall .gall_con {
        margin: 10px 0 0;
    }

    #bo_gall .gall_con li {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }

    #bo_gall #gall_ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    #bo_gall {
        width: 100% !important;

    }

    #bo_gall #gall_ul {
        padding: 0
    }

    #bo_gall .gall_li {
        margin: 0 0 20px;
        width: 48% !important;
        height: auto;
    }

    #bo_gall .gall_href strong,
    #bo_gall .gall_href span {
        width: 100% !important;
        height: auto;
    }
    
    #bo_gall .gall_href>a>img{width:100%;height:auto;}
    

    /* ------------------------------                      서브페이지   --------------------------- */

    .container_sub_skin {
        width: 92%;
        margin: 0 4%;
    }

    .about_box {
        width: 92%;
        margin: 0 4%;
    }

    .about_img {
        margin-top: 20px;
    }

    h2.sub_tit {
        width: 100%;
        margin: 0 auto;
        margin-bottom:10px;
    }

    ul.star_menu {
        width: 92%;
        margin: 0 4%;
        height: auto;
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        border-left: 1px solid #b7b7b7;
    }

    ul.star_menu.menu4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    ul.star_menu.menu5 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    ul.star_menu.menu6{width:92%;margin:0 auto;}
    ul.star_menu.menu6 li {
        width: 100% !important;
    }

    ul.star_menu li {
        width: 100%;
        line-height: 20px;
        margin-top:-1px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: none;
        border-right: 1px solid #b7b7b7;
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;

    }

    ul.star_menu li a {
        font-weight: bold;
        display: block;
        font-size: 13px;
    }


    p.chart_info {
        text-align: left;
        width: 100%;
        padding: 5px 0;
        line-height: 20px;
    }

    .chart_info {
        text-align: left;
    }

    .chart_info > p {
        padding: 0 10px;
    }

    /*    ul.star_menu{padding:0 1rem;}*/
    .conpany_con {
        padding: 1rem;
    }

    #bo_gall .gall_text_href {
        width: 100% !important;
    }

    #bo_sch {
        margin: 14px 0 0 30px;
    }

    .bo_fx {
        padding: 0;
    }

    ul.star_menu.menu4 li {
        width: 100%
    }

    ul.star_menu.menu4 li:nth-child(5),
    ul.star_menu.menu4 li:nth-child(6),
    ul.star_menu.menu4 li:nth-child(7),
    ul.star_menu.menu4 li:nth-child(8) {
        margin-top: -1px;
    }

    #bo_list {
        width: 92% !important;
        margin: 0 auto;
    }

    ul.star_menu.menu5 li {
        width: 100%;
    }



    #bo_list {
        min-height: 650px;
    }

    /*    고객센터 */

    #bo_list_total {
        margin-left: 1rem;
    }

    #bo_list .tbl_head01 {}

    #bo_v {}

}

@media (min-width: 320px) and (max-width: 480px) {
        #reg_mb_mailling, #reg_mb_sms, #reg_mb_open{width:13px;height:13px;}
    .main_banner>li>a>img{width:100%;height:auto;}
    .main_banner>li>a:nth-child(2){display:block;margin:10px 0;}
    .music_video>p{display:none;}
   #ctt_con {
        width: 92%;
        margin: 0 auto;
    }
    .sub_banner li{margin-top:-1px;}
    .about_img {
        width: 92%;
        margin: 0 auto;
    }

    .map_box {
        width: 92%;
        margin: 0 auto;
    }

    .map_box > .root_daum_roughmap {
        width: 100%;
    }

    .map_info {
        width: 92%;
        margin: 0 auto;
    }

    .chart_1200 {
        width: 100%;
    }

    .prd_input {
        width: 270px !important
    }

    .chart_ranking_box {
        width: 92%;
        margin: 0 auto;
    }

    .log_ment,
    .log_admin {
        display: none;
    }

    table.chart_list td.rank span.red {
        margin-right: 4px;
    }

    .magazine_gall,
    .artist_gall {
        width: 92%;
        margin: 0 auto;
    }
    #header .head_cont_line{display:none;}
   
 


    #bo_v {
        width: 92% !important;
        margin: 0 auto;
    }

    #bo_w {
        width: 92%;
        margin: 0 auto;
    }

    #bo_v_bot {
        display: flex;
        flex-direction: column
    }

    /*       가수 정보 페이지   */

    .star_profile_box {
        width: 92%;
        margin: 0 4%;
    }

    div.star_profile div.profile_cont dl.btn {
        top: -50px;
    }

    div.star_profile div.profile_cont {
        width: 100%;
    }

    #star_detail {
        width: 100%;
    }

    div#star_detail div {
        padding: 0;
    }

    .d_banner_only {
        display: none;
    }

    .m_banner_only {
        display: block;
        margin-top: -40px;
    }

    #wrap > #container_sub {
        width: 100% !important;
        margin: 30px auto 0 !important;
        padding-right: 0;
    }

    /*    index */
    #container {
        width: 100%;
        min-width: 100%;
        margin-top: 10px;
    }

    .t_no {
        display: none
    }

    .chart_top {
        width: 92%;
        margin: 30px 4%;
    }

    div.main_video div.music_chart > h4 > a {
        display: block;
        width: 100%;
        height: auto;
    }

    div.main_video div.music_chart > h4 > a > img {
        width: 100%;
        height: auto;
    }

    .line_banner > li > img {
        border-bottom: 8px solid #eee;
    }

    ul.main_chart {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
    }

    ul.main_chart li {
        margin: 10px 0;
        padding: 0;
        border-right: none;
    }

    ul.main_chart li {
        width: 47%;

    }


    ul.main_chart li:nth-child(5) {
        display: none;
    }

    ul.main_chart li h4 {
        display: flex;
        justify-content: center;
    }

    div.main_event .event_cont div.event_slide ul li:nth-child(1) {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.main_event .event_cont div.event_slide ul li:nth-child(1) > img {}

    div.main_event .event_cont div.event_slide > h2 > li {
        display: flex;
        justify-content: center;
    }

    div.main_event .event_cont div.event_slide > h2 > li > img {
        border: 1px solid #ddd;
    }

    div.main_event {
        height: auto;
        border-bottom: none;
        border-top: none;
        padding: 0 1rem;
    }

    div.main_event .event_cont {
        width: 92%;
        margin: 0 4%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    div.main_event .event_cont div.event_slide {
        width: 100%;
    }

    div.main_event .event_cont > h2 {
        width: 100%;
        display: flex;
        justify-content: center
    }

    div.main_event .event_cont div.event_slide {
        border-right: none;
    }

 

    div.chart_weekly {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .chart_d_only{display:none !important}
    
    div.chart_weekly div.weekly_cont {
        width: 92%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.chart_weekly div.weekly_cont dl {
        width: 100%;
        border-right: none;
    }

    div.chart_weekly div.weekly_tit span.date {
        font-size: 11px;
    }

    div.chart_weekly div.weekly_tit {
        padding: 0 1rem;
        font-weight: 600;
        border-bottom: 0;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(1) {
        display: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(2) {
        border-top: 2px solid #000;
        margin-top: 5px;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(3) {

        display: none;
    }

    div.chart_weekly div.weekly_cont dl:nth-of-type(4) {
        display: none;
    }

    div.main_video {
        width: 92%;
        margin: 40px 4% 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
    }

    h2.main_tit {
        font-weight: 600;
    }

    div.main_video div.music_video h3 {
        padding-bottom: 17px;
    }

    div.main_video div.music_video {
        width: 100%;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        /*        padding: 1rem .9rem 1rem 1rem;*/
    }

    div.main_video div.music_chart {
        width: 100%;
        margin: 0;
        padding: 1rem 0;
    }

    div.main_video div.music_chart .main_tit {
        display: none;
    }

    div.main_video div.music_chart > ul {
        display: none;
    }

    div.main_board {
        width: 92%;
        margin: 0 4%;
        height: auto;
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-top: none;
    }

    div.main_board div {
        width: 100%;
    }


     div.main_board> div:nth-of-child(2),
    div.main_board> div:nth-of-child(3),
    div.main_board> div:nth-of-child(4){display:none;}


    div.main_board div {
        height: 125px;
        background: #e2e2e23b;
        border-radius: 13px;
        margin: 3px;
        box-shadow: inset -1px -1px 2px 1px #79797952;
    }

    div.chart_weekly div.weekly_cont {
        border-top: none;
    }

    div.main_board div:nth-child(3),
    div.main_board div:nth-child(4) {
        /*        border-top: 2px solid #0f0f0f82;*/
    }

    div.main_video div.music_chart ul li {
        width: 111px;
    }


    /*    로그인  */
    #login {
        width: 92%;
        margin: 90px auto 0;
    }

    #login h2 {
        width: 100%;
        text-align: center
    }

    #login h2 input {
        width: 70%;
    }

    #login h3 {
        text-align: center;
    }

    #login h3 input {
        width: 77%;
    }

    #login h4 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #login p {
        justify-content: center;
    }

    #login p a {
        width: 37%;
    }

    .login_top {

        margin-bottom: -120px
    }



    #login h2,
    #login h3,
    #login h4,
    #login p {
        width: 100%;
    }

    #login > form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

    #login p {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    /* -----------------                                     회원가입      --------------------- */
    .mbskin {
        width: 92%;
        margin: 0 4%;
    }

    .sign_top {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .mb_3,
    .reg_mb_homepage {
        width: 350px;
    }

    .input_full {
        width: 100%;
    }



    .sign_top > img {
        height: auto;
    }

    #fregister > p {
        line-height: 17px
    }

    .mbskin {
        width: 92%;
        margin: 0 4%;
    }

    .mbskin .tbl_frm01 th {
        padding: 13px;
    }

    .mbskin .tbl_frm01 td input {
        width: 100%;
        margin: 3px 0;
    }

    .mbskin .tbl_frm01 td input.b_input:nth-child(1) {
        width: 22%;
        border: 1px solid #e4eaec;
        background: #f7f7f7;
    }

    .mbskin .tbl_frm01 td input.b_input:nth-child(2) {
        width: 18%;
        border: 1px solid #e4eaec;
        background: #f7f7f7;
    }

    .mbskin .tbl_frm01 td input.b_input:nth-child(3) {
        width: 43%;
        border: 1px solid #e4eaec;
        background: #f7f7f7;
    }

    .log_result_ment {
        font-size: 13px;
    }


    #footer {
        background: #f1f1f1;
        height: auto;
        padding: 0 0 10px;
    }

    ul.main_chart li h2 {
        width: 100%
    }

    ul.main_chart li.m_only {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }

    div.main_board div:first-child {
        border-left: none;
    }

    div.main_board div h2.main_tit {
        font-weight: 600;
        font-size: 16px;
        border-bottom:1px solid #bbb;
        border-style:dashed;
        padding-bottom:8px;
    }

    div.main_board div h2.main_tit > a {
        font-weight: 600;
        color: #000000c9
    }

    div.chart_search {
        width: 92%;
        margin: 0 4%;
    }

    #footer .foot_cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    #footer .foot_cont .bottom_info{width:100%;border-bottom:1px solid #ddd}
    #footer .foot_cont ul {
        width: 92%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 12px;
        margin: 0 4%;
    }

    #footer .foot_cont ul li {
        line-height: 26px;

    }

    #footer .foot_cont ul li a {
        font-size: 12px;
    }

    #footer .foot_cont dl {
        display: none;
    }

    .foot_info {
        display: none;
    }

    #footer .foot_cont address {
        width: 92%;
        padding-top: 20px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        margin: 0 4%;
    }

    #footer .foot_cont address.m_only {
        margin-top: 0;
    }

    #footer .foot_info .info_cont {
        width: 100%;
    }

    #footer .foot_cont address span {
        width: 100%;
    }

    .fat_font {
        font-weight: bold;
    }

    .m_only {
        display: flex !important;
    }

    #footer .foot_cont address a {
        width: 100%;
        display: block;
    }



    /* 네비게이션 */

    #map_box {
        width: 100%;
        margin: 0 1rem;
    }


    .d_only,
    .foot_notice {
        display: none;
    }

    /*    서브 페이지  */
    #topbanner {
        display: none;
    }

    #container_sub {
        width: 100%;
        margin: 10px 0% 30px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        min-height: 500px;
    }


    #container_sub_1 {
        width: 92%;
        margin: 0 4%;
        margin-top: 0;
    }

    #container_sub_2 {
        width: 92%;
        margin: 0 4%;
        margin-top: -10px;
    }

    #container_sub > div > img {
        width: 100%;
        height: auto;
    }

    h2.sub_tit {
        width: 100%;
        text-align: center;
        margin: 0;
        font-size: 1.8em;
        font-weight: bold;
        display: block;
        line-height:30px;
    }

    h2.sub_tit > .about_tit {
        text-align: left;
        width: 92%;
        margin: 0 auto;
        font-weight: 600;
    }



    ul.star_menu {
        width: 92%;
        margin: 0 4%;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding:10px 0 20px;
    }

    ul.star_menu.menu6 li {
        width: 50%;
    }

    ul.star_menu.menu5 li {
        width: 20.2%;
    }

    ul.star_menu li {
        width: 50%;
        margin-top: -1px;
        margin-left: -1px;
        height: 32px;
        line-height: 31px;
    }

    ul.star_menu li > a {
        display: block;
        width: 100%;
        height: auto;
        padding: 8px 0 0;
    }

    .list_year {
        font-size: 1.5em;
    }

    .chart_info {
        text-align: left;
    }

    .chart_info > p {
        padding: 0 10px;
    }


    /*=======================================================          엔터테인먼트   ==============================*/





    #bo_gall .gall_con {
        margin: 10px 0 0;
    }


    .star_menu {
        width: 97%;
        margin: 0;
    }

    .conpany_con {
        width: 92%;
        margin: 0 auto;
    }

    #chart_banner {
        height: auto;
        margin-top:-30px;
        margin-bottom: 30px;
    }

    p.chart_info {
        line-height: 19px;
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        width: 100%;
        padding: 15px 0;
        font-size: 12px;
        margin-top: 7px;
    }

    form {
        width: 100%;
        padding: 0 4%;

    }

    #fboardlist {
        padding: 0;
    }

    p.chart_info > font {
        width: 100%;
        padding: 0 10px;
    }

    div.chart_menu {
        display: flex;
        flex-wrap: wrap;
        height: 100px;
        top: 0;
        left: 0;
    }

    div.chart_menu h2 {
        text-align: left;
        font-size: 16px;
        width: 100%;
        font-weight: bold;
        color: #515151;
        margin-right: 1rem;
    }

    div.chart_menu ul {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        top: 35px;
    }

    div.chart_menu ul li a {
        margin-right: 0;
        margin-right: 16px;
        font-size: 18px;
    }

    div.chart_menu .search {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        top: 77px;
        left: 0;
    }



    .chart_list tr th:nth-child(2) {
        display: none;
    }

    .chart_list tr th:nth-child(5) {
        display: none;
    }

    .chart_list tr th:nth-child(7) {
        display: none;
    }

    .chart_list tr th:nth-child(8) {
        display: none;
    }

    .chart_list tr th:nth-child(9) {
        display: none;
    }

    .chart_list tr th:nth-child(10) {
        display: none;
    }

    .chart_list tr th:nth-child(11) {
        display: none;
    }

    .chart_list tr td:nth-child(2) {
        display: none;
    }

    .chart_list tr td:nth-child(5) {
        display: none;
    }

    .chart_list tr td:nth-child(7) {
        display: none;
    }

    .chart_list tr td:nth-child(8) {
        display: none;
    }

    .chart_list tr td:nth-child(9) {
        display: none;
    }

    .chart_list tr td:nth-child(10) {
        display: none;
    }

    .chart_list tr td:nth-child(11) {
        display: none;
    }

    .sub_banner {
        width: 100%;
    }

    .sub_banner li.mr20 {
        margin-right: 0;
        width: 100%;
    }

    #bbs_chart {
        width: 100%;
        margin: 0;
    }

    table.chart_list {
        width: 92%;
        margin: 0 auto;
    }

    table.writer_list {
        width: 100%;
    }

    ul.chart_ranking {
        width: 100%;

        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

    }

    ul.chart_ranking li {
        width: 50%;
        margin: -1px -1px 0 0;
    }

    div.chart_search {
        width: 92%;
        margin: 0 4%;
    }

    /* ===============================================================================================  320px 이하   게시판    */
    .container_sub_skin {
        width: 92%;
        margin: 0 4%;
    }

    body > #container_sub {
        width: 92% !important;
        padding-right: 0px;
        margin: 0 auto;
    }

    #board_news {
        display: none;
    }

    #bo_v {
        width: 100%;
    }

    #bo_v_info strong {
        margin: 5px 15px 0 0;
    }

    #bo_v_top {
        display: flex;
        flex-wrap:wrap;
    }

    .bo_v_com {
        float: left;
    }

    .bo_v_com li {

    }

    /*    고객센터 */


    #bo_v {
/*        padding: 0 1rem;*/
    }

    #bo_gall #gall_ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    #bo_gall .gall_li {
        margin: 0 0 20px;
        width: 48% !important;
        height: auto;
    }

    #bo_gall .gall_href strong,
    #bo_gall .gall_href span {
        width: 100% !important;
        height: auto;
    }

    .gall_href > a > img {
        height: auto;
    }

    ul.star_menu.menu4 li {
        width: 50%;
    }



    #bo_gall .gall_text_href {
        width: 100% !important;
    }

    #bo_gall .gall_text_href a {
        line-height: 17px;
    }

    #bo_sch {
        margin: 14px 0 0;
    }



    #bo_gall {
        width: 100% !important;

    }

    #bo_cate li {
        width: 33.1%;
    }

    #bo_cate a {
        padding: 10px 0;
        width: 100%
    }

    .bo_fx {
        padding: 0;
    }

    #bo_sch > form {
        width: 100%;
    }

    div.board_gallery850 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #bo_list {
        min-height: 300px;
    }

    .pg_wrap {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

    #bo_sch {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

    #bo_list {
        width: 92% !important;
        margin: 0 4%;
    }

    table.chart_list td.left {
        padding: 5px 0 5px 0px;
    }

    table.chart_list td {
        padding: 8px 0;
    }
    
    

    /*    커뮤니티  */
    div.board_gallery ul {
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /*=================================================================================================             갤러리         ===============*/

    div.board_gallery ul li {
        margin-left: 0;
    }

    .pg_page,
    .pg_current {
        margin: 2px 0;
    }

    div.main_board > div > ul > li {
        font-size: 1.1em;
        line-height: 22px;
        color:#555
    }

    div.main_board div ul li a {
        font-size: 1em;
        line-height: 22px;
    }

    .to_next {
        display: block;
    }

    .show {
        display: none;
    }

    /*============================================================================         모바일 노래 리스트 */
    .m_top {
        width: 92%;
        margin: 0 4%;
        border-bottom: 3px solid #000 !important;
        text-align: left;
        padding-bottom: 10px;
    }



    .line_banner {
        width: 92%;
        margin: 0 4%;
    }

    /*
    .weekly_cont .table{position:relative}
    .weekly_cont .table > tr, td>.table_title{position:absolute;
    top:30px;font-size:1.4em;width:100%;border-bottom:1px solid #ddd;padding-bottom:10px;}
    .weekly_cont .table > tr, td>.tit{position:absolute;
    top:30px;font-size:1.4em;width:100%;border-bottom:1px solid #ddd;padding-bottom:10px;}
*/

/*=================================================                        검색                     */


    #sch_res_board li{width:49%;}
    #sch_res_board a{width:100%;height:21px;line-height:21px;}
    .sch_res_title{font-weight: bold;}



    

    
    














}