/* 폰트 */
@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:#ffffff;

    /* 메인 */
    --bg-main : #000000;
	--bg-login-main : #555555;
    --box-shadow : #222222;
    --btn-color1 : #555555;
	--btn-color2 : #000000;
    --area-color1 : #000000;

    --dash-color0 : #cfd5d6;
    --dash-color1 : #2E6969;
    --dash-color2 : #80672B;
    --dash-color3 : #805020;
    --dash-color4 : #803142;
    --dash-color5 : #1B5176;
    --dash-color6 : #575757;

    --ch-color1 : #A4DFDF;
    --ch-color2 : #FFE6AA;
    --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 : #ffffff;
    --tb-color2 : #ffffff;
    --tb-color3 : #ffffff;
    --tb-color4 : #ffffff;

    --tb-color1-1 : #282828;
    --tb-color2-1 : #282828;
    --tb-color3-1 : #282828;
    --tb-color4-1 : #282828;

    --grap-color : #4BC0C0;
    --up-color : #36A2EB;
    --dn-color : #FF6384;   

    /* input, div */
    --div-back : #282828;

    /* 서브 */

    /* 색상 */
    --color-input : #9C9C9C;
    --color-bg-base : #000000;
    --bg-find : #059DB2;
    --bg-add : #3780b1;  
    --bg-delete : #cc4d68;
    --bg-basefc : #FFFFFF; /* 기본 폰트 색상 */
    --bg-active : #097A89;
    --bg-white : #FFF;
    --bg-input : #282828;
	--bg-table : #282828;
    --bg-required : #000000;
    --bg-btn : #049DB2; /* 서브 페이지 검색버튼 */ 
    --bg-blue : #049DB1;
    --bg-disabled : #B7B7B7;
    
    --bg-body : #000000;
    --bg-box:#000000;

    --bg-modal : #42a4a4;
    --modal-close : #6C757D;
	--modal-background-color : rgba(120,120,120,0.7);
	--bg-modal-box : #444444;
	--modal-text-color1 : #ffffff;
	--modal-chat-background : #000000;
	--modal-chat-text-color : #FFFFFF;
	--modal-icon-color : #FFFFFF;
	--modal-icon1-color : #A6A6A6;
	--modal-header-bg-color:#006674;
	
    --bg-round : #4AC0C0;
    --bg-check : #0A7B8A;    

    --bg-border : #555555;

    --bg-menu1:#000000;
    --bg-menu1-bottom:#555555;
    --bg-menu-active:#377373;
    --bg-menu2:#282828;

	--border-card:rgba(255, 255, 255, 0.25);

    --table-td_bg : #282828;

    /* subpage_4 */
    --sub-border : #049DB1;

    --a-color:#FFFFFF;
    --txt-color:#FFFFFF;

    --dt-row-select : #f1f8f9;

    --favorite1-color : #1B5176;
    --favorite2-color : #226969;
    --favorite3-color : #245A7F;
    --favorite4-color : #82692E;
    --favorite5-color : #845629;
        

    /* 0517 */
    --intro1-bg-color : #282828;
    --intro2-bg-color : #282828;
    --intro3-bg-color : #282828;
    --intro4-bg-color : #282828;
    --intro5-bg-color : #282828;
    --intro1-color : #67CBCB;
    --intro2-color : #FDD26B;
    --intro3-color : #FFBB78;
    --intro4-color : #F88EA4;
    --intro5-color : #72C0F5;

    --switch-bg-color : #555555;
    --his-border-color : #D9DEE3;

    --sale1-border-color :#B9F0F0;
    --sale2-border-color :#FCEDCA;
    --sale3-border-color :#FDE6CF;
    --sale4-border-color :#AFDCFB;
    --sale5-border-color :#FCC6D1;
    --sale1-bg-color :#000000;
    --sale2-bg-color :#000000;
    --sale3-bg-color :#000000;
    --sale4-bg-color :#000000;
    --sale5-bg-color :#000000;

    
    --daily-frame-color : #B1B4B7;
    --daily-frame-bg-color : #E8EAED;
    --daily-txt-color : #4BC0BF;
    --daily_box-border-color : #4AC0C0;
    --daily_box-bg-color : #282828;
    --daily-active-bg-color : #555555;
    --daily-scroll-bg-color : #E9EAEE;
    --d-icon-bg-color : #815120;

    --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 : #282828;
    --sch-free-bg-color : #282828;
    --doc-blue-border-color : #282828;
    --doc-yellow-border-color : #282828;

    --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 : #282828;  
    
    --file-excel-color : #3F8962;
    --file-word-color : #325794;
    --file-ppt-color : #823323;
    --file-txt-color : #72C0F5;

    --search-btn-bg-color : #42a4a4;
	
	--login-txt-color : #ffffff;
	
	--his-head1_bg-color : #282828;
	--his-head2_bg-color : #282828;
	--his-head3_bg-color : #282828;
	--his-head4_bg-color : #282828;
	--his-head5_bg-color : #282828;	
	
	--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='%23efefef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}