@charset "utf-8";
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
	--color-white1:rgba(255,255, 255, .9);
    --white-rgba1:rgba(255, 255, 255, .9);
    --white-rgba2:rgba(255, 255, 255, .5); 
    --black-color1:#000000;
    --black-rgba1:rgba(0,0,0,.5);
    --black-rgba2:rgba(0,0,0,.9);
    --gray-color1:#d9d9d9;
    --gray-color2:#666666;
    --blue-color1:rgb(53, 59, 82);
    --blue-color2:rgb(38, 44, 66);
    --blue-color3:rgb(0, 110, 255);
    --blue-rgba1:rgba(53, 59, 82, .5);
    --blue-rgba2:rgba(38, 44, 66, .5);
    --blue-rgba3:rgba(53, 59, 82, .3);
    --red-color1:#f49c9c;
    --red-color2:#be2f3b;
    --red-color3:#4a0606;
    --red-rgba1:rgba(255, 0, 0, 0.7);
    --brown-color1:#ceb291;
    --yellow-color1:#ffd600;
    --rgba-color1:rgba(0,0,0,.1);
    --rgba-color2:rgba(0,0,0,.7);
    --rgba-color3:rgba(233, 233, 233, 0.6);
    
    
    --line-rgb1:rgb(223, 223, 223);
    --border-s1:#dfdfdf solid 1px;
    --border-radius-s1:1rem;
    --boxshadow-s1a:2px 2px 5px #151721;
    --boxshadow-s1b:-2px -2px 5px #535562;
    --boxshadow-s2a:5px 5px 10px #151721;
    --boxshadow-s2b:-5px -5px 10px #535562;
	/* 새로운 CSS정의 */
	--logo-color:#ffffff;
	--menu-a-color:#ffffff;
	--menu-hover-color:#C9A063;
	--menu-active-color:#ffde00;
	--defult-color1:#ffffff;
	--defult-color2:#363636;
}
:root[data-theme='theme1'] { /* happe-blue */
	--theme-bg-main:rgb(43,45,55);
	--main-bg-rgba:rgba(43,45,55,.7);
	--theme-bg-color1:rgba(53, 59, 82, .5);
	--theme-bg-color2:rgb(38, 44, 66);
	--theme-bg-color3:rgba(0,0,0,.5);
	--theme-bg-color4:rgba(0,42,255,0.3);
	--theme-bg-color5:#F2AD94;
	--theme-track-color:#000000;
	--theme-thumb-color:#ffffff;
	--theme-boxshadow1a:2px 2px 5px #151721;
    --theme-boxshadow1b:-2px -2px 5px #535562;
}
:root[data-theme='theme2'] { /* happe-yellow */
	--theme-bg-main:rgb(43,45,55);
	--main-bg-rgba:rgba(89,77,16,0.7);
	--theme-bg-color1:rgba(83,75,47,.7);
	--theme-bg-color2:rgba(110,82,49,1);
	--theme-bg-color3:rgb(42,35,2,.7);
	--theme-bg-color4:rgba(255,213,0,0.3);
	--theme-bg-color5:#F2AB91;
	--theme-track-color:#3A2104;
	--theme-thumb-color:#E4C997;
	--theme-boxshadow1a:2px 2px 5px #473717;
    --theme-boxshadow1b:-2px -2px 5px #9a846b;
}