@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:14px; line-height: 44px;}
.write-wrap .control-label { padding-top:0px; padding-right: 0; white-space: nowrap;}
.write-wrap .write-content { height: 200px;}
.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:15px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

.form-control, .input-group-addon{height:47px; 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; }

/* 연수신청타이틀 */
.highlight {display: inline-block; font-family: 'Noto Sans KR', 'Sans-serif'; font-weight: bold;margin-bottom: 30px;}

.op-title h1:after {content: "";
    width: 100%;
    height: 26px;
    top: -30px;
    z-index: -1;
    display: inline-block;
    background: #fcd9ed;
    position: relative;
}
.write-btn .btn{padding: 10px 20px;}

@media screen and (max-width:991px){
	.div-title-underbar { margin-top: 50px; }
	.div-title-underbar span {font-size:24px;}
	.div-title-underbar p {font-size:14px;}
	.view-wrap .panel { width: 100%; background-color: #efefef; padding: 6px 10px;}
	.div-title-underbar{padding:40px 0 40px 60px;}
	.op-title h1:after {height: 20px; top: -23px;}
	}

	/* 연수신청타이틀 */
	.highlight { margin-bottom: 0; font-size: 36px;}

	@media screen and (max-width:991px){
		.highlight { font-size: 25px;}
	}

	@media screen and (max-width:767px){
		.view-wrap .panel { margin:0 auto;}
		.view-img img { width:100%; }
		.div-title-underbar {padding-left:0;text-align: center;}
		.div-table.table > thead > tr{ font-size: 14px;}
		.div-table.table > tbody > tr > td { font-size:14px;}
		.list-pc .list-tbl th, .list-pc .list-tbl td {padding: 15px 5px;width:70px; }
		.list-pc .list-subject a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap !important; width:120px;}
		.list-btn-box {display: flex; justify-content: center;}
		.responsive .list-btn {margin:initial;}
		.btn-group>.btn, .btn-group-vertical>.btn {padding:6px 10px;}
		.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;}
	}

	/* 연수신청 작성폼 */
	.table{border-top: 2px solid #ccc;/*  border-bottom: 2px solid #ccc; */}
	.table tbody tr th{position: relative; height: 30px; padding: 10px; border-top: 1px solid #ddd; background: #fff; font-size: 13px; color: #333333;line-height: 26px; font-weight: 500; text-align:center; }
	.table tbody tr th label{margin-bottom:0;}
	.table tbody tr th:after { content: ''; display: block;  position: absolute; top: 0; right: 0; width: 1px; height: 15px; background: #ddd;}
	.table tbody tr td{padding:10px; line-height: 26px;}
	.table caption{margin-bottom: 10px; font-size: 15px;  font-weight: 600; text-align: left;}
	
	.input-sm, .form-horizontal .form-group-sm .form-control{font-size:14px;}
	.input-group{width:100%;}
	.input-group .form-control{width:50%;}
	.well{background-color:#fff; border:none; box-shadow:none;-webkit-box-shadow:none;}
	.form-horizontal .has-feedback .form-control-feedback {top:7px;}

	@media (max-width: 767px){
		.table tbody tr th {box-sizing: border-box; display: block; float: left; width: 100%; height: auto; padding: 10px 0; text-align: left;}
		.table tbody tr td {box-sizing: border-box; display: block; float: left; width: 100%; height: auto; padding: 0px  0px 10px; border-top-width: 0;}
		.table tbody tr th:after {display:none;}
		.input-group .form-control{width:100%;}
	
	}


	/* 개인정보 수집 버튼 */
	.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;}