@charset "utf-8";

div#member_container { width: 929px; margin: 0 auto; }
    #member_container fieldset { float: left; margin-top: 15px; }

/* Round gray box
------------------------------------------------------------------------------*/
div.member_rgbox { float: left; margin-bottom: 10px; }
    .member_rgbox div.rbox_line_top { width: 929px; float: left; background: url('/kipi/core/images/front/layout/member_box1_0.gif') repeat-x; }
        .member_rgbox div.rbox_line_northwest { width: 18px; height: 18px; float: left; background: url('/kipi/core/images/front/layout/member_box1_1.gif') no-repeat; }
        .member_rgbox div.rbox_line_northeast { width: 18px; height: 18px; float: right; background: url('/kipi/core/images/front/layout/member_box1_2.gif') no-repeat; }

    .member_rgbox div.rbox_line_bottom { width: 929px; float: left; background: url('/kipi/core/images/front/layout/member_box1_5.gif') repeat-x; }
        .member_rgbox div.rbox_line_southwest { width: 18px; height: 15px; float: left; background: url('/kipi/core/images/front/layout/member_box1_3.gif') no-repeat; }
        .member_rgbox div.rbox_line_southeast { width: 18px; height: 15px; float: right; background: url('/kipi/core/images/front/layout/member_box1_4.gif') no-repeat; }

/* Round bold gray box
------------------------------------------------------------------------------*/
div.member_rbgbox { float: left; margin-bottom: 10px; }
    .member_rbgbox div.rbox_line_top { width: 929px; float: left; background: url('/kipi/core/images/front/layout/member_box2_0.gif') repeat-x; }
        .member_rbgbox div.rbox_line_northwest { width: 18px; height: 18px; float: left; background: url('/kipi/core/images/front/layout/member_box2_1.gif') no-repeat; }
        .member_rbgbox div.rbox_line_northeast { width: 18px; height: 18px; float: right; background: url('/kipi/core/images/front/layout/member_box2_2.gif') no-repeat; }

    .member_rbgbox div.rbox_line_bottom { width: 929px; float: left; background: url('/kipi/core/images/front/layout/member_box2_5.gif') repeat-x; }
        .member_rbgbox div.rbox_line_southwest { width: 18px; height: 18px; float: left; background: url('/kipi/core/images/front/layout/member_box2_3.gif') no-repeat; }
        .member_rbgbox div.rbox_line_southeast { width: 18px; height: 18px; float: right; background: url('/kipi/core/images/front/layout/member_box2_4.gif') no-repeat; }

/* Agreement box class
------------------------------------------------------------------------------*/
    .member_rbox div.rbox_contents_container { width: 893px; float: left; padding: 0 15px 3px 15px;  }
    .member_rbgbox div.rbox_contents_container { border: solid #C9C9C9; border-width: 0 3px; }
    .member_rgbox div.rbox_contents_container { border: solid #EEE; border-width: 0 3px; }
        .rbox_contents_container div.rbox_contents_wrapper { width: 892px; float: left; }
            .rbox_contents_wrapper div.rbox_heavy_contents { width: 870px; height: 150px; float: left; padding: 10px; line-height: 17px; overflow-y: auto; border: 1px solid #CECECE; }
            .rbox_contents_wrapper div.agreement {  }
                .agreement span.agreement_no { display: block; text-align: right; }
                .agreement h6 { display: block; clear: both; padding-left: 15px; margin: 20px 0 5px 0; line-height: 17px; font-size: 12px; color: #B4955A; background: url('/kipi/core/images/front/layout/ic_title_brown.png') no-repeat; }
                .agreement ul { margin: 5px 0 5px 15px; }
            .rbox_contents_wrapper div.rbox_radio_box { width: 100%; float: left; padding-top: 15px; text-align: center; }
                .rbox_radio_box ul li { display: inline; padding-right: 5px; }
                .rbox_radio_box input { vertical-align: middle; }
    
    /* 1. Member join menu container
    --------------------------------------------------------------------------*/
    #member_container div#join_menu_container { height: 79px; float: left; padding-top: 10px; }
        #join_menu_container div#join_title { width: 267px; height: 79px; float: left; }
        #join_menu_container div#join_progress { width: 662px; height: 59px; float: left; padding-top: 20px; text-align: center; background: url('/kipi/core/images/front/layout/member_bg.gif') no-repeat; }
            #join_progress p { padding: 10px 0 0 20px; text-align: left; }

    /* 2. Member join agreement container
    --------------------------------------------------------------------------*/
    #member_container div#join_agreement_container {  }
        #join_agreement_container div#join_identify_box {  }
            #join_identify_box div#join_identify_notice { text-align: left; padding-bottom: 15px; }
                #join_identify_notice p#notice_related_law { color: #3E76A7; font-weight: bold; }
                #join_identify_notice p { line-height: 17px; }
            #join_identify_box div#join_identify_form {  }
                #join_identify_form div#join_identify_form_line_left { width: 9px; height: 70px; float: left; background: url('/kipi/core/images/front/layout/member_box3_1.gif') no-repeat; }
                #join_identify_form div#join_identify_form_line_right { width: 9px; height: 70px; float: left; background: url('/kipi/core/images/front/layout/member_box3_2.gif') no-repeat; }
                #join_identify_form div#join_identify_form_contents { width: 874px; height: 68px; float: left; margin: 0; border: solid #D3DDDE; border-width: 1px 0; background: #FAFCF8; }
                    #join_identify_form_contents ul { padding-top: 20px; margin-left: 250px; }
                    #join_identify_form_contents ul li { display: inline; padding-right: 15px; }
                    #join_identify_form_contents label { font-weight: bold; }
                    #join_identify_form_contents input { color: #444; padding: 2px; border: 1px solid #C0C0C0; vertical-align: middle; }
                    #join_identify_form_contents input#join_identify_name { width: 90px; }
                    #join_identify_form_contents input#join_identify_jumin1 { width: 60px; }
                    #join_identify_form_contents input#join_identify_jumin2 { width: 75px; }

        #join_agreement_container div#join_confirm { width: 100%; float: left; text-align: center; padding: 15px 0; }
            #join_confirm input { vertical-align: baseline; }

    /* 3. Member join information input/update container
    --------------------------------------------------------------------------*/
        table.member { width: 100%; border-top: 1px solid #CCC; }
        table.member tr {  }
        table.member tr th { width: 17%; padding: 5px 5px 5px 20px; text-align: left; border-bottom: 1px solid #E1E1E1; }
        table#join_necessary tr th { background: #F5F5F5 url('/kipi/core/images/front/layout/bl_join.gif') no-repeat 10px; }
        table#join_optional tr th { background: #F5F5F5 url('/kipi/core/images/front/layout/bl_join2.gif') no-repeat 10px; }
        table.member tr td { width: 33%; padding: 5px 5px; border-bottom: 1px solid #E1E1E1; }
        table.member tr td ul li { padding: 2px 0; }
        table.member tr td select { vertical-align: middle; }
        table.member tr td img { vertical-align: middle; }
        table.member tr td input { vertical-align: middle; }
        table.member tr td input[readonly] { background: #EEE; }
        table.member tr td input[type='text'] { padding: 2px; border: 1px solid #C0C0C0; color: #444; }
        table.member tr td input[type='password'] { padding: 2px; border: 1px solid #C0C0C0; color: #444; }
        table.member tr td input#personal_jumin1 { width: 70px; }
        table.member tr td input#personal_jumin2 { width: 85px; }
        table.member tr td input.zipcode { width: 50px; }
        table.member tr td input.phone { width: 50px; }
        table.member tr td input.address1 { width: 420px; }
        table.member tr td input.address2 { width: 420px; }

    /* 4. Zipcode */
    div#popup_contents_container {  }
        #popup_contents_container div#popup_zipcode_contents {  }
            #popup_zipcode_contents div#zipcode_notice { width: 100%; }

            #popup_zipcode_contents table#zipcode_table { margin-top: 10px; }
                #zipcode_table tr th#zipcode_table_selection { width: 10%; }
                #zipcode_table tr td { text-align: center; }
                #zipcode_table tr td.zipcode_address { text-align: left; }
                #zipcode_table tr td a { color: #333; }
                #zipcode_table tr td a:hover { text-decoration: underline; }

    /* 5. Member away */
        table#join_away_necessary {  }
        #join_away_necessary ul#away_notice {  }
            #away_notice li { padding-left: 17px; line-height: 17px; background: url('/kipi/core/images/front/layout/idpw_bl.gif') no-repeat 0 4px; }
            #away_category ul li { width: 250px; float: left; }