File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@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;
}