/* 기본
===================== */
* {
            margin:0;
            padding:0;
            border:0px;
            font-family:tahoma,굴림; 
            font-size:9pt; 
            }

/* link */
a {         text-decoration:none; color:#888888; } 
a:link {    text-decoration:none; color:#888888; } 
a:visited { text-decoration:none; color:#888888; } 
a:active {  text-decoration:none; color:#888888; } 
a:hover {   text-decoration:none; color:#ff0000; }

/* PNG 투명처리
===================== */
.png24 {
	tmp:expression(setPng24(this));
}

/* 엘리먼트를 감싸는  컨테이너
===================== */
.clear {
	clear:both;
            }

/* 엘리먼트를 감싸는  컨테이너
===================== */
body { overflow-x:hidden; }


#Index {
            width:100%;
			height:100%
            }


#Logo {
            width:427px;
            height:122px;
            background:url(./images/logo3.png) no-repeat;
            background-color:#335C91;
            padding:7px 0 0 51px;
            }

#Messages {
            background-color:#335C91;
            color:#FFFFFF;
            padding-right:10px;
            }
            #Messages .MenuBlock {
                        float:right;
                        border:1px solid #43699A;
                        height:12px;
                        padding:10px;
                        clear:both;
                        }
                        #Messages .MenuBlock div {
                                    float:left;
                                    }
                        #Messages .MenuBlock a { text-decoration:none; color:#FFFFFF; }
                        #Messages .MenuBlock a:hover { text-decoration:none; color:#A4C5EE; }

#LoginData {
            float:right;
            width:100%;
            text-align:right;
            margin-top:10px;
            color:#A4C5EE;
            clear:both;
            }
            #LoginData a { text-decoration:none; color:#FFFFFF; }
            #LoginData a:hover { text-decoration:none; color:#A4C5EE; }


/* MENU
--------------------- */
#MenuBlock {
            margin:0px;
            padding:0px;
            width:100%;
            height:56px;
            background:url(./images/menu_bg.gif) repeat-x;
            }


/* 메인 블럭: 네비게이션 바 */
#MenuBlock	ul {
            width:100%;
            height:56px;
            background:url(./images/menu_bg.gif) repeat-x;
            text-transform:uppercase;
            }

/* 정렬 */
ul li {
            float:left;
            }

/* 링크 */
#MenuBlock ul a {
            padding:0 4px 0 6px;
            line-height:2.1em;
            background:url(./images/menu_split.gif) repeat-y left top;
            text-decoration:none;
            height:56px;
            color:#ffffff;
            float:left;
            display:block;
            }

/* 링크메뉴: 마우스 아웃*/
#MenuBlock ul li .MenuBalloon {
            float:left; 
            height:56px; 
            padding:15px 15px 0 15px;
            }
#MenuBlock ul li .MenuBalloonLeft {
            float:left; 
            height:56px; 
            width:10px;
            }
#MenuBlock ul li .MenuBalloonRight {
            float:left; 
            height:56px; 
            width:10px;
            }

/* 링크메뉴: 마우스오버*/
#MenuBlock ul li a:hover .MenuBalloon {
            float:left; 
            cursor:hand; 
            background:url(images/menu_balloon.gif) repeat-x top; 
            height:56px; 
            padding:15px 15px 0 15px;
            color:#BDCFE8;
            }
#MenuBlock ul li a:hover .MenuBalloonLeft {
            float:left; 
            cursor:hand; 
            background:url(images/menu_balloon_left.gif) no-repeat top left; 
            height:56px; 
            width:10px;
            }
#MenuBlock ul li a:hover .MenuBalloonRight {
            float:left; 
            cursor:hand; 
            background:url(images/menu_balloon_right.gif) no-repeat top right; 
            height:56px; 
            width:10px;
            }


/* LAYER SHOW
--------------------- */

/* 오버레이 레이어 이미지 */
.LayerShowImg {
            height:23px;
            width:170px;
            background:url(images/menu_topbar.gif) repeat-x; 
            }

/* 오버레이 레이어 블럭 */
.LayerShowBox {
            border-left:1px solid #768FAF;
            border-right:1px solid #768FAF;
            border-bottom:1px solid #768FAF;

            }
.LayerShowBox2 {
            margin:0px;
            padding:0px;
            border-left:2px solid #43699A;
            border-right:2px solid #43699A;
            border-bottom:2px solid #43699A;
            background-color:#ffffff;
            color:#335C91;
            width:169px;
            padding:10px 0px 10px 0px;
            line-height:20px;
            }
            .LayerShowBox2 a {
                        padding-left:20px;
                        }


/* PAGE TAIL
--------------------- */

/* 페이지 하단 공지 */
#IndexBottomNotice {
            background-color:#4A76B7;
            border-top:1px solid #305587;
            padding:5px 5px 2px 0px;
            color:#ffffff;
			height:25px;
            }

/* 페이지 하단 스타일 */
#IndexBottom {
            height:99px;
            background:#3B689F url(images/footer_bg.jpg) repeat-x;
            }

#IndexBottom .BottimRight {
            color:#B4C6E0;
            text-align:right;
            padding:5px 5px 0px 0px;
            }


/* SIDE MENUS 
===================== */
.IndexMenuTop {
	background-color:#4A76B7;
	padding:10px 5px 2px 5px;
	color:#CBDEF5;
	border-bottom:1px solid #305587;
	}

.IndexMenuTopSub {
	background-color:#7596C8;
	padding:10px 5px 2px 5px;
	color:#ffffff;
	text-align:right;
	border-bottom:1px solid #456FAD;
	}
	.IndexMenuTopSub a:link		{ text-decoration:none; color:#ffffff; } 
	.IndexMenuTopSub a:visited	{ text-decoration:none; color:#ffffff; } 
	.IndexMenuTopSub a:hover	{ text-decoration:none; color:#2D4F7D; }


/* SIDE MENUS 
===================== */
.SiteAdminMenu {
	background-color:#335C91; 
	border-bottom:1px solid #193559;
	padding:10px; 
	color:#ffffff;
	}
	.SiteAdminMenu a:link		{ text-decoration:none; color:#ffffff; } 
	.SiteAdminMenu a:visited	{ text-decoration:none; color:#ffffff; } 
	.SiteAdminMenu a:hover	{ text-decoration:none; color:#ff00ff; }