.board-basic-view .view-title{font-family:"Noto Sans KR",sans-serif;font-size:1rem;font-weight:600}@media(min-width: 768px){.board-basic-view .view-title{font-size:1.25rem}}.board-basic-view .board-subject.title{font-family:"Noto Sans KR",sans-serif;font-size:1.5rem;font-weight:600;color:#adb5bd}.board-basic-view .write-info-ip{font-size:.75rem}.board-basic-view .button-wrap{border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.board-basic-view .contents-image-wrap img{max-width:100%;height:auto}.board-basic-view .contents-image-wrap a.view_image{display:block}.board-basic-view .contents-wrap{padding-top:2rem !important}.board-basic-view .contents-wrap img{max-width:100%;height:auto}.board-basic-view .sns-share-wrap{top:.5rem;right:.5rem}.board-basic-view .sign-wrap{font-size:.75rem;color:#6c757d}.board-basic-view .attach-file{font-size:.75rem;color:#6c757d}.board-basic-view .link-wrap{font-size:.75rem;color:#6c757d}.board-basic-view .next-prev-wrap{font-size:.875rem;color:#6c757d}.board-basic-view .ip-address,.board-basic-view .writer-datetime{font-size:.75rem;color:#6c757d}.comments-wrap .s_cmt{font-size:1rem;color:#dc3545}.comments-wrap .s_cmt::before{content:" [비밀글] "}.guest-wrap ._comment{display:block}@media(min-width: 768px){.guest-wrap ._comment{display:flex}}.guest-wrap ._comment legend{display:none}.guest-wrap #captcha_info{display:none}.guest-wrap .captcha_box{max-width:120px}.guest-wrap #captcha_img{width:160px;height:60px}/*# sourceMappingURL=basic-view.css.map */

/* 팝업 배경 (화면 흐림 효과) */
#popupBackground {
    display: none; /* 기본적으로 숨겨짐 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 배경 어둡게 */
    z-index: 9998; /* 다른 요소들보다 위에 표시 */
  }
  
  /* 팝업 창 */
  #popupLayer {
    display: none; /* 기본적으로 숨겨짐 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    width: 800px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    z-index: 9999; /* 배경 위에 표시 */
  }
  
  /* 닫기 버튼 */
  #popupLayer button {
    margin-top: 10px;
    padding: 5px 10px;
  }

  
    /* 라디오 버튼 크기 및 색상 조정 */
    .custom-radio {
        accent-color: #007bff; /* 선택된 버튼 색상 */
        border: 2px solid #666; /* 기본 상태에서 테두리 추가 */
    }

    /* 기본 상태에서 opacity와 색상을 조정 */
    .custom-radio:not(:checked) {
        opacity: 1; /* 기본 투명도를 줄임 */
        background-color: #fff; /* 배경색을 흰색으로 설정하여 더 잘 보이게 함 */
    }

    /* 체크박스 아이콘의 기본 스타일 */
    .checkbox-icon {
        width: 20px; /* 너비 */
        height: 20px; /* 높이 */
        display: inline-block;
        background-image: url("/img/checkbox_off.png"); /* 기본 아이콘 */
        background-size: cover;
        margin-right: 5px; /* 텍스트와 아이콘 간격 */
    }

    /* 체크된 상태의 아이콘 */
    input[type="checkbox"]:checked + label .checkbox-icon {
        background-image: url("/img/checkbox_on.png"); /* 체크된 상태 아이콘 */
    }
    /* 체크박스를 가로로 정렬 */
    #crops-container {
        display: flex;
        flex-wrap: wrap; /* 줄바꿈을 허용하여 화면 너비에 맞게 조정 */
        gap: 10px; /* 각 체크박스 간의 간격 */
    }

    .form-check {
        display: flex;
        align-items: center;
    }