@charset "utf-8";

:root {
    --white: #fff;
    --black: #000;
    --light-gray: #ddd;
    --gray: #666666;

    /* 사용자 컨셉 컬러 */
    --primary: #00D5E5;
    --primary_light: #66E6F0;
    --primary_dark: #00BDCB;
    --secondary: #CCCCCC;
    --secondary-light: #F6F6F6;
    --secondary-dark: #999999;
    --tertiary: #0077DF;
    --tertiary-light: #000;
    --tertiary-dark: #000;
    --point: #FF0000;
    --error: #000;

    --font-default: #000;
}

/* 여백 
****************************************************************/
.m0 {margin:0 !important;}
.mT0 {margin-top: 0 !important;}
.mT10 {margin-top: 1rem !important;}
.mT20 {margin-top: 2rem !important;}
.mB0 {margin-bottom: 0 !important;}
.mB10 {margin-bottom: 1rem !important;}
.mB20 {margin-bottom: 2rem !important;}
.p0 {padding:0 !important;}
.pT10 {padding-top: 1rem !important;}
.pT20 {padding-top: 2rem !important;}
.pB10 {padding-bottom: 1rem !important;}
.pB20 {padding-bottom: 2rem !important;}
.p10  {padding: 1rem !important;}
.p20 {padding: 2rem !important;}

/* 정렬 
****************************************************************/
.tC {text-align: center;}
.tL {text-align: left;}

/* 폰트 스타일
****************************************************************/
.fBold {
    font-weight: 700;
}
.f20 {
    font-size:2rem;
}
.underline {
    text-decoration: underline;
}

.txt_tertiary {
    color:var(--tertiary);
}

/* 배경색 
****************************************************************/
.bg_secondary-light {
    background-color: var(--secondary-light);
}