/* 폰트 */
@font-face {
    src:url("../font/NanumSquareR.otf");
    font-family:"nanum-regular";
}
@font-face {
   src: url("../font/NotoSans-Regular.woff2") format('woff2'),
        url("../font/NotoSans-Regular.woff") format('woff'),
       	url("../font/NotoSans-Regular.eot") format('eot'),
        url("../font/NotoSans-Regular.otf") format('opentype');
    font-family:"notosanscjk-regular"
}
@font-face {
   src: url("../font/NotoSans-Medium.woff2") format('woff2'),
        url("../font/NotoSans-Medium.woff") format('woff'),
        url("../font/NotoSans-Medium.eot") format('eot'),
        url("../font/NotoSans-Medium.otf") format('opentype');
    font-family:"notosanscjk-Medium"
}
@font-face {
   src: url("../font/NotoSans-Regular.woff2") format('woff2'),
        url("../font/NotoSans-Regular.woff") format('woff'),
       	url("../font/NotoSans-Regular.eot") format('eot'),
        url("../font/NotoSans-Regular.otf") format('opentype');
    font-family:"notosanscjk-Bold"
}
@font-face {
   src: url("../font/NotoSans-Black.woff2") format('woff2'),
        url("../font/NotoSans-Black.woff") format('woff'),
        url("../font/NotoSans-Black.eot") format('eot'),
        url("../font/NotoSans-Black.otf") format('opentype');
    font-family:"notosanscjk-Black"
}

:root {
    /* 폰트 */
    --font-bold: "notosanscjk-Bold";
    --font-regular: "notosanscjk-regular";
    --font-medium: "notosanscjk-Medium";
    --font-black: "notosanscjk-Black";
    --font-nanum: "nanum-regular";
    --btn-txt-color: #ffffff;
    --wbtn-txt-color: #355287;
    /* 메인 */
    --bg-main: #f4f9fd;
    --bg-login-main: #F1F8F9;
    --box-shadow: #cfd5d6;
    --btn-color1: #5a5a5a;
    --btn-color2: #203864;
    --btn-color-logout: #0c95a8;
    --area-color1: #ffffff;
    --dash-color0: #cfd5d6;
    --dash-color1: #4ac0c0;
    --dash-color2: #ffcd55;
    --dash-color3: #ff9f40;
    --dash-color4: #ff6284;
    --dash-color5: #36a1eb;
    --dash-color6: #B69CF5;
    --ch-color1: #A4DFDF;
    --ch-color2: #fff1d1;
    --ch-color3: #FFCF9F;
    --ch-color4: #FFB0C1;
    --ch-color5: #9AD0F5;
    --txtch-color1: #4ac0c0;
    --txtch-color2: #ffcd55;
    --txtch-color3: #ff9f40;
    --txtch-color4: #ff6284;
    --txtch-color5: #36a1eb;
    --his-color1: #a4dfdf;
    --his-color2: #FFE6AA;
    --his-color3: #FFCF9F;
    --his-color4: #93D4FF;
    --his-color5: #FFABBD;
    --tb-color1: #b6cdf8;
    --tb-color2: #FFD474;
    --tb-color3: #FF9F40;
    --tb-color4: #FF7E98;
    --tb-color1-1: #E2FAFA;
    --tb-color2-1: #FEF9E2;
    --tb-color3-1: #FEF3E9;
    --tb-color4-1: #FDEFF2;
    --grap-color: #4BC0C0;
    --up-color: #888888; /*#36A2EB;*/
    --dn-color: #FF6384;
    --aside-bgcolor: #002060;
    /* input, div */
    --div-back: #F2F2F2;
    /* 서브 */
    /* 색상 */
    --color-input: #9C9C9C;
    --color-bg-base: #ffffff;
    --bg-find: #002060;
    --bg-add: #3971d7;
    --bg-delete: #FE6383;
    --bg-basefc: #59585B; /* 기본 폰트 색상 */
    --bg-active: #3971d7;
    --bg-white: #FFF;
    --bg-input: #F8F8F8;
    --bg-table: #F9F9F9;
    --bg-required: #FDFDF4;
    --bg-btn: #002060; /* 서브 페이지 검색버튼 */
    --bg-blue: #049DB1;
    --bg-disabled: #B7B7B7;
    --bg-body: #ffffff;
    --bg-box: #ffffff;
    --bg-modal: #355287;
    --bg-btn-upload: #002060;
    --bg-btn-del: #3971d7;
    --modal-close: #6C757D;
    --modal-background-color: rgba(120,120,120,0.3);
    --bg-modal-box: #F9F9F9;
    --modal-text-color1: #595859;
    --modal-chat-background: #F0F8FA;
    --modal-chat-text-color: #B1B4B7;
    --modal-icon-color: #355287;
    --modal-icon1-color: #A6A6A6;
    --modal-header-bg-color: #355287;
    --bg-round: #4AC0C0;
    --bg-check: #203864;
    --bg-border: #d5d5d5;
    --bg-menu1: #203864;
    --bg-menu1-bottom: #4795a1;
    --bg-menu-active: #F0F0F0;
    --bg-menu2: #dae3f3; /*#4bacc6;*/
    --border-card: rgba(0, 0, 0, 0.125);
    --border-card-wide: rgba(26,30,37, 0.8);
    
    --bg-type1: #3971d7;
    --bg-type2: #0c95a8;
    --bg-type3: #ff9b09;
    --bg-type4: #f1ba1f;
    /* subpage_4 */
    --sub-border: #049DB1;
    --a-color: #000000;
    --txt-color: #000000;
    --dt-row-select: #f1f8f9;
    --favorite1-color: #203864;
    --favorite2-color: #67CBCB;
    --favorite3-color: #EDEBEC;
    --favorite4-color: #FDD26A;
    --favorite5-color: #FFBB78;
    /* 0517 */
    --intro1-bg-color: #E2FAFA;
    --intro2-bg-color: #FEF9E2;
    --intro3-bg-color: #FEF3E9;
    --intro4-bg-color: #FDEFF2;
    --intro5-bg-color: #E0F1FD;
    --intro1-color: #67CBCB;
    --intro2-color: #FDD26B;
    --intro3-color: #FFBB78;
    --intro4-color: #F88EA4;
    --intro5-color: #72C0F5;
    --switch-bg-color: #E1E1E1;
    --his-border-color: #D9DEE3;
    --sale1-border-color: #B9F0F0;
    --sale2-border-color: #FCEDCA;
    --sale3-border-color: #FDE6CF;
    --sale4-border-color: #FCC6D1;
    --sale5-border-color: #AFDCFB;
    --sale1-bg-color: #67CBCB;
    --sale2-bg-color: #FDD26B;
    --sale3-bg-color: #FFBB78;
    --sale4-bg-color: #F88EA4;
    --sale5-bg-color: #72C0F5;
    --daily-frame-color: #B1B4B7;
    --daily-frame-bg-color: #E8EAED;
    --daily-txt-color: #4BC0BF;
    --daily_box-border-color: #4AC0C0;
    --daily_box-bg-color: #F2F2F2;
    --daily-active-bg-color: #e5f7f7;
    --daily-scroll-bg-color: #E9EAEE;
    --d-icon-bg-color: #FE9F40;
    --time-color: #878688;
    --time-detial-color: #4ac0c0;
    --time-box-bg-color: #0a7b8a;
    --pro-list1-border-color: #A4DFDF;
    --pro-list2-border-color: #FFE6AA;
    --pro-list3-border-color: #FFCF9F;
    --pro-list4-border-color: #8CD1FF;
    --pro-list5-border-color: #FFABBD;
    --pro-list-bg-color: #59585B;
    --ch-bg-color: #F5F5F5;
    --task-odd-bg-color: #4ac0c0;
    --task-even-bg-color: #93DADA;
    --task-btn-color: #7A7C7F;
    --task-border-color: #9e9e9e;
    --sch-bg-color: #E0F1FD;
    --sch-free-bg-color: #FEF3E9;
    --doc-blue-border-color: #8CD1FF;
    --doc-yellow-border-color: #FFD1A4;
    --txt-blue-color: #4DADED;
    --txt-yellow-color: #FF9F40;
    --cont-color: #59585B;
    --const-border-color: #e8e8e8;
    --head-sc-color: #C7C7C7;
    --mana-pro-color: #FF6284;
    --mana-pro-ulike-color: #CED4DA;
    --mana-pro-cont-border-color: #cecece;
    --mana-pro-fst-bg-color: #73C0F6;
    --modal-box-shadow-color: #9a9a9a;
    --hover-color: #E2FAFA;
    --file-excel-color: #3F8962;
    --file-word-color: #325794;
    --file-ppt-color: #823323;
    --file-txt-color: #72C0F5;
    --search-btn-bg-color: #ffffff;
    --login-txt-color: #545555;
    --his-head1_bg-color: #e2fafa;
    --his-head2_bg-color: #FEF9E3;
    --his-head3_bg-color: #FEF3E9;
    --his-head4_bg-color: #FDEFF2;
    --his-head5_bg-color: #DDEDF8;
    --trhover-bg-color: #a8e2ef;
    --dt-row-selected: 5, 157, 178;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --combo-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}