@charset "utf-8";

/* Write */
body .form-control{ box-shadow: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; }

#captcha_info{display:none !important;}
#captcha_info_en{display:block;margin-top:10px;}

/* 글쓰기 추가 */
input[type=checkbox]{margin:0;margin-right:5px;vertical-align: initial;}
.dis-no{display:none;}
.lineH{line-height:1;}
.wirte_container_con_inner{border-top:2px solid #333; padding:0 0 40px; border-bottom:1px solid #ddd; }

.wirte_container{ margin-top:40px;  display:flex; flex-wrap:wrap;  }
.wirte_container:after{ content:""; clear:both; display:block; }
.wirte_container > div{ float:left; }
.wirte_container .wirte_tit{ width:180px; display:flex; align-items:center; }
.wirte_container .wirte_content{ width:calc(100% - 180px);}

.wirte_container_grid > div{ float:left; width:49%; margin-left:2%; }
.wirte_container.mg{ border-bottom:1px solid #ddd; padding-bottom:40px; }
.wirte_container.mg .wirte_content{ width:100%;   }

.wirte_container .wirte_tit label{font-size:18px;margin-top:0;  }
.wirte_container .wirte_content_inner label{font-size:16px;margin:0;line-height: 25px;}
.wirte_container .wirte_content_inner label:not(:first-of-type){margin-left:50px;}
.wirte_container .wirte_content_inner select{width:100%;-moz-appearance: none; -webkit-appearance: none; appearance: none;background:url("/thema/Basic/img/write_basic_icon02.png") no-repeat right center;background-position-x: 95%;}
.wirte_container .wirte_content_inner select::-ms-expand{display: none;}
.wirte_container .wirte_content_inner #captcha #captcha_info{font-size:14px;margin-top:15px;}
.wirte_container > div.wirte_content .input-sm{font-size:14px;height:60px;border:1px solid #ddd;padding:0 25px;border-radius:0;}

.wirte_container > div.wirte_content{ position:relative; }
.wirte_container > div.wirte_content textarea.input-sm{padding:25px;}
.wirte_container > div.wirte_content .custom_checkbox{ position:absolute; top:0px; left:0px; opacity:0; }
.wirte_container > div.wirte_content .custom_checkbox + label{ position:relative; padding-left:40px; cursor:pointer; font-weight:500;}
.wirte_container > div.wirte_content .custom_checkbox + label:after{ content:""; position:absolute; top:0; left:0; width:25px; height:25px; background:url("/thema/Basic/img/write_basic_check01.png") no-repeat left top;transition: all 0.3s;background-size: contain;}
.wirte_container > div.wirte_content .custom_checkbox:checked + label:after{background:url("/thema/Basic/img/write_basic_check02.png") no-repeat left top;background-size: contain;}
.wirte_container > div.wirte_content .custom_checkbox:focus + label{ border:1px dotted #333;}

.wirte_btn_box{display:block;margin: 60px auto 0;max-width:260px;height:65px; line-height:65px; color:#fff; }
.wirte_btn_box button{font-size:18px;width:100%;cursor:pointer; background:#0a4a9b; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.wirte_btn_box button:hover ,
.wirte_btn_box button:focus{ background:#333;}

.file_btn_box_container .file_btn_box_con{ margin-bottom:15px; display:flex;   }
.file_btn_box_container .file_btn_box_con:last-child{ margin-bottom:0px; }
.file_btn_box_container .file_btn_box_con > p,
.file_btn_box_container .file_btn_box_con > div{ float:left; position:relative;  }
.file_btn_box_container .file_btn_box_con > div.file_btn_box_remove{ display:flex; align-items:center; padding-left:10px;  }
.file_btn_box_container .file_btn_box_con > p{ font-size: 16px;  height: 60px; line-height:60px;   border: 1px solid #ddd;   padding: 0 25px; max-width:550px; flex:1; margin:0px; color:#777; }
.file_btn_box_container .file_btn_box_con > div label.file_btn_box_label{ height:100%;  width:120px; border:2px solid #333; display:flex; align-items:center; justify-content:center; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.file_btn_box_container .file_btn_box_con > div input.file_btn_box_input{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.file_btn_box_container .file_btn_box_con > div input.file_btn_box_input:focus + label{ border-color: #66afe9;  outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); }


@media all and (max-width:1024px) {
	.wirte_container_con_inner{ padding-bottom:30px; }
	.wirte_container{ margin-top:30px; }
	.wirte_container.mg{ padding-bottom:30px; }
	.wirte_container .wirte_content_inner label{ font-size:14px; }
	.wirte_container .wirte_content_inner label:not(:first-of-type){ margin-left:15px; }
	.wirte_container .wirte_tit{ width:130px; }
	.wirte_container .wirte_content{ width:calc(100% - 130px);}
	.wirte_container .wirte_tit label{ font-size:16px; }
	.wirte_container > div.wirte_content .input-sm{ height:55px;  }
	.file_btn_box_container .file_btn_box_con > p{ height:55px; line-height:55px; font-size:14px;  }
	.file_btn_box_container .file_btn_box_con > div label.file_btn_box_label{ width:100px; }

	.wirte_btn_box{ margin: 30px auto 0; max-width:200px ;height:55px; line-height:55px;  }
	.wirte_btn_box button{font-size:16px;  }
}

@media all and (max-width:768px) {
	.wirte_container .wirte_tit{ width:100%; margin-bottom:10px;  }
	.wirte_container .wirte_content{ width:100%;}
	
	.wirte_container > div.wirte_content textarea.input-sm{ padding:15px; }
	.wirte_container > div.wirte_content .input-sm{ height:45px; padding:0 15px; }
	.file_btn_box_container .file_btn_box_con > p{ height:45px; line-height:45px; padding:0 15px;  }

	.file_btn_box_container .file_btn_box_con{ flex-wrap:wrap; }
	.file_btn_box_container .file_btn_box_con > p{ flex:none; width:calc(100% - 100px); }
	.file_btn_box_container .file_btn_box_con > div.file_btn_box_remove{ width:100%; padding-left:0px; margin-top:5px; }
	.file_btn_box_container .file_btn_box_con .file_desc{width:100%;margin-top:10px;}
}