@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-Thin.subset.woff2") format("woff2");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-ExtraLight.subset.woff2") format("woff2");
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-Light.subset.woff2") format("woff2");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-Regular.subset.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-Medium.subset.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-SemiBold.subset.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-Bold.subset.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-ExtraBold.subset.woff2") format("woff2");
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    src: url("/assets/font/pretendard/Pretendard-Black.subset.woff2") format("woff2");
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/assets/font/notosanskr/NotoSansKR-Thin.woff2") format("woff2");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/assets/font/notosanskr/NotoSansKR-Light.woff2") format("woff2");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/assets/font/notosanskr/NotoSansKR-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/assets/font/notosanskr/NotoSansKR-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/assets/font/notosanskr/NotoSansKR-Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/assets/font/notosanskr/NotoSansKR-Black.woff2") format("woff2");
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: "Cafe24Simplehae";
    src: url("/assets/font/Cafe24Simplehae/Cafe24Simplehae-v2.0.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Cafe24Ssukssuk";
    src: url("/assets/font/Cafe24Ssukssuk/Cafe24Ssukssuk-v2.0.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Cafe24Ssurround";
    src: url("/assets/font/Cafe24Ssurround/Cafe24Ssurround-v2.0.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'MaruBuri';
    src: url('/assets/font/MaruBuri/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Wanted Sans';
    src: url('/assets/font/WantedSans/WantedSansVariable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
    /* Colors */
    --basic-gray-5: #fafbfc;
    --basic-white: #ffffff;
    --basic-gray-10: #f5f5f5;
    --basic-gray-20: #e4e4e4;
    --basic-gray-30: #d7d7d7;
    --basic-gray-50: #929292;
    --basic-gray-60: #6b6b6b;
    --basic-gray-70: #515151;
    --basic-gray-80: #363636;
    --basic-gray-90: #2c2c2c;
    --basic-black: #000000;
    --main-red: #ca003d;
    --main-red-20: #ffeded;
    --sub-gray: #54565a;
    --sub-mint-10: #edfbff;
    --sub-mint: #00bec8;
    --sub-blue-10: #edf5ff;
    --sub-blue-200: #0037a6;
    --sub-green-10: #e6f5e5;
    --sub-green-80: #1fa835;
    --negative-red: #e32626;
    --disabled-gray-40: #acacac;
    --link-blue-80: #0052f9;
    --bg-list-gray: #d4dbe3;
    --active-blue-20: #DFF4FF;
    --sub-green-200: #366469;
    --sub-yellow-10: #FFFFD2;
    --sub-yellow-30: #FFEB3B;
    --primary-purple-80: #6732FF;
    --primary-orange-80: #FD5F00;
    /* Fonts */
    --sm-11-regular: 400 11px "Pretendard", sans-serif;
    --sm-12-regular: 400 12px "Pretendard", sans-serif;
    --sm-12-medium: 500 12px "Pretendard", sans-serif;
    --sm-12-bold: 700 12px "Pretendard", sans-serif;
    --sm-13-regular: 400 13px "Pretendard", sans-serif;
    --sm-13-medium: 500 13px "Pretendard", sans-serif;
    --sm-13-bold: 700 13px "Pretendard", sans-serif;
    --sm-14-regular-16-px: 400 14px/16px "Pretendard", sans-serif;
    --sm-14-medium-16-px: 500 14px/16px "Pretendard", sans-serif;
    --sm-14-bold-16-px: 700 14px/16px "Pretendard", sans-serif;
    --md-15-regular: 400 15px "Pretendard", sans-serif;
    --md-15-medium: 500 15px "Pretendard", sans-serif;
    --md-16-bold-20-px: 700 16px/20px "Pretendard", sans-serif;
    --md-18-regular: 400 18px "Pretendard", sans-serif;
    --md-18-bold: 700 18px "Pretendard", sans-serif;
    --md-15-bold-16-px: 700 15px/16px "Pretendard", sans-serif;
    --lg-26-regular: 400 26px "Pretendard", sans-serif;
    --lg-26-medium: 500 26px "Pretendard", sans-serif;

    /* Effects */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, select, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: "Pretendard";
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
[type="checkbox"]{
    -webkit-appearance: checkbox;
}
#routify-app{
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: auto;
}

.div_svg_hover:hover .svg_hover > *{
    stop-color: white;
}