@charset "utf-8";

/* 게시글 작성 */
.ogs-write-form { max-width: 1000px; margin: 0 auto; }
.ogs-form-group { margin-bottom: 20px; }
.ogs-input-title { width: 100%; padding: 15px; border: 1px solid var(--ogs-border); font-size: 18px; border-radius: 4px; outline: none; }
.ogs-input-title:focus { border-color: var(--ogs-primary); }
.ogs-form-options { margin-bottom: 20px; font-size: 14px; display: flex; gap: 15px; }
.ogs-form-options label { cursor: pointer; display: inline-flex; align-items: center; gap: 5px; }
.ogs-editor { margin-bottom: 30px; border: 1px solid var(--ogs-border); border-radius: 4px; overflow: hidden; }
.ogs-guest-fields-top { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }
.ogs-guest-password { margin-bottom: 0; }
.ogs-guest-password .ogs-input { width: 200px; }
.ogs-input { padding: 12px; border: 1px solid var(--ogs-border); border-radius: 4px; outline: none; font-size: 14px; }
.ogs-input:focus { border-color: var(--ogs-primary); }
.ogs-btn-area { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.ogs-btn-area .btns { display: flex; gap: 10px; margin-left: auto; }

@media screen and (max-width: 768px) {
    .ogs-guest-fields-top { grid-template-columns: 1fr; }
    .ogs-btn-area { flex-direction: column; align-items: stretch; }
    .ogs-guest-password .ogs-input { width: 100%; margin-bottom: 10px; }
    .ogs-btn-area .btns { display: grid; grid-template-columns: 1fr 1fr; margin-left: 0; }
}