@charset "utf-8";

/* Write */
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { color:#5d5d5d;  }
.write-wrap label p { font-family: 'Pretendard', sans-serif; font-size: 18px; font-weight:500; margin-left: 15px; margin-bottom: 5px;}
.write-wrap .control-label { padding-top:0px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

#variableFiles { width:100%; margin:0; border:0; }
#variableFiles td { padding:0px 0px 7px; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin-left:0; margin-right:0; margin-bottom:7px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

.form-horizontal.padding_write {margin-top: 130px;}

.flex-box { display: flex; gap:20px;}
.flex-box .in_box { flex:1; }
.inquiry_box {display: flex; flex-direction: column;}
.write-wrap .inquiry_box > label { width: 100%;}
.inquiry_box .answer { position: relative;}
.inquiry_box .answer input[type="text"]::placeholder {font-size: 16px; color: rgb(255,255,255,0.2); line-height: 27px;}
.inquiry_box .answer textarea { height: 180px !important;}
.inquiry_box .answer textarea::placeholder { font-size: 16px; color: rgb(255,255,255,0.2); line-height: 27px;} 
.write-wrap .write-btn.btn_write.custom {margin: 0;}
.write-wrap .write-btn.btn_write.custom .btn {width: 100%; display: flex; align-items: center; justify-content: center; gap: 15px;}
.write-wrap .write-btn.btn_write.custom .btn:focus{ outline: none;}
.check-box { display: flex; align-items: center; justify-content: space-between;}

.inquiry_box .wr_3_img { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 45%; right: 10px;  cursor: pointer; }
.inquiry_box .wr_3_drop { border: 1px solid #5d5d5d;  position: absolute; z-index: 10; width: 100%; display: none; top:63px; }
.inquiry_box .wr_3_drop li { line-height: 50px; font-size: 16px; color:#5d5d5d; padding-left: 20px; cursor: pointer; background-color: black; transition: background-color 0.3s ease, color 0.3s ease; }
.inquiry_box .wr_3_drop li:hover { background-color: white; color:black; font-weight: 500; }

@media (max-width:991px){
    .write-wrap label p { margin-left: 1px; margin-bottom: 0; font-size: 14px;}
    .form-horizontal.padding_write {padding: 0 15px; margin-top: 50px;}
    .flex-box { display: flex; flex-direction: column; gap:0;}
    .inquiry_box { margin-top: 10px;}
    .inquiry_box .answer {width: 100%; }
    .write-wrap .inquiry_box > label { font-size: 14px; color: rgb(255,255,255,0.6) }
    .inquiry_box .wr_3_drop { top:55px;}
    .inquiry_box .wr_3_drop li { line-height: 50px; font-size: 13px; color:#5d5d5d; padding-left: 20px; }
    .inquiry_box .wr_3_img{ right: 8px; width: 12px;}
    .write-wrap .write-btn.btn_write.custom .btn img { width: 20px; margin-bottom: 2.5px;}

    .inquiry_box .answer input[type="text"]::placeholder {font-size: 13px; color: rgb(255,255,255,0.2); line-height: 15px;}
    .inquiry_box .answer textarea::placeholder { font-size: 13px; color: rgb(255,255,255,0.2); line-height: 20px;} 
}