.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; background-color: #3677FE; color: #fff; border-radius: 4px; cursor: pointer;
}

.fm_main_left,
.fm_main_right {
    margin-bottom: 20px; gap: 16px;
}

.fm_main_left {
    width: calc(40% - 16px);
}

.fm_main_right .right_top {
    height: calc((100% - 72px) * 0.8); gap: 16px;
}

.fm_main_right .right_bottom {
    height: calc((100% - 72px) * 0.2); gap: 16px;
}

.fm_main_box .main_box_tit {
    font-size: 24px; line-height: 1.5; color: #63676A; font-weight: 600;
}

.fm_main_box#fm_main_box_top {
    height: 50px; padding: 12px 16px;
}

.fm_main_box#fm_main_box_top h3 {
    color: #63676A, font-size: 16px; font-weight: 400;
}

.fm_main_box#fm_main_box_top p {
    font-size: 14px; color: #86AFF9; display: flex; align-items: center; gap: 8px;
}

.fm_main_box#fm_main_box_top span {
    font-size: 18px; color: #256EF4; font-weight: 600;
}

.fm_main_box.aquafarm_info {
    height: calc((100% - 72px) * 0.55);
}

.fm_main_box.section_info {
    height: calc((100% - 72px) * 0.45);
}

.fm_main_box.manual {}

.fm_main_box.manual img {
    width: auto; height: 80%;
}

.fm_main_box.manual .manual_txt {
    gap: 12px;
}

.fm_main_box.manual .manual_txt h1 {
    font-size: 24px;
}

.fm_main_box.manual .manual_txt p {
    font-size: 16px;
}

.fm_main_box.briefing {
    background-color: #3677FE;
}

.fm_main_box.briefing img {
    width: auto; height: 80%;
}

.fm_main_box.briefing .briefing_txt {
    color: #fff;
}

.fm_main_box.briefing .briefing_txt p {
    font-size: 16px; line-height: 1.4;
}

.fm_main_box.briefing .briefing_txt h1 {
    font-size: 24px; line-height: 1.4;
}

.farm_exist {
    flex: 1;
}

.farm_exist #map_div {
    padding-right: 16px;
}

.farm_exist #map_div #map {
    width: 240px; height: 90%;
}

.farm_info {
    background-color: #F5F6FF; border-radius: 4px; padding: 0.5rem 1rem;
}

.farm_info p {
    font-size: 14px; font-weight: 400; color: #8A949E; line-height: 1.5;
}

.farm_info h3 {
    font-size: 16px; font-weight: 600; text-align: right; line-height: 1.5;
}

.farm_none {
    height: calc((100% - 72px) * 0.55); flex: 1;
}

.farm_none .add_btn {
    width: 200px; height: 40px; background-color: #3677FE; color: #fff; border-radius: 8px;
}

.section-div {
    width: 100%; flex: 1; display: flex; gap: 16px; overflow-x: auto; padding-bottom: 24px;
}

.section-div::-webkit-scrollbar {width: 8px; height: 8px;}
.section-div::-webkit-scrollbar-thumb {background-color: #1263CE; border-radius: 4px; background-clip: padding-box; border: 1px solid transparent;}
.section-div::-webkit-scrollbar-track {background-color: #E6E8EA; border-radius: 4px; overflow: hidden;}

.section-div .sect-box {
    width: 175px; height: 100%; overflow-y: auto; flex-shrink: 0; border: 1px solid #B1B8BE; border-radius: 12px; padding: 16px 4px; display: flex; flex-direction: column; justify-content: space-between; scrollbar-width: none; -ms-overflow-style: none;
}

.section-div .sect-div::-webkit-scrollbar {
    display: none;
}

.section-div .sect-box.add-section-box {
    align-items: center; justify-content: center; cursor: pointer;
}

.section-div .sect-box.add-section-box p {
    color: #A8A8A8; font-size: 16px; font-weight: 500;
}

.section-div .sect-box.add-section-box:hover {
    border: 1px solid #3677FE; background-color: #3677FE; transition-duration: 0.3s; opacity: 0.7;
}

.section-div .sect-box.add-section-box:hover p {
    color: #fff;
}

.section-div .sect-box h1 {
    font-size: 19px; font-weight: 700; line-height: 1.5; color: #63676A;
}

.section-div .sect-box .sect-info {
    display: flex; flex-direction: column; gap: 6px;
}

.section-div .sect-box .sect-info .sect-info-box #info-type {
    font-size: 14px; line-height: 1.5; color: #8A949E;
}

.section-div .sect-box .sect-info .sect-info-box #info-cont {
    font-size: 14px; line-height: 1.5; font-weight: 600; color: #333; text-align: right;
}

.meta_item {
    position: relative; font-size: 11px; font-weight: 300; color: #C2C2C2;
}

.meta_item:first-child {
    padding-right: 10px;
}

.meta_item:not(:first-child) {
    padding: 0 10px;
}

/* 첫 번째 항목 빼고는 앞에 | 넣기 */
.meta_item:not(:first-child)::before {
    content: '|'; position: absolute; left: 0; color: #C2C2C2;
}

.main_recent_work {
    width: 100%; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 24px;
}

.main_recent_work #recent_img {
    width: 100%; height: auto;
}

.main_recent_work #section_name {
    font-size: 24px;
}

.main_recent_work #work_title {
    font-size: 28px; color: #3677FE;
}

.main_recent_work #work_period {
    font-size: 20px; font-weight: 300; color: #63676A;
}

.main_recent_work .recent_work_list {
    gap: 8px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none;
}

.main_recent_work .recent_work_list::-webkit-scrollbar {
    display: none;
}

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

.main_recent_work .recent_work_list div img {
    width: 24px; height: 24px;
}

.main_recent_work .recent_work_list div h1 {
    font-size: 16px; color: #333; font-weight: 600;
}

.main_recent_work .recent_work_list div p,
.period_work_list .period_list_box p {
    width: 50%; text-align: right; color: #63676A;
}

.go_insert_section,
.go_check_wolog,
.go_insert_wolog,
.btn_more {
    background-color: #3677FE; border-radius: 4px; cursor: pointer; color: #fff;
}

.go_insert_section {
    width: 100px; height: 40px;
}

.go_check_wolog {
    padding: 8px 20px; border: none; top: 24px; right: 24px;
}

.go_insert_wolog {
    width: 100px; height: 40px;
}

.btn_more {
    right: 24px; top: 24px; padding: 8px 20px;
}