@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body {
	font-family: "Nanum Gothic", "Malgun Gothic", Dotum, "Times New Roman",Helvetica, Arial, sans-serif, "Apple SD Gothic Neo","AppleGothic";
	font-size: 14px;
	padding-top:30px;
}
.container {
	max-width:1200px;
}
.nav-item:hover {
	background-color:#D4DFF2;
}
.image-container {
  height: 350px;         /* 원하는 세로 크기 */
  overflow: hidden;      /* 넘치는 부분 잘리게 함 */
}
.image-container .image-body{
  height: 280px;         /* 원하는 세로 크기 */
  overflow: hidden;      /* 넘치는 부분 잘리게 함 */
  cursor:pointer;
}
.image-container img {
  display: block;
  width: 100%;           /* 또는 auto, 필요에 따라 설정 */
  height: auto;          /* 비율 유지하면서 줄어들도록 */
}
.evlist {
	border-bottom:2px solid #005174;
	width:100%;
}
.evlist tr:hover {cursor:pointer;background-color:#FFE5D4;}
.evlist th {
	padding:7px 0px;
	border-bottom:2px solid #005174;
	text-align:center;
	cursor:default;
	background-color:#FFFFFF;
}
.evlist td {
	padding:5px 0px;
	border-bottom:1px solid #EEE;
	text-align:center;
}
.evlist .replyN {
	background-color:#FF6C21;
	font-weight:bold;
	color:#FFFFFF;
}
.evlist .answerN {
	background-color:#F2F2F2;
}
.evlist .blist1 {
	width:60px;
	min-width:60px;
}
.evlist .blist2 {
	width:90px;
	min-width:90px;
}
.evlist .blistcontent {
	width:100%;
	min-width:100px;
	padding-left:10px;
}
small, .small {
  color: #666;	
}
.signalert {
	margin-top:10px;
}
.noview {
	display:none;
}
.section-title .small {
	font-size:14px;
	font-weight:normal;
}
.section-title small a {
	 color: #666;
}
.section-title-noline {
	margin-bottom:20px;
	padding-bottom:10px;
	color: #666;	
}
.section-title-submittion {
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:10px;
	color: #DE8B37;	
	border-bottom:solid 1px #D3D3D3;	
}
.section-title-submittion-small {
	font-size:25px;
	font-weight:bold;
	margin-top:20px;
	padding-bottom:10px;
	color: #DE8B37;	
}
a:link, a:active, a:visited {
	color:#121212;
	text-decoration:none;
}
a:hover {
	color:#226699;
	text-decoration:none;
}
.word-break {
	word-break: keep-all;
	overflow-wrap: break-word;
	white-space: normal;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
.insert .filelist {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	overflow: auto;
    border: 1px solid #50B39F;
    padding: 10px;
}
.insert .filelist .filebox span {
	padding:3px 0px;
    font-size: 14px;
    display: inline-block;
}
.insert .filelist .filebox .delete i{
    color: #ff5353;
    margin-left: 5px;
}
.cursor { cursor:pointer; }
.colorred { color:#C00000;}
.colorblue { color:#0d6efd;}
.colorblack { color:#404040;}
.colorgreen { color:#50B39F;}
.colornavy { color:#101566;}
.width120 {
	display:inline-block;
	width:120px;
}
.professor img {
  max-width: 200px;   /* 가로 크기를 최대 100px로 제한 */
  width: 100%;        /* 이미지가 부모 요소 크기에 맞게 줄어들도록 설정 */
  height: auto;       /* 비율 유지 */
  border-radius: 30px; /* 모서리를 둥글게 (10px 정도, 필요 시 조정 가능) */
}
#loading {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#loading img {
    width: 50px;
    height: 50px;
}