/**************************************************
* site name : Çö´ëÇØ»ó ȨÆäÀÌÁö
* author : ÄÚµåÇÁ·Î À±Àº¿µ
* file name : layout style
* first write : 2008.10.20
* last modify : 2008.12.17
**************************************************/

@charset "euc-kr";

/* skipmenu */
div#skipmenu { display: none;}

/* container */
div#dvwrap {
    width: 987px;
    margin: 0 auto;
}
div#dvwrapin {
    clear: both;
    width: 899px;
}
/*div.dvwrapin_m { width: 987px !important;} // Àüü¸ÞÀÎ »çÀÌÁî Á¶Á¤ 2008.11.20 */

/* gnb */
div#dvwraphead { width: 899px;}
/*    div.dvwraphead_m { width: 987px !important;} // Àüü¸ÞÀÎ »çÀÌÁî Á¶Á¤ 2008.11.20 */

    div#dvwraphead div.logo {
        float: left;
        width: 127px;
        height: 35px;
        padding: 48px 0 0 10px;
    }

    div#dvwraphead div.homemenu {
        float: right;
        width: 742px;
        height: 20px;
        text-align: right;
        margin-top: 20px;
    }
/*    div.dvwraphead_m div.homemenu { padding-right: 3px;} // Àüü¸ÞÀÎ »çÀÌÁî Á¶Á¤ 2008.11.20 */

    div#dvwraphead div.homemenu ul { float: right;}
    div#dvwraphead div.homemenu li {
        float: left;
        background: url('/images/newimages/common/gnb/homemenu_bar.gif') no-repeat left 5px;
        padding: 3px 8px 0 9px;
    }
    div#dvwraphead div.homemenu li.start {
        background: none;
        padding-left: 0;
    }

    div#dvwraphead div.homemenu ul.mymenu { padding-left: 12px;}
    div#dvwraphead div.homemenu ul.mymenu li {
        background: url('/images/newimages/common/bullet/bul_dot_c1.gif') no-repeat left 7px;
        padding-left: 5px;
    }

    div#dvwraphead div.homemenu ul.lohinMenu li {
        background: none;
        padding: 0 0 0 2px;
    }

    div#dvwraphead div.gnb {
        clear: right;
        float: right;
        width: 742px;
        height: 80px;
    }
/*    div.dvwraphead_m div.gnb { padding-right: 3px;} // Àüü¸ÞÀÎ »çÀÌÁî Á¶Á¤ 2008.11.20 */

/* sidemenu */
div#sidemenu {
    clear: both;
    float: left;
    width: 162px;
    padding-bottom: 50px;
}

    div#sideflash {
        position: absolute;
        top: 100px;
        width: 162px;
        height: 500px;
        z-index: 1;
    }

    /* servicemneu/ ¼­ºñ½º¸Þ´º±îÁö Ç÷¡½Ã¿¡ Æ÷ÇÔµÊ...
    ul.servicemneu { padding: 0 10px 10px;}
    ul.servicemneu li {
        background: url('/images/newimages/common/bullet/bul_dot_blue01.gif') no-repeat 2px 12px;
        border-top: 1px solid #e7ebf2;
        padding: 7px 0 5px 7px;
        *padding-bottom: 0;
        overflow: hidden;
    }
    ul.servicemneu li.start { border-top: 0;}
    */

    /* sub totalsrh */
    div#totalsrh_s {
        position: absolute;
        left: 0;
        top: 500px;
        width: 162px;
        z-index: 2;
    }
    div#sideMypage div#totalsrh_s {
        position: relative;
        top: auto;
    }

    div.totalsrh {
        background: url('/images/newimages/common/lnb/totalsrh_bgb.gif') no-repeat left bottom;
        width: 148px;
        margin-left: 4px;
        overflow: hidden;
    }
    div.totalsrh fieldset {
        background: url('/images/newimages/common/lnb/totalsrh_bgt.gif') no-repeat left top;
        padding: 30px 5px 5px;
    }
    div.totalsrh fieldset select {
        font-size: 11px;
        width: 137px;
        margin-bottom: 2px;
    }
    div.totalsrh fieldset input.txt {
        font-size: 11px;
        width: 93px;
    }

        div.totalsrh fieldset span.keyword_label {
            float: left;
            color: #6b6b6b;
            font-size: 11px;
            font-weight: bold;
            letter-spacing: -0.2em;
            background: url('/images/newimages/common/lnb/totalsrh_bar.gif') no-repeat right top;
            margin: 6px 6px 0 0;
            padding-right: 6px;
        }
        div.totalsrh fieldset span.keyword {
            float: left;
            color: #919191;
            font-size: 11px;
            letter-spacing: -1px;
            padding-top: 6px;
        }
        div.totalsrh fieldset span.keyword a { color: #919191;}

    /* callcenter */
    dl.callcenter { padding: 12px 0 0 9px;}
    dl.callcenter dd img { margin-bottom: 8px;}

/* contents */
div#contents {
	/* Á¦·ÎÀÎ º¯°æ ºÎºÐ */
    float: left;
    /*float: right;*/
    width: 733px;
    padding-bottom: 50px;
}

div.incontents {
    clear: both;
    min-height: 500px;
    _height: 500px;
}

    div.subcont_nofont {
        width: 703px;
        margin: 0 15px;
    }
    div.subcont_nofont02 {
        width: 698px;
        margin-left: 35px;
    }
    div.subcont {
        width: 703px;
        margin: 0 15px;
    }
    div.subcont .indent {
        line-height: 1.5em;
        padding: 5px 0 0 15px;
    }

/* location_map */
ul.location_map {
    float: right;
    color: #6b6b6b;
    font-size: 11px;
    letter-spacing: -0.1em;
    background: url('/images/newimages/common/bullet/bul_home.gif') no-repeat left top;
    text-align: right;
    padding: 0 3px 10px 14px;
}
ul.location_map li {
    float: left;
    padding-left: 3px;
}
ul.location_map li a:hover {
    color: #6b6b6b;
    font-weight: normal;
}
ul.location_map li strong { color: #f26e04;}

/* quickmenu */
div#quickmenu {
    position: absolute;
    background: transparent;
    top: 82px;
    width: 72px;
    height: 350px;
    margin-left: 915px;
    z-index: 30;

/*
    width: 825px;
    height: 401px;
    margin-left: 164px;
*/
}
div.quickmenu_m { margin-top: -5px;}

/* ÀüÅ׸ÞÀÎ »çÀÌÁî Á¶Á¤ 2008.11.20
div.quickmenu_m { margin-left: 999px !important;}

    div.servicemenu {
        background: url('/images/newimages/common/quick/servicemenu_bgb.gif') no-repeat left bottom;
    }
    div.servicemenu ul {
        background: url('/images/newimages/common/quick/servicemenu_bgt.gif') no-repeat left top;
        width: 70px;
        margin-top: 10px;
        padding-top: 13px;
    }
    div.servicemenu li {
        background: url('/images/newimages/common/quick/servicemenu_bar.gif') no-repeat center top;
        text-align: center;
    }
    div.servicemenu li.start,
    div.servicemenu li.end { background: none;}

    div.servicemenu li img { margin: 5px 0;}
    div.servicemenu li.end img { margin: 3px 0;}
*/

/* footer */
div#footer {
    clear: both;
    overflow:hidden;
}
/*div.footer_m { padding-right: 3px;} // ÀüÅ׸ÞÀÎ »çÀÌÁî Á¶Á¤ 2008.11.20 */

    div#footer ul.footermenu {
        background: url('/images/newimages/common/footer/footermenu_bgr.gif') no-repeat right top;
        height: 28px;
        margin-bottom: 20px;
        padding-right: 5px;
    }
    div#footer ul.footermenu li.floatl {
        background: url('/images/newimages/common/footer/footermenu_bgl.gif') no-repeat left top;
        height: 22px;
        padding: 6px 0 0 5px;
    }
        div#footer ul.footermenu li.floatl div.flashmenu { float: left;}
        div#footer ul.footermenu li.floatl ul.submenu {
            float: left;
            padding-left: 5px;
        }
        div#footer ul.footermenu li.floatl ul.submenu li { float: left;}

    div#footer ul.footermenu li.floatr { padding-top: 5px;}

        div#footer ul.footermenu li.floatr dl.familysite { overflow: hidden;}
        div#footer ul.footermenu li.floatr dl.familysite dt {
            float: left;
            height: 12px;
            padding: 6px 6px 0 0;
        }
        div#footer ul.footermenu li.floatr dl.familysite dd { float: left;}

        div#footer ul.footermenu li.floatr div#familysite {
            position: absolute;
            background: #fff;
            width: 142px;
            height: 93px;
            border: 1px solid #d4ced0;
            border-bottom: 0;
            margin: -112px 0 0 48px;
            _margin: -94px 0 0 -144px;
            overflow: scroll;
            overflow-x: hidden;
            scrollbar-face-color: #fff;
            scrollbar-highlight-color: #d4ced0;
            scrollbar-shadow-color: #d4ced0;
            scrollbar-3dlight-color: #fff;
            scrollbar-darkshadow-color: #fff;
            scrollbar-track-color: #f2f2f2;
            scrollbar-arrow-color: #d4ced0;
        }
        div#footer ul.footermenu li.floatr div#familysite ul {
            width: 200px;
            padding-top: 5px;
        }
        div#footer ul.footermenu li.floatr div#familysite li {
            font-size: 11px;
            line-height: 1.2em;
            letter-spacing: -0.05em;
            padding: 2px 0 2px 6px;
        }

    div#footer dl.copyright {
        float: left;
        padding: 8px 0 30px 13px;
    }
    div#footer dl.copyright dt { float: left;}
    div#footer dl.copyright dd {
        float: left;
        background: url('/images/newimages/common/footer/copyright_bar.gif') no-repeat left top;
        margin-left: 9px;
        padding-left: 9px;
    }

    div#footer div.mark { float: right;}
    div#footer div.mark img { vertical-align: middle;}

/* ¸¶ÀÌÆäÀÌÁö ·¹ÇÁÆ® Á¤º¸ ************************************************/

/* Á¢¼ÓÀÚÁ¤º¸ */
div.mybox dl {
    font-size:12px;
    background: url('/images/newimages/common/lnb/mybox_btm.gif') no-repeat left bottom;
    width: 154px;
    margin-bottom: 7px;
}
div.mybox dt {
    color: #c4e2f1;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    background: url('/images/newimages/common/lnb/mybox_top.gif') no-repeat left top;
    padding: 10px 15px 3px;
}
div.mybox dt span.name {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
div.mybox dd { padding: 3px 15px 10px;}
div.mybox dd ul {
    border-bottom: 1px solid #6da5c0;
    margin-bottom: 5px;
}
div.mybox dd li {
    border-bottom: 1px solid #e7ebf2;
    padding: 4px 0 2px;
}
div.mybox dd li span.mybox_label {
    background: url('/images/newimages/common/bullet/bul_dot_blue02.gif') no-repeat 2px 3px;
    padding-left: 9px;
}
div.mybox dd li span.mybox_data { color: #0d68ad;}
div.mybox dd li span.mybox_data a { color: #0d68ad;}

/* sms service */
div.mysms {
    font-size:12px;
    background: url('/images/newimages/common/lnb/sms_bgb.gif') no-repeat left bottom;
    width: 148px;
    margin: 0 0 10px 3px;
    padding-bottom: 55px;
}

div.mysms div.sms_area {
    background: url('/images/newimages/common/lnb/sms_bgt.gif') no-repeat left top;
    padding: 47px 15px 0;
}
div.mysms div.sms_area p.input_sms { height: 100px;}
div.mysms div.sms_area p.info_sms {
    text-align: center;
    padding-bottom: 23px;
}

div.mysms div.smslist {
    background: url('/images/newimages/common/lnb/sms_inbox_bgb.gif') no-repeat left bottom;
    width: 134px;
    margin: 5px auto 7px;
}
div.mysms div.smslist_in {
    background: url('/images/newimages/common/lnb/sms_inbox_bgt.gif') no-repeat left top;
    padding: 3px 3px 5px 5px;
}
div.mysms div.smslist ul {
    height: 60px;
    overflow-y: scroll;
}
    div.mysms div.smslist li img { vertical-align: middle;}
    div.mysms div.smslist li input { height: 15px;}

div.mysms dl.sms_sender { margin: 5px 0;}
div.mysms dl.sms_sender dt {
    letter-spacing: -0.05em;
    background: url('/images/newimages/common/bullet/bul_dot_blue01.gif') no-repeat left 3px;
    padding-left: 7px;
}
div.mysms dl.sms_sender dd { text-align: center;}

/* sms list */
div.mysmslist {
    background: url('/images/newimages/common/lnb/smslist_btm.gif') no-repeat left bottom;
    margin: 0 0 10px 3px;
    padding-bottom: 5px;
}
div.mysmslist dl {
    letter-spacing: -0.05em;
    background: url('/images/newimages/common/lnb/smslist_top.gif') no-repeat left top;
    padding-left: 10px;
}
div.mysmslist dt {
    height: 20px;
    margin-bottom: 5px;
    padding-top: 6px;
}
div.mysmslist dd {
    background: url('/images/newimages/common/bullet/bul_arr13.gif') no-repeat left 2px;
    padding-left: 13px;
}
div.mysmslist img { vertical-align: middle;}