@charset "utf-8";

/* Write */
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold;font-size:18px; line-height: 43px;}
.write-wrap .control-label { padding-top:0px; padding-right: 0; white-space: nowrap;}
.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; }

.form-control, .input-group-addon{height:40px; box-shadow: none;}

/*단축키일람*/
.btn_cke_sc {padding: 12px 40px;  border-radius: 3px !important;display:none;}

#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; }


	.form-group-check{margin-bottom:12px;}
	.table-responsive {border:0;}
	.at-container .table-responsive{max-width:100% !important;}
	.board-nav{background:url("/img/metech_ps/ps_title01_4.jpg") no-repeat center / cover; }
	/* .board-nav > .page-nav {display:none;} */

	@media screen and (max-width:767px){
		.pagination-sm>li>a, .pagination-sm>li>span {padding:2px 10px;}
		.form-group-check{margin-bottom:0px;}
		.write-wrap .sp-label {line-height: 14px;}
		.write-wrap label { font-size:14px; line-height: normal;}
		.form-group {flex-wrap: wrap;    flex-direction: column;    align-items: flex-start;}
	}
	

	select.input-sm{height:40px; font-family:'Noto Sans KR', sans-serif;}

	
	/* 개인정보 수집 버튼 */
	.btn_pledge {color: #fff !important; border-radius: 5px;font-size: 14px;display: inline-block; padding: 13px 20px 13px 20px; border: 1px solid #333; vertical-align: middle; background: #333; position: relative; line-height: 1; transition: 0.2s all; cursor: pointer;}
	.btn_pledge:hover{background: #000; border: 1px solid #000;}

	/* 모달 */
	.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 2; /* Sit on top */
	  padding-top: 100px; /* Location of the box */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	.modal-content {
	  background-color: #fff;
	  margin: 100px auto;
	  padding: 30px;
	  border: 1px solid #888;
	  width: 90%;
	  max-width:1000px;
	  height:auto;
	  padding-bottom:100px;
	  word-break:keep-all;
	  position:relative;
	}

	.modal-content .con_box{background-color:#f7f7f7; padding:20px; border-radius:8px;}
	.modal-content .con_box h5{color:#0f1f3c;}
	.modal-content .input_txt { font-size: 16px; display: inline; text-align: right;}
	.modal-content input[type=checkbox]{width:20px; height:20px; margin-top:0;}

	@media screen and (max-width:767px){
		.modal-content {padding:20px 20px 100px;}
	}

	/* 모달 닫기 버튼 */
	.close {border-radius: 5px !important; color: #fff; line-height: normal; font-size: 14px; font-weight:normal; background-color: #333;opacity:1; padding: 10px 20px;margin-bottom: 30px; font-family: 'Noto Sans KR', sans-serif;text-shadow:none;min-width:100px;}
	.close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; opacity:1; background-color: #000;}