@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 .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; }


/*****기본 end*******************************************************************************************************************************************************/
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 .dot_list li{ margin-bottom:3px; }

.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,
.wirte_container .wirte_tit strong{font-size:18px;margin-top:0; line-height:130%; font-weight:700;    }
.wirte_container .wirte_tit .msg_sound_only,.wirte_container .wirte_tit .sound_only{ width:0px; height:0px; line-height:0; opacity:0; }
.wirte_container .wirte_tit label b,
.wirte_container .wirte_tit strong b{ color:#d71532;}
.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:5px !important;}
.wirte_container > div.wirte_content input.input-sm{ max-width:550px; }
.wirte_container > div.wirte_content textarea.input-sm{ height:100px !Important; resize:none; }
.wirte_container > div.wirte_content input.input-sm.wid100{ max-width:100%; width:100%;  }

.wirte_container .wirte_content_inner.grid2{ display:flex; flex-wrap:wrap;}
.wirte_container .wirte_content_inner.grid2 > div{ display:flex; flex-wrap:wrap; width:calc(50% - 10px); margin-right:20px; }
.wirte_container .wirte_content_inner.grid2 > div:nth-child(2n+2){ margin-right:0px; }
.wirte_container .wirte_content_inner.grid2 > div .tit_box{ width:70px; padding-right:10px; display:flex; flex-wrap:wrap; align-items:center;  }
.wirte_container .wirte_content_inner.grid2 > div .content_box{ width:calc(100% - 70px); }


.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:320px;height:65px; line-height:65px; color:#fff; }
.wirte_btn_box button{font-size:18px;width:100%;cursor:pointer; background:#d71532; 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;}
.wirte_btn_box button img{ display:inline-block; vertical-align:middle; margin-left:10px; }

.file_btn_box_container .file_btn_box_con{ margin-bottom:15px; display:flex; flex-wrap:wrap;    }
.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{ 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{ width:calc(100% - 190px); font-size: 14px;  height: 60px; line-height:60px;   border: 1px solid #ddd;   padding: 0 25px; max-width:550px; flex:1; margin:0px; color:#777; border-radius:5px;  }
.file_btn_box_container .file_btn_box_con > div label.file_btn_box_label{ margin-left:10px;  height:100%;  width:180px; border:3px solid #333; display:flex; align-items:center; justify-content:center; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; color:#333; border-radius:5px; font-weight:700;   }
.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;  }


@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,
	.wirte_container .wirte_tit strong{ font-size:16px; }
	.wirte_container > div.wirte_content .input-sm{ height:55px;  }
	.wirte_container .wirte_content_inner.grid2 > div{ width:calc(50% - 5px); margin-right:10px; }
	.wirte_container .wirte_content_inner.grid2 > div .tit_box{ width:100%; margin-bottom:5px; }
	.wirte_container .wirte_content_inner.grid2 > div .content_box{ width:100%;}
	.file_btn_box_container .file_btn_box_con > p{ height:55px; line-height:55px; width:calc(100% - 160px)  }
	.file_btn_box_container .file_btn_box_con > div label.file_btn_box_label{ width:150px; }

	.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 .wirte_tit label br, .wirte_container .wirte_tit strong br{ display:none; }
	.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{ width:calc(100% - 100px); }
	.file_btn_box_container .file_btn_box_con > div label.file_btn_box_label{ width:90px; font-size:12px; }
	.file_btn_box_container .file_btn_box_con > div.file_btn_box_remove{ width:100%; padding-left:0px; margin-top:5px; }
}


/******추가 end******************************************************************************************************************************************************/

/*타이틀*/
.wirte_container_tit{ display:flex; flex-wrap:wrap; align-items:end; margin-bottom:15px; }
.wirte_container_tit > b{ display:block; width:100%;  font-size:26px; font-weight:900; color:#bbb; line-height:100%; margin-bottom:5px;  }
.wirte_container_tit .tit{ font-size:30px; font-weight:700; line-height:140%; }
.wirte_container_tit .req{ margin-left:auto; font-weight:500; font-size:16px; }
.wirte_container_tit .req b{ color:#d71532; font-weight:500; }

/*버튼 박스*/
.wirte_content_inner.btn_box{ display:flex; flex-wrap:wrap;}
.wirte_content_inner.btn_box input{ width:calc(100% - 190px); }
.wirte_content_inner.btn_box .com_btn{ width:180px; margin-left:10px; border:3px solid #333; height:60px; line-height:56px; text-align:center; font-size:16px; font-weight:700; background:#fff; border-radius:5px;  color:#333;   
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; 
}
.wirte_content_inner.btn_box .com_btn.on{ background:#333; color:#fff; }


/*개인정보제공동의*/
.wirte_content_inner.agree_box > p{  font-size:16px; line-height:160%;}
.wirte_content_inner.agree_box .agree_inner{ max-height:300px; border-radius:5px; background:#f5f5f5; overflow-x:auto; padding:30px; }
.wirte_content_inner.agree_box .agree_inner strong{ display:block; font-size:20px; line-height:140%; }
.wirte_content_inner.agree_box .agree_inner p{ font-size:16px; line-height:160%; }
.wirte_content_inner.agree_box .agree_ck{  display:flex; flex-wrap:wrap; align-items:center;  }
.wirte_content_inner.agree_box .agree_ck strong{ font-size:18px; line-height:140%; }
.wirte_content_inner.agree_box .agree_ck .custom_checkbox2{ margin-left:auto; }

/*공통 체크*/
.custom_checkbox2{ overflow:hidden; position:relative;}
.custom_checkbox2 input{ position:absolute; top:-99px; left:-99px; opacity:0; width:0px; height:0px;  }
.custom_checkbox2 input + label{ font-size:16px; line-height:140%; font-weight:500; padding-left:30px; cursor:pointer; margin-bottom:0px;    }
.custom_checkbox2 input + label:after{ content:""; position:absolute; top:0px; left:0; width:20px; height:20px; border:1px solid #ddd; border-radius:2px; background-color:#fff;
	background-image:url('/thema/Basic/img/write_basic_check03.png'); background-position:center; background-repeat:no-repeat;
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.custom_checkbox2 input:checked + label:after{ background-image:url('/thema/Basic/img/write_basic_check04.png'); background-color:#d71532;}

/*공통 라디오*/
.custom_radio01{ overflow:hidden; position:relative;}
.custom_radio01 input{ position:absolute; top:-99px; left:-99px; opacity:0; width:0px; height:0px;  }
.custom_radio01 input + label{ position:relative;  font-size:16px; line-height:140%; font-weight:500; padding-left:30px; cursor:pointer;   }
.custom_radio01 input + label:after,
.custom_radio01 input + label:before{ content:""; position:absolute; border-radius:100%; background-color:#fff; }
.custom_radio01 input + label:after{  top:2px; left:0; width:20px; height:20px; border:1px solid #ddd; }
.custom_radio01 input + label:before{ z-index:1; top:7px; left:5px; width:10px; height:10px;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.custom_radio01 input:checked + label:before{ background-color:#d71532;}

/*네, 아니오 박스*/
.wirte_content_inner.yes_box{ display:flex; flex-wrap:wrap; align-items:center;  }
.wirte_content_inner.yes_box strong{margin-right:auto; font-size:18px;  }
.wirte_content_inner.yes_box span{ margin-left:15px; }
.wirte_container .wirte_content_inner.yes_box label{ margin-left:0px; }

/*개인정보제공동의02*/
.agree_box02 .agree_ck{  display:flex; flex-wrap:wrap; align-items:center; margin-bottom:20px;   }
.agree_box02 .agree_ck strong{ font-size:18px; line-height:140%; }
.agree_box02 .agree_ck .custom_checkbox2{ margin-left:auto; }
.agree_box02 .inner{ border:1px solid #ddd; border-top:2px solid #333; padding:25px; }
.agree_box02 .inner p{ font-size:16px; line-height:160%; margin-bottom:20px;}
.agree_box02 .inner p:last-child{ margin-bottom:0px; }
.agree_box02 .inner p.color_gray{ color:#777;}
.agree_box02 .inner b{ display:block; font-size:16px; line-height:140%; margin-bottom:3px; }

/*개인정보제공동의03*/
.agree_box03{ background:#f4f4f4; display:flex; flex-wrap:wrap; align-items:center; padding:40px 30px; }
.agree_box03 strong{ font-size:18px; line-height:140%; margin-right:auto;  }
.agree_box03 .custom_radio01{ margin-left:20px; }

@media all and ( max-width:1024px){
	/*타이틀*/
	.wirte_container_tit{ margin-bottom:10px; }
	.wirte_container_tit > b{ font-size:20px; }
	.wirte_container_tit .tit{ font-size:25px; }
	.wirte_container_tit .req{ font-size:14px;  }

	/*버튼 박스*/
	.wirte_content_inner.btn_box input{ width:calc(100% - 160px); }
	.wirte_content_inner.btn_box .com_btn{ width:150px; font-size:14px; height:55px; line-height:51px;}

	/*개인정보제공동의*/
	.wirte_content_inner.agree_box > p{  font-size:14px; }
	.wirte_content_inner.agree_box .agree_inner{ max-height:200px; padding:20px; }
	.wirte_content_inner.agree_box .agree_inner strong{  font-size:18px;}
	.wirte_content_inner.agree_box .agree_inner p{ font-size:14px; }
	.wirte_content_inner.agree_box .agree_ck strong{ font-size:16px; }
	.wirte_content_inner.agree_box .agree_ck .custom_checkbox2{ width:100%; margin-top:10px;  }

	/*공통 체크*/
	.custom_checkbox2 input + label{ font-size:14px; padding-left:25px;   }

	/*공통 라디오*/
	.custom_radio01 input + label{ font-size:14px; padding-left:25px; cursor:pointer;   }

	/*네, 아니오 박스*/
	.wirte_content_inner.yes_box strong{ width:100%; font-size:16px; margin-bottom:10px;  }
	.wirte_content_inner.yes_box span{ margin-left:0px; margin-right:15px;  }

	/*개인정보제공동의02*/
	.agree_box02 .agree_ck{ margin-bottom:15px;   }
	.agree_box02 .agree_ck strong{ font-size:16px; }
	.agree_box02 .inner{  padding:20px; }
	.agree_box02 .inner p{ font-size:14px;  margin-bottom:15px;}
	.agree_box02 .inner b{ font-size:14px; }

	/*개인정보제공동의03*/
	.agree_box03{ padding:30px 20px; justify-content:center; }
	.agree_box03 strong{ font-size:16px; width:100%; margin-bottom:10px;   }
	.agree_box03 .custom_radio01{ width:100%; margin:0px;  }
}
@media all and ( max-width:768px){
	/*타이틀*/
	.wirte_container_tit .tit{ font-size:20px; }
	.wirte_container_tit .req{ font-size:12px; }

	/*버튼 박스*/
	.wirte_content_inner.btn_box input{ width:calc(100% - 100px); }
	.wirte_content_inner.btn_box .com_btn{ width:90px; font-size:12px; height:45px; line-height:41px;}

	/*개인정보제공동의*/
	.wirte_content_inner.agree_box .agree_inner{ padding:15px; }
	.wirte_content_inner.agree_box .agree_inner strong{  font-size:16px;}
	.wirte_content_inner.agree_box .agree_inner p{  font-size:13px;}
	.wirte_content_inner.agree_box .agree_ck strong{ font-size:14px; }

	/*네, 아니오 박스*/
	.wirte_content_inner.yes_box strong{ font-size:14px; margin-bottom:5px;  }

	/*개인정보제공동의02*/
	.agree_box02 .agree_ck strong{ width:100%;}
	.agree_box02 .agree_ck .custom_checkbox2{ margin:5px 0 0 0; }


}