/* ****************** HTML 편집기  ****************** */

.html_462281_ {overflow:hidden;}
.html_462281_:after {content:''; display:block; clear:both;}

    /* — 기본 스타일 — */
    * { box-sizing: border-box; margin:0; padding:0 }
    body { font-family: sans-serif; background: #f4f6f8; color: #333; line-height:1.5 }
    .container { max-width:960px; margin:0 auto; padding:20px }

    /* — 헤더 — */
    header { background:#fff; border-bottom:1px solid #e0e0e0 }
    .nav-wrap { display:flex; justify-content:space-between; align-items:center; padding:12px 0 }
    .logo { font-size:1.4rem; font-weight:bold; color:#0055a5 }
    nav ul { display:flex; gap:16px; list-style:none }
    nav li { cursor:pointer; color:#555 }
    nav li:hover { color:#0055a5 }

    /* — 배너 — */
    .banner {
      background:#0055a5; color:#fff; height:200px; margin-bottom:30px;
      display:flex; flex-direction:column; align-items:center; justify-content:center;
      text-align:center;
    }
    .banner h1 { font-size:2rem; margin-bottom:8px }
    .banner p  { font-size:1rem }

    /* — 섹션 제목 — */
    h2.section-title {
      font-size:1.6rem; color:#0055a5; text-align:center;
      margin:24px 0 16px; position:relative;
    }
    h2.section-title::after {
      content:''; display:block; width:60px; height:4px;
      background:#0055a5; margin:8px auto 0; border-radius:2px;
    }

    /* — 게시판 — */
    .board {
      background:#fff; border:1px solid #dde2e6; border-radius:6px; overflow:hidden;
    }
    .board-header {
      display:flex; justify-content:space-between; align-items:center;
      padding:12px 20px; border-bottom:1px solid #dde2e6;
    }
    .board-header h2 { font-size:1.4rem; color:#0055a5 }
    .board-header button {
      padding:6px 12px; background:#0055a5; color:#fff;
      border:none; border-radius:4px; cursor:pointer;
    }
    .board-header button:hover { background:#004080 }

    .post-list { list-style:none }
    .post-list li {
      display:flex; justify-content:space-between; align-items:center;
      padding:16px 20px; border-bottom:1px solid #f0f2f5;
    }
    .post-list li:last-child { border-bottom:none }
    .post-list .info { display:flex; flex-direction:column }
    .post-list .title { font-size:1rem; color:#0055a5; margin-bottom:4px }
    .post-list .dates { font-size:0.85rem; color:#666 }
    .post-list .dday  { font-size:0.9rem; font-weight:bold; color:#d80000 }

    /* — 모달 — */
    #write-modal {
      position:fixed; top:0; left:0; right:0; bottom:0;
      background:rgba(0,0,0,0.4); display:none;
      align-items:center; justify-content:center; padding:20px;
    }
    #write-modal .modal-content {
      background:#fff; width:100%; max-width:700px;
      padding:20px; border-radius:6px; max-height:90vh; overflow:auto;
    }
    #write-modal h3 { margin-bottom:16px; color:#0055a5 }
    #write-modal label {
      display:block; margin-bottom:8px; color:#0055a5; font-weight:bold;
    }
    .date-range { display:flex; gap:10px; margin-bottom:16px }
    .date-range input {
      flex:1; padding:6px; border:1px solid #ccc; border-radius:4px;
    }
    #in-title, #in-pw {
      width:100%; padding:8px; margin-bottom:16px;
      border:1px solid #ccc; border-radius:4px;
    }
    #editor {
      height:200px; border:1px solid #ccc; margin-bottom:16px;
    }
    .buttons { text-align:right }
    .buttons button {
      margin-left:8px; padding:6px 12px;
      border:none; border-radius:4px; cursor:pointer;
    }
    #submit-btn { background:#22aa66; color:#fff }
    #cancel-btn { background:#ddd; color:#333 }
    #submit-btn:hover { background:#1a884f }
    #cancel-btn:hover { background:#ccc }