File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- 기본 상태 -->
<linearGradient id="chartLine1Default" x1="47.9993" y1="12.0004" x2="95.9993" y2="60.0004" gradientUnits="userSpaceOnUse">
<stop stop-color="#DDDAE3"/>
<stop offset="0.5" stop-color="#EFEEF3"/>
<stop offset="1" stop-color="white" stop-opacity="0.025"/>
</linearGradient>
<linearGradient id="chartLine2Default" x1="89.5636" y1="81.8149" x2="6.43775" y2="81.8149" gradientUnits="userSpaceOnUse">
<stop stop-color="#DDDAE3"/>
<stop offset="0.5" stop-color="#EFEEF3"/>
<stop offset="1" stop-color="white" stop-opacity="0.025"/>
</linearGradient>
<linearGradient id="chartLine3Default" x1="48" y1="12.0004" x2="0" y2="60.0004" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.025"/>
<stop offset="0.5" stop-color="#EFEEF3"/>
<stop offset="1" stop-color="#DDDAE3"/>
</linearGradient>
<!-- Active 상태 -->
<linearGradient id="chartLine1Active" x1="47.9993" y1="12.0004" x2="95.9993" y2="60.0004" gradientUnits="userSpaceOnUse">
<stop stop-color="#4686CF"/>
<stop offset="0.5" stop-color="#88B7EC"/>
<stop offset="1" stop-color="white" stop-opacity="0.025"/>
</linearGradient>
<linearGradient id="chartLine2Active" x1="89.5636" y1="81.8149" x2="6.43775" y2="81.8149" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFA4B4"/>
<stop offset="0.5" stop-color="#FFC5D7"/>
<stop offset="1" stop-color="white" stop-opacity="0.025"/>
</linearGradient>
<linearGradient id="chartLine3Active" x1="48" y1="12.0004" x2="0" y2="60.0004" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.025"/>
<stop offset="0.5" stop-color="#C2EFC2"/>
<stop offset="1" stop-color="#85DC85"/>
</linearGradient>
<linearGradient id="chartLine3ActiveGold" x1="48" y1="12.0004" x2="1.57714e-07" y2="60.0004" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.025"/>
<stop offset="0.5" stop-color="#C2EFC2"/>
<stop offset="1" stop-color="#FFD47C"/>
</linearGradient>
<!-- 학교공부 -->
<symbol id="study">
<g>
<path class="line1" d="M89.5622 72.0007L82.008 67.6298C85.4516 61.6778 87.272 54.8902 87.272 48C87.272 26.3455 69.6545 8.72727 47.9993 8.72727V0C74.4669 0 95.9993 21.5324 95.9993 48C95.9993 56.4233 93.7738 64.7229 89.5622 72.0007Z"/>
<path class="dot1" d="M44 4C44 1.79086 45.7909 0 48 0V0C50.2091 0 52 1.79086 52 4V4C52 6.20914 50.2091 8 48 8V8C45.7909 8 44 6.20914 44 4V4Z" />
</g>
</symbol>
<symbol id="study-active">
<g class="active">
<path class="line1" d="M89.5622 72.0007L82.008 67.6298C85.4516 61.6778 87.272 54.8902 87.272 48C87.272 26.3455 69.6545 8.72727 47.9993 8.72727V0C74.4669 0 95.9993 21.5324 95.9993 48C95.9993 56.4233 93.7738 64.7229 89.5622 72.0007Z"/>
<path class="dot1" d="M44 4C44 1.79086 45.7909 0 48 0V0C50.2091 0 52 1.79086 52 4V4C52 6.20914 50.2091 8 48 8V8C45.7909 8 44 6.20914 44 4V4Z" />
</g>
</symbol>
<!-- 핵심개념 -->
<symbol id="core">
<g>
<path class="line2" d="M47.9999 95.9999C30.9279 95.9999 15.0021 86.8036 6.43774 72.0007L13.9919 67.6298C21.0021 79.7454 34.0334 87.2727 48.0007 87.2727C61.9679 87.2727 74.9992 79.7454 82.0094 67.6298L89.5636 72.0007C80.9985 86.8036 65.0727 95.9999 48.0014 95.9999H47.9999Z"/>
<path class="dot2" d="M81 69C81 66.2386 83.2386 64 86 64V64C88.7614 64 91 66.2386 91 69V69C91 71.7614 88.7614 74 86 74V74C83.2386 74 81 71.7614 81 69V69Z" />
</g>
</symbol>
<symbol id="core-active">
<g class="active">
<path class="line2" d="M47.9999 95.9999C30.9279 95.9999 15.0021 86.8036 6.43774 72.0007L13.9919 67.6298C21.0021 79.7454 34.0334 87.2727 48.0007 87.2727C61.9679 87.2727 74.9992 79.7454 82.0094 67.6298L89.5636 72.0007C80.9985 86.8036 65.0727 95.9999 48.0014 95.9999H47.9999Z"/>
<path class="dot2" d="M81 69C81 66.2386 83.2386 64 86 64V64C88.7614 64 91 66.2386 91 69V69C91 71.7614 88.7614 74 86 74V74C83.2386 74 81 71.7614 81 69V69Z" />
</g>
</symbol>
<!-- 오답노트 -->
<symbol id="note">
<g>
<path class="line3" d="M6.43782 72.0007C2.22618 64.7229 0 56.4233 0 48C0 39.5767 2.22255 31.2575 6.42836 23.9905C14.9913 9.19273 30.9207 0 48 0V8.72727C34.0255 8.72727 20.9898 16.2509 13.9818 28.3615C10.544 34.3018 8.72727 41.0924 8.72727 48C8.72727 54.9076 10.5476 61.6785 13.9913 67.6298L6.43709 72.0007H6.43782Z"/>
<path class="dot3" d="M5 69C5 66.2386 7.23858 64 10 64V64C12.7614 64 15 66.2386 15 69V69C15 71.7614 12.7614 74 10 74V74C7.23858 74 5 71.7614 5 69V69Z" />
</g>
</symbol>
<symbol id="note-active">
<g class="active">
<path class="line3" d="M6.43782 72.0007C2.22618 64.7229 0 56.4233 0 48C0 39.5767 2.22255 31.2575 6.42836 23.9905C14.9913 9.19273 30.9207 0 48 0V8.72727C34.0255 8.72727 20.9898 16.2509 13.9818 28.3615C10.544 34.3018 8.72727 41.0924 8.72727 48C8.72727 54.9076 10.5476 61.6785 13.9913 67.6298L6.43709 72.0007H6.43782Z"/>
<path class="dot3" d="M5 69C5 66.2386 7.23858 64 10 64V64C12.7614 64 15 66.2386 15 69V69C15 71.7614 12.7614 74 10 74V74C7.23858 74 5 71.7614 5 69V69Z" />
</g>
</symbol>
<symbol id="note-active-gold">
<g class="active gold">
<path class="line3" d="M6.43782 72.0007C2.22618 64.7229 0 56.4233 0 48C0 39.5767 2.22255 31.2575 6.42836 23.9905C14.9913 9.19273 30.9207 0 48 0V8.72727C34.0255 8.72727 20.9898 16.2509 13.9818 28.3615C10.544 34.3018 8.72727 41.0924 8.72727 48C8.72727 54.9076 10.5476 61.6785 13.9913 67.6298L6.43709 72.0007H6.43782Z"/>
<path class="dot3" d="M5 69C5 66.2386 7.23858 64 10 64V64C12.7614 64 15 66.2386 15 69V69C15 71.7614 12.7614 74 10 74V74C7.23858 74 5 71.7614 5 69V69Z" />
</g>
</symbol>
</defs>
<style>
/* 기본 상태 */
.line1 { fill: url(#chartLine1Default) !important; }
.line2 { fill: url(#chartLine2Default); }
.line3 { fill: url(#chartLine3Default); }
.dot1,
.dot2,
.dot3 {
fill: #DDDAE3;
}
/* Active 상태 */
.active .line1 { fill: url(#chartLine1Active) !important; }
.active .line2 { fill: url(#chartLine2Active); }
.active .line3 { fill: url(#chartLine3Active); }
/* Gold 상태 */
.active.gold .line3 { fill: url(#chartLine3ActiveGold); }
.active .dot1 { fill: #1359A9 !important; }
.active .dot2 { fill: #FF8291 !important; }
.active .dot3 { fill: #42BE42 !important; }
</style>
</svg>