@charset "utf-8";

#bbs_write .subject {margin-right:22px;}
#bbs_write .subject input {width:100%; padding:14px 0 13px 20px; border:1px solid #d6d6d6;}
#bbs_write .editor {margin-top:5px;}
#bbs_write .btn_area {margin-top:10px; font-size:0; text-align:center;}
#bbs_write .btn_area button {display:inline-block; margin-right:1px; height:43px; padding:0 30px; border:1px solid #ededed;}
#bbs_write .btn_area a {display:inline-block; margin-right:1px; height:41px; line-height:41px; padding:0 30px; border:1px solid #ededed;}
#bbs_write .btn_area .btn_submit {margin-right:1px; color:#fff; border:1px solid #d84739; background:#e84c3d;}

#bbs_write .write_summary {margin-bottom:5px; border:1px solid #d6d6d6;}
#bbs_write .write_summary .category_area {padding:15px 0 0 20px;  height:36px; border-bottom:1px solid #f2f2f2;}
#bbs_write .write_summary .category_area li {float:left; margin-right:30px;}
#bbs_write .write_summary .title_area {height:51px; border-bottom:1px solid #d6d6d6; background-color:#fbfbfc;}
#bbs_write .write_summary .title_area h3 {display:inline-block; padding-left:20px; line-height:51px; font-size:12px;}
#bbs_write .write_summary .tip {padding-left:20px; height:51px; line-height:51px;}
#bbs_write .write_summary .qna_tip {padding:10px 20px; line-height:25px;}
#bbs_write .write_summary .qna_tip li {color: #de342e;}

.custom-select {position: relative;font-size:14px;font-family: Arial;}
.custom-select select {display: none; /*hide original SELECT element:*/}
.select-selected {background-color:  #c3d0dd;}
/*style the arrow inside the select element:*/
.select-selected:after {position: absolute;content: "";top: 14px;right: 10px;width: 0;height: 0;border: 6px solid transparent;border-color: #fff transparent transparent transparent;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent;top: 7px;}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {color: black;padding: 8px 16px;border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;user-select: none;}
/*style items (options):*/
.select-items {position: absolute;background-color: #dae0e4;top: 100%;left: 0;right: 0;z-index: 99;}
/*hide the items when the select box is closed:*/
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
.disabled-events {pointer-events: none}

/* ONE LINE BOARD STYLES */
#bbs_write .oneline_form { display: flex;align-items: center; }
#bbs_write .oneline_form .subject { flex: 1; }
#bbs_write .oneline_form .btn_area { margin: 0 0 0 5px; }
#bbs_write .oneline_form .btn_area > button { height: 41px; }
.oneline_wrap .title_area { border: 0 !important; display: flex; align-items: center; justify-content: space-between; }

.oneline_wrap .title_area .guide_button {
    color: #006ae6;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}
.oneline_wrap .title_area .guide_button > p {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.oneline_wrap .title_area .guide_button > p > img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    margin-right: 5px;
}
.oneline_wrap .title_area .guide_button .guide_text {
    width: 600px;
    padding: 15px;
    background-color: rgba(0, 106, 230, 0.9);
    color: #fff;
    position: absolute;
    right: 0;
    top: 25px;
    line-height: 18px;
    border-radius: 5px;
    display: none;
}
.oneline_wrap .title_area .guide_button .close_guide {
    display: none;
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer;
}
.oneline_wrap .title_area .guide_button.active .guide_text,
.oneline_wrap .title_area .guide_button.active .close_guide {
    display: block;
}