@charset "UTF-8";

:root,
[data-bs-theme=light] {

--bg-basic:#ffffff;
--border-basic:#e3e0e0;
--text-basic:#0c0c0c;
--text-basic-link:#0d3a7e;

--text-basic-link-hover:#1a569b;

	--bg-img-area:#aeaeae;
	--border-img-area:#2f2f34;
	--text-img-area:#ffffff;
	--text-img-area-link:#ffffff;

	--bg-player:#d8dbda;
	--border-player:#efefef;
	--text-player:#ffffff;
	--text-player-link:#ffffff;

--bg-basic-sub:#efefef;
--bg-basic-sub-hover:#424040;
--border-basic-sub:#efefef;
--text-basic-sub:#000000;
--text-basic-sub-hover:#ffffff;
--text-basic-sub-link:#000000;

--bg-cate-badge:#8937f4;
	--bg-cate-badge-hover:#1d5a89;
	--border-cate-badge:#148ec7;
	--border-cate-badge-hover:#148ec7;
	--text-cate-badge:#ffffff;
	--text-cate-badge-hover:#ffffff;
	--text-cate-badge-link:#ffffff;
	--text-cate-badge-link-hover:#ffffff;
	
	--bg-main-cate:#8937f4;
	--bg-main-cate-hover:#1d5a89;
	--border-main-cate:#148ec7;
	--border-main-cate-hover:#148ec7;
	--text-main-cate:#ffffff;
	--text-main-cate-hover:#ffffff;
	--text-main-cate-link:#ffffff;
	--text-main-cate-link-hover:#ffffff;

--bg-badge-fct:#ffffff;
	--bg-badge-fct-hover:#ffffff;
	--border-badge-fct:#148ec7;
	--border-badge-fct-hover:#148ec7;
	--text-badge-fct:#000000;
	--text-badge-fct-hover:#ffffff;
	--text-badge-fct-link:#ffffff;
	--text-badge-fct-link-hover:#ffffff;

--bg-basic-badge:#189f13;
--border-basic-badge:#2694d0;
--text-basic-badge:#ffffff;
--text-basic-badge-link:#ffffff;


--bg-main-badge:#189f13;
--bg-main-badge-hover:#189f13;
--border-main-badge:#2694d0;
--text-main-badge:#ffffff;
--text-main-badge-link:#ffffff;

--bg-main:rgba(35, 42, 85);
--bg-main-hover:#143a81;
--border-main:#1d2024;
--text-main:#ffffff;
--text-main-link:#ffffff;
--text-main-link-hover:#18f26c;

/* 네비게이션 활성 메뉴 색상 */
--bg-nav-active: #2d6290; /* Coral Orange */
--text-nav-active: #f9f4f4;
--text-nav:#ffffff;
--text-nav-link:#18f26c;
--text-nav-link-hover:#18f26c;

--bg-dropdown: #2d6290; /* Coral Orange */
--text-dropdown: #f9f4f4;
--text-dropdown-hover:#ffffff;
--text-dropdown-link:#aef6ca;
--text-dropdown-link-hover:#09fb3d;


--bg-dropdown-active: #2d6290; /* Coral Orange */
--text-dropdown-active: #f9f4f4;
--text-dropdown-active:#ffffff;
--text-dropdown-active-link:#aef6ca;
--text-dropdown-active-link-hover:#09fb3d;

--bg-main-sub:#f0f3f9;
--border-main-sub:#cbdaf5;
--text-main-sub:#000000;
--text-main-sub-link:#000000;


--bg-title:#efefef;
--border-title:#efefef;
--text-title:#000000;
--text-title-link:#000000;

--bg-main-sub-sub:#ffffff;
--border-main-sub-sub:#efefef;
--text-main-sub-sub:#14202c;
--text-main-sub-sub-link:#14202c;

--bg-row-box:#efefef;
--border-row-box:#efefef;
--text-row-box:#14202c;
--text-row-box-link:#14202c;

--bg-card:rgba(0,0,0,0.01);
--bg-card-hover:#a4cef6;
--border-card:#cbdaf5;
--text-card:#000000;
--text-card-link:#000000;

--bg-card-header:#f0f3f9;
--border-card-header:#cbdaf5;
--text-card-header:#000000;
--text-card-header-link:#000000;

--bg-card-body:rgba(0,0,0,0.0);
--border-card-body:rgba(0,0,0,0.03);
--text-card-body:#14202c;
--text-card-body-link:#14202c;

--bg-card-body-sub:rgba(0,0,0,0.04);
--border-card-body-sub:#efefef;
--text-card-body-sub:#14202c;
--text-card-body-sub-link:#14202c;

--bg-card-footer:#f0f3f9;
--border-card-footer:#cbdaf5;
--text-card-footer:#000000;
--text-card-footer-link:#000000;



--bg-card-side:rgba(9, 102, 217, 0.03);
--border-card-side:#efefef;
--text-card-side:#14202c;
--text-card-sidey-link:#14202c;

--bg-card-side-header:rgba(135, 171, 214, 0.14);
--border-card-side-header:#efefef;
--text-card-side-header:#14202c;
--text-card-side-header-link:#14202c;



--bg-card-side-body:rgba(33, 93, 166, 0.01);
--border-card-side-body:#efefef;
--text-card-side-body:#14202c;
--text-card-side-body-link:#14202c;

--bg-card-side-footer:#f9f9f9;
--border-card-side-footer:#efefef;
--text-card-side-footer:#14202c;
--text-card-side-footer-link:#14202c;



	--bg-card-side-sub:rgba(33, 93, 166, 0.1);
	--border-card-sid-sube:#a9c1ef;
	--text-card-side-sub:#313030;
	--text-card-side-sub-link:#2b2b2b;

--bg-content-title:#ffffff;
--bg-content-title-hover:#355ea9;
--border-content-title:#ccc;
--text-content-title:#000000;
--text-content-title-link:#000000;

--bg-content:#f9f9f9;
--border-content:#efefef;
--text-content:#14202c;
--text-content-link:#14202c;


--bg-sub:#efefef;
--border-sub:#f9f9f9;
--text-sub:#000000;
--text-sub-link:#000000;

--bg-main-input:#ffffff;
--border-main-input:#ccc;
--text-main-input:#000000;
--text-main-input-placeholder:#000000;

--bg-btn-main:rgba(71, 103, 162, 1);
--bg-btn-main-hover:#155cc7;
--border-btn-main:#4f7bbd;
--border-btn-main-hover:#355ea9;
--text-btn-main:rgba(255, 255, 255, 0.9);
--text-btn-main-hover:#ffffff;
--text-btn-main-link-hover:#ffffff;
--text-btn-main-link:#ffffff;

--bg-btn-main-active:#b4c7ef;
--bg-btn-main-active-hover:#b4c7ef;
--border-btn-main-active:#b4c7ef;
--border-btn-main-active-hover:#b4c7ef;
--text-btn-main-active:#131b2d;
--text-btn-main-active-hover:#131b2d;
--text-btn-main-active-link-hover:#131b2d;
--text-btn-main-active-link:#131b2d;

--bg-btn-main-sub:rgba(53, 94, 169, 0.14);
--bg-btn-main-sub-hover:#093158;
--border-btn-main-sub:#a7c9f2;
--border-btn-main-sub-hover:#355ea9;
--text-btn-main-sub:#000000;
--text-btn-main-sub-hover:#ffffff;
--text-btn-main-link-sub:#000000;
--text-btn-main-link-sub-hover:#ffffff;

--bg-search-word:#bcfa99;
--text-search-word:#000000;

	--bg-btn-middle:#dee4f3;
	--bg-btn-middle-hover:#92a7e0;
	--border-btn-middle:#c4d1f5;
	--border-btn-middle-hover:#92a7e0;
	--text-btn-middle:#0b35aa;
	--text-btn-middle-hover:#0b35aa;
	--text-btn-middle-link:#0b35aa;
	--text-btn-middle-link-hover:#0b35aa;

	--bg-btn-middle-danger:#c82333;
	--bg-btn-middle-danger-hover:#750a12;
	--border-btn-middle-danger:#c82333;
	--border-btn-middle-danger-hover:#c82333;
	--text-btn-middle-danger:#ffffff;
	--text-btn-middle-danger-hover:#ffffff;	
	--text-btn-middle-danger-link-hover:#ffffff;

	--bg-primary:#3688f2;
	--bg-primary-hover:#3688f2;
	--border-primary:#3688f2;
	--border-primary-hover:#3688f2;
	--text-primary:#ffffff;
	--text-primary-link:#ffffff;
	--text-primary-link-hover:#ffffff;

	--bg-success:#25a033;
	--bg-success-hover:#25a033;
	--border-success:#25a033;
	--border-success-hover:#25a033;
	--text-success:#ffffff;
	--text-success-link:#ffffff;
	--text-success-link-hover:#ffffff;

	--bg-btn-warning:#f7ded1;
	--bg-btn-warning-hover:#b4caf5;
	--border-btn-warning:#f68b43;
	--border-btn-warning-hover:#d7e3fb;
	--text-btn-warning:#4d260a;
	--text-btn-warning-hover:#15294f;
	--text-btn-warning-link:#15294f;
	--text-btn-warning-link-hover:#15294f;

	--bg-info:#1f699e;
	--bg-info-hover:#0b4694;
	--border-info:#5990d6;
	--border-info-hover:#a4c7f6;
	--text-info:#ffffff;
	--text-info-link:#ffffff;
	--text-info-link-hover:#ffffff;

	--bg-secondary:#ececf0;
	--bg-secondary-hover:#ececf0;
	--border-secondary:#ececf0;
	--border-secondary-hover:#ececf0;
	--text-secondary:#000000;
	--text-secondary-link:#000000;
	--text-secondary-link-hover:#000000;

	--bg-dark:#272727;
	--text-dark:#ffffff;
	--text-dark-link:#1aee5a;

	--bg-tag:#10a047;
	--text-tag:#ffffff;
	--text-tag-link:#1aee5a;

	
	--bg-cat-stat-base-btn: rgba(44, 65, 114, 0.8);
	--bg-cat-stat-grad1-btn: rgba(39, 84, 137, 0.2);
	--bg-cat-stat-grad2-btn: rgba(39, 59, 86, 0.3);
	--grid-color-btn: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start-btn: rgba(34, 172, 214);
	--cat-stat-circle1-end-btn: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start-btn: rgba(36, 98, 132, 0.9);
	--cat-stat-circle2-end-btn: rgba(69, 30, 159, 0.01);
	--text-cat-stat-btn:#ffffff;


	--bg-cat-stat-base: rgba(31, 38, 66, 0.9);
	--bg-cat-stat-grad1: rgba(39, 84, 137, 0.5);
	--bg-cat-stat-grad2: rgba(39, 59, 86, 0.8);
	--grid-color: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start: rgba(24, 195, 247, 0.99);
	--cat-stat-circle1-end: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start: rgba(240, 70, 13, 0.9);
	--cat-stat-circle2-end: rgba(69, 30, 159, 0.01);
	--text-cat-stat:#ffffff;


	--bg-cat-stat-base-player: rgba(29, 31, 40, 0.9);
	--bg-cat-stat-grad1-player: rgba(12, 14, 13, 0.8);
	--bg-cat-stat-grad2-player: rgba(39, 59, 86, 0.8);
	--grid-color-player: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start-player: rgba(24, 195, 247, 0.99);
	--cat-stat-circle1-end-player: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start-player: rgba(240, 70, 13, 0.9);
	--cat-stat-circle2-end-player: rgba(69, 30, 159, 0.01);
	--border-cat-stat-player:red;
	--text-cat-stat-player:#ffffff;
	--text-cat-stat-player-link:#ffffff;

	--bg-cat-stat-base-popup-list: rgba(29, 31, 40, 0.5);
	--bg-cat-stat-grad1-popup-list: rgba(12, 14, 13, 0.8);
	--bg-cat-stat-grad2-popup-list: rgba(39, 59, 86, 0.8);
	--grid-color-popup-list: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start-popup-list: rgba(57, 247, 24, 0.5);
	--cat-stat-circle1-end-popup-list: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start-popup-list: rgba(36, 97, 210, 0.7);
	--cat-stat-circle2-end-popup-list: rgba(69, 30, 159, 0.01);
	--border-cat-stat-popup-list:red;
	--text-cat-stat-popup-list:#ffffff;
	--text-cat-stat-popup-list-link:#ffffff;


	--bg-cat-stat-base-header: rgba(44, 65, 114, 0.9);
	--bg-cat-stat-grad1-header: rgba(39, 84, 137, 0.5);
	--bg-cat-stat-grad2-header: rgba(39, 59, 86, 0.8);
	--grid-color-header: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start-header: rgba(22, 159, 200);
	--cat-stat-circle1-end-header: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start-header: rgba(31, 88, 126, 0.9);
	--cat-stat-circle2-end-header: rgba(69, 30, 159, 0.01);
	--text-cat-stat-header:#ffffff;
	
	--bg-cat-stat-base-dropdown: rgba(44, 65, 114, 0.9);
	--bg-cat-stat-grad1-dropdown: rgba(39, 84, 137, 0.5);
	--bg-cat-stat-grad2-dropdown: rgba(39, 59, 86, 0.8);
	--grid-color-dropdown: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start-dropdown: rgba(37, 220, 34, 0.9);
	--cat-stat-circle1-end-dropdown: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start-dropdown: rgba(31, 88, 126, 0.9);
	--cat-stat-circle2-end-dropdown: rgba(69, 30, 159, 0.01);
	--text-cat-stat-dropdown:#ffffff;
	
	--bg-cat-stat-base-permissions: rgba(235, 237, 241, 0.9);
	--bg-cat-stat-grad1-permissions: rgba(243, 244, 246, 0.03);
	--bg-cat-stat-grad2-permissions: rgba(242, 242, 243, 0.08);
	--grid-color-permissions: rgba(141, 192, 239, 0.03); 
	--cat-stat-circle1-start-permissions: rgba(22, 159, 200, 0.2);
	--cat-stat-circle1-end-permissions: rgba(41, 121, 109, 0.01);
	--cat-stat-circle2-start-permissions: rgba(192, 79, 14, 0.1);
	--cat-stat-circle2-end-permissions: rgba(69, 30, 159, 0.01);
	--text-cat-stat-permissions:#000000;

	--bg-cat-stat-base-mypage: rgba(38, 62, 87, 0.5);
	--bg-cat-stat-grad1-mypage: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-mypage: rgba(15, 24, 34, 0.5);
	--grid-color-mypage: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-mypage: rgba(24, 78, 204, 0.9);
	--cat-stat-circle1-end-mypage: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-mypage: rgba(28, 179, 113, 0.9);
	--cat-stat-circle2-end-mypage: rgba(16, 27, 78, 0.01);
	--text-cat-stat-mypage:#ffffff;
	
	--bg-cat-stat-base-cate: rgba(238, 240, 243, 0.8);
	--bg-cat-stat-grad1-cate: rgba(218, 236, 236, 0.01);
	--bg-cat-stat-grad2-cate: rgba(15, 24, 34, 0.5);
	--grid-color-cate: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-cate: rgba(12, 82, 195, 0.8);
	--cat-stat-circle1-end-cate: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-cate: rgba(19, 194, 233, 0.9);
	--cat-stat-circle2-end-cate: rgba(16, 27, 78, 0.01);
	--text-cat-stat-cate:#000000;

	--bg-cat-stat-base-media: rgba(255, 255, 250, 0.9);
	--bg-cat-stat-grad1-media: rgba(218, 236, 236, 0.8);
	--bg-cat-stat-grad2-media: rgba(237, 238, 237, 0.8);
	--grid-color-media: rgba(142, 175, 227, 0.01); 
	--cat-stat-circle1-start-media: rgba(242, 246, 243, 0.9);
	--cat-stat-circle1-end-media: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-media: rgba(19, 194, 233, 0.2);
	--cat-stat-circle2-end-media: rgba(16, 27, 78, 0.01);
	--text-cat-stat-media:#000000;


	--bg-cat-stat-base-webzine: rgba(244, 245, 247, 0.8);
	--bg-cat-stat-grad1-webzine: rgba(218, 236, 236, 0.01);
	--bg-cat-stat-grad2-webzine: rgba(15, 24, 34, 0.05);
	--grid-color-webzine: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-webzine: rgba(25, 65, 134, 0.3);
	--cat-stat-circle1-end-webzine: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-webzine: rgba(28, 226, 219, 0.9);
	--cat-stat-circle2-end-webzine: rgba(16, 27, 78, 0.01);
	--text-cat-stat-webzine:#000000;

	--bg-cat-stat-base-side: rgba(244, 245, 247, 0.8);
	--bg-cat-stat-grad1-side: rgba(218, 236, 236, 0.01);
	--bg-cat-stat-grad2-side: rgba(15, 24, 34, 0.05);
	--grid-color-side: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-side: rgba(25, 65, 134, 0.3);
	--cat-stat-circle1-end-side: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-side: rgba(28, 226, 219, 0.9);
	--cat-stat-circle2-end-side: rgba(16, 27, 78, 0.01);
	--text-cat-stat-side:#000000;
	
	--bg-cat-stat-base-mp-box: rgba(245, 245, 247, 0.9);
	--bg-cat-stat-grad1-mp-box: rgba(218, 236, 236, 0.01);
	--bg-cat-stat-grad2-mp-box: rgba(152, 188, 230, 0.05);
	--grid-color-mp-box: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-mp-box: rgba(249, 246, 240, 0.9);
	--cat-stat-circle1-end-mp-box: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-mp-box: rgba(5, 240, 248, 0.9);
	--cat-stat-circle2-end-mp-box: rgba(16, 27, 78, 0.01);
	--text-cat-stat-mp-box:#000000;



	--bg-cat-stat-base-sub: rgba(244, 245, 247, );
	--bg-cat-stat-grad1-sub: rgba(218, 236, 236, 0.01);
	--bg-cat-stat-grad2-sub: rgba(15, 24, 34, 0.05);
	--grid-color-sub: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-sub: rgba(249, 246, 240, 0.9);
	--cat-stat-circle1-end-sub: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-sub: rgba(5, 240, 248, 0.9);
	--cat-stat-circle2-end-sub: rgba(16, 27, 78, 0.01);
	--text-cat-stat-sub:#000000;

	--bg-orange:#df3b0e;

}

[data-bs-theme=dark] {
	color-scheme: dark;
	
	--bg-basic:#171d2c;
	--border-basic:#373737;
	--text-basic:#ffffff;
	--text-basic-link:#5ad5fa;
	
	--text-basic-link-hover:#cef00f;

	--bg-img-area:#2d3341;
	--border-img-area:#2d303a;
	--text-img-area:#ffffff;
	--text-img-area-link:#ffffff;

	--bg-player:#2d3341;
	--border-player:#2d303a;
	--text-player:#ffffff;
	--text-player-link:#ffffff;
	
	--bg-basic-sub:#484f65;
	--border-basic-sub:#2f2f34;
	--text-basic-sub:#ffffff;
	--text-basic-sub-link:#5ad5fa;

	--bg-cate-badge:#6822ae;
	--bg-cate-badge-hover:#0f76c4;
	--border-cate-badge:#148ec7;
	--border-cate-badge-hover:#148ec7;
	--text-cate-badge:#ffffff;
	--text-cate-badge-hover:#ffffff;
	--text-cate-badge-link:#ffffff;
	--text-cate-badge-link-hover:#ffffff;
	
	
	--bg-main-cate:#6822ae;
	--bg-main-cate-hover:#0f76c4;
	--border-main-cate:#148ec7;
	--border-main-cate-hover:#148ec7;
	--text-main-cate:#ffffff;
	--text-main-cate-hover:#ffffff;
	--text-main-cate-link:#ffffff;
	--text-main-cate-link-hover:#ffffff;

	--bg-badge-fct:#e7e8eb;
	--bg-badge-fct-hover:#e7e8eb;
	--border-badge-fct:#e7e8eb;
	--border-badge-fct-hover:#ffffff;
	--text-badge-fct:#000000;
	--text-badge-fct-hover:#000000;
	--text-badge-fct-link:#000000;
	--text-badge-fct-link-hover:#000000;

	--bg-basic-badge:#17902e;
	--border-basic-badge:#148ec7;
	--text-basic-badge:#ffffff;
	--text-basic-badge-link:#ffffff;
	
	--bg-main-badge:#189f13;
	--border-main-badge:#2694d0;
	--text-main-badge:#ffffff;
	--text-main-badge-link:#ffffff;
	
	--bg-main:#050505;
	--bg-main-hover:#343535;
	--border-main:#0c0c0c;
	--text-main:#ffffff;
	--text-main-link:rgba(249, 252, 152);
	--text-main-link-hover:rgba(39, 240, 20);

	/* 네비게이션 활성 메뉴 색상 */
	--bg-nav-active: #2a56a4; /* Darker Coral Orange */
	--text-nav-active: #ffffff;
	--text-nav:#ffffff;
	--text-nav-link:#18f26c;
	--text-nav-link-hover:#18f26c;

	--bg-dropdown: #2d6290; /* Coral Orange */
	--text-dropdown: #f9f4f4;
	--text-dropdown-hover:#ffffff;
	--text-dropdown-link:#5ad5fa;
	--text-dropdown-link-hover:#09fb3d;


	--bg-dropdown-active: #2d6290; /* Coral Orange */
	--text-dropdown-active: #f9f4f4;
	--text-dropdown-active:#ffffff;
	--text-dropdown-active-link:#aef6ca;
	--text-dropdown-active-link-hover:#09fb3d;


	--bg-btn-main-active:#219778;
	--bg-btn-main-active-hover:#1669a4;
	--border-btn-main-active:#080707;
	--border-btn-main-active-hover:#242424;
	--text-btn-main-active:#ffffff;
	--text-btn-main-active-hover:#ffffff;
	--text-btn-main-active-link-hover:#ffffff;
	--text-btn-main-active-link:#ffffff;
	
	--bg-main-sub:#393e4d;
	--border-main-sub:#393e4d;
	--text-main-sub:#ffffff;
	--text-main-sub-link:#34f13d;

	--bg-title:#38393a;
	--border-title:#38393a;
	--text-title:#ffffff;
	--text-title-link:#34f13d;

	--bg-row-box:#29313f;
	--border-row-box:#29313f;
	--text-row-box:#ffffff;
	--text-row-box-link:#ffffff;

	--bg-card:#11151e;
	--bg-card-hover:#1d63a3;
	--border-card:#232432;
	--text-card:#ffffff;
	--text-card-link:#ffffff;

	--bg-card-header:#0c0d18;
	--border-card-header:#1e273a;
	--text-card-header:#ffffff;
	--text-card-header-link:#ffffff;

	--bg-card-body:#171d2c;
	--border-card-body:#171d2c;
	--text-card-body:#ffffff;
	--text-card-body-link:#ffffff;

	--bg-card-body-sub:#29313f;
	--border-card-body-sub:#252733;
	--text-card-body-sub:#f0f3f9;
	--text-card-body-sub-link:#ffffff;


	--bg-card-footer:#1e273a;
	--border-card-footer:#1e273a;
	--text-card-footer:#ffffff;
	--text-card-footer-link:#ffffff;



	--bg-card-side:#202232;
	--border-card-side:#3e4150;
	--text-card-side:#ffffff;
	--text-card-side-link:#ffffff;

	--bg-card-side-header:#0c0d18;
	--border-card-side-header:#3e4150;
	--text-card-side-header:#ffffff;
	--text-card-side-header-link:#ffffff;



	--bg-card-side-body:#232b39;
	--border-card-side-body:#3e4150;
	--text-card-side-body:#f9f9f9;
	--text-card-side-body-link:#ffffff;

	--bg-card-side-footer:#1c7046;
	--border-card-side-footer:#1c7046;
	--text-card-side-footer:#ffffff;
	--text-card-side-footer-link:#ffffff;

	

	--bg-card-side-sub:#303846;
	--border-card-sid-sube:#17ba50;
	--text-card-side-sub:#ffffff;
	--text-card-side-sub-link:#ffffff;



	--bg-main-sub-sub:#4d4c4c;
	--border-main-sub-sub:#4d4c4c;
	--text-main-sub-sub:#ffffff;
	--text-main-sub-sub-link:#34f13d;

	--bg-content-title:#2a2929;
	--bg-content-title-hover:#191919;
	--border-content-title:#171717;
	--text-content-title:#fffffff;
	--text-content-title-link:#ffffff;

	--bg-content:#29313f;
	--border-content:#29313f;
	--text-content:#ffffff;
	--text-content-link:#34f13d;

	--bg-sub:#434443;
	--border-sub:#404140;
	--text-sub:#f3eeee;
	--text-sub-link:#34f13d;

	--bg-main-input:#1e242b;
	--border-main-input:#233851;
	--text-main-input:#ffffff;
	--text-main-input-placeholder:#fffffff;

	--bg-btn-main:#1d3e72;
	--bg-btn-main-hover:#1d51bb;
	--border-btn-main:#3f5d8c;
	--border-btn-main-hover:#1d51bb;
	--text-btn-main:#ffffff;
	--text-btn-main-hover:#ffffff;
	--text-btn-main-link-hover:#ffffff;
	--text-btn-main-link:#ffffff;

	--bg-btn-main-sub:#191e27;
	--bg-btn-main-sub-hover:#2e589c;
	--border-btn-main-sub:#324c72;
	--text-btn-main-sub:#ffffff;
	--text-btn-main-sub-hover:#ffffff;
	--text-btn-main-link-sub:#ffffff;
	--text-btn-main-link-sub-hover:#ffffff;

	--bg-search-word:#bcfa99;
	--text-search-word:#000000;

	--bg-btn-middle:#0c0c0c;
	--bg-btn-middle-hover:#0c0c0c;
	--border-btn-middle:#0c0c0c;
	--border-btn-middle-hover:#0c0c0c;
	--text-btn-middle:#ffffff;
	--text-btn-middle-hover:#ffffff;
	--text-btn-middle-link:#ffffff;
	--text-btn-middle-link-hover:#ffffff;

	--bg-btn-middle-danger:#c82333;
	--bg-btn-middle-danger-hover:#750a12;
	--border-btn-middle-danger:#c82333;
	--border-btn-middle-danger-hover:#c82333;
	--text-btn-middle-danger:#ffffff;
	--text-btn-middle-danger-hover:#ffffff;	
	--text-btn-middle-danger-link-hover:#ffffff;


	--bg-primary:#668cd2;
	--bg-primary-hover:#1b1b1b;
	--border-primary:#404142;
	--border-primary-hover:#404142;
	--text-primary:#ffffff;
	--text-primary-link:#ffffff;
	--text-primary-link-hover:#ffffff;


	--bg-success:#3d6e43;
	--bg-success-hover:#3d6e43;
	--border-success:#3d6e43;
	--border-success-hover:#3d6e43;
	--text-success:#ffffff;
	--text-success-link:#ffffff;
	--text-success-link-hover:#ffffff;


	--bg-btn-warning:#e86017;
	--bg-btn-warning-hover:#1e1e1f;
	--border-btn-warning:#303054;
	--border-btn-warning-hover:#1e1e1f;
	--text-btn-warning:#ffffff;
	--text-btn-warning-hover:#ffffff;
	--text-btn-warning-link:#ffffff;
	--text-btn-warning-link-hover:#ffffff;

	--bg-info:#126e9f;
	--bg-info-hover:#171717;
	--border-info:#18305d;
	--border-info-hover:#18305d;
	--text-info:#ffffff;
	--text-info-link:#ffffff;
	--text-info-link-hover:#ffffff;

	--bg-secondary:#1a1919;
	--bg-secondary-hover:#272727;
	--border-secondary:#272727;
	--border-secondary-hover:#272727;
	--text-secondary:#ffffff;
	--text-secondary-link:#ffffff;
	--text-secondary-link-hover:#ffffff;



	--bg-dark:#1f1e1e;
	--text-dark:#ffffff;
	--text-dark-link:#1aee5a;

	--bg-tag:#20964d;
	--text-tag:#ffffff;
	--text-tag-link:#1aee5a;

	--bg-cat-stat-base-btn: rgba(44, 65, 114, 0.9);
	--bg-cat-stat-grad1-btn: rgba(39, 84, 137, 0.5);
	--bg-cat-stat-grad2-btn: rgba(39, 59, 86, 0.8);
	--grid-color-btn: rgba(220, 224, 237, 0.1); 
	--cat-stat-circle1-start-btn: rgba(24, 195, 247,0.9);
	--cat-stat-circle1-end-btn: rgba(41, 121, 109, 0.05);
	--cat-stat-circle2-start-btn: rgba(240, 70, 13, 0.9);
	--cat-stat-circle2-end-btn: rgba(69, 30, 159, 0.01);
	--text-cat-stat-btn:#ffffff;

    
	
	--bg-cat-stat-base: rgba(49, 53, 69, 0.9);
	--bg-cat-stat-grad1: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2: rgba(15, 24, 34, 0.5);
	--grid-color: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start: rgba(17, 153, 237, 0.9);
	--cat-stat-circle1-end: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start: rgba(236, 14, 14, 0.9);
	--cat-stat-circle2-end: rgba(16, 27, 78, 0.01);
	--text-cat-stat:#ffffff;

	--bg-cat-stat-base-player: rgba(49, 53, 69, 0.9);
	--bg-cat-stat-grad1-player: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-player: rgba(15, 24, 34, 0.5);
	--grid-color-player: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-player: rgba(17, 153, 237, 0.9);
	--cat-stat-circle1-end-player: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-player: rgba(236, 14, 14, 0.9);
	--cat-stat-circle2-end-player: rgba(16, 27, 78, 0.01);
	--border-cat-stat-player:red;
	--text-cat-stat-player:#ffffff;
	--text-cat-stat-player-link:#ffffff;


	
	--bg-cat-stat-base-header: rgba(44, 49, 58, 0.9);
	--bg-cat-stat-grad1-header: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-header: rgba(15, 24, 34, 0.5);
	--grid-color-header: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-header: rgba(29, 34, 43, 0.9);
	--cat-stat-circle1-end-header: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-header: rgba(15, 78, 120, 0.9);
	--cat-stat-circle2-end-header: rgba(16, 27, 78, 0.01);
	--text-cat-stat-header:#ffffff;
	
	
	
	--bg-cat-stat-base-dropdown: rgba(44, 49, 58, 0.9);
	--bg-cat-stat-grad1-dropdown: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-dropdown: rgba(15, 24, 34, 0.5);
	--grid-color-dropdown: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-dropdown: rgba(168, 50, 72, 0.9);
	--cat-stat-circle1-end-dropdown: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-dropdown: rgba(15, 78, 120, 0.9);
	--cat-stat-circle2-end-dropdown: rgba(16, 27, 78, 0.01);
	--text-cat-stat-dropdown:#ffffff;
	
	--bg-cat-stat-base-permissions: rgba(44, 49, 58, 0.4);
	--bg-cat-stat-grad1-permissions: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-permissions: rgba(15, 24, 34, 0.2);
	--grid-color-permissions: rgba(32, 46, 69, 0.7); 
	--cat-stat-circle1-start-permissions: rgba(236, 14, 14, 0.9);
	--cat-stat-circle1-end-permissions: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-permissions: rgba(15, 78, 120, 0.6);
	--cat-stat-circle2-end-permissions: rgba(16, 27, 78, 0.01);
	--text-cat-stat-permissions:#ffffff;


	
	--bg-cat-stat-base-mypage: rgba(50, 55, 66, 0.9);
	--bg-cat-stat-grad1-mypage: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-mypage: rgba(15, 24, 34, 0.5);
	--grid-color-mypage: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-mypage: rgba(90, 110, 156, 0.9);
	--cat-stat-circle1-end-mypage: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-mypage: rgba(27, 182, 196, 0.9);
	--cat-stat-circle2-end-mypage: rgba(16, 27, 78, 0.01);
	--text-cat-stat-mypage:#ffffff;
	
	--bg-cat-stat-base-cate: rgba(36, 39, 45, 0.5);
	--bg-cat-stat-grad1-cate: rgba(116, 177, 177, 0.3);
	--bg-cat-stat-grad2-cate: rgba(15, 24, 34, 0.5);
	--grid-color-cate: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-cate: rgba(20, 237, 85, 0.4);
	--cat-stat-circle1-end-cate: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-cate: rgba(15, 209, 231, 0.4);
	--cat-stat-circle2-end-cate: rgba(8, 226, 242, 0.01);
	--text-cat-stat-cate:#ffffff;

	
	--bg-cat-stat-base-media: rgba(36, 39, 45, 0.8);
	--bg-cat-stat-grad1-media: rgba(0, 0, 0, 0.7);
	--bg-cat-stat-grad2-media: rgba(15, 24, 34, 0.5);
	--grid-color-media: rgba(32, 46, 69, 0.2); 
	--cat-stat-circle1-start-media: rgba(20, 237, 85, 0.2);
	--cat-stat-circle1-end-media: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-media: rgba(15, 209, 231, 0.2);
	--cat-stat-circle2-end-media: rgba(8, 226, 242, 0.01);
	--text-cat-stat-media:#ffffff;
	--text-cat-stat-media-link:#0bdb73;


	--bg-cat-stat-base-webzine: rgba(31, 35, 41, 0.9);
	--bg-cat-stat-grad1-webzine: rgba(31, 56, 97, 0.8);
	--bg-cat-stat-grad2-webzine: rgba(15, 24, 34, 0.8);
	--grid-color-webzine: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-webzine: rgba(0, 0, 0, 0.3);
	--cat-stat-circle1-end-webzine: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-webzine: rgba(20, 226, 233, 0.5);
	--cat-stat-circle2-end-webzine: rgba(16, 27, 78, 0.01);
	--text-cat-stat-webzine:#ffffff;


	--bg-cat-stat-base-side: rgba(50, 55, 66, 0.9);
	--bg-cat-stat-grad1-side: rgba(31, 56, 97, 0.3);
	--bg-cat-stat-grad2-side: rgba(15, 24, 34, 0.5);
	--grid-color-side: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-side: rgba(0, 0, 0, 0.9);
	--cat-stat-circle1-end-side: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-side: rgba(20, 226, 233, 0.3);
	--cat-stat-circle2-end-side: rgba(16, 27, 78, 0.01);
	--text-cat-stat-side:#ffffff;

	--bg-cat-stat-base-mp-box: rgba(50, 55, 66, 0.9);
	--bg-cat-stat-grad1-mp-box: rgba(31, 56, 97, 0.8);
	--bg-cat-stat-grad2-mp-box: rgba(15, 24, 34, 0.8);
	--grid-color-mp-box: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-mp-box: rgba(0, 0, 0, 0.5);
	--cat-stat-circle1-end-mp-box: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-mp-box: rgba(400, 46, 233, 0.5);
	--cat-stat-circle2-end-mp-box: rgba(16, 27, 78, 0.01);
	--text-cat-stat-mp-box:#ffffff;
	
	--bg-cat-stat-base-sub: rgba(50, 55, 66, 0.9);
	--bg-cat-stat-grad1-sub: rgba(31, 56, 97, 0.8);
	--bg-cat-stat-grad2-sub: rgba(15, 24, 34, 0.8);
	--grid-color-sub: rgba(142, 175, 227, 0.1); 
	--cat-stat-circle1-start-sub: rgba(0, 0, 0, 0.5);
	--cat-stat-circle1-end-sub: rgba(13, 39, 81, 0.01);
	--cat-stat-circle2-start-sub: rgba(400, 46, 233, 0.5);
	--cat-stat-circle2-end-sub: rgba(16, 27, 78, 0.01);
	--text-cat-stat-sub:#ffffff;

	--bg-orange:#df3b0e;


}

/* 다크모드에서 에디터 콘텐츠 가독성 확보 */
[data-bs-theme="dark"] .content-view-area,
[data-bs-theme="dark"] .content-view-area p,
[data-bs-theme="dark"] .content-view-area span,
[data-bs-theme="dark"] .content-view-area font,
[data-bs-theme="dark"] .content-view-area li,
[data-bs-theme="dark"] .content-view-area td,
[data-bs-theme="dark"] .content-view-area table {
    color: var(--text-basic) !important;
    background-color: var(--bg-basic) !important;
    border-color: var(--border-basic) !important; /* 테이블 테두리 색상도 변경 */
}