@charset "utf-8"; /* 마진 - 왼쪽 */ .ml0 { margin-left: 0rem; } .ml5 { margin-left: 0.5rem; } .ml10 { margin-left: 1rem; } .ml15 { margin-left: 1.5rem; } .ml20 { margin-left: 2rem; } .ml25 { margin-left: 2.5rem; } .ml30 { margin-left: 3rem; } .ml35 { margin-left: 3.5rem; } .ml40 { margin-left: 4rem; } .ml45 { margin-left: 4.5rem; } .ml50 { margin-left: 5rem; } .ml55 { margin-left: 5.5rem; } .ml60 { margin-left: 6rem; } .ml65 { margin-left: 6.5rem; } .ml70 { margin-left: 7rem; } .ml75 { margin-left: 7.5rem; } .ml80 { margin-left: 8rem; } .ml85 { margin-left: 8.5rem; } .ml90 { margin-left: 9rem; } .ml95 { margin-left: 9.5rem; } .ml100 { margin-left: 10rem; } /* 마진 - 오른쪽 */ .mr0 { margin-right: 0rem; } .mr5 { margin-right: 0.5rem; } .mr10 { margin-right: 1rem; } .mr15 { margin-right: 1.5rem; } .mr20 { margin-right: 2rem; } .mr25 { margin-right: 2.5rem; } .mr30 { margin-right: 3rem; } .mr35 { margin-right: 3.5rem; } .mr40 { margin-right: 4rem; } .mr45 { margin-right: 4.5rem; } .mr50 { margin-right: 5rem; } .mr55 { margin-right: 5.5rem; } .mr60 { margin-right: 6rem; } .mr65 { margin-right: 6.5rem; } .mr70 { margin-right: 7rem; } .mr75 { margin-right: 7.5rem; } .mr80 { margin-right: 8rem; } .mr85 { margin-right: 8.5rem; } .mr90 { margin-right: 9rem; } .mr95 { margin-right: 9.5rem; } .mr100 { margin-right: 10rem; } /* 마진 - 위쪽 */ .mt0 { margin-top: 0rem; } .mt5 { margin-top: 0.5rem; } .mt10 { margin-top: 1rem; } .mt15 { margin-top: 1.5rem; } .mt20 { margin-top: 2rem; } .mt25 { margin-top: 2.5rem; } .mt30 { margin-top: 3rem; } .mt35 { margin-top: 3.5rem; } .mt40 { margin-top: 4rem; } .mt45 { margin-top: 4.5rem; } .mt50 { margin-top: 5rem; } .mt55 { margin-top: 5.5rem; } .mt60 { margin-top: 6rem; } .mt65 { margin-top: 6.5rem; } .mt70 { margin-top: 7rem; } .mt75 { margin-top: 7.5rem; } .mt80 { margin-top: 8rem; } .mt85 { margin-top: 8.5rem; } .mt90 { margin-top: 9rem; } .mt95 { margin-top: 9.5rem; } .mt100 { margin-top: 10rem; } /* 마진 - 아래쪽 */ .mb0 { margin-bottom: 0rem; } .mb5 { margin-bottom: 0.5rem; } .mb10 { margin-bottom: 1rem; } .mb15 { margin-bottom: 1.5rem; } .mb20 { margin-bottom: 2rem; } .mb25 { margin-bottom: 2.5rem; } .mb30 { margin-bottom: 3rem; } .mb35 { margin-bottom: 3.5rem; } .mb40 { margin-bottom: 4rem; } .mb45 { margin-bottom: 4.5rem; } .mb50 { margin-bottom: 5rem; } .mb55 { margin-bottom: 5.5rem; } .mb60 { margin-bottom: 6rem; } .mb65 { margin-bottom: 6.5rem; } .mb70 { margin-bottom: 7rem; } .mb75 { margin-bottom: 7.5rem; } .mb80 { margin-bottom: 8rem; } .mb85 { margin-bottom: 8.5rem; } .mb90 { margin-bottom: 9rem; } .mb95 { margin-bottom: 9.5rem; } .mb100 { margin-bottom: 10rem; } /* 패딩 - 전체 */ .pd0 { padding: 0rem; } .pd5 { padding: 0.5rem; } .pd10 { padding: 1rem; } .pd15 { padding: 1.5rem; } .pd20 { padding: 2rem; } .pd25 { padding: 2.5rem; } .pd30 { padding: 3rem; } .pd35 { padding: 3.5rem; } .pd40 { padding: 4rem; } .pd45 { padding: 4.5rem; } .pd50 { padding: 5rem; } .pd55 { padding: 5.5rem; } .pd60 { padding: 6rem; } .pd65 { padding: 6.5rem; } .pd70 { padding: 7rem; } .pd75 { padding: 7.5rem; } .pd80 { padding: 8rem; } .pd85 { padding: 8.5rem; } .pd90 { padding: 9rem; } .pd95 { padding: 9.5rem; } .pd100 { padding: 10rem; } /* 패딩 - 왼쪽 */ .pl0 { padding-left: 0rem; } .pl5 { padding-left: 0.5rem; } .pl10 { padding-left: 1rem; } .pl15 { padding-left: 1.5rem; } .pl20 { padding-left: 2rem; } .pl25 { padding-left: 2.5rem; } .pl30 { padding-left: 3rem; } .pl35 { padding-left: 3.5rem; } .pl40 { padding-left: 4rem; } .pl45 { padding-left: 4.5rem; } .pl50 { padding-left: 5rem; } .pl55 { padding-left: 5.5rem; } .pl60 { padding-left: 6rem; } .pl65 { padding-left: 6.5rem; } .pl70 { padding-left: 7rem; } .pl75 { padding-left: 7.5rem; } .pl80 { padding-left: 8rem; } .pl85 { padding-left: 8.5rem; } .pl90 { padding-left: 9rem; } .pl95 { padding-left: 9.5rem; } .pl100 { padding-left: 10rem; } /* 패딩 - 오른쪽 */ .pr0 { padding-right: 0rem; } .pr5 { padding-right: 0.5rem; } .pr10 { padding-right: 1rem; } .pr15 { padding-right: 1.5rem; } .pr20 { padding-right: 2rem; } .pr25 { padding-right: 2.5rem; } .pr30 { padding-right: 3rem; } .pr35 { padding-right: 3.5rem; } .pr40 { padding-right: 4rem; } .pr45 { padding-right: 4.5rem; } .pr50 { padding-right: 5rem; } .pr55 { padding-right: 5.5rem; } .pr60 { padding-right: 6rem; } .pr65 { padding-right: 6.5rem; } .pr70 { padding-right: 7rem; } .pr75 { padding-right: 7.5rem; } .pr80 { padding-right: 8rem; } .pr85 { padding-right: 8.5rem; } .pr90 { padding-right: 9rem; } .pr95 { padding-right: 9.5rem; } .pr100 { padding-right: 10rem; } /* 패딩 - 위쪽 */ .pt0 { padding-top: 0rem; } .pt5 { padding-top: 0.5rem; } .pt10 { padding-top: 1rem; } .pt15 { padding-top: 1.5rem; } .pt20 { padding-top: 2rem; } .pt25 { padding-top: 2.5rem; } .pt30 { padding-top: 3rem; } .pt35 { padding-top: 3.5rem; } .pt40 { padding-top: 4rem; } .pt45 { padding-top: 4.5rem; } .pt50 { padding-top: 5rem; } .pt55 { padding-top: 5.5rem; } .pt60 { padding-top: 6rem; } .pt65 { padding-top: 6.5rem; } .pt70 { padding-top: 7rem; } .pt75 { padding-top: 7.5rem; } .pt80 { padding-top: 8rem; } .pt85 { padding-top: 8.5rem; } .pt90 { padding-top: 9rem; } .pt95 { padding-top: 9.5rem; } .pt100 { padding-top: 10rem; } /* 패딩 - 아래쪽 */ .pb0 { padding-bottom: 0rem; } .pb5 { padding-bottom: 0.5rem; } .pb10 { padding-bottom: 1rem; } .pb15 { padding-bottom: 1.5rem; } .pb20 { padding-bottom: 2rem; } .pb25 { padding-bottom: 2.5rem; } .pb30 { padding-bottom: 3rem; } .pb35 { padding-bottom: 3.5rem; } .pb40 { padding-bottom: 4rem; } .pb45 { padding-bottom: 4.5rem; } .pb50 { padding-bottom: 5rem; } .pb55 { padding-bottom: 5.5rem; } .pb60 { padding-bottom: 6rem; } .pb65 { padding-bottom: 6.5rem; } .pb70 { padding-bottom: 7rem; } .pb75 { padding-bottom: 7.5rem; } .pb80 { padding-bottom: 8rem; } .pb85 { padding-bottom: 8.5rem; } .pb90 { padding-bottom: 9rem; } .pb95 { padding-bottom: 9.5rem; } .pb100 { padding-bottom: 10rem; } :root { --krds-white: #fff; --krds-black: #000; --krds-primary: #246BEB; --krds-secondary: #003675; --krds-point: #E71825; --krds-danger: #EB003B; --krds-warning: #FFB724; --krds-success: #008A1E; --krds-information: #2768FF; --krds-primary-5: #EFF5FF; --krds-primary-10: #D3E1FB; --krds-primary-20: #A7C4F7; --krds-primary-30: #7CA6F3; --krds-primary-40: #5089EF; --krds-primary-60: #1D56BC; --krds-primary-70: #16408D; --krds-primary-80: #0E2B5E; --krds-primary-90: #07152F; --krds-secondary-5: #EDF1F5; --krds-secondary-10: #CDD7E4; --krds-secondary-20: #B4C4D6; --krds-secondary-30: #99B0CB; --krds-secondary-40: #2A5C96; --krds-secondary-60: #002B5E; --krds-secondary-70: #002046; --krds-secondary-80: #00162F; --krds-secondary-90: #000B17; --krds-point-5: #FDF2F3; --krds-point-10: #FAD1D3; --krds-point-20: #F5A3A8; --krds-point-30: #F1747C; --krds-point-40: #EC4651; --krds-point-60: #B9131E; --krds-point-70: #8B0E16; --krds-point-80: #5C0A0F; --krds-point-90: #2E0507; --krds-gray-5: #F8F8F8; --krds-gray-10: #F0F0F0; --krds-gray-20: #E4E4E4; --krds-gray-30: #D8D8D8; --krds-gray-40: #C6C6C6; --krds-gray-50: #8E8E8E; --krds-gray-60: #717171; --krds-gray-70: #555555; --krds-gray-80: #2D2D2D; --krds-gray-90: #1D1D1D; --krds-fz-display-sm: 4rem; --krds-fz-display-md: 5rem; --krds-fz-display-lg: 6.6rem; --krds-fz-heading-sm: 3.2rem; } /* 너비 */ .w1400{ width: 1400px; margin: 0 auto; } /* background-color */ .pink{ /* background-color: var(--sky-pink); */ color: var(--pink); } .green{ /* background-color: var(--sky-green); */ color: var(--green); } .orange{ /* background-color: var(--sky-orange); */ color: var(--orange); } .red{ color: var(--red); } .dark-gray{ color: var(--gray-dark); } .gray{ color: var(--gray); } .blue{ color: var(--blue); } .white{ color: var(--white); } /* text 정렬 */ .text-lf { text-align: left; } .text-ct { text-align: center; } .text-rg { text-align: right; } /* 폰트 */ .fw-bold{ font-weight: 700; } .point-font{ font-family: "yungju"; } .point-font2{ font-family: "GmarketSans-M"; } /* 기타 공용 */ .cursor { cursor: pointer; } .border-none{ border: none; } .border{ border: 1px solid var(--dark); border-radius: 0.5rem; } .border-top{ border-top: 1px solid var(--sky-green); } .border-b{ border-bottom: 1px solid var(--dark); } .border-r{ border-right: 1px solid var(--sky-green); } .shortcuts{ font-size: 1.4rem; font-weight: normal; color: var(--green); } .chart-wrap{ width: 100%; height: 363px; border-radius: 10px; } .overflow-y{ overflow-y: auto; } .block{ display: block; } .inline{ display: inline; } .inline-block{ display: inline-block; } .red-text{ color: var(--red); } .err-border{ border: 2px solid var(--red); } .radius{ border-radius: 1rem; } .file-item{ height: 4rem; line-height: 4rem; } .background{ background-color: var(--sky-green); } .ellipsis { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }