/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

#contentCompany {
	padding:0 30px;}
#contentCompany h2, 
#contentCompany h3, 
#contentCompany h4,
#contentCompany h5 {
	color:#003471;
	padding-bottom:0.2em;}
#contentCompany h2, 
#contentCompany h3, 
#contentCompany h4,
#contentCompany h5,
#contentCompany p {
	margin:1em 0;}
#contentCompany ul>li {}
#contentCompany ul ul,
#contentCompany ul ol,
#contentCompany ol ol,
#contentCompany ol ul {
	/*margin:0 30px 1em 60px;*/}
#contentCompany .hello {
	font-family: "Nanum Brush Script", cursive;}
#contentCompany .jumbo {
	font-size:5rem; line-height:5rem;}

.photo {
	float:none; text-align:center;}
@media (min-width: 640px) {
.photo {
	float:left; margin-right:1em !important;}
}

.tab-content h3 {
	margin-top:1.6em !important; margin-bottom:1.0em;}
.tab-content .thumbnail {
	min-height:27rem !important}
.tab-content .caption {
	min-height:6em;}
.tab-content .caption h4 {
	margin-top:0.6em;}
.tab-content .caption h4 small {
	line-height:1.3em; margin-top:.4rem}
.tab-content .caption .label {
	white-space:nowrap;}
#tabAdviser h4 small, 
#tabPresident h4 small, 
#tabExecutive h4 small, 
#tabAudit h4 small, 
#tabBranch h4 small, 
#tabCommittee h4 small, 
#tabDirector h4 small {
  display:block;
	/*white-space:nowrap;*/}


#navermap2 {
	border:1px dotted #666666;}


ol.list-numbered {
  list-style: none; /* Hide default markers */
  padding: 0.5rem; /* Adjust padding as needed */
  margin-left: 2rem; /* Adjust margin as needed */
  counter-reset: my-custom-counter;
}

ol.list-numbered>li::before {
  counter-increment: my-custom-counter; /* Increment counter for each list item */
  content: counter(my-custom-counter) ") "; /* Display custom content */
  font-weight: bold;
}

ol.list-numbered>li>ol {
  list-style: none; /* Remove default list markers */
  counter-reset: item; /* Initialize a counter for the list items */
  padding: 0; /* Adjust padding as needed */
  margin: 0; /* Adjust margin as needed */
}

ol.list-numbered>li>ol>li {
  position: relative; /* Essential for positioning the pseudo-element */
  padding-left: 3.8rem; /* Create space for the circle */
  margin-bottom: 0.1rem; /* Spacing between list items */
}

ol.list-numbered>li>ol>li::before {
  content: counter(item); /* Display the counter value */
  counter-increment: item; /* Increment the counter for each list item */
  position: absolute;
  left: 1.8rem;
  top: .5rem; /* Adjust positioning as needed */
  width: 1.6rem; /* Size of the circle */
  height: 1.6rem; /* Size of the circle */
  line-height: 1.1rem; /* Vertically center the number */
  text-align: center; /* Horizontally center the number */
  background-color: white; /* Background color of the circle */
  color: black; /* Text color of the number */
  border-radius: 50%; /* Makes it a circle */
  border: 1px solid black;
  font-size: 1.1rem;
}