@CHARSET "UTF-8";

/* 헤더 시작 */
#main_header {
    height: 50px;
    padding-left: 10px;
    border-bottom: 1px solid black;
    color: white;
    background-color:#2c7abd;
    background-image: url("../images/menu/top.jpg");
    background-position:top left;
    background-repeat : no-repeat;
}

#main_header table.logo {
    width:100%;
    table-layout:fixed;
    font-size:20px;
    font-weight:bold;
}

#main_header table.logo td {
    height: 30px;
}

#main_header table.login_menu {
    margin-right: 5px;
    margin-left: auto;
}

#main_header table.login_menu td {
    height: 32px;
    padding: 0px 2px;
}

#main_header table.login_menu td.user_info {
    width: 30px;
    background-image: url("../images/menu/ico_loginimg.png");
    background-repeat : no-repeat;
    background-position : center;
}

/* 헤더 끝 */

/* 콘텐츠 시작 */
        #wrap { overflow: hidden; }
        #wrap > #main_lnb {
            float: left;
            width: 200px;
            padding:5px;
        }
        #wrap > #content_wrap {
            float: left;
            width: 100%;
            *width: 99.9%;
            margin-right: -201px;
            padding-top:10px;
            background-color:#ECECEC;
            min-height:500px;

        }
        #wrap > #content_wrap > #content { padding-right: 200px;  }
/* 콘텐츠 끝 */


/* 본문 시작 */
        #content {
            border-left:0px solid black;
        }
        article { padding:5px; }
/* 본문 끝 */
/* 푸터 시작 */
        #main_footer {
            background-color:#282828;
            color:#FFFFFF ;
            overflow: hidden;
            line-height:30px;
        }

        #main_footer > ul.left {
            overflow: hidden;
            float: left;
        }
        #main_footer > ul.right {
            overflow: hidden;
            float: right;
        }
        #main_footer > ul.left > li { float: left; padding:0px 10px; color:#FFFFFF ;}
        #main_footer > ul.right > li { float: left; padding:0px 10px; color:#FFFFFF ;}
/* 푸터  끝 */

/* 네비게이션 시작 */
        #main_gnb {
            overflow: hidden;
            border-bottom: 1px solid black;
            background: #32394A;
        }
        #main_gnb > ul.left {
            overflow: hidden;
            float: left;
        }
        #main_gnb > ul.right {
            overflow: hidden;
            float: right;
        }
        #main_gnb > ul.left > li { float: left; }
        #main_gnb > ul.right > li { float: left; }

        /* a 태그 설정 */
        #main_gnb a {
            /* 레이아웃 설정 */
            display: block;
            padding: 10px 20px;

            /* 색상 설정 */
            border-left: 1px solid #5F6673;
            border-right: 1px solid #242A37;
            color: white;
            font-weight: bold;
        }
/* 네비게이션 끝 */
/* 수직 목록 시작 */
        #wrap { background: #ECECEC; }
        #main_lnb  { background: #ECECEC; }
        #main_lnb ul.depth1 { background: #f0f0f0; margin:0px; }
        #main_lnb ul.depth1:first-child {margin-top:10px;}
        #main_lnb ul.depth1 > li:hover {background-color:#8cc584;
                                    background-image: url("../images/menu/bg_lefton.gif");
                                    background-position:top right;
                                    background-repeat : no-repeat;}
        #main_lnb ul.depth1 > li.on {background-color:#8cc584;
                                    background-image: url("../images/menu/bg_lefton.gif");
                                    background-position:top right;
                                    background-repeat : no-repeat;}

        #main_lnb > ul.depth1 > li > a {
            height:30px;line-height:25px;padding-left:10px;
            font-weight:bold;
            display: block;
            padding:0px 5px 0px 15px;
            color:#000000;
            text-decoration: none;
        }

        #main_lnb ul.depth2 {display:block;overflow:hidden;}

        #main_lnb ul.depth2 > li {background: #FFFFFF; padding-left:15px;
                                    background-image: url("../images/icon/bleat.jpg");
                                    background-position:20px 12px;
                                    background-repeat : no-repeat;
                                    padding-left:30px;}
        #main_lnb ul.depth2 > li:hover {background-color:#f0f0f0; text-decoration: underline;}
        #main_lnb ul.depth2 > li.on {background-color:#f0f0f0;}

        #main_lnb ul.depth2 > li > a {color:#000000;line-height:27px; display:block;
                                        border-top: 0px solid black !important;border-bottom:0px solid #6298B2 !important; }


/* 수직 목록 끝 */
.menu_pane {background-color:#313541;overflow:hidden;}
.main_menu_list {float:left;width:82px;height:100%;border-right:1px solid #50535d;}
.main_menu_list li {cursor:pointer;}
.sub_menu_list {margin-top:37px;;margin-left:103px;width:180px;}
.sub_menu_list li {
    cursor:pointer;
    color: #d6d7d9;
    padding-left: 20px;
    font-weight: bold;
    border-bottom: 1px solid #50535d;
    height: 30px;
    white-space: nowrap;
}
.sub_menu_list li:hover {
    color: #38efff
}
.menu { background: #8cc584; margin:0px; }
.menu:hover {background-color:#8cc584;
             background-image: url("../images/menu/bg_lefton.gif");
             background-position:top right;
             background-repeat : no-repeat;}
.menu.on {background-color:#8cc584;
          background-image: url("../images/menu/bg_lefton.gif");
          background-position:top right;
          background-repeat : no-repeat;}
.program {background: #FFFFFF;
           background-image: url("../images/icon/bleat.jpg");
           background-position:15px 12px;
           background-repeat : no-repeat;}
.program:hover {background-color:#f0f0f0; text-decoration: underline;}
.program.on {background-color:#f0f0f0;}

/* 아이콘형 메뉴 */
.menu_icon {border-spacing:0px;border-collapse:collapse; margin:0px; padding:0px;}
.myhome {background-color:#313541;
             background-image: url("../images/menu/left_home.jpg");
             background-position:0px 0px;
             background-repeat : no-repeat;
             width:82px; display:block; padding:100px 0px 0px 0px;
             text-align:center; color:#FFFFFF; font-weight: bold;}
.myhome:hover { background-image: url("../images/menu/left_home_over.jpg"); background-color:#FF4200; }