/**
 *
 * generic.css
 *
 * 메인(Main)과 서브(Sub)의 기본 공통 스타일
 *
 *  - 공통 레이아웃 : container, header, top, contents, footer
 *  - 로고
 *  - 상단(top) : 우측배너, 상단배너, 로그인, 플래시 바로가기, 슬라이드메뉴(전체메뉴보기)
 *  - 중앙컨텐츠(contents) : 2단 레이아웃 간격, 메인 컨텐츠
 *  - 하단(footer) : copyright
 *
 */

/* 공통 레이아웃 */
body {
    border-top:4px solid #1191D9;
}

#container {
    margin:0px auto;
    padding;0px;
    width:960px;
	text-align:left;
    position:relative;
}


#header {
    margin:0px auto;
    padding:0px;
    position:relative;
}

#content {
    margin:15px 0px;
    padding:0px;
	background:#FFFFFF;
	color:#505050;
	clear:both;
    position:relative;
}

#footer {
	clear:both;
    margin:15px 0px;
	padding:10px 0px;
    text-align:left;
}


/* 로고 */
img.logo {
    margin:0px auto;
    padding:10px;
    display:block;
    position:relative;
}


/* 우측배너 */
div#right {
    position:absolute;
    left:965px;
    width:110px;
}

/* 상단배너 & 로그인영역 */
div#top {
    height:195px;
    position:relative;
    background:#121518;
    clear:both;
    position:relative;
}

div#top
    img.main_banner{
        float:left;
    }

div#top
    input.btn_register {
        margin-right:2px;
    }


/* 아이티 구호 배너 */
div#top
    img#haiti_banner {
        position:absolute;
        left:-110px;
    }

/* 사이트맵 (슬라이드박스) */
div#sitemap_box {
    width:100%;
    text-align:right;
    z-index:10;
    position:absolute;
}
div.sitemap_box_sub {
    border-top:5px solid #000;
}

div#sitemap {
    position:relative;
    text-align:left;
    padding:10px 15px;
    background:#121518;
    height:200px;
    display:none;
}

div.sitemap_block {
    background:white;
    float:left;
}

div.sitemap_block ul {
    margin:10px 0px 10px 10px;
    width:144px;
    height:180px;
    list-style:none;
    border-right:1px solid #CCC;
}

div.sitemap_block ul li {
    font-size:8pt;
    padding-left:12px;
    background:url('/img/common/icon_sitemap_list.png') 5px center no-repeat;
    line-height:140%;
    font-family:'돋움';
}

div.sitemap_block ul li a {
    color:#999;
}

div.sitemap_block ul li.title {
    padding:5px 0px;
    background:none;
}


/* 기타 공통 스타일 */
div.submit_box {
    text-align:center;
    position:relative;
}


/* Header Login */
div#login {
    width:215px;
    float:right;
    margin-right:5px;
    color:#B5B5B5;
    font-size:8pt;
    font-family:'돋움';
    _margin-right:5px !important;
}

div#login
    input {
        vertical-align:middle;
    }

div#login
    fieldset {
        margin:10px 0px;
        padding:10px 12px;
        line-height:28px;
        background:url('/img/common/img_login_bg.png') no-repeat;
    }

div#login
    fieldset
        input.input_login {
            width:121px;
            height:18px;
            color:white;
            border:none;
            padding:2px;
            background:#555;
        }

div#login
    fieldset.login_id
        input.remember_id {
            margin-bottom:1px;
            margin-right:3px;
            vertical-align:middle;
        }

div#login 
    div#find_userinfo {
        margin-top:4px;
        text-align:left;
    }

div#login 
    div#find_userinfo
        a {
            color:#B5B5B5;
        }

div#login 
    div#find_userinfo
        a.register_member {
            font-weight:bold;
        }

div#login
    ul.myinfo {
        margin:0px auto;
        text-align:left;
        list-style:none;
    }

div#login
    ul.myinfo li {
        line-height:18px;
    }

div#login
    ul.myinfo li.hello {
        margin:5px 0;
        width:180px;
        height:17px;
        text-align:left;
        overflow:hidden;
        border-bottom:1px solid #121518;
    }

div#login
    ul.myinfo span.expire_date {
        font-weight:bold;
        color:#8BDC1C;
    }

div#login
    ul.myinfo a {
        color:#B5B5B5;
    }


/* 하단 공통스타일 (copyright) */
#footer
    div.copyright_box {
position:relative;
        border:5px solid #D7D7D7;
        background:url('/img/logo_mono.png') 40px center no-repeat;
    }

#footer ul.footer_content {
    margin:15px 20px 15px 200px;
    color:#888;
}

#footer ul.footer_content li {
    list-style:none;
}

#footer ul.footer_content li.footer_menu {
    margin-bottom:10px;
    font-family:'돋움', '돋움체';
    font-size:8pt;
}

#footer ul.footer_content li.footer_menu img {
    vertical-align:middle;
    margin:0px 4px;;
}

#footer ul.footer_content li.footer_menu 
    div#family {
        position:absolute;
        top:15px;
        right:50px;
        margin-left:40px;
        text-align:center;
        vertical-align:middle;
    }

#footer ul.footer_content li.footer_menu 
    div#family div#f_site {
        position:absolute;
        width:148px;
        bottom:22px;
        left:0px;
        border:1px solid #868686;
        background-color:white;
        text-align:left;
    }

#footer ul.footer_content li.footer_menu 
    div#family div#f_site ul li {
        padding-left:10px;
        line-height:160%;
    }

#footer div.copyright {
    margin:15px 0px 50px 0px;
    text-align:center;
    color:#929292;
    font-size:8pt;
}