@charset "utf-8";

/* Write */
.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; }


/*************** 기본 end ***************************************************************************************************************************************************************************************/
input, textarea{-webkit-appearance: none; -webkit-border-radius: 0;}

.com_ck{position:relative;display:inline-block;margin-right:30px;}
.com_ck input{position:absolute;top:0;left:0;width:0;height:0;opacity:0;}
.com_ck input + label{font-size:16px;line-height:1.4;font-weight:500;margin:0;padding-left:30px;background:url('/thema/Basic/img/com_ck01.png') no-repeat left top;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.com_ck input:checked + label{background-image:url('/thema/Basic/img/com_ck02.png');}

.write_desc{font-size:14px;line-height:1.4;margin-top:10px;word-break:keep-all;}

.write-wrap{width:50%;margin-left:auto;}
.write_box{margin-bottom:70px;}
.write_box .write_tit{font-size:22px;line-height:1.4;margin-bottom:15px;}
.write_box .write_tit label{margin:0;}
.write_box .write_content .input_com{width:100%;height:60px;border:0;border-bottom:1px solid #ddd;padding:0 10px;}
.write_box .write_content .input_com:focus,
.write_box .write_content .input_com:active{border-bottom:3px solid #1aa4b8;}
.write_box .write_content select.input_com{background-position:right 25px center;}
.write_box .write_content textarea.input_com{padding:10px;resize:none;outline:none;}

.write_box.option_box{padding:35px 0;}
.write_box.option_box .write_tit{padding-top:0;}

.write_box .write_content .subject_box{display:flex;}
.write_box .write_content .subject_box button{width:60px;height:60px;background:#333;color:#fff;font-size:14px;}

.write_box .write_content .link_box{margin-bottom:15px;}
.write_box .write_content .link_box:last-child{margin-bottom:0;}

.write_box .write_content .file_box{max-width:660px;margin-bottom:15px;}
.write_box .write_content .file_box:last-child{margin-bottom:0;}
.write_box .write_content .file_box .file_upload{display:flex;align-items:center;}
.write_box .write_content .file_box .file_upload .file_input{display:none;}
.write_box .write_content .file_box .file_upload .file_name{width:calc(100% - 210px);background:#f5f5f5;height:60px;line-height:60px;padding:0 25px;font-size:16px;margin-right:10px;}
.write_box .write_content .file_box .file_upload .file_label{width:200px;height:60px;line-height:60px;border:1px solid #333;font-size:16px;font-weight:500;text-align:center;margin:0;cursor:pointer;}
.write_box .write_content .file_box .file_desc{margin-top:10px;}
.write_box .write_content .file_box .file_remove{display:block;margin:10px 0 0;}

.write_submit{margin-left:0;}

/*문의 추가*/
.write_agree{position:relative;padding-left:35px;}
.write_agree input{position:absolute;top:0;left:0;width:0;height:0;opacity:0;}
.write_agree input + label{font-size:20px;line-height:1.4;font-weight:500;margin:0;cursor:pointer;}
.write_agree input + label:before{content:"";width:26px;height:26px;background:#fff;border:1px solid #ddd;border-radius:50%;position:absolute;top:-2px;left:0;}
.write_agree input + label:after{content:"";width:14px;height:14px;background:#000;border-radius:50%;position:absolute;top:4px;left:6px;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.write_agree input:checked + label:after{opacity:1;}
.write_agree input + label b{text-decoration:underline;text-underline-position:under;}

#contact_modal{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 30px);max-width:1000px;z-index:9999;}
#contact_modal .modal_top{display:flex;align-items:center;height:80px;background:#000;padding:0 25px;}
#contact_modal .modal_top strong{font-size:24px;font-weight:500;color:#fff;}
#contact_modal .modal_top button{margin-left:auto;}
#contact_modal .modal_cont{background:#fff;padding:30px;max-height:calc(100vh - 250px);overflow-y:auto;}
#contact_modal .modal_cont p{font-size:16px;line-height:1.6;word-break:keep-all;}
#contact_modal .modal_cont p span{display:block;margin-bottom:30px;}
#contact_modal .modal_cont p span:last-child{margin-bottom:0;}
#contact_modal .modal_cont p span b{display:block;margin-bottom:5px;}

#contact_dummy{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;cursor:pointer;}

@media all and (max-width:1024px){
	.com_ck{margin-right:20px;}
	.com_ck input + label{font-size:14px;padding-left:25px;background-size:18px;}

	.write_desc{font-size:13px;}

	.write-wrap{width:100%;margin:0;}
	.write_box{margin-bottom:50px;}
	.write_box .write_tit{font-size:18px;margin-bottom:10px;}
	.write_box .write_content .input_com{height:50px;}
	.write_box .write_content select.input_com{background-position:right 15px center;}

	.write_box.option_box{padding:30px 0;}

	.write_box .write_content .subject_box button{width:50px;height:50px;font-size:13px;}

	.write_box .write_content .file_box .file_upload .file_name{width:calc(100% - 110px);height:50px;line-height:50px;padding:0 15px;font-size:14px;}
	.write_box .write_content .file_box .file_upload .file_label{width:100px;height:50px;line-height:50px;font-size:14px;}
	
	.write_submit{margin-left:auto;}

	/*문의 추가*/
	.write_agree{padding-left:30px;}
	.write_agree input + label{font-size:18px;}
	.write_agree input + label:before{width:22px;height:22px;top:0;}
	.write_agree input + label:after{width:10px;height:10px;top:6px;}

	#contact_modal .modal_top{height:60px;padding:0 20px;}
	#contact_modal .modal_top strong{font-size:20px;}
	#contact_modal .modal_top button img{width:20px;}
	#contact_modal .modal_cont{padding:20px;}
	#contact_modal .modal_cont p{font-size:14px;}
	#contact_modal .modal_cont p span{margin-bottom:20px;}
}
@media all and (max-width:768px){
	.com_ck{margin:5px 15px 5px 0;}

	.write_box{margin-bottom:40px;}
	.write_box .write_tit{font-size:16px;}
	.write_box .write_content .input_com{height:45px;}

	.write_box.option_box{padding:20px 0;}

	.write_box .write_content .subject_box button{width:45px;height:45px;}

	.write_box .write_content .file_box .file_upload .file_name{height:45px;line-height:45px;}
	.write_box .write_content .file_box .file_upload .file_label{height:45px;line-height:45px;}

	/*문의 추가*/
	.write_agree input + label{font-size:16px;}
	.write_agree input + label:before{width:20px;height:20px;top:-1px;}
	.write_agree input + label:after{width:10px;height:10px;top:4px;left:5px;}
}