@charset "utf-8";
:root {
  /* Color styles */
  --bg--neu--00-1: #ffffff;
  --bg--neu--00-2: #ffffff;
  --bg--neu--00-3: #ffffff;
  --bg--neu--00-4: #ffffff;
  --bg--neu--00-5: #ffffff;
  --bg--neu--00-6: #ffffff;
  --bg--neu--00-7: #ffffff;
  --bg--neu--00-8: #ffffff;
  --bg--neu--05-1: #fafafa;
  --bg--neu--10-1: #f5f5f5;
  --bg--neu--10-2: #f5f5f5;
  --bg--neu--10-3: #f5f5f5;
  --bg--neu--10-4: #f5f5f5;
  --bg--neu--20-1: #ebebeb;
  --bg--neu--20-2: #ebebeb;
  --bg--neu--20-3: #ebebeb;
  --bg--neu--20-4: #ebebeb;
  --bg--neu--20-5: #ebebeb;
  --bg--neu--20-6: #ebebeb;
  --bg--neu--30-1: #dedede;
  --bg--neu--30-2: #dedede;
  --bg--neu--40-1: #d1d1d1;
  --bg--neu--50-1: #c7c7c7;
  --bg--neu--50-2: #c7c7c7;
  --bg--neu--100: #a1a1a1;
  --bg--neu--200: #949494;
  --bg--neu--300: #757575;
  --bg--neu--400-1: #595959;
  --bg--neu--500: #454545;
  --bg--neu--bk-1: #000000;
  --bg--neu--00-rgba40: rgba(255, 255, 255, 0.4);
  --bg--neu--bk-rgba02: rgba(0, 0, 0, 0.02);
  --bg--neu--bk-rgba04: rgba(0, 0, 0, 0.04);
  --bg--neu--always-00: #ffffff;
  --bg--neu--always-300: #757575;
  --bg--neu--always-500: #454545;
  --bg--neu--always-900-1: #121212;
  --bg--neu--always-bk-rgba90: rgba(0, 0, 0, 0.9);
  --bg--neu--always-bk-rgba70: rgba(0, 0, 0, 0.7);
  --bg--pri--500: #3e6de3;
  --bg--pri--300-1: #8ba7ee;
  --bg--pri--100-1: #d1dcf8;
  --bg--pri--50: #e0e8fb;
  --bg--pri--50-2: #e0e8fb;
  --bg--pri--50-3: #e0e8fb;
  --bg--pri--30: #ecf0fc;
  --bg--pri--30-2: #ecf0fc;
  --bg--pri--30-3: #ecf0fc;
  --bg--pri--10: #f4f6fd;
  --bg--pri--10-2: #f4f6fd;
  --bg--pri--10-3: #f4f6fd;
  --bg--pri--500-rgba10: rgba(62, 109, 227, 0.1);
  --bg--pri--always-500: #3e6de3;
  --bg--pri--always-400: #658ae9;
  --bg--pri--always-300: #8ba7ee;
  --bg--pri--always-200: #b2c5f4;
  --bg--pri--always-100: #d1dcf8;
  --bg--sec--orange500: #f55e00;
  --bg--sec--orange10-1: #fff9f5;
  --bg--sec--orange10-2: #fff9f5;
  --bg--sec--orange500-rgba10: rgba(245, 94, 0, 0.1);
  --bg--sec--gold500-rgba: #e99d3a;
  --bg--sec--gold10: #fff9f0;
  --bg--sec--always-red500: #e83030;
  --bg--sec--always-orange500: #f55e00;
  --bg--sec--always-orange200: #ffcead;
  --bg--sec--gold500-rgba20: rgba(233, 157, 58, 0.2);
  --bg--sec--gold10: #fff9f0;
  --txt--neu--900: #121212;
  --txt--neu--500: #454545;
  --txt--neu--300: #757575;
  --txt--neu--300-2: #757575;
  --txt--neu--200: #949494;
  --txt--neu--100-1: #a1a1a1;
  --txt--neu--10: #f5f5f5;
  --txt--neu--00-1: #ffffff;
  --txt--neu--900-rgba80: rgba(18, 18, 18, 0.8);
  --txt--neu--900-rgba60: rgba(18, 18, 18, 0.6);
  --txt--neu--900-rgba46: rgba(18, 18, 18, 0.46);
  --txt--neu--always-00: rgba(255, 255, 255, 1);
  --txt--neu--always-00-rgba30: rgba(255, 255, 255, 0.3);
  --txt--neu--always-10: #f5f5f5;
  --txt--neu--always-50: #c7c7c7;
  --txt--neu--always-500: #454545;
  --txt--pri--700: #274694;
  --txt--pri--600-1: #325abc;
  --txt--pri--600-2: #325abc;
  --txt--pri--600-3: #325abc;
  --txt--pri--500: #3e6de3;
  --txt--pri--500-2: #3e6de3;
  --txt--pri--500-3: #3e6de3;
  --txt--pri--500-4: #3e6de3;
  --txt--pri--500-5: #3e6de3;
  --txt--pri--400: #658ae9;
  --txt--pri--50-1: #e0e8fb;
  --txt--pri--always-500: #3e6de3;
  --txt--pri--always-300: #8ba7ee;
  --txt--pri--always-50: #e0e8fb;
  --txt--sec--red500: #e83030;
  --txt--sec--orange500: #f55e00;
  --txt--sec--orange500-2: #f55e00;
  --txt--sec--orange500-3: #f55e00;
  --txt--sec--gold600: #cf7f17;
  --txt--sec--green500: #00a352;
  --txt--sec--sky500: #0096e0;
  --txt--sec--always-red400: #ef7171;

  --bor--neu--00-1: #ffffff;
  --bor--neu--00-2: #ffffff;
  --bor--neu--10-1: #f5f5f5;
  --bor--neu--10-2: #f5f5f5;
  --bor--neu--10-3: #f5f5f5;
  --bor--neu--20-1: #ebebeb;
  --bor--neu--20-2: #ebebeb;
  --bor--neu--20-3: #ebebeb;
  --bor--neu--20-4: #ebebeb;
  --bor--neu--20-5: #ebebeb;
  --bor--neu--30-1: #dedede;
  --bor--neu--30-2: #dedede;
  --bor--neu--30-3: #dedede;
  --bor--neu--40: #d1d1d1;
  --bor--neu--50-1: #c7c7c7;
  --bor--neu--50-2: #c7c7c7;
  --bor--neu--100: #a1a1a1;
  --bor--neu--400: #595959;
  --bor--neu--400-2: #595959;
  --bor--neu--500: #454545;
  --bor--neu--bk-rgba10: rgba(0, 0, 0, 0.1);
  --bor--neu--bk-rgba08: rgba(0, 0, 0, 0.08);
  --bor--neu--bk-rgba06: rgba(0, 0, 0, 0.05);
  --bor--neu--always-00: #ffffff;
  --bor--neu--always-100: #a1a1a1;
  --bor--neu--always-bk-rgba08: rgba(0, 0, 0, 0.08);
  --bor--pri--600: #325abc;
  --bor--pri--500: #3e6de3;
  --bor--pri--500-2: #3e6de3;
  --bor--pri--300-1: #8ba7ee;
  --bor--pri--50-1: #e0e8fb;
  --bor--pri--always-500: #3e6de3;
  --bor--sec--orange500: #f55e00;
  --bor--sec--orange500-2: #f55e00;
  --bor--sec--orange200-1: #ffcead;
  --bor--sec--gold600: #cf7f17;
  --bor--sec--green500: #00a352;
  --bor--sec--sky500: #0096e0;
  --bor--sec--always-red400: #ef7171;
  --bor--gra--gol-1-001: #ffb571;
  --bor--gra--gol-1-002: #ffd749;
  --sys--info--500: #0777da;
  --sys--negative--500: #de3535;
  --sys--caution--500: #e4780c;
  --sys--positive--500: #00a300;
  --opa--bk-rgba100: rgba(0, 0, 0, 1);
  --opa--bk-rgba80: rgba(0, 0, 0, 0.8);
  --opa--bk-rgba70: rgba(0, 0, 0, 0.7);
  --opa--bk-rgba60: rgba(0, 0, 0, 0.6);
  --opa--bk-rgba50: rgba(0, 0, 0, 0.5);
  --opa--bk-rgba20: rgba(0, 0, 0, 0.2);
  --img--bk-1: #000000;
  --img--neu900: #121212;
  --img--neu700-1: #292929;
  --img--neu500: #454545;
  --img--neu500-2: #454545;
  --img--neu300: #757575;
  --img--neu300-2: #757575;
  --img--neu200: #949494;
  --img--neu100: #a1a1a1;
  --img--neu50: #c7c7c7;
  --img--neu50-2: #c7c7c7;
  --img--neu40-1: #d1d1d1;
  --img--neu10-1: #f5f5f5;
  --img--neu00-1: #ffffff;
  --img--neu00-2: #ffffff;
  --img--pri600: #325abc;
  --img--pri500: #3e6de3;
  --img--pri30-1: #ecf0fc;
  --img--red500: #e83030;
  --img--org500-1: #f55e00;
  --img--org500-2: #f55e00;
  --img--gol600-1: #e99d3a;
  --img--sky500: #0096e0;
  --img--cau500-1: #e4780c;
  --img--con2024: #058fff;
  --img---mlogo-1: #2882f5;
  --img--always-neu900: #121212;
  --img--always-neu700: #292929;
  --img--always-neu300: #757575;
  --img--always-neu100: #a1a1a1;
  --img--always-neu00: #ffffff;
  --img--always-pri500: #3e6de3;
  --img--always-pri300: #8ba7ee;
  --img--always-pri100: #d1dcf8;
  --img--always-red500: #e83030;
  --img--always-red400: #ef7171;
  --img--always-red300: #f28c8c;
  --img--always-red200: #f6a2a2;
  --img--always-neg500: #de3535;
  --img--always-bk-rgba90: rgba(0, 0, 0, 0.9);
  --img--neu500-rgba: rgba(69, 69, 69, 0.1);
  --img--con2024-rgba: rgba(5, 143, 255, 0.1);
  --img--neu500-rgba: #454545;
  --img--con2024-rgba: #058fff;
  --img--always-yel500: #ffe045;
  --storyarena--100: #ffc660;
  --storyarena--400-1: #594837;
  --storyarena--900-1: #30271e;
  --log--pri--500: #2882f5;
  --log--neu--900: #000;
}
/* Header */
.header-btn {
  background-image: url('../img/header-sprite.svg');
}
.title-icon,
.contest-badge {
  background-image: url('../img/badge/badge_sprite_2024.png');
  background-repeat: no-repeat;
  background-size: 176px 56px;
  text-indent: -100000px;
  display: inline-flex;
}
/* 작품리스트 뱃지 */
.cover-wrap .private:before {
  background-image: url(/asset/img/badge/badge-14-private.svg?time=202407031000);
  background-repeat: no-repeat;
}
/* 장르 */
.genre-collapse::before {
  background-image: url('../img/genre/genre-category-bg.png');
  background-size: 20px 56px;
}
.genre-select .item.pined:after {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8Z" fill="white"/><path d="M0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8Z" stroke="%233E6DE3"/><path d="M9.4859 4.17812L11.8219 6.51409C11.9483 6.64049 11.9241 6.85164 11.7724 6.94622L9.63489 8.27904C9.95008 9.28493 9.70916 10.4275 8.91215 11.2245L4.77551 7.08785C5.57253 6.29083 6.71506 6.04991 7.72095 6.3651L9.05377 4.22756C9.14835 4.07588 9.3595 4.05172 9.4859 4.17812Z" fill="%233E6DE3" stroke="%233E6DE3" stroke-linejoin="round"/><path d="M4.24231 10.9091C4.00799 11.1434 4.00799 11.5233 4.24231 11.7576C4.47662 11.9919 4.85652 11.9919 5.09084 11.7576L4.24231 10.9091ZM6.41949 8.7319L4.24231 10.9091L5.09084 11.7576L7.26801 9.58043L6.41949 8.7319Z" fill="%233E6DE3"/></svg>');
}
.pined-genre .item::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3148_2300)"><path d="M6 1.33337C6 8.42671 6 10.5112 6 10.6667" stroke="%23454545" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.33301 6H10.6663" stroke="%23454545" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3148_2300"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
}
.pined-genre .item.active:after {
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L6 6M6 6L9.99831 10M6 6L2 10M6 6L2.00169 2" stroke="%23121212" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}