:root {
--jobbtn-background-color: linear-gradient(90deg, #00CD4A 0%, #00A2FF 100%);
--floatbtn-bg-outside: linear-gradient(180deg, #E8FC82 0.19%, #8DEFF8 99.81%);
--floatbtn-bg-inside: linear-gradient(92deg, #32F1BA 0.05%, #00C95B 51.5%, #00A5F3 99.95%);
}

#job {
background-image: var(--job-bg);
background-color: var(--job-bg-color);
}

#job .jobBtn {
background-image: var(--jobbtn-background-color);
}

#career {
background-image: var(--career-bg);
background-color: var(--career-bg-color);
}

#career .careerList:nth-of-type(2) {
animation-delay: 250ms !important;
}
#career .careerList:nth-of-type(3) {
animation-delay: 500ms !important;
}
#career .careerList:nth-of-type(4) {
animation-delay: 750ms !important;
}

#career .careerList + .careerList {
margin-left: -7px;
}

#welfare {
background-image: var(--welfare-bg);
background-color: var(--welfare-bg-color);
}

#welfare .welfareCard:nth-of-type(2) > div {
animation-delay: 250ms !important;
}
#welfare .welfareCard:nth-of-type(3) > div {
animation-delay: 500ms !important;
}

@media(max-width: 960px) {
._m2300dButton div {
background-color: #147DC0 !important;
}
}

@media(max-width: 768px) {
#career .careerList + .careerList {
margin-left: 0px;
margin-top: -20px;
}

#floatBtn > div {
background-image: var(--floatbtn-bg-outside);
}

#floatBtn > div > button {
background-image: var(--floatbtn-bg-inside);
}
}