001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
050
051
052
053
054
055
056
057
058
059

/* (2024.12.14, 차재복, Cha Jae Bok, cjbword@gmailcom) */

/* 앞 문자열 뒤 수평선 (줄바꿈선) */
	#line-with-text {
		display: flex;
	    align-items: center; /* flex-end; center; baseline;*/
		margin-top: 5px;
		margin-bottom: 10px;
	}
/*
	#line-with-text::before {
		content: '';
		flex-grow: 1;
	    height: 1px;
		background-color: #000;
	    margin-right: 10px;
	}
*/
	#line-with-text::after {
		content: '';
	    flex-grow: 10;
		height: 0.5px;
	    background-color: #000;
		margin-left: 10px;
	  }
	#line-with-text span {
		white-space: nowrap;
		font-size:0.7em;
		font-style:italic;
		background-color:yellow;
		color:red;
	  }


/* history_div */
	div#history_div {
		margin : 15px 0 0 20px;
		padding-bottom : 0;
		width : 80%;
		white-space: nowrap;
		overflow:hidden;
/*		text-overflow: ellipsis; */
		overflow-x: auto; 
/*		visibility: hidden; */
	}
	div#history_div::-webkit-scrollbar {
	  height: 7px; /* 스크롤바 높이를 얇게 */
	}
	div#history_div::-webkit-scrollbar-thumb {
	  background: gray; /* 스크롤바 색상 */
	}
	div#history_div a, div#history_div span {
		display : inline;
		color : gray;
	}
	div#history_div > :first-child {
/*		font-weight : bold; */
		color : orange;
	}