:root {
	--mainskin-text: #4D4D4D;
	--mainskin-base: #dfdfdf;
	--mainskin-point: #dfdfdf;
}

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

#view-fixbtn.active {
	color:#A6DC7D;
	background:	#dfdfdf;
	border-color:	#A6DC7D;
}

#view-sticker-fixbtn.active {
	color:#ffffff;
	background:	#A6DC7D;
	border-color:	#A6DC7D;
}

.mainskin--dday--day {
	color: #9ee900;
	font-family: 'galmuri9';
	 font-size:22px;
}
.mainskin--dday--text {
	color: var(--mainskin-text);
	font-family: 'galmuri9';
	font-size: 28px;
	-webkit-text-stroke: 1px black;
}

.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));
}



/* 왼쪽 말풍선용 */
.speech-bubble {
    position: relative;
    font-size:13px;
    color:#fff;
    padding:10px 15px;
    background: #b7b7b7;/* 말풍선 배경색 */
    border-radius: .4em;
    box-shadow:0 1px 3px rgba(0,0,0,0.4);
    max-width:300px;
    margin-bottom:5px;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 30%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #b7b7b7; /* 말풍선 꼬리색 */
    border-left: 0;
    border-top: 0;
    margin-top: -5px;
    margin-left: -10px;
}

/* 오른쪽 말풍선용 */
.speech-bubble-r {
    position: relative;
    font-size:13px;
    color:#fff;
    padding:10px 15px;
    background: #678918; /* 말풍선 배경색 */
    border-radius: .4em;
box-shadow:0 1px 3px rgba(0,0,0,0.4);
max-width:300px;
margin-bottom:5px;

}

.speech-bubble-r:after {
    content: '';
    position: absolute;
    right: 0;
    top: 30%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #678918; /* 말풍선 꼬리색 */
    border-right: 0;
    border-top: 0;
    margin-top: -5px;
    margin-right: -10px;
}