:root {
	--mainskin-text: #333333;
	--mainskin-base: #333333;
	--mainskin-point: #808000;
}

.load_svg path,
.load_svg rect{
  fill: var(--mainskin-point);
}

#view-fixbtn.active {
	color:#000000;
	background:	#a093a9;
	border-color:	#000000;
}

#view-sticker-fixbtn.active {
	color:#000000;
	background:	#4B0082;
	border-color:	#000000;
}

/* 웹폰트 불러오기 */
@font-face {
    font-family: 'AliceDigitalLearning';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AliceDigitalLearning';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

/* 디데이 스타일 */
.mainskin--dday--day {
    color: #4B0082;
    font-family: 'AliceDigitalLearning', sans-serif;
    font-size: 3rem; /* 날짜 강조용 */
    line-height: 1.2;
}

.mainskin--dday--text2 {
    color:	#FFFAFA	;
    font-family: 'AliceDigitalLearning', sans-serif;
    font-size: 2rem; /* 'days' 등 단위 표시 */
}

.mainskin--dday--text {
    font-family: 'AliceDigitalLearning', sans-serif !important;
    color:	#FFFAFA	;
    font-size: 2.3rem; /* 본문 텍스트 */
}

.main_lt_mas {
	background: var(--mainskin-base);
}

.main_lt_mas:hover {
	color: var(--mainskin-base);
	background: var(--mainskin-point);
}
.main_lt_mas:hover .material-icons {
	color: var(--mainskin-base);
}
.main_lt_mas:hover .main_lt_ma {
	color: var(--mainskin-base);
}
.main_lt_ma {
	color: var(--mainskin-text);
}
.main_lt_ma .material-icons {
	color: var(--mainskin-point);
}
 
.mainskin--link .mainskin--icon {
	background: var(--mainskin-point);
	color: var(--mainskin-base);
}
.mainskin--link:hover .mainskin--icon {
	background: var(--mainskin-text);
	color: var(--mainskin-point);
}
.mainskin--link--text {
	color: var(--mainskin-text);
}

.mainskin--link.text {
	background: var(--mainskin-point);
	color: var(--mainskin-text);
}
.mainskin--link.text:hover {
	color: var(--mainskin-point);
	background: var(--mainskin-base);
}
.mainskin--link.text .mainskin--icon {
	background: none;
	color: var(--mainskin-text);
}

.mainskin--link.text:hover .mainskin--icon {
	color: var(--mainskin-point);
}


.main_layout.main_digital {
	box-shadow: 1px 0px 0px var(--mainskin-text), -1px 0px 0px var(--mainskin-text), 0px 1px 0px var(--mainskin-text), 0px -1px 0px var(--mainskin-text), 4px 5px 0px rgba(0,0,0,0.2);
}
.main_layout.main_digital::before {
	background: var(--mainskin-point);
	border-color: var(--mainskin-point);
	box-shadow: 0px 1px 0px var(--mainskin-text);
}

.main_layout.main_grid {
  background: var(--mainskin-base);
  background-image: linear-gradient(90deg, var(--mainskin-point) 1px, transparent 1%), linear-gradient(180deg, var(--mainskin-point) 1px, transparent 1%); 
	border: 1px solid var(--mainskin-point);
}

.main_layout.main_checked {
	background: var(--mainskin-point);
  background-image: linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1%), linear-gradient(180deg, rgba(255,255,255,0.3) 1px, transparent 1%), linear-gradient(90deg, rgba(0,0,0,0.2) 5px, transparent 6px, transparent 25px, rgba(0,0,0,0.2) 5px), linear-gradient(180deg, rgba(0,0,0,0.2) 6px, transparent 5px, transparent 25px, rgba(0,0,0,0.2) 5px),linear-gradient(90deg, transparent 15px, rgba(255,255,255,0.3) 1px, transparent 16px), linear-gradient(180deg, transparent 15px, rgba(255,255,255,0.3) 1px, transparent 16px); 
}


.s_style15 {
	box-shadow: 1px 0px 0px var(--mainskin-text), -1px 0px 0px var(--mainskin-text), 0px 1px 0px var(--mainskin-text), 0px -1px 0px var(--mainskin-text), 4px 5px 0px rgba(0,0,0,0.2);
}
.s_style15 img {
	background: var(--mainskin-base);
}
.s_style15::before {
	background: var(--mainskin-point);
	border-color: var(--mainskin-point);
	box-shadow: 0px 1px 0px var(--mainskin-text);
}

.s_style15::after {
	color: var(--mainskin-text);
}

.pointcolored {
	background: var(--mainskin-point);
	color: var(--mainskin-text);
}
.uplift {
	translate: 0px -50px;
}
.downlift {
	translate: 0px 50px;
}
.leftlift {
	translate: -50px 0px;
}
.rightlift {
	translate: 50px 0px;
}
.upliften {
	translate: 0px -30px;
	filter: drop-shadow(0px 20px 0px rgba(0,0,0,0.1));
}