@charset "utf-8";html.cat_sns .main_body{min-width:0}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:15rem}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_top .cat_background_small_out,html.cat_sns .cat_top .cat_background_small_out img,html.cat_sns .cat_top .cat_background_small_out::after{border-radius:var(--radius)}html.cat_sns .cat_menu svg{margin:0}html.cat_sns .main .cat_menu .item .mainmenu_nav_child:before{content:'';position:absolute;top:.5rem;left:.75rem;width:.15rem;height:calc(100% - 1rem);background:linear-gradient(to bottom,var(--theme-40),var(--theme-20),transparent);border-radius:1rem}html.cat_sns .main .cat_menu .item .mainmenu_nav_child{flex-direction:column;align-items:flex-start;flex-wrap:wrap;position:relative;opacity:1;visibility:visible;gap:.15rem;outline:unset;box-shadow:unset;transform:unset!important;border-radius:.75rem;padding:.25rem 0 .25rem 1.1rem;margin:.8rem 0 0}html.cat_sns .main .cat_menu .item .mainmenu_nav_child li{width:auto;position:relative}html.cat_sns .main .cat_menu .item .mainmenu_nav_child li:before{content:'';position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:.35rem;height:.35rem;border-radius:50%;background:var(--theme-30);transition:.25s}html.cat_sns .main .cat_menu .item .mainmenu_nav_child li:hover:before{background:var(--theme);box-shadow:0 0 .5rem var(--theme);transform:translateY(-50%) scale(1.3)}html.cat_sns .main .cat_menu .item .mainmenu_nav_child a{width:auto;border-radius:.65rem;font-size:1rem;line-height:2rem;margin:.15rem;text-align:left;padding:.2rem .7rem;transition:.25s}html.cat_sns .main .cat_menu .item .mainmenu_nav_child a:hover{background:var(--theme-10);color:var(--theme);transform:translateX(.2rem)}@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%;transition:.25s}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-top: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%;transition:.25s}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);transition:.25s;position:relative}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-10)}html.cat_sns .main .cat_menu .left .item:not(.arrow):hover .title{color:var(--theme)}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:'';width:5px;height:5px;border-right:.15rem solid var(--theme-30);border-bottom:.15rem solid var(--theme-30);transform:rotate(-45deg);margin-right:.25rem;transition:.3s}html.cat_sns .main .cat_menu .left .item.arrow.opened .title:after{transform:rotate(45deg);border-color:var(--theme)}html.cat_sns .main .cat_menu .left .item.arrow .mainmenu_nav_child{display:none}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:.15rem 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:.8rem;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}}html.cat_sns .main .cat_menu .right{padding:var(--margin);background:var(--background);border-radius:0 0 var(--radius) var(--radius);position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;gap:.75rem}html.cat_sns .main .cat_menu .right .right_right{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}html.cat_sns .main .cat_menu .right .right_right>.anniu,html.cat_sns .main .cat_menu .right .right_right>.darkmode_percent{flex:1 1 calc(25% - .6rem);min-width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:.85rem;background:var(--background);border:.0625rem solid var(--A);box-shadow:0 .15rem .6rem rgb(0 0 0 / 5%);transition:.25s}html.cat_sns .main .cat_menu .right .right_right>.anniu:hover,html.cat_sns .main .cat_menu .right .right_right>.darkmode_percent:hover{background:var(--theme-10);border-color:var(--theme-30);color:var(--theme);transform:translateY(-.15rem)}html.cat_sns .main .cat_menu .right .right_right>.anniu:last-child:nth-child(odd){flex-grow:1}html.cat_sns .main .cat_menu .right .right_right>.anniu:active,html.cat_sns .main .cat_menu .right .right_right>.darkmode_percent:active{transform:scale(.92)}html.cat_sns .main .cat_menu .right .right_right svg{width:1.25rem;height:1.25rem;fill:currentColor}html.cat_sns .main .cat_menu .right .darkmode_percent{flex:1.5}html.cat_sns .main .cat_menu .right .darkmode_percent .anniu{width:100%;height:100%;border:0;background:unset;box-shadow:unset;display:flex;align-items:center;justify-content:center}html.cat_sns .main .cat_menu .right>.Search_anniu,html.cat_sns .main .cat_menu .right>.percentage{width:100%;height:3rem;display:flex!important;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,var(--theme-10),transparent);border:.0625rem solid var(--A);box-shadow:0 .2rem .8rem rgb(0 0 0 / 5%);transition:.25s}html.cat_sns .main .cat_menu .right>.Search_anniu:hover,html.cat_sns .main .cat_menu .right>.percentage:hover{background:var(--theme-10);border-color:var(--theme-30);color:var(--theme);transform:translateY(-.15rem)}html.cat_sns .main .cat_menu .right>.Search_anniu img{width:2rem;height:2rem;border-radius:50%;object-fit:cover;transition:.25s}html.cat_sns .main .cat_menu .right>.Search_anniu:hover img{transform:scale(1.1)}html.cat_sns .main .cat_menu .right>.percentage .num{color:var(--theme);font-size:.95rem;font-weight:700}@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;padding:var(--margin)}html.cat_sns .main .cat_menu .right{display:flex;align-content:space-between;justify-content:space-between;padding:1.5rem 1rem;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}}