@-ms-viewport{width:device-width}

@media screen and (max-width: 1600px){
    .note_bg { opacity: 0.05; }
    .note_bg:hover { opacity: 0.3; }


    #header .gnb_w { width: 776px; }
    #header .logo { margin-left: -680px; }

    .stW#header { margin-top: 0; }
    .stW#header .logo { margin-top: 0; margin-left: -680px; }
    .stW#header .gnb_w { width: 776px; }

    #header .gnb .dp1 { font-size: 1rem; }

    #header .gnb .dp1 { padding: 0 20px!important; }
    .st\#header .gnb .dp1 { padding: 0 20px!important; }

    #contents .mainvisual .main_board_left { display: none!important; }
    #contents .mainvisual .main_board_right { display: none!important; }
    #contents .mainvisual .main_board_bg { display: none!important; }
}

@media screen and (max-width: 1400px){

    .login_w.qr_login { margin-top: 30px; }

    .box0 { width: 1200px; max-width: 96%; }
    .sup_tit_w { padding-top: 35px; }

    #header .location_w { width: 100%; text-align: center; }
    #header .location_w .inner { margin-right: 0; }
    #header .event_btn { width: 100%; text-align: center; }
    #header .event_btn .inner { margin-right: 0; }
    #header .fix_top_btn { left: auto; right: 15px; }
    #header .gnb_w { width: 100%; max-width: 100%; border-radius: 0; }
    .stW#header .gnb_w { width: 100%!important; }
    #header .mypage { right: 15px; top: 100px; }
    .stW#header .mypage { right: 15px; }
    #header .gnb .dp1 { height: 90px; }

    #header .logo { width: 240px; }

    #header .logo a { height: 90px; }
    #header .gnb_w { text-align: right; }
    #header .logo { left: 0; margin-left: 25px; }
    .stW#header .logo { margin-left: 25px; }
    #header .gnb { padding-right: 25px; box-sizing: border-box; }

    #contents .rank_w .n_rank .new_icon { left: -15px; top: -16px; }
    #contents .rank_w.track_rank .n_rank .new_icon { left: -15px; top: -16px; }


    #header .lang_btn { right: 0; top: 117px; }
    #header .logout { right: 0; top: 177px; }
    #header .admin_btn { right: 0; top: 237px; }


    /*mobile_main*/
    .doc.sub { margin-top: 0!important; padding-bottom: 120px; text-align: center; }

    .m_main .mainvisual { width: 100%!important; height: 750px!important; max-width: 100%!important; padding-top: 110px; overflow: hidden; }
    .m_main .mainvisual .main_btm { display: block!important; position: absolute!important; }
    .m_main .mainvisual .main_cha_left .inner .show { display: inline-block!important; }
    .m_main .mainvisual .main_cha_right .inner .show { display: inline-block!important; }
    .m_main .mainvisual .main_board { display: inline-block!important; }
    .m_main .mainvisual .main_board .board_po { opacity: 1!important; }
    .m_main .mainvisual .main_board .board_hide { display: none!important; }

    #contents .mainvisual .main_cha_right { width: 100%; transform: translate(50%, 0); }
    #contents .mainvisual .main_cha_left { width: 100%; transform: translate(-50%, 0); }

    #contents .mainvisual .main_board .board_show { width: 320px; top: 0; }
    #contents .mainvisual .main_cha_right .inner .right_1 { width: 369px; bottom: 0; left: -14px; }
    #contents .mainvisual .main_cha_right .inner .right_2 { width: 320px; bottom: 32px; left: 132px; }
    #contents .mainvisual .main_cha_right .inner .right_3 { width: 454px; bottom: 157px; left: 31px; }
    #contents .mainvisual .main_cha_right .inner .right_4 { width: 381px; top: auto; bottom: 416px; left: -41px; }

    #contents .mainvisual .main_cha_left .inner .left_1 { width: 580px; bottom: -107px; right: -118px; }
    #contents .mainvisual .main_cha_left .inner .left_2 { width: 576px; bottom: -14px; right: 23px; }
    #contents .mainvisual .main_cha_left .inner .left_3 { width: 420px; bottom: 250px; right: 54px; }

    .black_bg { height: 100%; top: 845px!important; }

    .m_main .mainvisual .main_btm:after { content: ""; display: block; width: 100%; height: 15px; background: #FFF; }

    .section_bg.bg_1 { max-width: 96%; width: 1100px; max-height: 482px; padding: 10px; border-radius: 25px; box-sizing: border-box; border: 6px solid #a64c09; background: #ffcd00; margin: 15px auto 0 auto; }
    .slick-dotted.slick-slider { margin-bottom: 0!important; }
    .section_tt .notice_t1 { max-width: 96%; width: 1100px; text-align: center; margin: 80px auto 0 auto; }
    .section_tt .notice_t1 img { display: inline-block; }



    .section_tt .game_t1 { max-width: 96%; width: 1100px; text-align: right; margin: 150px auto 0 auto; }
    .section_tt .game_t1 img { display: inline-block; }

    .section_tt .game_t2 { max-width: 96%; width: 1100px; text-align: right; margin: 10px auto 0 auto; }
    .section_tt .game_t2 img { display: inline-block; }

    .section_bg.bg_2  { max-width: 96%; width: 1100px; padding: 52px 50px; border-radius: 25px; box-sizing: border-box; border: 6px solid #ff269b; background: rgba(255, 255, 255, 0.8); margin: 15px auto 0 auto; position: relative; }
    .section_bg.bg_2 .board_po { position: absolute; top: -146px; left: calc(50% - 250px); z-index: 2; transform: translate(-50%, 0); width: 325px; }
    .section_bg.bg_2 .board_po .inner { width: 100%; height: 100%; position: relative; }
    .section_bg.bg_2 .board_po_1 { position: absolute; top: 39px; left: 50%; transform: translate(-50%, 0); }
    .section_bg.bg_2 .board_po_2 { position: absolute; top: 215px; left: 50%; transform: translate(-50%, 0); margin-left: -2px; }
    .section_bg.bg_2 .board_po_3 { position: absolute; top: 242px; left: 50%; transform: translate(-50%, 0); margin-left: -1px; }
    .section_bg.bg_2 .board_po_4 { position: absolute; top: 434px; left: 50%; transform: translate(-50%, 0); }
    .section_bg.bg_2 .board_po_5 { position: absolute; bottom: 42px; left: 50%; transform: translate(-50%, 0); }


    .section_bg.bg_2 .board_text { display: block!important; padding-left: 46%; box-sizing: border-box; text-align: left; }
    .section_bg.bg_2 .board_text .txt:not(:last-child) { margin-bottom: 15px; }
    .section_bg.bg_2 .board_text .txt .t_in { display: inline-block; width: 100%; padding: 6px 35px 6px 6px; border-radius: 53px; border: 2px solid #fffc22; box-sizing: border-box; background: #444; cursor: pointer; }
    .section_bg.bg_2 .board_text .txt .num { display: inline-block; font-size: 1.125em; font-weight: 500; width: 41px; height: 41px; border-radius: 50%; border: 2px solid #fffc22; box-sizing: border-box; background: #FFF; color: #333; padding-right: 3px; padding-bottom: 2px; vertical-align: middle; margin-right: 15px; }
    .section_bg.bg_2 .board_text .txt .tt { font-size: 1.063em; color: #FFF; font-weight: 400; vertical-align: middle; }

    .section_bg.bg_2 .board_text .txt_2 .t_in { border-color: #ff22d3; }
    .section_bg.bg_2 .board_text .txt_2 .num { border-color: #ff22d3; }

    .section_bg.bg_2 .board_text .txt_3 .t_in { border-color: #22f7ff; }
    .section_bg.bg_2 .board_text .txt_3 .num { border-color: #22f7ff; }

    .section_bg.bg_2 .board_text .txt_4 .t_in { border-color: #22ff60; }
    .section_bg.bg_2 .board_text .txt_4 .num { border-color: #22ff60; }

    .section_bg.bg_2 .board_text .txt_5 .t_in { border-color: #ff4c22; }
    .section_bg.bg_2 .board_text .txt_5 .num { border-color: #ff4c22; }


    .section_3 { max-width: 92%; position: relative; display: inline-block; margin-top: 200px; padding-left: 55px; padding-right: 37px; box-sizing: border-box; }
    .section_bg.bg_3 { max-width: 100%; width: 640px; height: 670px; padding: 0; border-radius: 25px; box-sizing: border-box; border: 6px solid #39bbff; background: #FFF; position: relative; }
    .section_bg.bg_3 .twitter_w { display: block!important; border-radius: 20px; }

    .section_tt .twitter_t1 { position: absolute; top: 20px; left: 0; }
    .section_tt .twitter_t2 { position: absolute; bottom: 10px; right: 0; }
    .new_intro .worldview_w .tt { font-size: 1.375em; }
    .new_intro .worldview_w .st { font-size: 1.063em; }
}



@media screen and (max-width: 1200px){
    .box1 { max-width: 96%; }
    .sub_w { position: relative; z-index: 2; }
    .input_st.w3 { max-width: 100%; }

    /* .list_w ul li .day { display: block; margin-bottom: 12px; } */
    /* .list_w ul li .img { width: calc(30% - 4px); box-sizing: border-box; margin-right: 0; vertical-align: middle; } */
    /* .list_w ul li .txt { width: 70%; padding-left: 30px; box-sizing: border-box; vertical-align: middle; } */
    .mypage_w .mypage_notice .tit { font-size: 1.5em; }
    .mypage_w .mypage_notice .tit .tit_info { position: static; margin-top: 7px; }
    .mypage_w .mypage_notice .tit { padding: 10px 10px 7px 10px; }

    #contents .rank_w .crown { z-index: 3; }
    #contents .rank .inner { z-index: 3; }
    #contents .rank .center { z-index: 2; }


    #contents .des_w .game_des .hands_font { left: -23px; }
    #contents .des_w .game_des { font-size: .938em; }
    #contents .des_w .game_des .inner .circle { width: 190px; height: 190px; }
    #contents .des_w .game_des .inner .circle .c_img { width: 170px; height: 170px; }
    #contents .des_w .game_des .inner .circle .num { font-size: 1em; }
    #contents .des_w .game_des .tit { height: 50px; border-radius: 50px; }
    #contents .des_w .game_des .tit .right_2 { width: 36px; height: 36px; margin-top: -18px; }
    #contents .des_w .game_des .tit .left_2 { width: 36px; height: 36px; margin-top: -18px; }
    #contents .des_w .b_arrow { margin: 35px 0; }
    #contents .des_w .game_des .inner .tab_idx2 li.circle { margin-right: 30px; }
    #contents .des_w .game_des .inner .circle.img_1.on ~ .howto_cha { left: calc(50% - 220px); }
    #contents .des_w .game_des .inner .circle.img_3.on ~ .howto_cha { left: calc(50% + 220px); }

    .login_w { width: 560px; max-width: 100%; }

    #header .gnb .dp1 { font-size: 1rem!important; padding: 0 18px!important; }
    .st\#header .gnb .dp1 { padding: 0 18px!important; }

    .list_w ul li > div { opacity: 1; }

    .location_doc .location > .inner { max-width: 96%; }
    .location_doc .location > .inner .right .list table td { word-break: break-all; }


    .fixed_cc { text-align: center; width: 96%; }
    .fixed_cc .txt_w { max-width: 100%; width: 100%; }
    .fixed_cc .txt_w .txt { max-width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; }
    .fixed_cc .inner { margin-right: 0; }
    .fixed_cc .txt_w .txt .st_w p span { word-break: break-all; }


    .card_cc { text-align: center; width: 96%; }
    .card_cc .txt_w { max-width: 100%; }
    .card_cc .txt_w .txt { max-width: 100%; box-sizing: border-box; width: 405px; }
    .card_cc .inner { margin-right: 0; width: 100%; }
    .card_cc .txt_w .txt .st_w p span { word-break: break-all; }

    .fixed_cc { margin: 20px auto 0 auto; }

    .fixed_cc .txt_w .tt { width: 180px; top: -162px; }
    .fixed_cc .txt_w .txt .tt_w .text { font-size: 1rem; }
    .fixed_cc .txt_w .txt .st_w p { font-size: .875em; }
    .fixed_cc .txt_w .txt { padding: 45px 20px 25px 20px; }

    .card_cc { margin: 20px auto 0 auto; }

    .card_cc .txt_w .tt { width: 180px; top: -162px; }
    .card_cc .txt_w .txt .tt_w .text { font-size: 1rem; }
    .card_cc .txt_w .txt .st_w p { font-size: .875em; }
    .card_cc .txt_w .txt { padding: 45px 20px 25px 20px; }

    .fixed_cc .inner .r_arrow { width: 50%; bottom: -15px; }
    .fixed_cc .inner .l_arrow { width: 50%; bottom: -15px; }

    .fixed_cc .img_edit { width: 100%; }

    .mypage_w .inner ul { text-align: center; }
    .card_cc.bottom_cc { padding-bottom: 10px; }
    .mypage_w .inner.play_m ul li, .mypage_w .inner.best_m ul li { width: 140px; margin: 5px 10px 40px 10px; }

    .mypage_w .inner ul li:first-child { margin: 0; }

    .section_bg.bg_2 .board_po { width: 254px; top: -78px; left: 45px; transform: none; }
    .section_bg.bg_2 .board_po_1 { width: 168px; top: 35px; }
    .section_bg.bg_2 .board_po_2 { width: 161px; top: 171px; }
    .section_bg.bg_2 .board_po_3 { width: 120px; top: 190px; }
    .section_bg.bg_2 .board_po_4 { width: 190px; top: 338px; }
    .section_bg.bg_2 .board_po_5 { width: 184px; bottom: 32px; }
    .section_bg.bg_2 { padding: 35px; }
    .section_bg.bg_2 .board_text { padding-left: 32%; }

    .section_tt .game_t1 { margin-top: 100px; }
    .section_3 { margin-top: 100px; }

    .mypage_w .inner ul { padding-top: 0; }
    .mypage_w .inner ul li:first-child { position: static; }
    .mypage_w .inner ul li .tt { display: block; }
    .mypage_w .inner ul li .tt img { display: inline-block; }
    .mypage_w .inner ul li .st { float: none; margin-top: -17px; margin-bottom: 25px; }
    .mypage_w .inner ul li .st .pc { display: none; }
    .mypage_w .inner ul li .st .phone { display: inline-block; }

    .mypage_w .over_w > div > ul { padding-top: 0; }
    .mypage_w .visit_m ul li .tt { text-align: center; }

    .track .new_icon { width: 82px; top: -24px; left: -19px; }

    .n_sub_nav > ul > li { margin-right: 10px!important; font-size: 1rem!important; }
    .n_sub_nav > ul > li > div { width: 186px!important; }
    .n_sub_nav > ul > li p { width: 186px!important; }

}


@media screen and (max-width: 1024px){
    .n_cha_w > .inner .tt { font-size: 1.313em; top: 7px; }

    #header .fix_top_btn.my_index { bottom: 72px!important; }
    .mypage_w .mypage_lounge_info { width: 100%; box-sizing: border-box; border-radius: 0; bottom: 0; }

    /* 22-02-25 add*/
    .mypage_w .mypage_record .record_list ul.my_record { padding: 10px 20px; }
    .mypage_w .mypage_record .record_list ul.my_record > li { width: 33.33333%; padding: 15px 15px 25px 15px!important; }

    .mypage_w .mypage_lounge .lounge_list ul { padding: 10px 20px; }
    .mypage_w .mypage_lounge .lounge_list ul li { width: 33.3333%; padding: 15px 15px 25px 15px!important; }

    /*mypage add*/
    .item_modal { width: 100%!important; }
    .item_modal ul li { width: 25%!important; }

    .mypage_w .inner.item_m ul li { width: 25%; margin-bottom: 30px; }

    .mypage_w .account_m .right.c200002 { top: 10px; right: -52px; }

    #contents .rank_w.track_rank .n_rank .inner .level img { border-radius: 11px; }
    #contents .rank_w.track_rank .n_rank .inner .level { right: auto; left: 242px; width: 53px; z-index: 2; }
    #contents .rank_w.track_rank .n_rank .inner .name { left: 321px; }
    #contents .rank_w.track_rank .n_rank .inner .name .t1 { font-size: .688em; }
    #contents .rank_w.track_rank .n_rank .inner .name .t2 { font-size: 1.313em; }
    #contents .rank_w.track_rank .n_rank .inner .name .t3 { font-size: .750em; }

    #contents .rank_w.track_rank .n_rank .inner .lang { left: 188px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar { left: auto; top: 31px; right: -26px; opacity: .75; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner .line { height: 10px; border-bottom: 10px solid #afffb2; }

    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c0 img { left: 74px; width: 165px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c1000 img { width: 190px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c2000 img { width: 195px; left: 61px; top: -44px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c3000 img { width: 217px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c4000 img { width: 215px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c5000 img { width: 208px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c6000 img { width: 170px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c7000 img { width: 193px; left: 65px; top: -44px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c8000 img { width: 198px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c9000 img { width: 211px; left: 40px; top: -43px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c10000 img { width: 166px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c11000 img { width: 206px; left: 54px; top: -49px; }
    #contents .rank_w.track_rank .n_rank .inner .avatar .ava_inner.c12000 img { width: 206px; }



    .doc { margin-top: 81px; }

    #header { height: 80px; }
    /* #header .logo { width: 120px; }	*/
    #header .logo a { height: 80px; }
    #header .etc { height: 80px; }
    #header .gnb .dp1 { display: none; }
    #header .mypage .inner { display: none; }

    .sup_tit_w .sup_tit .inner { padding: 30px 0 40px 0; }
    .sup_tit_w .sup_tit .inner .tt { font-size: .875em; border-radius: 15px; }
    .sup_tit_w .sup_tit .inner .st { font-size: .938em; padding: 25px; }
    .sup_tit_w .sup_tit .inner .btn_w { margin-top: 20px; }
    .sup_tit_w .sup_tit .inner .btn_w ul li .li_inner a { font-size: .938em; }

    .sub_title { padding-top: 15px; }
    .sub_title .tt { font-size: 1.625em; }
    .sub_title .st { font-size: .625em; }

    .sub_w .tab_idx li .txt { font-size: 1rem; }

    .tab_de .tab_idx { padding: 30px; }
    .tab_de .tab_idx br.w_1024 { display: block; }
    .sub_w .tab_idx li:nth-child(3) { margin-right: 0; }
    .sub_w .tab_idx li:nth-child(4) { margin-right: 0; }
    .sub_w .tab_idx li:nth-child(6) { margin-top: 30px; }
    .sub_w .tab_idx li:nth-child(8) { margin-top: 30px; }

    .sup_tit_w .sup_tit .inner .star { width: 95%; margin: 0 auto; }

    .title_w .title { font-size: 1.5em; padding: 14px 0; }


    .faq_wrap { font-size: .938em; }
    .notice { font-size: .938em; }

    #footer .copyright .txt { font-size: .750em; }

    #footer .company { padding: 15px 0; }
    #footer .company a { width: 130px; display: inline-block; }
    #footer .sns { height: 70px; line-height: 70px; }
    #footer .sns > div a { font-size: 1.125rem; width: 45px; height: 45px; line-height: 45px; }

    .sub_w .tab_idx li .txt { width: 84px; height: 84px; margin-left: -45px; margin-top: -45px; }
    .sub_w .tab_idx li .bg { width: 100px; height: 100px; }
    .sub_w .tab_idx li .bg:before { width: 46px; height: 46px; left: -23px; }
    .sub_w .tab_idx li .bg:after { width: 46px; height: 46px; right: -23px; }


    .list_w ul li .txt .st { height: 78px; }

    #contents .rank.first { height: 210px; }
    #contents .rank.second { height: 210px; }
    #contents .rank.third { height: 210px; }
    #contents .rank { height: 170px; font-size: .938em; }
    #contents .leaderboard ul li a { font-size: .938em; width: 180px; height: 45px; }
    #contents .rank_w .crown { width: 260px; margin-left: -130px; }

    #contents .rank.etc .inner .avatar_w .img_w .img { width: 120px; height: 120px; }
    #contents .rank.etc .inner .avatar_w .img_w .grad { width: 140px; height: 140px; }
    #contents .rank.etc .inner .avatar_w .name { margin-left: 20px; }
    #contents .rank.etc .inner .avatar_w { margin-left: -150px; margin-top: -60px; }

    #contents .rank.first .inner .avatar_w .img_w .img { width: 134px; height: 134px; }
    #contents .rank.first .inner .avatar_w .img_w .grad { width: 154px; height: 154px; }
    #contents .rank.second .inner .avatar_w .img_w .img { width: 134px; height: 134px; }
    #contents .rank.second .inner .avatar_w .img_w .grad { width: 154px; height: 154px; }
    #contents .rank.third .inner .avatar_w .img_w .img { width: 134px; height: 134px; }
    #contents .rank.third .inner .avatar_w .img_w .grad { width: 154px; height: 154px; }

    #contents .rank .inner .avatar_w { margin-top: -84px; margin-left: -67px; }
    #contents .rank .inner .avatar_w .name { margin-top: 18px; }
    #contents .rank .center { width: 360px; height: 360px; margin-top: -180px; margin-left: -180px; }
    #contents .rank .inner .num_w .num { font-size: 1.375rem; width: 50px; height: 50px; }

    #contents .rank.first .inner .num_w .num { font-size: 1.5rem; width: 54px; height: 54px; }
    #contents .rank.second .inner .num_w .num { font-size: 1.5rem; width: 54px; height: 54px; }
    #contents .rank.third .inner .num_w .num { font-size: 1.5rem; width: 54px; height: 54px; }

    #contents .rank .inner .score_w .tt { font-size: 1.313em; }
    #contents .rank .inner .avatar_w .name { font-size: 1.125em; }
    #contents .rank.etc .inner .avatar_w .name .st { font-size: .750em; }
    #contents .rank .inner .num_w { left: 25px; }
    #contents .rank .left { left: -140px; }

    #contents .des_w .game_des .inner .t1 br { display: none; }

    .sub_title .tt .right { right: -72px; }
    .sub_title .tt .left { left: -72px; }


    #contents .des_w .card_des .inner .txt_w .line_w .r_line { width: 265px; }
    #contents .des_w .card_des .inner .txt_w .line_w .l_line { width: 265px; }
    #contents .des_w .card_des .inner .txt_w .tt { font-size: 1.063em; height: 40px; border-radius: 40px; width: auto; display: inline-block; padding: 0 50px; }
    #contents .des_w .card_des .inner .txt_w .st { font-size: .938em; padding: 0 40px; width: auto; display: inline-block; line-height: 1.4; }
    #contents .des_w .card_des .inner .txt_w .b_st { font-size: .813em; padding: 15px 25px; line-height: 1.4; }

    #contents .des_w .card_btn .btn_w { font-size: .938em; }
    #contents .des_w .card_btn .btn_w .inner { padding: 25px; }

    .note_bg { display: none; }

    .login_w { font-size: .938em; }
    .login_bg.doc { padding-top: 81px; }

    .track { font-size: .938em; }

    /* .track .inner .c_bg.aria { width: 220px; bottom: -200px; } */
    .track .inner .c_bg.natsuha { width: 130px; right: 158px; bottom: -200px; }

    .sub_tit .t1 { font-size: 1.5em; }
    .n_sub_nav > ul > li { font-size: .938rem!important; }
    .n_sub_nav > ul > li > div { width: 180px!important; }
    .n_sub_nav > ul > li p { width: 180px!important; }
    .n_sub_nav > ul { display: none; }
    .mypage_w .n_sub_nav > ul { display: block; }

    .n_sub_nav { height: 15px; }

    .sub_tit { height: 62px; background-size: 90%; }
    .sub_tit .t1 { bottom: auto; top: 50%; transform: translate(0, -50%); }

    .sub_w .con_idx.track_w { padding-top: 0px!important; }
    .sub_w .con_idx.track_w .track_st { width: 100%; margin-bottom: 40px; padding: 18px 10px; }
    .track_list:before { display: none; }

    .track_list { max-width: 100%; border-radius: 0; padding-bottom: 100px; }
    .sub_w .con_idx { margin-top: 0; }

    .con_idx.notice .idx:before { display: none; }
    .sub_w.box1 { max-width: 100%; }
    .sub_w .con_idx.notice { margin-top: 0; border-radius: 0; }

    .con_idx.notice .idx { border-radius: 0; }
    /* .con_idx.notice .idx > .inner { padding: 0; } */
    .board_view_middle { padding: 15px 10px!important; }
    .board_view_middle > * { word-break: break-all; }

    .rank_list:before { display: none; }


    .sub_w .con_idx.rank_idx .update_st { width: 100%; left: 0; transform: none; text-align: center; }
    .rank_list { border-radius: 0; }

    .label_w .inner { margin-right: 0; }
    .wrap_idx { position: relative; }
    .wrap_idx .label_w { width: 100%; position: absolute; top: 24px; left: 0; text-align: center; z-index: 4; }
    .wrap_idx .label_w.track_label { position: static; max-width: 100%; text-align: right; margin-bottom: 5px; }
    .sub_w .con_idx.rank_idx { padding-top: 115px; }
    .sub_w .con_idx.rank_idx .update_st { top: 93px; }

    #contents .rank_w .n_rank .inner .lang { display: none; }
    #contents .rank_w.track_rank .n_rank .inner .lang { display: block; }
    #contents .rank_w .n_rank .inner .point .t1 { width: 135px; }
    #contents .rank_w .n_rank .inner .point { font-size: 1.5em; }
    #contents .rank_w .n_rank .inner .avatar { left: 45px; }
    #contents .rank_w .n_rank .inner .name { font-size: 1.5em; }
    #contents .rank_w .n_rank .inner .point { right: 10px; }

    #header .logo { margin-left: 0; }
    .stW#header .logo { margin-left: 0; }
    #header { background: #FFF; box-shadow: 1px 1px 5px rgba(0,0,0,.3); }


    .flow_info { border-radius: 0; }
    .service_info { border-radius: 0; }


    .cc_intro_w .cc_img { width: 240px; }
    .cc_intro_w .txt_w { padding-top: 35px!important; text-align: right; }
    .cc_intro_w .txt_w .t1 { display: inline-block; width: 300px; }
    .cc_intro_w .txt_w .t2 { display: inline-block; width: 300px; margin-top: 83px!important; }

    .t1_bg_white { top: 13px; height: 115px; }
    .t1_bg_before { top: 13px; height: 115px; }
    .t1_bg { top: 13px; height: 115px; }

    .t2_bg_white { top: 160px; height: 115px; }
    .t2_bg_before { top: 160px; height: 115px; }
    .t2_bg { top: 160px; height: 115px; }

    .cc_intro_w { height: 325px; }


    .intro_tit_w .tit { width: 100%; padding-left: 0; text-align: center; }
    .intro_tit_w .tit .t1 { font-size: 1.375em; padding-left: 60px; }

    .intro_tit_w { width: 100%; margin-left: 0; height: 100px; }
    .intro_tit_w .tit { height: 100px; line-height: 100px; }
    .intro_tit_w .tit > img { width: 162px; left: 50%; top: -28px; margin-left: -275px; }
    .intro_tit_w .left_bg { width: 437px; margin-left: -200px; bottom: -15px; }
    .intro_tit_w .right_bg { width: 468px; margin-right: -150px; bottom: 24px; }

    .step_w .img_w .img { width: 450px; max-width: 100%; }
    .step_w .img_w .img.detail_pr { width: 640px; }
    .step_w:first-child { padding-top: 0; }
    .step_w .bg_w { display: none; }
    .step_w .txt_w { font-size: .875em; }

    .step_w .img_w .detail_pr .option_btn { bottom: -34px; right: auto; left: 50%; transform: translate(-50%, 0); font-size: .875em; }

    .mypage_w .over_w > div { max-width: 100%; width: 530px;  }
    .mypage_w .over_w > div > ul { min-height: auto; }
    .mypage_w .over_w > div:not(:last-child) > ul { margin-right: 0; }
    .mypage_w .over_w { text-align: center; }

    .mypage_w .data_m ul li table { width: 100%; }

    .mypage_w .visit_m ul li.etc .inner { padding: 0; }
    .mypage_w .visit_m ul li.etc { width: 100%; }

    .mypage_w .account_m { height: 240px; }
    .mypage_w .account_m .wrap_bg { top: auto; bottom: 0; }
    .mypage_w .account_m .center { top: auto; bottom: 0; width: 100%; z-index: 1; }
    .mypage_w .account_m .center .inner .id { font-size: 1.875em; }
    .mypage_w .account_m .center .inner .code { font-size: 1em; padding-bottom: 6px; }

    .mypage_w .mypage_notice ul li { font-size: .875em; padding: 13px 10px; }

    .mypage_w .account_m { height: 234px; }
    .mypage_w .account_m .left { bottom: auto; top: 0; left: 50%; transform: translate(-50%, 0); border-radius: 15px; width: 320px; height: 90px; text-align: center; padding: 30px 0 0 0; z-index: 1; }
    .mypage_w .account_m .left .inner .top_rating { top: -31px; left: 0; box-sizing: border-box; width: 100%; font-size: .750em; }
    .mypage_w .account_m .left .inner .tt { width: 68px; }
    .mypage_w .account_m .left .inner .rank_count img { width: auto; max-height: 51px; }

    .mypage_w .account_m .right { z-index: 0; }
    .mypage_w .account_m .right.c0 { bottom: -30px; top: auto; right: -14px; }
    /* .mypage_w .account_m .left .inner .top_rating { width: 100px; } */

    .new_intro .intro_cha .cha_in { padding: 20px 0; }
    .n_cha_w { left: 0; }
    .n_cha_w.po_2 { right: 0; }

    .n_cha_w > .inner .bg { width: 120px; left: 159px; }

    #contents .des_w .card_des { margin-top: 70px!important; }
    .my_cate { left: 50%; top: -60px; opacity: 1; font-size: 1.125em; }
    .my_cate .cate_in { transform: none; }
    .am_cate { right: 50%; top: -60px; opacity: 1; left: auto; font-size: 1.125em; }
    .am_cate .cate_in { transform: none; }

    .block_1024 { display: block; z-index: 6; }
    .none_1024 { display: none; }


    #header .logo { left: -15px; }
    #header { text-align: right; padding-top: 15px; padding-right: 12px; box-sizing: border-box; }
    #header .lang_btn { position: static; display: inline-block; vertical-align: top; margin-left: 7px; }
    #header .login { position: static; display: inline-block; vertical-align: top; margin-left: 7px; }
    #header .logout { position: static; display: inline-block; vertical-align: top; margin-left: 7px; }
    #header .m_btn_w { position: static; display: inline-block; vertical-align: top; margin-left: 7px; }

    .mypage_doc { padding-top: 22px; }

    .section_bg.bg_2 .board_text .txt .num { font-size: 1.063em; }
    .section_bg.bg_2 .board_text .txt .tt { font-size: .938em; }
    .section_bg.bg_2 .board_po { left: -70px; }

    .section_bg.bg_2 .board_text .txt .t_in { width: 515px; max-width: 100%; display: inline-block; text-align: left; }

    .section_bg.bg_2 .board_text { position: relative; z-index: 10; padding-left: 0; display: inline-block; text-align: right; }

    .section_tt .notice_t1 { margin-top: 60px; }
    .section_tt .game_t1 { margin-top: 60px; }

    .con_idx.notice .idx > .inner { padding: 40px 0 100px 0; }
    .list_w ul { width: 100%; }
    .list_w ul li { width: 96%; margin: 0 auto 20px auto; background: #e2f6ff; border-radius: 15px; padding: 10px; box-sizing: border-box; border: 3px solid #3ff8bf; }
    .list_w ul li > div { padding: 0; background: none; border-radius: 8px; border: 3px solid #167fea; padding: 10px; }
    .list_w ul li > div .new_icon { width: 80px; top: -35px; left: -33px; }
    .list_w ul li .txt_w { margin-top: 0; padding-left: 30px; }
    .list_w ul li .day .yy .t1 { font-size: 1rem; }
    .list_w ul li .day .yy .t2 { font-size: .938rem; }
    .list_w ul li .txt .tt { font-size: 1.063em; word-break: break-all; line-height: 1.3; }


    .login_bg.doc { height: auto; }
    .login_w.qr_login { position: static; transform: none; margin-top: 30px; margin-bottom: 80px; }

    .qr_ok_w { height: 100vh!important; padding-top: 0!important; }
    .login_w.qr_login.qr_ok { margin-top: 0!important; margin-bottom: 0!important; }


    .new_intro .worldview_w { padding: 0 30px; margin-bottom: 80px; }

    .faq_area li dl dt a span.q_icon { margin-right: 10px; }

    .faq_area li dl dt a span.txt { display: block; padding-left: 33px; line-height: 1.5; }
    .faq_area li dl dt a span.q_icon { position: absolute; top: 15px; left: 30px; }
    .faq_area li dl dd { position: relative; }
    .faq_area li dl dd span.a_icon { position: absolute; top: 25px; left: 30px; }
    .faq_area li dl dd span.txt { padding-left: 33px!important; }
    .faq_area li dl dd span.txt * { word-break: break-all; }
    .faq_area li dl dd span.txt table { width: 100%; }

    /*2023 3 24 추가*/
    .mypage_w .account_m .right.c200052 {top: 35px;}
    .mypage_w .account_m .right.c200053 {top: 35px;}
    .mypage_w .account_m .right.c200054 {top: 35px;}
    .mypage_w .account_m .right.c200055 {top: 35px;}
    .mypage_w .account_m .right.c200056 {top: 35px;}
    .mypage_w .account_m .right.c200057 {top: 35px;}
    .mypage_w .account_m .right.c200058 {top: 35px;}
    .mypage_w .account_m .right.c200059 {top: 35px;}
    .mypage_w .account_m .right.c200060 {top: 35px;}
    .mypage_w .account_m .right.c200061 {top: 35px;}
    .mypage_w .account_m .right.c200062 {top: 35px;}


}


@media screen and (max-width: 860px){
    #my_record_modal .c_bg { transform: translate(100px, 0); }
    #my_record_modal .my_record_info { width: 96%; }
}


@media screen and (max-width: 768px){
    .mypage_w .inner.item_m ul li:first-child { margin-bottom: 0; }
    .mypage_w .inner.item_m ul li { margin-bottom: 20px; }
    .mypage_w .inner.play_m ul li:not(:first-child), .mypage_w .inner.best_m ul li:not(:first-child) { margin-bottom: 25px; }
    .mypage_w .inner ul li .st { margin-top: -10px; margin-bottom: 20px; }
    .mypage_w .inner ul li .st.edit { margin-top: -10px; margin-bottom: 20px; }

    .mypage_w .mypage_lounge .lounge_menu ul li:first-child a { border-left: 1px solid #4f75ff; }
    .mypage_w .mypage_lounge .lounge_menu ul li:last-child a { border-right: 1px solid #002bc7; }


    #header .fix_top_btn.my_index { bottom: 98px!important; }
    .mypage_w .mypage_lounge_info .info ul .l_have { display: block; margin-top: 5px; }
    .mypage_w .mypage_lounge_info .info ul li { font-size: .875rem; margin-right: 11px; }
    .mypage_w .mypage_lounge_info .info ul li:nth-child(5) { margin-right: 0; }
    .mypage_w .mypage_lounge_info .info ul .l_tp .tp_img { width: 23px; }
    .mypage_w .mypage_lounge_info .info ul .l_tp .cp_img { width: 23px; }

    .mypage_w .mypage_lounge .lounge_menu ul li { width: 33.333333333%; border-top: 1px solid #4f75ff; }
    .mypage_w .mypage_lounge .lounge_menu ul li:nth-child(1) { width: 50%; border-top: none; border-bottom: 1px solid #002bc7; }
    .mypage_w .mypage_lounge .lounge_menu ul li:nth-child(2) { width: 50%; border-top: none; border-bottom: 1px solid #002bc7; }
    .mypage_w .mypage_lounge .lounge_menu ul li a { font-size: .938em; padding: 10px; }

    .mypage_w .mypage_menu .n_sub_nav > ul { width: 410px; max-width: none; padding: 15px 0; }
    .n_sub_nav > ul > li p > span { line-height: 36px; }
    .n_sub_nav > ul > li > div { width: 120px!important; height: 50px; }
    .n_sub_nav > ul > li p { width: 120px!important; height: 50px; }
    .n_sub_nav > ul > li { margin-right: 12px; font-size: .813rem!important; }
    .mypage_w .mypage_menu .n_sub_nav { height: 80px; }
    .mypage_w .mypage_menu { margin-top: 0; margin-bottom: 10px; }

    #my_record_modal .my_record_info table td a { font-size: .625em; padding: 8px 12px; }
    #my_record_modal .my_record_info .my_record_tbl { width: 100%; overflow-x: scroll; }
    #my_record_modal .my_record_info table { width: 620px; }
    #my_record_modal .my_song_info .img { width: 126px; }
    .blocker { overflow-x: hidden!important; }

    /* 22-02-25 add */
    .mypage_w .mypage_record .record_list ul.my_record { }
    .mypage_w .mypage_record .record_list ul.my_record > li { padding: 8px 8px 20px 8px!important; }

    .mypage_w .mypage_lounge .lounge_list ul li { width: 50%; }

    /*mypage add*/
    .item_modal ul li { width: 33.33333%!important; }
    .mypage_w .inner.item_m ul li { width: 33.333333%; }

    .mypage_w .account_m .right.c200001 { right: -45px; }
    .mypage_w .account_m .right.c200003 { right: -45px; }
    .mypage_w .account_m .right.c200005 { right: -45px; }
    .mypage_w .account_m .right.c200007 { right: -45px; }
    .mypage_w .account_m .right.c200009 { right: -45px; }
    .mypage_w .account_m .right.c200011 { right: -45px; }
    .mypage_w .account_m .right.c200013 { right: -25px; }
    .mypage_w .account_m .right.c200015 { right: -21px; }
    .mypage_w .account_m .right.c200017 { right: -6px; }
    .mypage_w .account_m .right.c200019 { right: -11px; }

    .mypage_w .account_m .right.c200002 { top: 66px; right: -96px; }
    .mypage_w .account_m .right.c200004 { top: 87px; right: -71px; }
    .mypage_w .account_m .right.c200006 { top: 87px; right: -71px; }
    .mypage_w .account_m .right.c200008 { top: 87px; right: -71px; }
    .mypage_w .account_m .right.c200010 { top: 87px; right: -116px; }
    .mypage_w .account_m .right.c200012 { top: 87px; right: -112px; }
    .mypage_w .account_m .right.c200014 { top: 87px; right: -120px; }
    .mypage_w .account_m .right.c200016 { top: 87px; right: -230px; }
    .mypage_w .account_m .right.c200018 { top: 87px; right: -71px; }
    .mypage_w .account_m .right.c200020 { top: 87px; right: -162px; }

    /*2023 3 24 추가*/
    .mypage_w .account_m .right.c200052 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200053 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200054 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200055 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200056 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200057 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200058 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200059 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200060 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200061 {right: -10px; top: inherit; bottom: -10px; width: 120px;}
    .mypage_w .account_m .right.c200062 {right: -10px; top: inherit; bottom: -10px; width: 120px;}

    .mypage_w .account_m .right.c200049 { right: -5px; top: 87px;}
    .mypage_w .account_m .right.c200050 { right: -5px; top: 87px; }
    .mypage_w .account_m .right.c200051 { right: -5px; top: 87px;}
    /*2023 3 24 추가 end*/

    /*2023 4 24 추가*/
    .mypage_w .account_m .right.c200063 { right: -5px; top: 87px;}
    .mypage_w .account_m .right.c200064 { right: -5px; top: 87px;}
    .mypage_w .account_m .right.c200065 { right: -5px; top: 87px;}
    /*2023 4 24 추가 end*/



    .sup_tit_w .sup_tit .inner .btn_w ul { margin-right: -20px; }
    .sup_tit_w .sup_tit .inner .btn_w ul li .li_inner { margin-right: 20px; }

    .searching_area { font-size: .938em; }
    .board_search select, .board_search input  { width: auto!important; }
    .board_search button { line-height: 40px; }
    .board_search input { margin-right: 0; }
    .board_paging button { height: 40px; line-height: 40px; }

    .faq_area li dl dd span.a_icon { margin-bottom: 7px; }
    #inquiry.modal { max-width: 100%; }
    #confirmation.modal { max-width: 100%; }

    .board_st { font-size: .813em; }
    .board_st.write th { line-height: 1.3; }

    #contents .rank .left { display: none; }
    #contents .rank .center { left: 0; }
    #contents .rank.etc .center { margin-left: -210px; }

    #contents .des_w .game_des .inner .circle .num { top: -30px; }
    #contents .des_w .game_des .tit .right_0,
    #contents .des_w .game_des .tit .right_1,
    #contents .des_w .game_des .tit .right_2,
    #contents .des_w .game_des .tit .left_0,
    #contents .des_w .game_des .tit .left_1,
    #contents .des_w .game_des .tit .left_2 { display: none; }


    #contents .des_w .game_des .inner .circle { width: 156px; height: 156px; }
    #contents .des_w .game_des .inner .circle .c_img { width: 140px; height: 140px; top: 8px; left: 8px; }
    #contents .des_w .game_des .inner .circle.img_1.on ~ .howto_cha { left: calc(50% - 186px); }
    #contents .des_w .game_des .inner .circle.img_3.on ~ .howto_cha { left: calc(50% + 186px); }
    #contents .des_w .game_des .inner .howto_cha { width: 90px; }
    #contents .des_w .game_des { max-width: 100%; }
    #contents .des_w .game_des .hands_font { font-size: 2.25em; z-index: 1; top: 12px; left: 50%; margin-left: -178px; }

    #contents .des_w .b_arrow li { width: 25px; }
    #contents .des_w .b_arrow li:not(:last-child) { margin-right: 18px; }
    #contents .des_w .b_arrow { margin: 20px 0; }
    #contents .des_w .game_des .inner .fixed_w { padding-top: 56px; }
    #contents .des_w .game_des .inner .txt_w .txt { padding: 40px; }

    .doc { padding-bottom: 120px; }

    .sub_title .tt .right { right: -123px; }
    .sub_title .tt .left { left: -123px; }

    #contents .des_w .card_des .inner .txt_w .st { padding: 7px 40px; box-sizing: border-box; height: auto; border-radius: 15px; }
    #contents .des_w .card_des .inner .txt_w .b_st { padding: 7px 30px; height: auto; box-sizing: border-box; border-radius: 15px; }
    #contents .des_w .card_des .inner .txt_w .line_w .r_line { width: 165px; }
    #contents .des_w .card_des .inner .txt_w .line_w .l_line { width: 165px; }


    .track > .inner { padding-bottom: 73px; }
    .track .inner .t_level { width: 100%; height: 50px; top: auto; right: auto; left: 0; bottom: 13px; text-align: center; }
    .track .inner .t_level .inner .level_in { position: static!important; display: inline-block; margin: 0 7px!important; }
    .track .inner .t_info { padding-right: 20px; }
    .track .inner .t_info .t_bg { width: 100%; left: calc(-100% + 5px); }

    /* .track .inner .c_bg.aria { right: -35px; bottom: -166px; } */
    .track .inner .c_bg.natsuha { right: 7px; bottom: -145px; }

    .track .inner .t_level .inner .level_in { transform: none!important; }
    .track .inner .t_level { bottom: -8px; }

    .sub_tit { height: 55px; background-size: 70%; background-position: 0 0; }
    .sub_tit .t1 { left: 60px; }

    .track .inner .c_bg.aria { right: -77px!important; }
    .track .inner .c_bg.c0 { right: 13px!important; }
    .track .inner .c_bg.c2000 { right: -25px!important; }
    .track .inner .c_bg.c3000 { right: -20px!important; }
    .track .inner .c_bg.c5000 { right: -110px!important; }
    .track .inner .c_bg.c7000 { right: -123px!important; }
    .track .inner .c_bg.c8000 { right: -232px!important; }
    .track .inner .c_bg.c13000 { right: 0px!important; bottom: 2px!important; }

    #contents .rank_w .n_rank .inner .num { font-size: 2.5em; left: -20px; }
    #contents .rank_w.track_rank .n_rank .inner .num { font-size: 2.5em; left: -20px; z-index: 3; }

    #contents .rank_w.track_rank .n_rank .rank_trans { left: 9px; font-size: .875em; z-index: 3; }
    #contents .rank_w.track_rank .n_rank .inner .lang { left: 20px; }
    #contents .rank_w.track_rank .n_rank .inner .level { left: 90px; width: 42px; }
    #contents .rank_w.track_rank .n_rank .inner .level img { border-radius: 7px; border: 2px solid #FFF; }
    #contents .rank_w.track_rank .n_rank .inner .name { left: 150px; }
    #contents .rank_w.track_rank .n_rank .inner .name.edit { left: 118px; }
    #contents .rank_w.track_rank .n_rank .new_icon { z-index: 3; }

    #contents .rank_w.track_rank .n_rank .inner .sd { display: none; }

  #contents .rank_w.track_rank .n_rank .inner .lang .img { position: relative; }
  #contents .rank_w.track_rank .n_rank .inner .lang .img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); }


    #contents .rank_w .n_rank .new_icon { width: 65px; }
    #contents .rank_w .n_rank .inner .avatar { left: 5px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner .line { height: 10px; border-bottom: 10px solid #afffb2; }

    #contents .rank_w .n_rank .inner .avatar .ava_inner.c0 img { left: 74px; width: 165px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c1000 img { width: 190px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c2000 img { width: 195px; left: 61px; top: -44px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c3000 img { width: 217px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c4000 img { width: 215px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c5000 img { width: 208px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c6000 img { width: 170px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c7000 img { width: 193px; left: 65px; top: -44px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c8000 img { width: 198px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c9000 img { width: 211px; left: 40px; top: -43px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c10000 img { width: 176px; left: 65px; top: -32px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c11000 img { width: 206px; left: 54px; top: -49px; }
    #contents .rank_w .n_rank .inner .avatar .ava_inner.c12000 img { width: 206px; }


    #contents .rank_w .n_rank .inner .name { transform: translate(-105px, -50%); }

    .location_doc .location > .inner { text-align: center; }
    .location_doc .location > .inner .left { width: 96%; padding: 0;}
    .location_doc .location > .inner .left .map { height: 220px; }
    .location_doc .location > .inner .right { width: 96%; padding: 0; margin-top: 15px; }
    .location_doc .location > .inner .right .list { height: 310px; }

    .location_doc .label_w .inner .mr_edit { margin-right: 0; margin-bottom: 10px; }
    .location_doc .label_w .inner .mr_edit:nth-child(3) { margin-right: 0; }
    .location_doc .label_w .inner { border-radius: 15px 15px 0 0; padding: 15px 30px 15px 30px; font-size: .813em; }
    .location_doc .label_w .inner .search { top: auto; transform: none; bottom: -42px; right: auto; left: 50%; transform: translate(-50%, 0); width: 325.92px!important; background: #ffd02a; color: #000; padding: 5px 0 8px 0; margin-top: 0; border-radius: 0 0 15px 15px; border: 2px solid #FFF088; border-top: 0; }
    .location_doc .label_w .inner .label_select:after { right: -9px; }
    .location_doc .label_w .inner select { padding-left: 10px!important; padding-right: 20px!important; width: 187px; }

    .location_doc .label_w .inner .input_st.w1 { width: 187px; }

    .block_768 { display: block; }

    .location_doc .location { margin-top: 60px; }

    .intro_tit_w .right_bg { margin-right: -310px; }
    .intro_tit_w .left_bg { margin-left: -330px; }

    .step_w .txt_w .inner { max-width: 90%!important; min-width: 90%!important; }
    .step_w .img_w { width: 100%; }
    .step_w .img_w .img { max-width: 96%; margin: 0 auto; }

    .mypage_w .inner ul { padding: 0 15px 25px 15px; }
    .mypage_w .inner ul li .tt { padding: 15px 30px; }

    .new_intro .intro_cha { height: 250px; margin-bottom: 25px; }
    .n_cha_w > .inner .cha .b_cha .inner img { width: 245px; }
    .n_cha_w { left: -104px; }
    .n_cha_w.cha_4 > .inner .cha .b_cha .inner img { right: 42px; width: 305px; }
    .n_cha_w.cha_7 > .inner .cha .b_cha .inner img { top: 79px; right: 26px; width: 305px; }
    .n_cha_w.cha_8 > .inner .cha .b_cha .inner img { top: 71px; right: 26px; width: 350px; }
    .n_cha_w.cha_9 > .inner .cha .b_cha .inner img { top: 39px; right: 80px; width: 282px; }
    .n_cha_w.cha_10 > .inner .cha .b_cha .inner img { top: 19px; right: 36px; width: 430px; }



    .n_cha_w.aria > .inner .cha .b_cha .inner img { width: 245px; }


    .section_bg.bg_2 .board_po { position: static; margin: 0 auto; }
    .section_bg.bg_2 .board_text { text-align: center; }

    .section_3 { margin-top: 60px; }

    .list_w ul li .img { width: 200px; }

    .label_w .inner .mr_edit { margin-right: 0; margin-bottom: 10px; }
    .label_w .inner .mr_edit:nth-child(3) { margin-right: 0; }
    .label_w .inner { border-radius: 15px 15px 0 0; padding: 15px; font-size: .813em; width: 247.84px; box-sizing: border-box; }
    .wrap_idx .label_w.track_label { text-align: center; margin-bottom: 50px; margin-top: 10px; }
    .label_w.track_label .inner { padding: 15px; }
    .label_w.track_label .inner .mr_edit { width: 100%; margin-bottom: 5px; }
    .label_w.track_label .inner select { width: 100%; }
    .label_w.track_label .inner .tt { margin-bottom: 7px; }

    .sub_w .con_idx.track_w .track_st { font-size: .875em; font-weight: 400; margin-bottom: 25px; }

    .label_w .inner .search { top: auto; transform: none; bottom: -42px; right: auto; left: 50%; transform: translate(-50%, 0); width: 247.84px; background: #ffd02a; color: #000; padding: 5px 0 8px 0; margin-top: 0; border-radius: 0 0 15px 15px; border: 2px solid #FFF088; border-top: 0; }
    .label_w .inner .label_select:after { right: -9px; }
    .label_w .inner select { padding-left: 10px!important; padding-right: 20px!important; }
    .label_w .inner .tt { margin-right: 0; margin-bottom: 3px; }
    .location_doc .label_w .inner .search { width: 247.83px!important; }

    .sub_w .con_idx.rank_idx { padding-top: 198px; }
    .sub_w .con_idx.rank_idx .update_st { top: 182px; }

    /*2022 12 19 추가*/
   .track .inner .c_bg.aria.c11000 {right: -210px !important}
   .n_cha_w.cha_11 > .inner .cha .b_cha .inner img { top: 39px; right: 36px; width:645px; }

    /*2023 05 30 추가*/
    .track .inner .c_bg.c17000{right: 20px !important; bottom: 30px !important}

    /*2023 06 22 추가*/
    #change_game_id_form{padding: 1em 0;}
    .help{font-size: .875em;}

}

@media screen and (max-width: 700px){
    .cc_intro_w { padding-left: 160px; }


    /* 22-04-29 add */
    .event_select_w .event_select { width: 340px; }
    .event_select_w .event_select:not(:last-child) { margin-bottom: 58px; }
    .event_select_w .event_select .select_inner { padding: 52px 10px 20px 10px; }
    .event_select_w .event_select .tt_w { margin-right: 0; margin-bottom: 10px; }
    .event_select_w .event_select .img { top: 0; left: 50%; transform: translate(-50%, -50%); }
    .event_user_info { margin-bottom: 62px; }


}


@media screen and (max-width: 680px){
    #contents .rank_w .n_rank .inner .avatar { left: auto; opacity: .75; right: -26px; top: 31px; }
    #contents .rank_w .n_rank .inner { background-position: 82% 50%; }

    #contents .rank_w .n_rank .inner .name { transform: translate(0,-50%); left: 120px; }


    .step_w.option_step .txt_w .inner .tt { width: 100%; text-align: center; margin-right: 0; }
    .step_w.option_step .txt_w .inner { padding: 2px 20px; text-align: center; }


    .none_680 { display: none; }
    .block_680 { display: block; }

    .n_cha_w { left: 50%; transform: translate(-50%, 0); }
    .n_cha_w.po_2 { right: auto; left: 50%; transform: translate(-50%, 0); }

    .rounge_tbl { width: 100%; overflow-x:scroll; font-size: .875rem!important; font-weight: 400!important; }
    .rounge_tbl table {width:680px !important; table-layout:fixed;}





}


/*게임소개 이미지 외 사용금지*/
@media screen and (max-width: 635px){

    /* 22-02-25 add */
    .mypage_w .mypage_record .record_list ul.my_record > li { width: 50%; }

    .fixed_w { overflow-x:scroll; }
    .fixed_w .fixed { width:530px !important; }


}


@media screen and (max-width: 600px){

    .mypage_w .mypage_notice ul li { padding: 10px; }
    .mypage_w .mypage_notice ul li .txt { display: block; }
    .mypage_w .mypage_notice ul li .date { display: block; margin-left: 0; margin-top: 5px; }

    .mypage_w .mypage_notice .tit { padding: 10px 0 3px 0; }
    .mypage_w .mypage_notice .tit .tit_info { width: 100%; }
    .mypage_w .mypage_notice .tit .tit_info p:nth-child(2) { margin-right: 0; }
    .mypage_w .mypage_notice .tit .tit_info p:last-child { display: block; margin-top: 6px; }

    .search_filter_w { text-align: center; padding-top: 0; }
    .search_filter_w .filter_w { display: inline-block; float: none; padding: 9px 16px; border-radius: 0; width: 100%; box-sizing: border-box; box-shadow: none; margin-bottom: 0; background: #e7f5ff; }
    .search_filter_w .filter_w:hover { margin-left: 0; border-radius: 0; }
    .search_filter_w .filter_w .tt { font-size: .875rem; }
    .search_filter_w .filter_w .filter { font-size: .938rem; }
    .search_filter_w .search_w { display: inline-block; float: none; padding: 9px 16px; border-radius: 0; width: 100%; box-sizing: border-box; box-shadow: none; }
    .search_filter_w .search_w:hover { margin-right: 0; border-radius: 0; }
    .search_filter_w .search_w .tt { font-size: .875rem; }
    .search_filter_w .search_w .search { font-size: .938rem; }

    .mypage_w .mypage_lounge_info .info ul .l_tp { margin-top: 8px; }
    .mypage_w .mypage_lounge_info .info ul .l_cp { margin-top: 8px; }
    .mypage_w .mypage_lounge_info .info ul .l_have .t4 { width: 35px; height: 30px; }
    .mypage_w .mypage_lounge_info .info ul .l_have .t4 .line { left: -71px; }
    .mypage_w .mypage_lounge_info .info ul br { display: block; }

    #header .fix_top_btn.my_index { bottom: 114px!important; }

    #my_record_modal .c_bg { transform: translate(150px, 0); }
    #my_record_modal .my_song_info .img { width: 130px; }
    #my_record_modal .my_record_info table { width: 520px; }
    #my_record_modal .my_record_info .img .st { font-size: .750em; }
    #my_record_modal .my_record_info table th { padding: 10px 8px; font-size: .750em; }
    #my_record_modal .my_record_info table td { padding: 10px 8px; }
    #my_record_modal .my_record_info table td a { padding: 8px 11px; }
    #my_record_modal .my_record_info .img { max-width: 94%; }
    #my_record_modal .grade_ul { padding: 10px 0; }


    .modal { width: 96%!important; }
    .mypage_w .mypage_lounge .lounge_list ul li { padding: 8px 8px 20px 8px!important; }

    #my_play_detail .inner .my_play_song_info:before { width: 140px; height: 140px; }
    #my_play_detail .inner .my_play_song_info .song_img { width: 140px; }
    #my_play_detail .inner .my_play_song_info { padding-top: 88px; }
    #my_play_detail .inner .my_play_result_info { margin-top: 20px; }
    #my_play_detail .inner .my_play_result_info .grade_score .level_img { width: 56px; }
    #my_play_detail .inner .my_play_result_info .grade_score .grade_img { width: 68px; }
    #my_play_detail .inner .my_play_result_info .grade_score .score_txt { font-size: 1.313rem; }
    #my_play_detail .inner .my_play_result_info .grade_score { padding: 12px 0; }
    #my_play_detail .grade_ul { padding: 16px 0; }
    #my_play_detail .grade_ul li { margin: 9px 16px; }

    #my_record_modal .grade_ul li { margin: 9px 16px; }




    /*mypage add*/
    .item_modal ul li { width: 50%!important; }

    .sup_tit_w .sup_tit .inner .btn_w ul { margin-right: 0; }
    .sup_tit_w .sup_tit .inner .btn_w ul li { float: none; width: 60%; margin: 0 auto 10px auto; }
    .sup_tit_w .sup_tit .inner .btn_w ul li:last-child { margin-bottom: 0; }
    .sup_tit_w .sup_tit .inner .btn_w ul li .li_inner { margin-right: 0; }
    .sup_tit_w .sup_tit .inner .btn_w ul li .li_inner a { opacity: .92; }
    .sup_tit_w .sup_tit .inner { overflow: unset; }
    .sup_tit_w .sup_tit .inner .bg_left { display: none; width: 140px; opacity: 1; left: -56px; bottom: -110px; z-index: 2; }
    .sup_tit_w .sup_tit .inner .bg_right { display: none; width: 225px; opacity: 1; right: -110px; bottom: -95px; z-index: 2; }
    .sup_tit_w .sup_tit .inner:hover .bg_left { opacity: 1; }
    .sup_tit_w .sup_tit .inner:hover .bg_right { opacity: 1; }


    .obt_text { margin-top: 35px; }

    .faq_wrap { padding: 25px 20px 35px 20px }
    .con_idx.notice .idx { padding: 25px 20px 35px 20px }
    #faq_target { padding-top: 5px; }

    #inquiry.modal .inner { padding: 30px; }
    #confirmation.modal .inner { padding: 30px; }
    .tab_de .tab_idx br.w_1024 { display: none; }
    .tab_de .tab_idx br.w_600 { display: block; }

    .sub_w .tab_idx li { margin: 0 30px 30px 30px!important; }
    .sub_w .tab_idx li:last-child { margin-bottom: 0!important; }
    .list_w ul li { text-align: center; }
    .list_w ul li .txt { width: 100%; padding-left: 0; margin-top: 20px; }

    .list_w ul li .img { width: 230px; display: block; margin: 0 auto; }

    .list_w ul li .txt_w { padding-left: 0; width: 100%; }
    .list_w ul li .txt { margin-top: 10px; }
    .list_w ul li .day { margin-top: 8px; }
    .list_w ul li > div { padding: 20px 15px; }


    #contents .des_w .game_des .inner .txt_w .txt { padding: 30px; }
    #contents .des_w .game_des .inner .t1 { margin-bottom: 10px; }
    #contents .des_w .game_des { padding: 25px 0; }
    #contents .des_w .game_des .inner .fixed_w { border-radius: 0; }

    .sub_title .tt .right { right: -178px; }
    .sub_title .tt .left { left: -178px; }

    #contents .des_w .card_des .inner .txt_w .line_w .r_line { width: 125px; }
    #contents .des_w .card_des .inner .txt_w .line_w .l_line { width: 125px; }


    #contents .des_w .card_btn .btn_w { display: block; width: 272px; max-width: 75%; margin: 0 auto!important; box-sizing: border-box; }
    #contents .des_w .card_btn .btn_w:not(:last-child) { margin-right: 0; margin-bottom: 10px!important; }
    #contents .des_w .card_btn .btn_w .inner { max-width: 100%; }
    #contents .des_w .card_btn { margin-top: 15px; }

    /* #contents .des_w .card_des { max-width: 100%; } */
    #contents .des_w .card_des .inner .txt_w .st { padding: 7px 20px; }
    #contents .des_w .card_des .inner .txt_w .b_st { padding: 7px 15px; }




    #contents .rank_w > .num_w { display: block; position: absolute; top: 0; left: 50%; font-size: 0; margin-top: -6px; margin-left: -27px; z-index: 4; }
    #contents .rank_w > .num_w .num { display: inline-block; font-size: 1.5rem; width: 54px; height: 54px; text-align: center; background: #27acf9; color: #FFF; border-radius: 50%; font-weight: 500; padding-right: 5px; box-sizing: border-box; }
    #contents .rank_w > .num_w .change { display: inline-block; font-size: 1rem; margin-left: 64px; }
    #contents .rank_w > .num_w .change .xi { vertical-align: middle; margin-right: 3px; }
    #contents .rank_w > .num_w .change span { vertical-align: middle; }

    /*순위변동 색상*/
    #contents .rank_w > .num_w .change.plus { color: #27acf9; }
    #contents .rank_w > .num_w .change.minus { color: #ee3d82; }
    #contents .rank_w > .num_w .change.same { color: #999; }

    #contents .rank.first ~ .num_w .num { background: #ff9357; }
    #contents .rank.second ~ .num_w .num { background: #b8accc; }
    #contents .rank.third ~ .num_w .num { background: #df7549; }


    .rank_list .idx { overflow: unset!important; }

    #contents .rank.first .inner .num_w { display: none; }
    #contents .rank.second .inner .num_w { display: none; }
    #contents .rank.third .inner .num_w { display: none; }
    #contents .rank .inner .num_w .change { display: none; }

    #contents .rank.first .right { display: none; }
    #contents .rank.second .right { display: none; }
    #contents .rank.third .right { display: none; }
    #contents .rank_w > .num_w .change { display: none; }

    #contents .rank.first .inner .score_w { top: auto; right: auto; width: 100%; bottom: 0%; left: 0%; background: linear-gradient(to top, #ffc600, #fffbf5); padding: 12px 0; }
    #contents .rank.second .inner .score_w { top: auto; right: auto; width: 100%; bottom: 0%; left: 0%; background: linear-gradient(to top, #d1cdd7, #fdfafd); padding: 12px 0; }
    #contents .rank.third .inner .score_w { top: auto; right: auto; width: 100%; bottom: 0%; left: 0%; background: linear-gradient(to top, #e69472, #fff9f7); padding: 12px 0; }

    #contents .rank.first .inner .avatar_w { top: 0; margin-top: 25px; }
    #contents .rank.second .inner .avatar_w { top: 0; margin-top: 25px; }
    #contents .rank.third .inner .avatar_w { top: 0; margin-top: 25px; }

    #contents .rank.first { height: 290px; }
    #contents .rank.second { height: 290px; }
    #contents .rank.third { height: 290px; }

    #contents .rank.first .center { left: 50%; margin-top: -188px; }
    #contents .rank.second .center { left: 50%; margin-top: -188px; }
    #contents .rank.third .center { left: 50%; margin-top: -188px; }


    #contents .rank.etc .inner .avatar_w .img_w .grad { width: 110px; height: 110px; top: -5px; left: -5px; }
    #contents .rank.etc .inner .avatar_w .img_w .img { width: 100px; height: 100px; border: 4px solid #FFF; }
    #contents .rank.etc .inner .avatar_w { margin-top: -50px; left: 20px; margin-left: 0; }
    #contents .rank.etc .center { width: 200px; height: 200px; margin-top: -100px; margin-left: -55px; }
    #contents .rank .inner .num_w { z-index: 3; left: 6px; top: 6px; margin-top: 0; }
    #contents .rank .inner .num_w .num { font-size: 1.188rem; width: 40px; height: 40px; }

    .login_w { margin: 30px auto 80px auto; max-width: 95%; padding: 40px 50px; }
    .video_bg { left: auto; right: -600px; }

    .track { font-size: .875em; }
    .track .inner .t_img { width: 150px; height: 150px; }
    .track .inner .t_info { height: 150px; padding-left: 15px; margin-left: 15px; width: calc(100% - 165px); }
    .track > .inner { padding: 11px 11px 73px 11px; }
    .track .inner .t_info .t2 { margin-top: 8px; }

    .sub_tit { width: 100%; background: linear-gradient(to right, #a52294, #1231ba); line-height: 55px; }
    .sub_tit .t1 { position: static; transform: none; width: 100%; text-align: center; }

    .sup_tit_w .sup_tit .inner .st .t1 { word-break: break-all; }
    .sup_tit_w .sup_tit .inner .st .t2 { word-break: break-all; }
    .sup_tit_w .sup_tit .inner .st .t3 { word-break: break-all; }

    .label_w .inner { margin-top: 0; }

    .block_600 { display: block; }
    .label_w .inner .mr_edit { margin-right: 0; margin-bottom: 10px; }
    .label_w .inner .mr_edit:nth-child(3) { margin-right: 0; }
    .label_w .inner { border-radius: 15px 15px 0 0; padding: 15px; font-size: .813em; width: 247.84px; box-sizing: border-box; }
    .wrap_idx .label_w.track_label { text-align: center; margin-bottom: 50px; margin-top: 10px; }
    .label_w.track_label .inner { padding: 15px; }
    .label_w.track_label .inner .mr_edit { width: 100%; margin-bottom: 5px; }
    .label_w.track_label .inner select { width: 100%; }
    .label_w.track_label .inner .tt { margin-bottom: 7px; }

    .sub_w .con_idx.track_w .track_st { font-size: .875em; font-weight: 400; margin-bottom: 25px; }

    .label_w .inner .search { top: auto; transform: none; bottom: -42px; right: auto; left: 50%; transform: translate(-50%, 0); width: 247.84px; background: #ffd02a; color: #000; padding: 5px 0 8px 0; margin-top: 0; border-radius: 0 0 15px 15px; border: 2px solid #FFF088; border-top: 0; }
    .label_w .inner .label_select:after { right: -9px; }
    .label_w .inner select { padding-left: 10px!important; padding-right: 20px!important; }
    .label_w .inner .tt { margin-right: 0; margin-bottom: 3px; }
    .location_doc .label_w .inner .search { width: 247.83px!important; }

    .sub_w .con_idx.rank_idx { padding-top: 198px; }
    .sub_w .con_idx.rank_idx .update_st { top: 182px; }

    #contents .rank_w .n_rank .new_icon { width: 55px; }

    #contents .rank_w .n_rank .inner .num { left: -40px; }

    #contents .rank_w .n_rank .inner .name { transform: none; top: 15px; left: 85px; }

    #contents .rank_w .n_rank .inner .point { right: 73px; top: auto; transform: none; bottom: 5px; }
    #contents .rank_w .n_rank .inner .point .t1 { display: inline-block; width: 131px; vertical-align: middle; }
    #contents .rank_w .n_rank .inner .point .t2 { display: inline-block; font-size: .813em; vertical-align: middle; }

    .cc_intro_w .cc_img { width: 192px; top: -4px; left: 0; }

    .cc_intro_w .txt_w .t1 { width: 220px; margin-left: -23px; }
    .cc_intro_w .txt_w .t2 { width: 220px; margin-left: -23px; margin-top: 55px!important; }

    .t1_bg_white { top: 15px; height: 90px; }
    .t1_bg_before { top: 15px; height: 90px; }
    .t1_bg { top: 15px; height: 90px; }


    .t2_bg_white { top: 120px; height: 90px; }
    .t2_bg_before { top: 120px; height: 90px; }
    .t2_bg { top: 120px; height: 90px; }

    .cc_intro_w { padding-left: 180px; }

    .intro_tit_w .tit > img { width: 90px; top: 4px; margin-left: -158px; }

    .intro_tit_w { margin-top: 0; }

    .purple_line { margin: 25px 0; }
    .green_line { margin: 40px 0; }
    .orange_line { margin: 40px 0; }

    .service_info { padding-bottom: 100px; }

    .mypage_w .inner ul li .td { font-size: 1em; }
    .mypage_w .inner ul li .td span { display: inline-block; margin-top: 8px; }

    .fixed_w { width: 100%; overflow-x:scroll;}
    .fixed_w .fixed {width:600px !important; table-layout:fixed;}

    #contents .des_w .card_des .inner .img_w { width: 180px; height: 180px; }

    .am_cate { font-size: 1.063em; left: 2.5%; width: 95%; top: -136px; }
    .am_cate .cate_in { border-radius: 10px; width: 100%; box-shadow: none; }

    .my_cate { font-size: 1.063em; right: auto; left: 2.5%; width: 95%; top: -72px; }
    .my_cate .cate_in { border-radius: 10px; width: 100%; box-shadow: none; }

    #contents .des_w .card_des { margin-top: 142px!important; }


    .m_main .mainvisual { height: 700px!important; }
    #contents .mainvisual .main_cha_right { width: 100%; transform: none; }
    #contents .mainvisual .main_board .board_show { width: 280px; top: 0; }
    #contents .mainvisual .main_cha_right .inner .right_1 { width: 364px; bottom: 22px; left: 50%; margin-left: -25px; }
    #contents .mainvisual .main_cha_right .inner .right_2 { width: 354px; bottom: -114px; left: auto; right: 50%; transform: scaleX(-1); margin-right: -20px; }
    #contents .mainvisual .main_cha_right .inner .right_3 { display: none!important; }
    #contents .mainvisual .main_cha_right .inner .right_4 { display: none!important; }

    #contents .mainvisual .main_cha_left .inner .left_1 { display: none!important; }
    #contents .mainvisual .main_cha_left .inner .left_2 { display: none!important; }
    #contents .mainvisual .main_cha_left .inner .left_3 { display: none!important; }

    .black_bg { top: 800px!important; }

    .section_tt .notice_t1 img { width: 136px; }

    .section_tt .twitter_t1 { width: 35px; left: 10px; }
    .section_tt .twitter_t2 { width: 26px; right: 5px; }

    .section_tt .game_t1 img { width: 212px; }

    .section_bg.bg_2 { padding: 25px 15px 35px 15px; }
    .section_bg.bg_2 .board_text .txt .t_in { position: relative; }
    .section_bg.bg_2 .board_text .txt .num { position: absolute; top: -24px; left: 50%; transform: translate(-50%, 0); }
    .section_bg.bg_2 .board_text .txt:not(:last-child) { margin-bottom: 30px; }
    .section_bg.bg_2 .board_text .txt .t_in { padding: 20px 10px; border-radius: 10px; text-align: center; font-size: .875em; }


    .section_tt .notice_t1 { margin-top: 30px; }
    .section_tt .game_t1 { margin-top: 50px; }
    .section_3 { margin-top: 50px; }

    .section_tt .game_t2 img { width: 305px; }

    .block_600 { display: inline-block; }
    .none_600 { display: none!important; }

    #contents .rank_w .n_rank .inner .name { width: 100%; text-align: left; }
    #contents .rank_w .n_rank .inner .point { width: 100%; text-align: right; }

    #footer .img_w img { width: 180px; }

    #footer .img_w { height: auto; line-height: 1; padding: 8px 0; }

    .cha_modal .cha_img { display: none; }
    .cha_modal .inner .cha_info .info_bg { left: 50%; transform: translate(-50%, 0); }
    .n_sub_nav { height: 5px; border-top: 1px solid #2cf18f; border-bottom: 1px solid #2cf18f; }

    .new_intro .worldview_w .tt { font-size: 1.25em; word-break: break-all; margin-bottom: 30px; text-align: center; }
    .new_intro .worldview_w .st { font-size: 1em; word-break: break-all; margin-bottom: 20px; text-align: center; }
    .new_intro .worldview_w .st br { display: none; }

    .step_w .txt_w .inner .nick_st br { display: none; }

    #contents .des_w .card_des.my_des .inner .img_w { height: 180px; }

    #contents .des_w .card_des.my_des .inner .img_w .border_in .img .before_bg .inner .xi_w .xi_tt { font-size: .813em; word-break: break-all; }
    #contents .rank_w.track_rank .n_rank .inner .name .t1 { font-size: .625em; }
    #contents .rank_w.track_rank .n_rank .inner .name .t2 { display: inline-block; width: calc(100% - 194px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.063em; }
    #contents .rank_w.track_rank .n_rank .inner .name .t3 { width: calc(100% - 194px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .688em; }

    #contents .rank_w.track_rank .n_rank .inner .name.edit .t2 { display: inline-block; width: calc(100% - 140px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.063em; }
    #contents .rank_w.track_rank .n_rank .inner .name.edit .t3 { width: calc(100% - 140px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .688em; }

}
/*타이틀 사이드 이미지 외 사용금지*/
@media screen and (max-width: 520px){
    .sub_title .tt .right { right: -205px; }
    .sub_title .tt .left { left: -205px; }

    #contents .rank.etc .right { height: 100%; margin-top: 0; top: 0; }
    #contents .rank.etc .inner .score_w { margin-top: -49px; font-size: .938em; }
    #contents .rank.etc .inner .score_w .name { display: block; margin-bottom: 20px; }
    #contents .rank.etc .inner .score_w .name .tt { color: #0f2fbe; font-weight: 500; font-size: 1.125em; letter-spacing: 1px; }

    #contents .rank.etc .inner .avatar_w .name { display: none; }
    .track .inner .t_level .inner .level_in { margin: 0 4px!important; }

    .rounge_tbl_2 { width: 100%; overflow-x:scroll; font-size: .875rem!important; font-weight: 400!important; }
    .rounge_tbl_2 table {width:320px !important; table-layout:fixed;}
}

@media screen and (max-width: 480px){

    .mypage_w .data_m ul li table td .tbl_tt { word-break: break-all; }

    .track .new_icon { width: 70px; top: -18px; left: -16px; }

    .my_play_list_more_btn { width: 180px; height: 40px; line-height: 40px; font-size: .813em; }
    .my_play_list_more_btn span { margin-top: -4px; }
    .mypage_w .visit_m ul li .btn { padding: 8px 13px; }
    .mypage_w .mypage_lounge .lounge_list ul:not(.memory_ul) li { max-width: 210px; }
    .mypage_w .mypage_lounge .lounge_list ul:not(.memory_ul) li .lounge_item { min-height: auto; }

    /* 22-02-25 add */
    .mypage_w .mypage_record .record_list ul.my_record { padding: 0; }
    .mypage_w .mypage_lounge .lounge_list ul { text-align: center; }
    .mypage_w .mypage_lounge .lounge_list ul li { width: 100%; max-width: 240px; }

    /*mypage*/
    .mypage_w .inner.item_m ul li { width: 50%; }

    .sup_tit_w .sup_tit .inner .tt { font-size: .813em; }
    .sup_tit_w .sup_tit .inner .st { font-size: .875em; }
    .sup_tit_w .sup_tit .inner .st .t2 br { display: none; }
    .sup_tit_w .sup_tit .inner .st .t3 { line-height: 1.4; }
    .sup_tit_w .sup_tit .inner .btn_w ul li {width: 80%; }
    .sup_tit_w .sup_tit .inner .btn_w { z-index: 3; }
    .sup_tit_w .sup_tit { border-radius: 35px; padding: 7px; }
    .sup_tit_w .sup_tit .inner { border-radius: 27px; }

    .faq_area li dl dt a { padding: 15px; }
    .faq_area li dl dd { padding: 20px 25px; }

    .board_search input { width: 80%!important; box-sizing: border-box; display: block; margin: 0 auto; text-align: center; border: 1px solid #f0ae00; border-radius: 40px; }
    .searching { text-align: center; }
    .board_search { margin-top: 20px; }
    .board_search button { width: 36px; height: 36px; line-height: 36px; border-radius: 50%; background: #f0ae00; margin-top: 7px; }
    .search_btn .xi { font-size: 1.125rem; color: #FFF; }
    .search_filter_w .search_w .search .search_btn .xi { font-size: 1.6rem; color: #333; }
    .searching_area .total_area { text-align: center; }
    .board_search select { margin: 0; }
    .select_w .xi { top: 2px; }

    .select_w { display: none; }
    .faq_wrap { padding-top: 15px; }

    .sup_tit_w .sup_tit .inner .bg_right { right: -128px; }
    .sup_tit_w .sup_tit .inner .bg_left { left: -66px; }

    .blocker { padding: 20px 5px; }
    #inquiry.modal .inner { padding: 30px 10px; }
    #confirmation.modal .inner { padding: 30px 10px; }
    #inquiry.modal .inner .btn_w button:first-child { margin-right: 10px; }
    #confirmation.modal .inner .btn_w button:first-child { margin-right: 10px; }
    .btn_st.s4 { padding: 10px 20px; font-size: .813em; }
    #inquiry.modal .inner .tt { font-size: .938em; }
    #inquiry.modal .inner .st { font-size: .750em; }
    #confirmation.modal .inner .tt { font-size: .938em; }
    #confirmation.modal .inner .st { font-size: .750em; }

    .list_w ul li .img { max-width: 100%; }
    /* .list_w ul li .txt .tt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } */
    .inp_w3 { max-width: 100%; }

    #contents .des_w .game_des .inner .txt_w .txt { padding: 20px; font-size: .938em; }
    #contents .des_w .game_des { border-radius: 27px; }

    .doc { padding-bottom: 80px; }
    #contents .des_w .game_des .tit { width: 220px; }
    #contents .des_w .game_des .hands_font { margin-left: -130px; font-size: 1.875em; }

    #contents .des_w .card_des .inner .txt_w .line_w .r_line { width: 75px; }
    #contents .des_w .card_des .inner .txt_w .line_w .l_line { width: 75px; }

    #contents .des_w .card_des .inner .txt_w .tt { padding: 0 40px; }

    #contents .rank.first .center { width: 300px; height: 300px; margin-top: -190px; margin-left: -150px; }
    #contents .rank.second .center { width: 300px; height: 300px; margin-top: -190px; margin-left: -150px; }
    #contents .rank.third .center { width: 300px; height: 300px; margin-top: -190px; margin-left: -150px; }

    #contents .rank_w > .num_w { margin-top: 0; margin-left: -23px; }
    #contents .rank_w > .num_w .num { width: 46px; height: 46px; font-size: 1.375rem; }


    #contents .leaderboard ul li:not(:last-child) { margin-right: 15px; }
    #contents .leaderboard ul li a { font-size: .875em; width: 140px; height: 42px; border-radius: 10px; }

    .login_w { margin: 30px auto 80px auto; max-width: 95%; padding: 35px; font-size: .875em; }

    .login_w .logo img:first-child { display: block; margin: 0 auto; }
    .login_w .st { line-height: 1.4; }
    .login_w .sns_w .sns > div a { font-size: .938rem; width: 38px; height: 38px; line-height: 38px; }

    .track .inner .t_level .inner .level_in { width: 58px; }
    .track > .inner { padding: 15px; padding-bottom: 70px; }
    .track .inner .t_level .inner .level_in { margin: 0 2px!important; }

    .track .inner .t_img { float: none; margin: 0 auto; }
    .track .inner .t_info { height: auto; float: none; margin-left: 0; margin-top: 15px; border-left: 0; padding: 17px 10px 23px 10px; border-top: 2px solid #CCC; width: 100%; text-align: center; }
    .track .inner .t_info .t_bg { left: 0; top: calc(-100% + 5px); border-radius: 0 0 11px 11px; }
    .track:hover .inner .t_info .t_bg { top: 0; }
    .track .inner .t_info .t2 { margin-top: 5px; }

    /* .track .inner .c_bg.aria { width: 180px; right: -62px; bottom: -122px; } */
    .track .inner .c_bg.natsuha { width: 100px; right: -26px; bottom: -96px; }

    .jk-sns-box { display: block!important; }
    .login_w .sns_w .sns > div { display: block!important; width: 100%; margin: 5px auto!important; }

    .track .inner .c_bg.aria { opacity: .3; }
    .track .inner .c_bg.c13000 { bottom: -21px!important; }

    .intro_tit_w .right_bg { margin-right: -385px; }
    .step_w .txt_w { font-size: .813em; }

    .mypage_w .visit_m ul li.top { width: 270px; height: 422px; }
    .mypage_w .visit_m ul li.top .inner { background-size: 284px; }
    .mypage_w .visit_m ul li.top .inner .txt { font-size: 1em; top: 322px; }
    .mypage_w .visit_m ul li.top .inner .btn { top: 357px; }
    .mypage_w .visit_m ul li.top .inner .img { width: 113px; height: 112px; top: 119px; left: 83px; }


    .section_tt .notice_t1 img { width: 118px; }
    .section_tt .game_t1 img { width: 190px; }
    .section_tt .twitter_t1 { width: 32px; }

    #contents .des_w .card_des .inner .txt_w .line_w { width: 100%; }
    #contents .des_w .card_des .inner .txt_w .line_w .va { width: 100%; }

    .cha_modal .inner .song_list colgroup col:first-child { width: 10%!important; }
    .cha_modal .inner .song_list colgroup col:last-child { width: 35%!important; }

}

@media screen and (max-width: 460px){
    #my_record_modal .c_bg { transform: translate(150px, 0); }

    #header { padding-top: 19px; padding-right: 8px; }
    #header > .block_1024 > div { margin-left: 3px; }
    #header .logo { width: auto; }
    #header .logo a { width: 185px; }


    #header .lang_btn a { font-size: 1.063em; width: 42px; height: 42px; }
    #header .login a { font-size: 1.063em; width: 42px; height: 42px; }
    #header .logout a { font-size: 1.063em; width: 42px; height: 42px; }
    #header .m_btn_w > a { font-size: 1.063em; width: 42px; height: 42px; }


    #header .lang_btn ul .lang.jp { transform: translate(0, -42px); }
    #header .lang_btn ul .lang.en { transform: translate(0, -84px); }
    #header .lang_btn ul .lang.kr { transform: translate(0, -126px); }

    #my_best .inner { overflow-x: scroll; }
    #my_best .inner table { table-layout: fixed; width: 440px; }
}

@media screen and (max-width: 430px){
    .track .recommended img { width: 65px; top: -3px; }

    .mypage_w .mypage_notice .tit .tit_info { width: 100%; }
    .mypage_w .mypage_notice .tit .tit_info p:first-child { margin-right: 10px; }
    .mypage_w .mypage_menu .n_sub_nav { overflow-x: scroll; }
    .n_sub_nav .right_bg { right: 0; }

    #my_play_detail .inner .my_play_song_info:before { width: 116px; height: 116px; }
    #my_play_detail .inner .my_play_song_info .song_img { width: 116px; }
    #my_play_detail .inner .my_play_result_info .grade_score .score_txt { display: block; margin-top: 10px; }
    #my_play_detail .inner .my_play_song_info { padding-top: 75px; }

    /* 22-02-25 add */
    .mypage_w .mypage_record .record_list ul.my_record { text-align: center; }
    .mypage_w .mypage_record .record_list ul.my_record li { max-width: 90%; width: 310px; }
    .mypage_w .mypage_record .record_list ul.my_record > li .record_item .inner .level_info .level { width: 26%; }



    .track .inner .t_level .inner .level_in { width: 48px; margin: 0!important; }

    .faq_area li dl dd span.txt { padding-left: 25px!important; }
    .faq_area li dl dt a span.txt { display: block; padding-left: 25px; line-height: 1.5; }

    #contents .rank_w .n_rank .inner .avatar { opacity: .3; }
    #contents .rank_w .n_rank .inner .point { right: 10px; }
    #contents .rank_w .n_rank .inner .num { font-size: 2em; left: -45px; }
    #contents .rank_w .n_rank .inner .name { left: 66px; font-size: 1.125em; top: 17px; letter-spacing: -1px; }
    .sub_w .con_idx.rank_idx .update_st { font-size: .938em; }
    .sub_w .con_idx.rank_idx .rank_last_update { padding-right: 15px; font-size: .75em; }


    .cc_intro_w { padding-left: 100px; }
    .cc_intro_w .cc_img { width: 176px; top: -7px; left: -57px; }

    .mypage_w .inner.play_m ul li, .mypage_w .inner.best_m ul li { width: 110px; }

    .mypage_w .account_m .left { width: 100%; border-radius: 0; }

    .n_cha_w { margin-left: -56px; }

    #contents .des_w .card_des .inner .txt_w .b_st span br { display: none; }


    #contents .des_w .card_des .inner .img_w .left_arrow { display: none; }
    #contents .des_w .card_des .inner .img_w .right_arrow { display: none; }

    #header .all_wrap .m_gnb > li .dp2 > li > a .va { font-size: .813em; }
    #header .all_wrap .m_gnb li > a { padding: 0 15px; }


    .m_main .mainvisual { height: 550px!important; }
    #contents .mainvisual .main_cha_right { width: 100%; transform: none; }
    #contents .mainvisual .main_board .board_show { width: 225px; top: 0; }
    #contents .mainvisual .main_cha_right .inner .right_1 { width: 292px; bottom: 22px; left: 50%; margin-left: -25px; }
    #contents .mainvisual .main_cha_right .inner .right_2 { width: 299px; bottom: -110px; left: auto; right: 50%; transform: scaleX(-1); margin-right: -20px; }
    .black_bg { top: 650px!important; }

    .m_select .inner { text-align: center; width: 100%; box-sizing: border-box; }
    .m_select .inner .select_tit { width: 100%; margin-right: 0; margin-bottom: 10px; }

    /* .mypage_w .inner.music_m ul li > div { overflow: unset; white-space: normal; text-overflow: unset; } */
    .mypage_w .inner.contents_m ul li .t5 { display: block; margin: 5px auto 20px auto!important; }

    .new_rank_list .beta_icon { top: -49px; left: 13px; width: 200px; }
}


@media screen and (max-width: 360px){
    /* 22-02-25 add */
    .mypage_w .mypage_record .record_list ul.my_record > li .record_item .inner .level_info .level { width: 30%; }

    #contents .des_w .card_des .inner .txt_w .line_w .r_line { width: 55px; }
    #contents .des_w .card_des .inner .txt_w .line_w .l_line { width: 55px; }

    #contents .rank .center { width: 260px; height: 260px; margin-top: -162px; margin-left: -130px; }

    #contents .rank.etc .inner .score_w { right: 20px; }

    .login_w { padding: 30px; }

    #sns_login_side { padding: 10px 20px!important; }




    #header { padding-top: 21px; padding-right: 8px; }
    #header > .block_1024 > div { margin-left: 3px; }
    #header .logo a { width: 160px; }

    #header .lang_btn a { font-size: 1.063em; width: 38px; height: 38px; }
    #header .login a { font-size: 1.063em; width: 38px; height: 38px; }
    #header .logout a { font-size: 1.063em; width: 38px; height: 38px; }
    #header .m_btn_w > a { font-size: 1.063em; width: 38px; height: 38px; }


    #header .lang_btn ul .lang.jp { transform: translate(0, -38px); }
    #header .lang_btn ul .lang.en { transform: translate(0, -76px); }
    #header .lang_btn ul .lang.kr { transform: translate(0, -114px); }

}

@media screen and (max-width: 350px){
    .sub_w .con_idx.rank_idx { padding-top: 218px; }
}


@media screen and (max-width: 320px){

}