/* header */

#header{
    height:294px;
}

#head{
    position:relative;
    margin:0 auto;
    width:1500px;
    height:210px;
}

#logo{
    margin:0 auto;
    margin-top:40px;
    width:800px;
    height:210px;
}
    #logo img{
        margin:0 auto;
        width:800px;
        height:210px;
        display:block;
    }


/*------------------------------------*/

#top_case{
    position:absolute;
    padding-top:10px;
    top:40px;
    left:100px;
    width:220px;
    height:31px;
    border:1px solid #aaaaaa;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}

#top_reserve{
    position:absolute;
    padding-top:10px;
    top:120px;
    left:100px;
    width:220px;
    height:31px;
    border:1px solid #aaaaaa;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}

#top_notice{
    position:absolute;
    padding-top:10px;
    top:140px;
    left:100px;
    width:220px;
    height:31px;
    border:1px solid #aaaaaa;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
#top_road{
    position:absolute;
    padding-top:10px;
    top:140px;
    right:100px;
    width:220px;
    height:31px;
    border:1px solid #aaaaaa;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}


/*------------------------------------*/



#login{
    position:absolute;
    top:120px;
    right:100px;
    width:220px;
    height:41px;
}
    #mypage_button{
        display:block;
        width:110px;
        height:29px;
        border:1px solid #aaaaaa;
        float:left;
        padding-top:10px;
        text-align:center;
        font-size:18px;
        font-weight:bold;
    }
        #mypage_button:hover{
            background:#90b9d2;
            color:white;
            border:1px solid #90b9d2;
        }
        #mypage_button:active {
            background:#90b9d2;
            color:white;
            border:1px solid #90b9d2;
        }

    #login_button{
        display:block;
        width:90px;
        height:29px;
        border:1px solid #aaaaaa;
        float:right;
        padding-top:10px;
        text-align:center;
        font-size:18px;
        font-weight:bold;
    }
        #login_button:link{
            background:white;
        }
        #login_button:visited{
            background:white;
        }
        #login_button:hover{
            background:#90b9d2;
            color:white;
            border:1px solid #90b9d2;
        }
        #login_button:active {
            background:#90b9d2;
            color:white;
            border:1px solid #90b9d2;
        }

#top_menu{
    margin:0 auto;
    width:980px;
    padding-right:1px;
    padding-left:1px;
    height:60px;
}
    #top_menu > ul{
        margin:0 0;
        height:60px;
    }
    #top_menu > ul > li{
        margin:0px;
        width:140px;
        height:60px;
        float:left;
        list-style:none;
        text-align:center;
    }
    #top_menu > ul > li > a{
        font-size:20px;
        padding-top:20px;
        text-decoration:none;
        color:#343434;
        display:block;
        letter-spacing:-2px;
        font-family:NanumGothicBold;
    }
    #top_menu:hover #sub_menu {
        display:block;
    }

#sub_menu{
    position:absolute;
    width:822px;
    height:264px;
    display:none;
    z-index:1;
    background:white;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}

#sub_menu ul{
    height:264px;
    margin-top:1px;
    display:block;
    float:left;
    border-left:1px solid #e1e1e1;
}

#sub_menu li{
    display:block;
    width:273px;
    height:22px;
}

#sub_menu li a{
    padding-top:3px;
    text-align:center;
    display:block;
    font-size:17px;
    font-weight:bold;
}

#sub_menu li a:hover{
    color:#2489b0;
    text-decoration:underline;
}


.sub_sub{
    height:20px !important;
}


.sub_sub a{
    padding-top:3px !important;
    font-size:14px !important;
}

.sub_under{
    margin-top:5px !important;
}


#last{
    height:330px;
    border-right:1px solid #e1e1e1;
}

#last li{
    width:212px;
}

.first{
    padding-top:10px;
}