/*subpage의 css

*특정 subpage에서 사용한 css를 기입한다

*타 페이지에 영향을 주지 않도록 주의하며 한 페이지에서 사용되는 css가 많을 경우, 단독 파일로 제외한다

*css 윗부분에 다음과 같이 주석을 기입한다(날짜 담당자 설명)
*(ex.20151101 Jhee 데이터테이블 버튼 속성 제어)

*사용되는 페이지가 달라질 경우 <> 안에 페이지 또는 파일명을 기입한다(파일명을 기입할 경우, 확장자까지 기입한다)
*(ex.< 질관리 직무능력 성취도 list >)

*주의 : 최대한 pixel-admin과 유사한 naming을 유지한다(_(under bar)사용 지양) 
      @media() 의 내용은 가장 마지막에 위치하도록 한다
*/

/* ==================================< login.jsp >==================================  */
/* 로그인페이지 패턴을 위한 css (별도의 이미지가 삽입될 경우, 주석처리한다) */
#page-signin-bg .overlay {
	background-image: url("../../img/climpek.png");
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
}

/* ==================================< footer.jsp >==================================  */
/* 20151001 Jhee footer 전체를 감싸는 div */
#footerbar {
	min-height: 10px; 
	background-color: #f5f5f5; 
	text-align: center; 
	-webkit-transition: all .3s;
	transition: all .3s; 
	padding: 10px 18px 10px 18px;
	font-size: 10px;
}

/* 20151001 Jhee footer logo를 감싸는 div */
#footerbar_logo {
	top:5px;
	text-align: right;
}

/* 20151001 Jhee footer content(주소, 전화번호 등)를 감싸는 div */
#footerbar_content {
	text-align:left; 
}

/* Jhee 모바일 화면 */
@media (max-width: 768px) {
	/* 20151001 Jhee 모바일의 경우, footer의 로고와 주소는 보이지 않고 copyright만 center로 보여지도록 처리 */
  	#footerbar_logo {
  		display: none;
  	}	
  	#footerbar_content {
  		text-align: center !important;
  		font-size: 10px;
  	}
  	#footerbar_content #address {
  		display: none;
  	}
  	#footerbar_content #copyRight {
  		padding:0;
  	}
}

/* ==================================< 평가계획서 작성 modify >==================================  */
/* 20151113 Jhee width:100% 속성이 없는 form-control css */
.form-control-noWidth {
	display:block;
	padding:6px 12px;
	font-size:13px; 
	border:1px solid #d6d6d6;
	border-radius:2px;
	border-top-color:#c2c2c2;
}

/* 20151113 Jhee 퍼센트(%) 텍스트의 위치를 조정하기 위한 div의 css */
.float-marginDiv {
	float:left;
	margin-top:7px;
	margin-left: 7px;
}

/* ==================================< sample4.jsp >==================================  */
/* 학과선택 modal th 짙은 bg-color */
.bg-dark-blue {
	background: #b9cde5;
    border-color: #b9cde5;
}

/* 학과선택 modal td 옅은 bg-color */
.td-light-blue {
    background: #dce6f2;
    border-color: #dce6f2;
    padding: 15px;
}

/* ==================================< sample12.jsp >==================================  */
/* 20170110 Jhee 타임라인 헤더 속성 변경 */
.tl-header {
	*zoom:1;
	width:80%; /* default:140px */
	background-color:rgba(255,255,255,0.5);
}
.tl-header:after {
	content:' ';
	clear:both;
	display:block;
}
.tl-header {
	background:rgba(255,255,255,0.5);
	font-size: 14px;
}

/* 20160106 Jhee 타임라인 헤더의 타이틀 속성 */
.tl-title {
	padding: 5px;
	background-color: #b6df89;
	border: 1px solid #95d054;
}
.tl-title2 {
	padding: 5px;
	background-color: #e3f2d2;
	border: 1px solid #b6df89;
}
.tl-title3 {
	padding: 5px;
	background-color: #e3f2d2;
	border: 1px solid #b6df89;
}

.tl-body .panel-title {
	font-size: 13px;
}

/* 타임라인 tl-body안의 well */
.timeline .well {
	margin: 6px 0 0 0;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: none;
	box-shadow: none;
	*zoom: 1;
}
.timeline .well:after {
	content: ' ';
	clear: both;
	display: block;
}

/* 타임라인 well안의 원형 아이콘 */
.well-icon {
	width: 20px;
	height: 20px;
	border-radius: 999px;
	text-align: center;
	float: left;
	overflow: hidden;
}

/* 타임라인 well안의 label margin값을 주어 위치맞춤 */
.timeline .well > label {
	margin-top: 2px;
	font-weight: 400;
}