

.main-container {
  width: 100%; /* 부모 요소가 100%여야 테이블이 전체 화면을 기준으로 80%가 됩니다. */
  max-width: 1200px; /* 만약 max-width가 설정되어 있다면, 이 값에 따라 너비가 고정될 수 있습니다. */
}

/* body와 html의 기본 설정도 중요합니다. */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}

.responsive-table {
    width: 80%; /* 컴퓨터 화면에서 원하는 너비 */
    margin: 0 auto; /* 테이블을 중앙 정렬 (선택 사항) */
}

/* 1. 토글 아이콘 (삼선) 색상 변경: 흰색 */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* 2. 토글 버튼 외곽선(테두리) 색상 변경: 흰색 */
.navbar-toggler {
    border-color: white; 
}

/* 3. 클릭/탭 시 진해지는 그림자(Focus Ring) 제거 */
.navbar-toggler:focus {
    box-shadow: none;
    outline: 0; 
}


/*# sourceMappingURL=bootstrap.min.css.map */
 /* 예시: 메인 콘텐츠 영역 상단 여백 설정 */
        .main-content {
            padding-top: 20px;
        }
/* 1. 평소 상태 (기본, 방문 후) - 밑줄 제거와 검은색 적용 */
a.content-link,
a.content-link:link,
a.content-link:visited {
    text-decoration: none !important;
    color: #000000 !important; /* 평소 색상 (검은색) */
    font-size: 15px;
    
}

/* 2. 마우스를 올렸을 때 (Hover 상태) - 색상만 빨간색으로 변경 */
a.content-link:hover {
    text-decoration: none !important; /* 밑줄 제거를 확실히 하려면 유지 */
    color: #FF0000 !important; /* 오버 시 색상 (빨간색) */
   
}

/* 3. 클릭 중일 때 (Active 상태) */
a.content-link:active {
    text-decoration: none !important;
    color: #000000 !important; /* 클릭 중 색상 (검은색) - 원하시는 대로 변경 가능 */
   
}
/*---------------------------------------서브메뉴오버시작-----------------------------------------------------------------*/
.navbar-nav .nav-item {
    position: relative; 
}

/* 서브메뉴 (ul.submenu) 초기 설정 - 숨김, 위치 설정 */
.submenu {
    display: none; /* 기본적으로 숨기기 */
    position: absolute; /* 부모 요소를 기준으로 위치 지정 */
    top: 100%; /* 메인 메뉴 바로 아래에 위치 */
    left: 0;
    z-index: 1000; /* 다른 요소 위에 표시되도록 z-index 설정 */
    /* 서브메뉴 배경, 테두리, 기타 스타일 추가 */
    background-color: #fff;
    list-style: none; /* 리스트 스타일 제거 */
    padding: 0;
    margin: 0;
    min-width: 150px; /* 적절한 최소 너비 설정 */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* 그림자 효과 (선택 사항) */
}

/* 서브메뉴 안의 항목 (li) 스타일 */
.submenu li {
    padding: 0;
    margin: 0;
}

.navbar-nav .submenu .nav-link {
    padding: 10px 15px;
    display: block;
    color: #000000 !important; /* !important를 사용하여 강제 적용 */
    font-size: 16px;
    font-weight: normal; /* 글자 굵기도 명시적으로 normal로 재설정 권장 */
}
.navbar-nav .submenu .nav-link:hover {
    background-color: #f8f9fa;
    color: #bd1818 !important; /* 호버 색상에도 !important 사용 */
    font-size: 16px;
}
/* PC 화면 (예: 992px 이상)에서만 드롭다운 메뉴 활성화 */
@media (min-width: 992px) {
    /* 메인 메뉴 항목에 마우스를 올렸을 때 서브메뉴 표시 */
    .navbar-nav .nav-item:hover .submenu {
        display: block; /* 숨겨져 있던 서브메뉴를 표시 */
    }

    /* 토글 버튼은 PC에서 숨기기 (Bootstrap 클래스에 의해 이미 숨겨져 있을 수 있음) */
    .navbar-toggler {
        display: none;
    }

    /* PC에서 collapse를 항상 열어두기 */
    .collapse.navbar-collapse {
        display: flex !important;
    }
    .submenu-right .submenu {
        left: auto; /* 기존 left: 0 설정을 해제합니다. */
        right: 0;   /* 부모 요소의 오른쪽 끝에 맞춥니다. */
    }
}
/*-----------------------------------------서브메뉴오버끝-----------------------------------------------------------------*/
a.notice-link,
a.notice-link:link,
a.notice-link:visited {
    text-decoration: none !important;
    color: #000000 !important; /* 평소 색상 (검은색) */
    font-size: 15px;
    
}

/* 2. 마우스를 올렸을 때 (Hover 상태) - 색상만 빨간색으로 변경 */
a.notice-link:hover {
    text-decoration: none !important; /* 밑줄 제거를 확실히 하려면 유지 */
    color: #FF0000 !important; /* 오버 시 색상 (빨간색) */
   
}

/* 3. 클릭 중일 때 (Active 상태) */
a.notice-link:active {
    text-decoration: none !important;
    color: #000000 !important; /* 클릭 중 색상 (검은색) - 원하시는 대로 변경 가능 */
   
}

.counsel_st { /* class="main-title"인 요소에 적용 */
  font-size: 15px;
}
        /* 예시: 푸터 영역 스타일 */
        footer {
            background-color: #ececec;
            padding: 20px 0;
            margin-top: 40px;
            text-align: center;
        }

.nav-link {
            color: #ffffff !important;
            font-size: 18px;
        }
.nav-link:hover {
            color: #d0e8ff !important;
            font-size: 18px;
        }        

.line03{
	 TEXT-ALIGN: left; HEIGHT: 35px;FONT-FAMILY: "dotum"  FONT-SIZE:11px; BORDER-BOTTOM: #d9caa9 1px solid; padding-left:0px; line-height:35px;
}
.line01 {
	 TEXT-ALIGN: left; HEIGHT: 28px;FONT-FAMILY: "dotum"  FONT-SIZE: 11px; BORDER-BOTTOM: #d9caa9 1px solid; padding-left:25px; background:url('../../img/icon06.gif') no-repeat left center; line-height:28px;
}
.line011 {
	 TEXT-ALIGN: left; HEIGHT: 28px;FONT-FAMILY: "dotum"  FONT-SIZE: 11px; BORDER-BOTTOM: #d9caa9 1px solid; padding-left:25px; line-height:28px;
}
.line05 {
	 TEXT-ALIGN: left; HEIGHT: 30px;FONT-FAMILY: "dotum"  FONT-SIZE: 11px; BORDER-BOTTOM: #d9caa9 1px solid; padding-left:20px; background:url('../../img/icon10.gif') no-repeat left center; line-height:30px;
}

.indent9 {
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.text_c {
	FONT-SIZE: 12px; COLOR: #866a1d;  FONT-FAMILY: "dotum","Arial"; TEXT-DECORATION: none;font-weight:Bold;
}
.free_t {
	FONT-SIZE: 14px; COLOR: #3f3f3f;  FONT-FAMILY: "dotum","Arial"; TEXT-DECORATION: none;
}

.admin_l {
	FONT-SIZE: 14px; COLOR: #3f3f3f;  FONT-FAMILY: "dotum","Arial"; TEXT-DECORATION: none;
}
.admin_l:hover {
	FONT-SIZE: 14px; COLOR: #ff8888;  FONT-FAMILY: "dotum","Arial"; TEXT-DECORATION: none;
}

.admin_left {
	FONT-SIZE: 14px; COLOR: #3f3f3f;  FONT-FAMILY: "dotum","Arial"; TEXT-DECORATION: none;
}


.leftmenu {background:url(/admin/images/left_menu_arr.gif) 5px 5px no-repeat; font:normal 13px/14px  gulim, Arial, Helvetica; color:#797979;  padding:5px 10px 3px 20px; text-align:left; border-bottom:1px solid #e2e2e2;}

.leftmenu_s {font:normal 12px/14px  gulim, Arial, Helvetica; color:#797979;  padding:3px 10px 1px 20px; text-align:left}


.leftmenu a {
   /* background:url(/admin/images/left_menu_arr.gif) 5px 5px no-repeat; */
    text-decoration: none !important; /* 밑줄 제거 */
    color: #797979;      /* 색상 유지 (선택 사항) */
    font: inherit;
}

.search-t{text-decoration:none;color:#000000;font-face:돋움;font-size:9pt}

/*메인 회사소개 부분 글자 */
.box-link {
    /* 폰트 설정 */
    font-size: 22px;            /* 글자 크기 변경 */
    color: #333333;             /* 글자 색상 변경 */
    font-weight: bold;          /* 글자 굵기 변경 (원하는 경우) */
    
    /* 밑줄 제거 (가장 확실한 방법) */
    text-decoration: none !important; 
}

/* 마우스 오버 시 색상만 변경 (링크의 기본 스타일) */
.box-link:hover {
    color: #ff6600; /* 오버 시 색상 */
    /* 밑줄을 없애더라도 안전을 위해 다시 명시할 수 있습니다. */
    text-decoration: none; 
}

.align-middle {
    /* 이미지를 중간 정렬하여 텍스트의 베이스라인 문제 해결 */
    vertical-align: middle;
}
