@charset "utf-8";

/* Write */
.write-wrap .none { display: none; }
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.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; }


/* BASIC */

.basic_board_table .table { table-layout: fixed; }
.basic_board_table tr { border-top: 1px solid #ddd;}
.basic_board_table tr.file_tr { border-top: 0 !important;}
.basic_board_table th, 
.basic_board_table td { vertical-align:middle !important; border-top: 0 !important; }
#variableFiles tr { border-top: 0;}
.basic_board_table th { width:130px; text-align: center; }

.basic_board_table tr td span.form-control-feedback { display:none; }
.basic_board_table tr.button-tr { border-top: 0;}

.agree-info { padding: 8px 0 !important;}
.agree-info p { padding: 20px 20px; background: #f9f9f9; border: 1px solid #d7d7d7;}
.agree-info #chk1_1 { position: static; margin-top: -4px; margin-right: 7px; width: 20px; height: 20px;}
.agree-info label {     color: #dc0000; font-weight: 400;}

@media( width <= 991px ){
    .basic_board_table  table    
    .basic_board_table  table th
    .basic_board_table  table td  { display: block;}
    .basic_board_table  table tr { display: flex; flex-wrap:wrap;} 
    .basic_board_table  table tr th { width: 130px;}
    .basic_board_table  table td { width: 100%;} 
    .basic_board_table  table th.space,
    .basic_board_table  table td.space  { display: none;}
    .basic_board_table  table th+td { width: calc(100% - 130px );}
    .basic_board_table  table th:nth-of-type(2),
    .basic_board_table  table td:nth-of-type(2) { border-top: 1px solid #ddd !important;}
    #variableFiles { margin-left: 130px;}        
}
@media(576px >= width){
    .basic_board_table  table tr th { width: 80px;}
    .basic_board_table  table th+td { width: calc(100% - 80px );}
    #variableFiles { margin-left: 0;}   
}