/* 상단 일반 영역: 기본 배경색과 동일 */
.menuTopTextArea {
    background: #333333;
}

.menuLogDiv {}

.menuTopText {
    color: #cccccc;
}

.menuTopText a {
    color: #cccccc; /*#00FFFF;*/
}




.defaultMainTitle {
    color: #cccccc;
	background: #333333;
}

.defaultMainTitle a{
    color: #cccccc;
	
}



.defaultSubTitle {
	color: #bbbbbb;
	font-size:1.0rem;
}


/* 로고 텍스트: 어두운 배경에서 돋보이는 밝은 색상 및 그림자 */
.logoText {
    color: #ffffff;
    text-shadow: 0 0 8px #00FFFF, 0 0 10px #33FFFF; /* 밝은 청록 그림자 */
}

.logoText2 {
    color: #fff; /* 흰색 유지 */
    text-shadow: 0px 2px 3px #9adfe8; /* #68afc1 -> #9adfe8 (밝은 청록 그림자) */
    -webkit-transform: skew(60deg);
}

/* 기본 메뉴: 어두운 테두리 */
.defaultMenu {
    border-top: 2px solid #444; /* #dcdcdc -> #555555 (짙은 테두리) */
    border-bottom: 1px solid #444; /* #dcdcdc -> #555555 */

	background-color: #222;

}

.menuTable {}
.menuTable td {}
.menuTable td a {}
.defaultMenu ul {}
.defaultMenu ul li {}

.defaultMenu ul li a {
    color: #aaaaaa; /* #8b8390 -> #aaaaaa (밝은 회색) */
}

.defaultMenu ul li a:hover {
    color: #ffffff; /* #333 -> #ffffff (흰색) */
    background: #444444; /* #f0f0f0 -> #444444 (어두운 배경에 맞는 호버 색) */
}

/* 드롭다운 메뉴: 배경색을 #333보다 더 짙게 */
.defaultMenu ul li ul.dropdown {
    background: #1e1e1e;
    box-shadow: 10px 10px 20px 0px #000;
}

.defaultMenu ul li ul li a {
    color: #ffffff; /* 흰색 유지 */
}

.defaultMenu ul li ul li a:hover {
    color: #ffffff; /* 흰색 유지 */
    background: #ff4444; /* #ff0000 -> #ff4444 (밝은 빨강으로 강조) */
}

/* 드롭다운 2차 메뉴: 드롭다운보다 더 짙은 배경 */
.defaultMenu ul li ul li ul.dropdown2 {
    background: #111111;
    box-shadow: 10px 10px 20px 0px #000;
}

.defaultMenu ul li ul li:hover ul.dropdown2 {}
.defaultMenu ul li ul li ul.dropdown2 li {}
.defaultMenu ul li:hover ul.dropdown {}
.defaultMenu ul li ul.dropdown li {}