:root{--main-header-background-color-start:#083f87;--main-header-background-color-end:#0d2848;--main-sidebar-background-color-start:#0c3a76;--main-sidebar-background-color-end:#0a223d;--main-sidebar-border-color:#e4e4e7;--main-header-text-color:#f5f5f5;--main-content-background-color:#c3c3c3;--main-white-text-color:#fff;--main-white-dark-color:#000;--dashboard-info-card-background-color-start:#2b2b2d;--dashboard-info-card-background-color-end:#9e9e9e;--dashboard-info-card-text-color:#5b5959;--dashboard-info-card-border-color:rgba(43,43,45,.38);--plain-font-size-3:.156vw;--plain-font-size-11:.573vw;--plain-font-size-12:.625vw;--plain-font-size-13:.677vw;--plain-font-size-14:.729vw;--plain-font-size-15:.781vw;--plain-font-size-16:.833vw;--plain-font-size-17:.885vw;--plain-font-size-18:.938vw;--plain-font-size-19:.99vw;--plain-font-size-20:1.042vw;--plain-font-size-21:1.094vw;--plain-font-size-22:1.146vw;--plain-font-size-23:1.198vw;--plain-font-size-24:1.25vw;--plain-font-size-25:1.302vw;--plain-font-size-26:1.354vw;--plain-font-size-27:1.406vw;--plain-font-size-28:1.458vw;--plain-font-size-29:1.51vw;--plain-font-size-30:1.563vw;--plain-font-size-48:2.5vw;--plain-font-size-50:2.604vw;.h-1{height:1%!important}.h-2{height:2%!important}.h-3{height:3%!important}.h-4{height:4%!important}.h-5{height:5%!important}.h-6{height:6%!important}.h-7{height:7%!important}.h-8{height:8%!important}.h-9{height:9%!important}.h-20{height:20%!important}.h-10{height:10%!important}.h-25{height:25%!important}.h-30{height:30%!important}.h-40{height:40%!important}.h-35{height:35%!important}.h-33{height:33%!important}.h-15{height:15%!important}.h-26{height:26%!important}.h-31{height:31%!important}.h-34{height:34%!important}.h-90{height:90%!important}.h-44{height:44%!important}.h-49{height:49%!important}.h-32{height:32%!important}.h-39{height:39%!important}.h-36{height:36%!important}.h-60{height:60%!important}::-webkit-scrollbar-thumb{width:8px}::-webkit-scrollbar-button,::-webkit-scrollbar-thumb{background-color:red}}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100;src:url(../../assets/styles/design-toc/@/assets/font/NotoSans/NotoSans-Thin.ttf) format("ttf")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:200;src:url(../../assets/styles/design-toc/@/assets/font/NotoSans/NotoSans-Light.ttf) format("ttf")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:300;src:url(../../assets/styles/design-toc/@/assets/font/NotoSans/NotoSans-Regular.ttf) format("ttf")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:500;src:url(../../assets/styles/design-toc/@/assets/font/NotoSans/NotoSans-Medium.ttf) format("ttf")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:600;src:url(../../assets/styles/design-toc/@/assets/font/NotoSans/NotoSans-Bold.ttf) format("ttf")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;src:url(../../assets/styles/design-toc/@/assets/font/NotoSans/NotoSans-Black.ttf) format("ttf")}@font-face{font-family:D2Coding;font-style:normal;font-weight:400;src:url(../../assets/styles/design-toc/@/assets/font/D2Coding.ttf) format("ttf"),url(../../assets/styles/design-toc/@/assets/font/D2Coding.ttc) format("ttc")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:1000;src:url(./WantedSans-ExtraBlack.43cee58c.woff2) format("woff2")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:900;src:url(./WantedSans-Black.ab55c5c9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:800;src:url(./WantedSans-ExtraBold.5b9b4cc4.woff2) format("woff2")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:700;src:url(./WantedSans-Bold.9bc97259.woff2) format("woff2")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:600;src:url(./WantedSans-SemiBold.47a87e13.woff2) format("woff2")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:500;src:url(./WantedSans-Medium.163d7106.woff2) format("woff2")}@font-face{font-display:swap;font-family:Wanted Sans;font-style:normal;font-weight:400;src:url(./WantedSans-Regular.3807d0f3.woff2) format("woff2")}@font-face{font-display:swap;font-family:NanumSquare Neo;font-style:normal;font-weight:300;src:url(./NanumSquareNeoTTF-aLt.f0da0f23.woff2) format("woff2")}@font-face{font-display:swap;font-family:NanumSquare Neo;font-style:normal;font-weight:400;src:url(./NanumSquareNeoTTF-bRg.d13846b6.woff2) format("woff2")}@font-face{font-display:swap;font-family:NanumSquare Neo;font-style:normal;font-weight:700;src:url(./NanumSquareNeoTTF-cBd.97dfe972.woff2) format("woff2")}@font-face{font-display:swap;font-family:NanumSquare Neo;font-style:normal;font-weight:800;src:url(./NanumSquareNeoTTF-dEb.f27c0741.woff2) format("woff2")}@font-face{font-display:swap;font-family:NanumSquare Neo;font-style:normal;font-weight:900;src:url(./NanumSquareNeoTTF-eHv.090b0170.woff2) format("woff2")}.row{margin:0;>*{padding:0}}.toc-design{display:flex;min-width:1600px;.toc-header-content{width:calc(100% - 163px);.toc-design-header{background:linear-gradient(90deg,var(--main-header-background-color-start) 0,var(--main-header-background-color-end) 100%);flex-shrink:0;height:70px}.toc-design-content{background:var(--main-content-background-color);height:calc(100vh - 70px);padding:5px 0;.dashboard,.map-dashboard{.row{height:-moz-max-content;height:max-content}}.site{height:100%;>.row{height:100%;.section1,.section2{height:60%}.section3,.section4{height:40%}}}}}.toc-design-sidebar{background:linear-gradient(180deg,var(--main-sidebar-background-color-start) 0,var(--main-sidebar-background-color-end) 122.6%);box-shadow:1px 0 2px #0000004d,1px 0 3px 1px #00000026;flex-shrink:0;height:100vh;width:163px;.logo{align-items:center;border-bottom:1px solid var(--main-sidebar-border-color);border-right:1px solid var(--main-sidebar-border-color);display:flex;height:70px;width:100%;img{flex-shrink:0;padding:20px;width:100%}}.menu{padding:10px;.btn-wrapper{border-radius:24px;color:#fff;display:flex;&:hover{background-color:#fff;button{color:#000;img{filter:brightness(0) saturate(100%) invert(0) sepia(98%) saturate(8%) hue-rotate(221deg) brightness(97%) contrast(99%)}}}button{align-items:center;color:#fff;display:flex;font-size:14px;padding:10px 20px;text-align:left;width:100%;img{flex-basis:20%}span{flex-basis:80%;padding-left:10px}}&.select{background-color:#fff;button{color:#000;img{filter:brightness(0) saturate(100%) invert(0) sepia(98%) saturate(8%) hue-rotate(221deg) brightness(97%) contrast(99%)}}}}}}}