@charset "utf-8";html.cat_sns .main_screen{max-width:calc(90rem + 2 * var(--margin))}html.cat_sns .main .cat_menu .right_music .name{width:auto}html.cat_sns .cat_top{height:12.5rem}html.cat_sns .cat_top .logo img{width:6rem;height:6rem}html.cat_sns .cat_top .description{display:none}html.cat_sns .cat_top .info{gap:1.5rem}html.cat_sns .web_top .left>*{display:none}html.cat_sns .cat_menu svg{margin:0}html.cat_sns .main .cat_menu .item .mainmenu_nav_child:before{content:'';position:absolute;top:1.5rem;left:0;width:.2rem;height:calc(100% - 3rem);background:var(--theme-30)}html.cat_sns .main .cat_menu .item .mainmenu_nav_child{flex-direction:row;flex-wrap:wrap;position:relative;opacity:1;padding-left:1rem;margin-left:.5rem;visibility:visible;gap:.5rem;outline:unset;box-shadow:unset;background:unset;transform:unset!important}html.cat_sns .main .cat_menu .item .mainmenu_nav_child li{width:auto}html.cat_sns .main .cat_menu .item .mainmenu_nav_child a{width:auto;border-radius:var(--radius);font-size:1rem;padding:.5rem .75rem;line-height:2rem;margin:0;text-align:left}html.cat_sns .main .cat_menu .item .mainmenu_nav_child li a:hover{background:var(--theme-60)}@media screen and (max-width:649px){html.cat_sns .main_screen_margin>.cat_menu{display:block}html.cat_sns .main .cat_menu{display:none}}@media screen and (min-width:650px){html.cat_sns .main_screen_margin>.cat_menu{display:none}html.cat_sns .main .cat_menu{width:20rem;height:calc(100vh - 2 * var(--margin));margin-right:var(--margin);top:var(--margin);flex-shrink:0}html.cat_sns .main .cat_menu .right{padding:var(--margin);background:var(--background);box-shadow:unset;border-radius:0 0 var(--radius) var(--radius);bottom:0;left:0;position:absolute;flex-wrap:wrap;gap:2rem;margin-bottom:0;max-width:100vw;width:100%;-webkit-transition:.2s;transition:.2s}html.cat_sns .main .cat_menu .right .right_right{flex-wrap:wrap}html.cat_sns .main .cat_menu .right .anniu.mobile_menu{display:none}html.cat_sns .main .cat_menu .left{display:flex;padding:var(--margin);transform:unset;overflow-y:auto;justify-content:flex-start;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:.5rem;width:100%;-webkit-transition:.2s;transition:.2s}html.cat_sns .main .cat_menu .left .item{justify-content:flex-start;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border-radius:var(--radius);-webkit-transition:.2s;transition:.2s}html.cat_sns .main .cat_menu .left .item:last-child{display:none}html.cat_sns .main .cat_menu .left .item:not(.arrow):hover{background:var(--theme-60)}html.cat_sns .main .cat_menu .left .item:not(.arrow):hover *{color:#fff}html.cat_sns .main .cat_menu .left .item:hover:after{opacity:0}html.cat_sns .main .cat_menu .left .item.arrow:after{content:''}html.cat_sns .main .cat_menu .left .item.arrow .title:after{content:'+';padding-right:.5rem}html.cat_sns .main .cat_menu .left .item.arrow.opened .title:after{content:'-'}html.cat_sns .main .cat_menu .left .item.arrow .mainmenu_nav_child{display:none;gap:1rem}html.cat_sns .main .cat_menu .item .category_nav_child{flex-direction:row;flex-wrap:wrap;position:relative;opacity:1;padding:0;visibility:visible;gap:.5rem;padding-left:.5rem;margin-bottom:.5rem;margin-left:0;background:unset;box-shadow:unset;transform:unset!important;border-left:.2rem dashed var(--theme-10);border-radius:0}html.cat_sns .main .cat_menu .item .title{padding:0;font-size:1.25rem;line-height:2.25rem;height:1.75rem;width:100%}html.cat_sns .main .cat_menu .item .title li{display:block;width:100%}html.cat_sns .main .cat_menu .category_menu.item .mainmenu_nav_child li a{margin-bottom:1rem;width:fit-content}html.cat_sns .main .cat_menu .category_menu.item .category_nav_child li a{margin:0}}@media screen and (max-width:1299px){.main_sidebar{display:none}}@media screen and (min-width:650px) and (max-width:899px){html.cat_sns .main .cat_menu{width:5rem;overflow:hidden}html.cat_sns .main .cat_menu .left{display:none;position:fixed;top:var(--margin);left:calc(5rem + 2 * var(--margin));z-index:10;border-radius:var(--radius);box-shadow:var(--box-shadow);background:var(--background);width:20rem;max-height:60vh}html.cat_sns .main .cat_menu .right{display:flex;align-content:space-between;height:100%}html.cat_sns .main .cat_menu .right .mobile_menu.anniu{height:2.5rem;display:flex}html.cat_sns .main .cat_menu .right_music{flex-direction:column}html.cat_sns .main .cat_menu .right_music .name{display:none}html.cat_sns .main .cat_menu .item .title{font-size:1.25rem}}