.fm_diary_left {
    gap: 12px;
}

.fm_diary_right {
    gap: 14px;
}

.fm_diary_left .fm_diary_farm {
    padding: 12px 16px; background-color: #fff; border-radius: 8px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.fm_diary_left .fm_diary_farm h2 {
    font-size: 16px; color: #63676A;
}

.fm_diary_left .fm_diary_farm #farmSelect {
    border: none; font-size: 18px; padding-right: 36px;
}

.fm_diary_left .fm_diary_section {
    width: 100%; height: 40px; display: flex; align-items: center; gap: 12px;
}

.fm_diary_left .fm_diary_section#none {
    display: flex; position: relative; justify-content: center; padding: 12px 16px; background-color: #fff; border-radius: 8px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.fm_diary_left .fm_diary_section#none p {
    font-size: 16px; text-align: center;
}

.fm_diary_left .fm_diary_section#none #insertSectionBtn {
    position: absolute; right: 16px; width: 140px; height: 30px; background-color: #3677FE; color: #fff; border-radius: 4px;
}

.fm_diary_left .fm_diary_section div {
    width: 24%; height: 100%; background-color: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #3677FE; font-size: 16px; font-weight: 500; cursor: pointer; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.fm_diary_left .fm_diary_calendar {
    flex: 1; background-color: #fff; overflow-y: auto; border-radius: 8px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.fm_diary_left .fm_diary_calendar #calendar {
    width: 80%; height: auto;
}

.fm_diary_right .fm_diary_list {
    background-color: #fff; padding: 24px; border-radius: 8px; gap: 12px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.fm_diary_right .fm_diary_list .period_box {
    top: 24px; right: 24px; border-radius: 4px;
}

.fm_diary_right .fm_diary_list .period_box label {
    width: 80px; height: 32px; background-color: #F5F6FF; display: flex; align-items: center; justify-content: center; cursor: pointer;
}

.fm_diary_right .fm_diary_list .period_box input[type="radio"]:checked+label {
    background-color: #3677FE; color: #fff;
}

.fm_diary_right .fm_diary_list .period_input {
    display: flex; height: 40px; justify-content: space-between; align-items: center;
}

.fm_diary_right .fm_diary_list .period_input input[type="date"] {
    width: 48%; height: 100%; border: 0.5px solid #C8C8C8; border-radius: 4px; padding: 8px 12px;
}

.fm_diary_right .fm_diary_list .period_work_list {
    overflow-y: auto;
}

.fm_diary_right .fm_diary_list .period_work_list .period_list_box {
    width: 100%; height: 40px; border: 1px solid #C8C8C8; border-radius: 4px;
}

.fm_diary_right .fm_diary_list .diary_add_btn {
    height: 40px; background-color: #F5F6FF; border-radius: 4px; font-size: 16px; color: #3677FE; cursor: pointer; border: 1px dashed #3677FE;
}

.fm_diary_right .fm_diary_content {
    background-color: #fff; padding: 24px; border-radius: 8px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.fm_diary_right .fm_diary_content .modify_diary {
    width: 60px; height: 30px; border-radius: 4px; background-color: #3677FE; color: #fff; position: absolute; top: 24px; right: 90px; padding: 0 12px; cursor: pointer;
}

.fm_diary_right .fm_diary_content .delete_diary {
    width: 60px; height: 30px; border-radius: 4px; background-color: red; color: #fff; position: absolute; top: 24px; right: 24px; padding: 0 12px; cursor: pointer;
}

.fm_diary_right>.fm_diary_list h1,
.fm_diary_right>.fm_diary_content h1 {
    font-size: 24px; color: #63676A; font-weight: 600;
}

.fm_diary_list .period_work_list .period_list_box h1 {
    font-size: 16px; color: #333; font-weight: 600;
}

.farm_card {
    gap: 16px; border: 0.5px solid #C8C8C8; padding: 16px; border-radius: 8px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.wologForm {
    gap: 36px;
}

.wologForm #wologTit {
    font-size: 36px; font-weight: 600; text-align: center;
}

.wologForm #wologTit+p {
    font-size: 16px; font-weight: 500; color: #A8A8A8; text-align: center;
}

.wologForm #returnBtn {
    position: absolute; top: 0; left: -100px; font-size: 24px; font-weight: 600; color: #A8A8A8; cursor: pointer;
}

.wologForm .wolog_contents {
    width: 100%; flex: 1; display: flex; flex-direction: column; overflow-y: auto;
}

.wologForm .wolog_div {
    margin-bottom: 16px;
}

.wologForm .type_div {
    width: 100%; flex: 1; display: none; padding-bottom: 60px; position: relative;
}

.wologForm .wolog_contents .submitBtn {
    position: absolute; bottom: 0; display: none;
}

.submitBtn {
    width: 100%; height: 40px; border-radius: 4px; background-color: #3677FE; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;
}

.wologForm .flex_div,
.wologForm .wolog_div#periodInput div {
    display: flex; align-items: center; justify-content: space-between;
}

.wologForm .wolog_div .wolog_radio_div {
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;
}

.wologForm .wolog_div label {
    display: flex; align-items: center; justify-content: center; width: calc((100% - 20px) / 3); height: 40px; padding: 10px; font-size: 16px; background-color: #fff; border: 1px solid #C8C8C8; color: #3677FE; border-radius: 8px; cursor: pointer;
}

.wologForm .wolog_div input[type="radio"]:checked+label {
    background-color: #3677FE; border: 1px solid #3677FE; color: #fff; border-radius: 8px;
}

.wologForm .wolog_div input[type="text"],
.wologForm .wolog_div input[type="date"],
.wologForm .wolog_div textarea,
.wologForm .wolog_div select,
.wologForm .wolog_div input[type="number"] {
    padding: 10px; border-radius: 8px; border: 0.5px solid #C8C8C8;
}

.wologForm .wolog_div input[type="text"],
.wologForm .wolog_div input[type="number"] {
    width: 100%; height: 40px;
}

.wologForm .wolog_div input[type="date"] {
    width: 45%; height: 40px;
}

.wologForm .wolog_div select {
    width: 100px; height: 40px;
}

.wologForm .wolog_div textarea {
    width: 100%; height: 120px;
}

.wologForm .wolog_div .wolog_title {
    font-size: 14px; font-weight: 500; line-height: 1.8; color: #333;
}

.fc-day-sat, .fc-day-sun {
    background-color: #F4F5F6;
}

.fc-day-today {
    background: none !important;
}

.fc-event {
    text-align: center;
}

.taskContents {
    display: flex; align-items: center; margin-bottom: 16px; width: 100%; justify-content: space-between;
}

.taskContents p {
    font-size: 14px; line-height: 1.8; font-weight: 500; color: #63676A;
}

.taskContents p span {
    font-size: 12px; line-height: 1.4; font-weight: 400; color: #F05F42;
}

.taskContents h3 {
    font-size: 18px; line-height: 1.8; font-weight: 500;
}

.taskContents input[type="date"],
.taskContents input[type="number"],
.taskContents input[type="text"] {
    height: 30px; width: 200px; border: 1px solid #C8C8C8; border-radius: 8px; padding: 0 10px;
}

.taskContents textarea {
    height: 100px; width: 200px; border: 1px solid #C8C8C8; border-radius: 8px; padding: 10px;
}

.diary_detail_content {
    width: 100%; flex: 1; padding: 24px 0; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none;
}

.diary_detail_content::-weight-scrollbar {
    display: none;
}

.diary_detail_content.none {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}

.diary_detail_content.none img {
    width: 230px; height: auto;
}

.diary_detail_content.none h1 {
    font-size: 28px !important; font-weight: 700 !important; line-height: 1.6; color: #63676A; text-align: center;
}

.diary_detail_content.none p {
    font-size: 18px; font-weight: 300; line-height: 1.4; color: #63676A; text-align: center;
}

.fm_div#none {
    display: flex; background-color: #fff; flex-direction: column; align-items: center; justify-content: center; gap: 48px;
}

.fm_div#none img{
    width: 500px; height: auto;
}

.fm_div#none h1 {
    font-size: 36px; line-height: 1.5; font-weight: 700; color: #63676A; text-align: center;
}

.fm_div#none #insertFarm {
    width: 400px; height: 48px; font-size: 20px; font-weight: 600; background-color: #3677FE; color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer;
}

.modify_common {
    display: none;
}

.stocking_hidden, .feeding_hidden, .shipment_hidden, .seedling_hidden, .activator_hidden, .exposure_hidden, .harvest_hidden {
    display: none;
}

.modifyBtn {
    width: 49%; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; border: 1px solid #3677FE;
}

.modifyBtn.modify {
    background-color: #3677FE; color: #fff;
}

.modifyBtn.cancel {
    background-color: #fff; color: #3677FE;
}

#abFeedTypeRadioGroup {
    display: flex; align-items: center; gap: 12px;
}

#abFeedTypeRadioGroup input[type="radio"] {
    width: 14px; height: 14px;
}

#abFeedTypeRadioGroup label {
    font-size: 18px;
}

.period_work_list .period_list_box {
    width: 100%; padding: 8px; margin-bottom: 8px; border: 1px solid #C8C8C8; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;
}

.period_work_list .period_list_box img {
    width: 24px; height: 24px;
}

.write_diary_form {width: 1000px; height: 100%; padding: 36px; background-color: #fff; border-radius: 8px;}