/* main.compose */
main.compose { padding-top: 80px; }
main.compose { }
main.compose form[name="compose-form"] { padding: 1rem; }
main.compose .form-item { margin: 2rem 0; }
main.compose label { font-family: var(--font-condensed); font-style: italic; font-size: 0.75rem; font-weight: 700; text-transform: lowercase; color: var(--orange); margin-bottom: 0; margin-top: 2rem; }
main.compose input[type='text'],main.compose textarea { border: solid 1px var(--gray-100); background-color: var(--gray-100); font-size: 1rem; line-height: 1.5; padding: .5rem; -webkit-appearance: none; }
.form-option { display: flex; flex-wrap: wrap; align-items: center; }
.form-option .option-item { margin: .25rem; display: inline-flex; align-items: center; }
.form-option .option-item input { margin-right: 5px; }
.form-option .option-item-divider { display: block; width: 1px; height: .6rem; border-right: solid 1px var(--gray-400); margin: 0 .5rem; }
.date-form .input-group { flex-wrap: nowrap; }
.date-form .option-item { margin: .5rem 0; }
.option-item button { align-items: center; border: solid 1px var(--gray-200); background-color: var(--gray-200); font-size: 1rem; font-family: var(--font-condensed); padding: .5rem; }
.option-item button:hover { border: solid 1px var(--gray-300); background-color: var(--gray-300); transition: all .3s ease; }
.option-item button.active { color: #fff; background-color: var(--black); border: solid 1px var(--black); }
.submit { margin: 3rem 0; }
.submit button { width: 100%; }
button.default, a.btn-default { border-radius: 0; }
main.compose footer { margin: 2rem 1rem; position: relative; }
.input-group-text { border: none; }
.file-edit-label { align-items: flex-end; }

@media (min-width: 768px) {
    main.compose { max-width: 720px; margin-left: auto; margin-right: auto; }
    .submit { text-align: center; }
    .submit button { width: auto; }
}

@media (min-width: 992px) {
    main.compose { max-width: 960px; }
}

@media (min-width: 1080px) {
    main.compose {max-width: 1080px;}
}




/********************** 주말 강좌 게시판 작성 **************************/
/********************** 주말 강좌 게시판 작성 **************************/
.weekend-page main.compose label{font-style: normal;}

.weekend-page .visual{width: 100%; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/weekendbbs_visual.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; padding: 3.4rem 0 2.3rem;}
.weekend-page .visual h1{margin-bottom: 1.3rem; font-size: 2.5rem;}

.weekend-page form[name="compose-form"]{padding: 0;}
.weekend-page .form-group{display: flex; align-items: center; flex-wrap: wrap;}
.weekend-page .form-group + .form-group{margin-top: 1.87rem;}
.weekend-page .form-group > label{width: 6.68rem; font-size: inherit; color: #000; font-weight: bold; margin: 0;}
.weekend-page .form-group .userWrap{width: calc(100% - 6.68rem);}
.weekend-page main.compose input[type='text'],
.weekend-page main.compose textarea{border: 1px solid #DEDFE5; background-color: #fff; border-radius: 0.5rem; width: calc(100% - 6.68rem);}
.weekend-page input::placeholder{color: #999;}

.weekend-page .form-group.subject input[type='text']{padding: 0.75rem 1rem; width: 54%;}

.weekend-page .form-group.category .form-option label{display: flex; align-items: center; width: auto; cursor: pointer; margin-top: 0; font-size: inherit;}
.weekend-page .form-group.category .form-option label + label{margin-left: 1.6rem;}
.weekend-page .form-group.category .form-option input{width: 1.1rem; height: 1.1rem;}
.weekend-page .form-group.category .form-option input:checked + span{color: #000; font-weight: bold;}
.weekend-page .form-group.category .form-option span{color: #333333; font-size: inherit; font-weight: normal; margin-left: 0.4rem;}

.weekend-page .form-group.calender{align-items: flex-start;}

.weekend-page .form-group.contents label{width: 100%; margin-bottom: 1.5rem;}

.weekend-page .ck.ck-toolbar{border-color: #DEDFE5;}
.weekend-page .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.weekend-page .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{border-radius: 1rem 1rem 0 0;}
.weekend-page .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.weekend-page .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border-radius: 0 0 1rem 1rem; border-color: #DEDFE5;}
.weekend-page .ck-content{height: 17rem;}


@media screen and (max-width: 1080px) {
    .weekend-page main.compose{padding-left: 16px; padding-right: 16px;}
    .weekend-page main.compose form[name="compose-form"]{padding: 0;}

    .weekend-page .form-group > label{font-size: 0.75rem; width: 100%; margin-bottom: 0.5rem;}
    .weekend-page .form-group .userWrap{width: 100%;}

    .weekend-page main.compose input[type='text'], .weekend-page main.compose textarea{width: 100%;}

    .weekend-page .form-group.subject input[type='text']{padding: 0.5rem; width: 100%;}

    .weekend-page .form-group.calender .form-option{display: block;}
    .weekend-page .form-group.calender .form-option .box + .box{margin-left: 0; margin-top: 0.5rem;}

    .weekend-page .form-group.contents label{margin-bottom: 0.5rem;}
}



.ck-editor__editable {
    min-height: 70vh;
}