@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    unicode-range: U+0041-005A, U+0061-007A;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    font-family: 'Roboto','Noto Sans KR', sans-serif;
    color: #333;
}
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, table, fieldset, input, textarea, p, select, blockquote, th, td, a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    /*    font-family:DroidSans,dotum,Sans-serif;*/
    color: #666;
    font-size-adjust: none;
}

select {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    padding: 0 0 0 5px;
}

img {
    vertical-align: top;
    border: 0;
}

a {
    text-decoration: none;
}

    a img {
        cursor: pointer;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

strong {
    font-weight: bold;
}

ol, ul, li {
    list-style: none;
}

caption, th {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
/*caption,summary{position:absolute;left:0;top:-10000px;visibility:hidden;height:0;width:0;overflow:hidden;font-size:0;line-height:0;}*/
caption, summary {
    left: 0;
    top: -10000px;
    visibility: hidden;
    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

html, body {
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Error MSG */
label.error {
    display: block;
    margin: 5px 0;
    float: right;
    position: relative;
    width: 100%;
    text-align: left;
    padding-right: 0px !important;
    color: #ff0000
}

/* Checkboxes */
span.jqTransformCheckboxWrapper {
    float: left;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

a.jqTransformCheckbox {
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: top;
    line-height: 0;
    font-size: 0;
    background: transparent url(/Content/images/mobile_member/inp_check.gif) no-repeat center top;
}

a.jqTransformChecked {
    background-position: 0 -18px;
}
/* Hidden - used to hide the original form elements */
.jqTransformHidden {
    display: none;
}

.clearFix {
    zoom: 1;
}

    .clearFix:after {
        content: "";
        clear: both;
        display: block;
    }

.buTxt {
    font-weight: bold;
    color: #333;
    font-size: 13px;
}

    .buTxt img {
        vertical-align: middle;
    }

/*#header{width:100%; background:url(../Content/images/mobile_member/bg_top.gif) repeat-x 0 0; background-size:1px 40px;}*/
#header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 35px;
    line-height: 35px;
    padding: 8px 0px;
    background: #333;
}

    #header:after {
        content: "";
        clear: both;
        display: block;
    }
    /*#header h1{float:left;}*/
    #header h1 {
        position: absolute;
        top: 15px;
        left: 50%;
        margin-left: -72.5px;
    }

        #header h1 img {
            width: 145px;
        }

    #header h2 {
        float: right;
    }

        #header h2 img {
            height: 40px;
        }

#container {
    width: 100%;
    padding: 0 0 30px 0;
}

#footer {
    padding: 10px 0 0 0;
    height: 47px;
    border-top: 2px solid #aaaaaa;
    background: #efefef;
}

    #footer .footNav {
        padding: 0 0 8px 0;
        text-align: center;
    }

        #footer .footNav li {
            display: inline-block;
            padding-right: 1px;
        }

            #footer .footNav li a {
                display: inline-block;
                font-size: 11px;
                border: 1px solid #aaaaaa;
                padding: 3px 4px 2px 4px;
                background: #fff;
            }

    #footer .footGlobal {
        text-align: center;
    }

        #footer .footGlobal li {
            display: inline;
            padding: 0 10px 0 6px;
            background: url(../images/mobile_member/foot_bar.gif) no-repeat 100% 50%;
        }

            #footer .footGlobal li a {
                font-size: 11px;
                letter-spacing: -1px;
            }

            #footer .footGlobal li.last {
                background: none;
            }

/* index */
.index {
    text-align: center;
}

    .index h3 {
        padding: 30px 0 20px;
    }

    .index .btn {
        padding: 20px 0 32px;
        border-bottom: 1px solid #c1c1c1;
    }

    .index .bnr {
        padding: 0 15px;
        text-align: left;
    }

        .index .bnr dt {
            padding: 19px 0 18px;
        }

        .index .bnr dd ul {
            display: table;
            width: 100%;
        }

            .index .bnr dd ul li {
                display: table-cell;
                width: 50%;
                text-align: center;
                font-size: 0;
                line-height: 0;
                background: #efefef;
            }

/* change */
.change {
    padding: 20px 15px 0 15px;
}

    .change h3 {
        border-bottom: 2px solid #484848;
    }

    .change .txt01 {
        padding: 20px 0;
        line-height: 18px;
    }

        .change .txt01 strong {
            font-weight: bold;
            color: #333;
        }

        .change .txt01 span {
            font-size: 11px;
        }

    .change .changeInfo {
        margin-bottom: 20px;
    }

        .change .changeInfo dt {
            margin-bottom: 8px;
            font-weight: bold;
            color: #333;
        }

        .change .changeInfo dd ul li {
            padding: 0 0 0 9px;
            margin-bottom: 4px;
            line-height: 12px;
            background: url(../images/mobile_member/bu_square_gray.gif) no-repeat 2px 3px;
        }

    .change .changeNotice li {
        padding-left: 11px;
        text-indent: -12px;
        font-size: 12px;
        margin-bottom: 5px;
        color: #999;
        line-height: 16px;
    }

        .change .changeNotice li span {
            font-size: 12px;
        }

    .change .btn {
        text-align: center;
        padding: 25px 0 0 0;
    }

    .change .changeList {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .change .changeList th {
            background: #f8f8f8;
            font-weight: bold;
            color: #333333;
            text-align: center;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
        }

        .change .changeList td {
            padding: 5px 0 5px 10px;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
        }

            .change .changeList td .inpTxt {
                height: 18px;
                padding: 0 0 0 5px;
                line-height: 18px;
                border: 1px solid #dcdcdc;
                background: #fff;
                vertical-align: middle;
            }

    .change .btnCenter {
        text-align: center;
    }

        .change .btnCenter a {
            margin: 0 3px;
        }

/* step01 */
.step01 .step01Top {
    padding: 20px 15px 18px 15px;
    border-bottom: 1px solid #c1c1c1;
}

    .step01 .step01Top .certification {
        height: 28px;
        position: relative;
        padding: 20px 104px 10px 0;
    }

        .step01 .step01Top .certification .inpTxt {
            width: 100%;
            height: 26px;
            line-height: 26px;
            text-indent: 5px;
            border: 1px solid #aaaaaa;
        }

        .step01 .step01Top .certification .btn {
            position: absolute;
            right: 0;
            top: 20px;
        }

    .step01 .step01Top .certification2 {
        height: 28px;
        position: relative;
        padding: 0 142px 15px 51px;
    }

        .step01 .step01Top .certification2 .txt03 {
            position: absolute;
            left: 0;
            top: 8px;
        }

        .step01 .step01Top .certification2 .inpTxt {
            width: 100%;
            height: 26px;
            line-height: 26px;
            text-indent: 5px;
            border: 1px solid #aaaaaa;
        }

        .step01 .step01Top .certification2 .time {
            position: absolute;
            right: 104px;
            top: 8px;
            font-weight: bold;
            color: #333;
            font-weight: bold;
        }

        .step01 .step01Top .certification2 .btn {
            position: absolute;
            right: 0;
            top: 0;
        }

    .step01 .step01Top .inputDesign {
        width: 290px;
    }

        .step01 .step01Top .inputDesign label {
            padding: 3px 0 0 4px;
            float: left;
            letter-spacing: -2px;
        }

    .step01 .step01Top .txt02 {
        padding: 10px 0 0 0;
        color: #999;
        letter-spacing: -1px;
        font-size: 11px;
        line-height: 18px;
        white-space: nowrap;
    }

    .step01 .step01Top .txt04 {
        text-align: center;
        color: #ee3124;
    }

.step01 .step01Mid {
    padding: 20px 15px 0 15px;
}

    .step01 .step01Mid .agree {
        padding-bottom: 25px;
    }

        .step01 .step01Mid .agree li {
            margin-bottom: 5px;
        }

            .step01 .step01Mid .agree li label {
                padding: 3px 0 0 4px;
                float: left;
                letter-spacing: -1px;
            }

    .step01 .step01Mid .agreeList {
        padding-bottom: 10px;
    }

        .step01 .step01Mid .agreeList dt .title {
            float: left;
            font-weight: bold;
            color: #333;
            letter-spacing: -1px;
        }

        .step01 .step01Mid .agreeList dt .link {
            float: right;
            letter-spacing: -1px;
        }

            .step01 .step01Mid .agreeList dt .link a {
                color: #ee3124;
            }

        .step01 .step01Mid .agreeList dt img {
            vertical-align: middle;
        }

        .step01 .step01Mid .agreeList dd {
            padding: 10px 0 15px;
            line-height: 16px;
            color: #999;
            letter-spacing: -1px;
        }

            .step01 .step01Mid .agreeList dd strong {
                display: block;
                padding-bottom: 5px;
                color: #333;
                font-weight: normal;
            }

    .step01 .step01Mid .btnCenter {
        text-align: center;
    }

/* step02 03*/
.step02 {
    padding: 20px 15px 0 15px;
}

    .step02 .txt01 {
        padding-bottom: 7px;
        font-weight: bold;
        color: #333;
    }

    .step02 .txt02 {
        padding-bottom: 7px;
        font-size: 11px;
    }

    .step02 .txt02_v2 {
        padding-bottom: 17px;
        font-size: 11px;
    }

    .step02 .txt03 {
        padding: 0 0 28px 10px;
        text-indent: -10px;
        font-size: 11px;
        line-height: 16px;
        color: #e52120;
    }

    .step02 h3 {
        padding: 0 0 9px 0;
    }

    .step02 .txt04 {
        padding: 0 0 8px 10px;
    }

        .step02 .txt04 img {
            vertical-align: middle;
        }

    .step02 .btnCenter {
        text-align: center;
    }

/* step04 */
.step04 {
    padding: 20px 15px 0 15px;
}

    .step04 .step04Top {
        padding: 19px 15px;
        border: 1px solid #c8c8c8;
    }

        .step04 .step04Top h3 {
            font-weight: bold;
            font-size: 16px;
            color: #333;
            text-align: center;
            letter-spacing: -1px;
        }

        .step04 .step04Top .txt01 {
            padding: 15px 0;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: -1px;
        }

        .step04 .step04Top .txt02 {
            padding-bottom: 14px;
            margin-bottom: 15px;
            line-height: 16px;
            font-size: 11px;
            letter-spacing: -1px;
            color: #999;
            border-bottom: 1px solid #c4c4c4;
        }

            .step04 .step04Top .txt02 strong {
                color: #666;
                font-weight: bold;
            }

            .step04 .step04Top .txt02 span {
                font-size: 12px;
            }

        .step04 .step04Top .txt03 {
            line-height: 16px;
            font-size: 11px;
            letter-spacing: -1px;
            color: #999;
        }

            .step04 .step04Top .txt03 strong {
                color: #666;
                font-weight: bold;
            }

    .step04 .step04Mid .txt04 {
        padding: 10px 0 24px;
        font-size: 11px;
        color: #999;
    }

        .step04 .step04Mid .txt04 span {
            font-size: 12px;
        }

    .step04 .step04Mid .bnr {
        display: table;
        width: 100%;
    }

        .step04 .step04Mid .bnr li {
            display: table-cell;
            text-align: center;
            border-right: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
        }

    .step04 .step04Mid .bnr_v2 li {
        border-bottom: 0;
    }

    .step04 .step04Mid .bnr li.last {
        border-right: 0;
    }

    .step04 .btnCenter {
        padding: 30px 0 0 0;
        text-align: center;
    }

.zipcodeWrap {
    padding: 30px 15px 30px 15px;
}

    .zipcodeWrap .txt {
        padding-bottom: 9px;
    }

    .zipcodeWrap .searchBox {
        position: relative;
        padding: 14px 100px 14px 81px;
        margin-bottom: 20px;
        text-align: center;
        border: 1px solid #ccc;
        background: #efefef;
    }

        .zipcodeWrap .searchBox .txt02 {
            position: absolute;
            left: 30px;
            top: 14px;
        }

        .zipcodeWrap .searchBox .inpTxt {
            width: 100%;
            height: 22px;
            text-indent: 5px;
            line-height: 18px;
            border: 1px solid #cccccc;
            background: #fff;
        }

        .zipcodeWrap .searchBox .btn {
            position: absolute;
            right: 30px;
            top: 14px;
        }

    .zipcodeWrap .zipcodeList {
        padding: 10px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .zipcodeWrap .zipcodeList ul li {
            width: 100%;
            margin-bottom: 7px;
        }

            .zipcodeWrap .zipcodeList ul li:after {
                content: "";
                clear: both;
                display: block;
            }

            .zipcodeWrap .zipcodeList ul li span {
                float: left;
                width: 75px;
                padding-left: 5px;
            }

            .zipcodeWrap .zipcodeList ul li a {
                float: left;
                width: 240px;
                cursor: pointer;
                line-height: 16px;
                color: #333;
            }

    .zipcodeWrap .btnClose2 {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.findId {
    padding: 20px 15px 20px 15px;
}

    .findId h3 {
        padding-bottom: 6px;
        font-weight: bold;
        color: #333;
    }

    .findId .txt01 {
        padding-bottom: 30px;
        font-size: 11px;
        letter-spacing: -1px;
    }

    .findId .txt03 {
        padding: 9px 0;
        font-size: 11px;
        color: #999;
        letter-spacing: -1px;
    }

    .findId .btnCenter {
        text-align: center;
    }

    .findId .findIdBox {
        margin-bottom: 30px;
        padding: 19px 5px 17px 5px;
        color: #666;
        line-height: 18px;
        text-align: center;
        border: 1px solid #cccccc;
        letter-spacing: -1px;
    }

    .findId .tab {
        margin-bottom: 10px;
    }

        .findId .tab ul li {
            display: inline;
        }

    .findId .box_v2 {
        padding: 25px 0;
        border: 1px solid #cccccc;
    }

    .findId .box .txt2 {
        padding: 35px 0;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        color: #333;
    }

#wrap .findId .box .memberList {
    width: 580px;
    margin: 0 auto;
}

    #wrap .findId .box .memberList .line {
        width: 100%;
    }

        #wrap .findId .box .memberList .line:after {
            content: "";
            clear: both;
            display: block;
        }

        #wrap .findId .box .memberList .line .inpTxt {
            float: left;
            height: 22px;
            line-height: 22px;
            vertical-align: middle;
        }

        #wrap .findId .box .memberList .line .time {
            float: left;
            width: 41px;
            height: 18px;
            line-height: 18px;
            font-weight: bold;
            color: #333;
            text-align: right;
        }

        #wrap .findId .box .memberList .line .btn {
            float: left;
            margin-left: 10px;
        }

        #wrap .findId .box .memberList .line .txt {
            float: left;
            padding: 0 0 0 18px;
            line-height: 16px;
            color: #333;
        }

.private {
    padding: 20px 15px 0 15px;
}

    .private h3 {
        padding-bottom: 6px;
        font-weight: bold;
        color: #333;
    }

    .private .txt01 {
        padding-bottom: 20px;
        line-height: 16px;
        font-size: 11px;
        letter-spacing: -1px;
    }

    .private .txt02 {
        position: relative;
        padding: 10px 0 10px;
        text-align: center;
    }

        .private .txt02 .btn {
            position: absolute;
            right: 0;
            top: -2px;
        }

    .private .btnCenter {
        text-align: center;
    }

.modify {
    padding: 20px 15px 20px 15px;
}

    .modify h3 {
        padding-bottom: 4px;
        line-height: 18px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: -1px;
        color: #333;
    }

    .modify .txt01 {
        padding-bottom: 25px;
        line-height: 16px;
        font-size: 11px;
        letter-spacing: -1px;
    }

    .modify .modifyBox {
        position: relative;
    }

        .modify .modifyBox .loginBox li {
            position: relative;
            padding: 0 99px 0 54px;
            height: 29px;
        }

            .modify .modifyBox .loginBox li span {
                position: absolute;
                left: 0;
                top: 5px;
                letter-spacing: -1px;
            }

            .modify .modifyBox .loginBox li strong {
                display: block;
                padding: 5px 0 0 0;
                font-weight: normal;
            }

            .modify .modifyBox .loginBox li .inpTxt {
                height: 23px;
                line-height: 23px;
                text-indent: 5px;
                border: 1px solid #dcdcdc;
            }

        .modify .modifyBox .btnLogin {
            position: absolute;
            right: 0;
            top: 0;
        }

    .modify .txt02 {
        padding: 10px 0 0 54px;
        color: #ee3124;
        letter-spacing: -1px;
    }

.login {
    padding: 30px 15px 20px 15px;
}

    .login .loginWrap {
        position: relative;
    }

        .login .loginWrap .loginBox li {
            position: relative;
            padding: 0 99px 0 0;
            height: 29px;
        }

            .login .loginWrap .loginBox li .inpTxt {
                height: 23px;
                line-height: 23px;
                text-indent: 5px;
                border: 1px solid #dcdcdc;
            }

        .login .loginWrap .btnLogin {
            position: absolute;
            right: 0;
            top: 0;
        }

    .login .txt03 {
        padding: 10px 0 20px 10px;
    }

        .login .txt03 .inpCheck {
            width: 13px;
            height: 13px;
            position: relative;
            top: 1px;
        }

    .login .btn a {
        display: block;
        margin-bottom: 20px;
        text-align: center;
        background: url(../images/mobile_member/bg_btn.gif) repeat-x 0 0;
        background-size: 1px 15px;
        -webkit-background-size: 1px 15px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        border: 1px solid #d2d2d2;
        -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
        -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 1px 1px 1px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
    }

    .login .findList {
        padding: 24px 0 0 0;
        border-top: 1px solid #dcdcdc;
    }

        .login .findList li {
            padding-bottom: 10px;
        }

            .login .findList li a {
                margin-left: 15px;
                color: #ee3124
            }

            .login .findList li img {
                vertical-align: middle;
            }

.terms {
    padding: 20px 15px 30px 15px;
}

    .terms .txt {
        padding: 30px 0 15px;
        font-size: 25px;
        font-weight: 600;
        text-align: center;
        color: #333;
    }

    .terms .termsBox {
        padding: 15px;
        line-height: 18px;
    }

        .terms .termsBox h1 {
            padding: 10px 0 30px 0;
            color: #333;
            font-size: 14px;
            font-weight: bold;
        }

        .terms .termsBox h2 {
            padding: 10px 10px 10px 0;
            color: #666;
            font-size: 14px;
            font-weight: bold;
        }

        .terms .termsBox h3 {
            padding: 5px 0;
            color: #808080;
            font-weight: bold;
        }

        .terms .termsBox p {
            margin-bottom: 10px;
        }
        .terms .termsBox p b {
            font-size: 14px;
        }

        .terms .termsBox .termsTable {
            width: 100%;
            margin: 15px 0 0 0;
        }

            .terms .termsBox .termsTable th {
                height: 30px;
                background: #f8f8f8;
                font-weight: bold;
                color: #333333;
                border-right: 1px solid #e8e8e8;
                border-bottom: 1px solid #e8e8e8;
                border-top: 1px solid #cccccc;
            }

            .terms .termsBox .termsTable td {
                padding: 8px 0 7px 0;
                border-right: 1px solid #e8e8e8;
                border-bottom: 1px solid #e8e8e8;
                text-align: center;
            }

                .terms .termsBox .termsTable td.aLeft {
                    padding: 8px 5px;
                    text-align: left;
                }

            .terms .termsBox .termsTable .last {
                border-right: 0;
            }

    .terms .btnCenter {
        text-align: center;
        padding: 20px 0 0 0;
    }

        .terms .btnCenter a {
            display: inline-block;
            padding: 10px 80px;
            font-size: 15px;
            color: #fff;
            font-weight: 500;
            border: 1px solid #333;
            background: #333;
        }

            .terms .btnCenter a > span {
                font-size: 15px;
                color: #fff;
            }

            .accordion {
              width: 100%;
              max-width: 330px;
/*              margin: 0 auto;*/
            }

            .accordion-item {
              background-color: #eee;
              border: 1px solid #ddd;
              margin-bottom: 10px;
            }

            .accordion-button {
              display: block;
              width: 97%;
              text-align: left;
              background-color: inherit;
              outline: none;
              border: none;
              padding: 5% 0% 5% 3%;
              font-size: 13px;
              font-weight: bold;
              cursor: pointer;
              transition: background-color 0.3s;
            }

            .accordion-button:hover {
              background-color: #ddd;
            }

            .accordion-button img {
                width: 10%;
            }

            .accordion-button span {
                vertical-align: sub;
            }


            .accordion-content {
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.3s;
              padding: 0 20px;
            }

            .accordion-content p {
              padding: 15px 0;
              margin: 0;
            }

#wrap .memberList {
    width: 100%;
    margin: 0 0 25px 0;
}

#wrap .private .memberList th {
    padding-left: 9px;
    text-indent: 0;
    font-weight: bold;
    color: #333333;
    text-align: left;
    border: 1px solid #e8e8e8;
    border-left: 0;
    letter-spacing: -1px;
}

#wrap .memberList th {
    padding-left: 12px;
    text-indent: -7px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    border: 1px solid #e8e8e8;
    border-left: 0;
    letter-spacing: -1px;
}

    #wrap .memberList th img {
        vertical-align: middle;
    }

    #wrap .memberList th.depth2 {
        font-weight: normal;
    }

#wrap .memberList td {
    padding: 6px 0 6px 6px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

    #wrap .memberList td .inpTxt {
        height: 22px;
        text-indent: 5px;
        line-height: 22px;
        border: 1px solid #dcdcdc;
        background: #fff;
        vertical-align: middle;
    }

    #wrap .memberList td .tdWrapId {
        position: relative;
        padding-right: 82px;
    }

    #wrap .memberList td .tdWrapId_v2 {
        padding-right: 92px;
    }

    #wrap .memberList td .tdWrapId_v3 {
        padding-right: 89px;
    }

    #wrap .memberList td .tdWrapId .btn {
        position: absolute;
        right: 7px;
        top: 0;
    }

    #wrap .memberList td .tdWrapId_v3 .btn {
        right: 0;
    }

    #wrap .memberList td .email {
        padding: 10px 0 8px 0;
        font-weight: bold;
        color: #666;
    }

    #wrap .memberList td .email_v2 {
        padding: 0 0 8px 0;
        font-weight: bold;
        color: #666;
    }

    #wrap .memberList td .emailTxt {
        padding: 0 0 6px 0;
        font-size: 11px;
        line-height: 16px;
        color: #999;
    }

    #wrap .memberList td .pwdTxt {
        padding: 0 0 0 4px;
        font-size: 11px;
    }

    #wrap .memberList td select {
        height: 24px;
        border: 1px solid #dcdcdc;
        vertical-align: middle;
    }

    #wrap .memberList td .phoneTxt {
        padding: 5px 0 10px 0;
        font-size: 11px;
        color: #e52120;
    }

    #wrap .memberList td .date {
        padding: 0 3px;
    }

    #wrap .memberList td .inpRadio {
        width: 13px;
        height: 13px;
        position: relative;
        top: -1px;
        vertical-align: middle;
    }

    #wrap .memberList td label {
        padding: 0 20px 0 0;
    }

    #wrap .memberList td .gender {
        padding: 5px 0;
    }

    #wrap .memberList td .address2 {
        padding: 5px 7px 0 0;
    }

    #wrap .memberList td .own {
        padding: 0 7px 0 0;
    }

    #wrap .memberList td .own2 {
        padding: 5px 7px 0 0;
    }

    #wrap .memberList td .txtCode {
        padding: 5px 0 10px 0;
    }

    #wrap .memberList td .imgCode img {
        border: 1px solid #c9c0c5;
        vertical-align: bottom;
    }

    #wrap .memberList td .imgCode a img {
        border: 0;
    }

    #wrap .memberList td .inpCode {
        padding: 8px 0 3px 0;
    }

        #wrap .memberList td .inpCode img {
            vertical-align: middle;
        }

    #wrap .memberList td .txtView {
        padding: 4px 0;
        line-height: 18px;
        color: #666;
    }

    #wrap .memberList td .message {
        display: block;
        padding: 5px 0 0 0;
        font-size: 11px;
        letter-spacing: -1px;
        font-weight: normal;
        color: #e52120;
    }

    #wrap .memberList td .checkArea {
        position: relative;
        padding: 4px 0 0 22px;
    }

        #wrap .memberList td .checkArea .jqTransformCheckboxWrapper {
            float: none;
            position: absolute;
            left: 0;
            top: 1px;
        }

        #wrap .memberList td .checkArea label {
            color: #999;
        }

    #wrap .memberList td img {
        vertical-align: middle;
    }

    #wrap .memberList td .certification {
        position: relative;
        padding: 0 90px 2px 0;
    }

        #wrap .memberList td .certification .inpTxt {
            width: 100%;
            height: 22px;
            text-indent: 5px;
            border: 1px solid #aaaaaa;
        }

        #wrap .memberList td .certification .btn {
            position: absolute;
            right: 0;
            top: 0;
        }

    #wrap .memberList td .certification2 {
        position: relative;
        padding: 4px 127px 2px 0;
    }

        #wrap .memberList td .certification2 .inpTxt {
            width: 100%;
            height: 22px;
            text-indent: 5px;
            border: 1px solid #aaaaaa;
        }

        #wrap .memberList td .certification2 .time {
            position: absolute;
            right: 89px;
            top: 8px;
            font-weight: bold;
            color: #333;
            font-weight: bold;
        }

        #wrap .memberList td .certification2 .btn {
            position: absolute;
            right: 0;
            top: 4px;
        }

    #wrap .memberList td .certification3 {
        position: relative;
        padding: 6px 90px 4px 0;
    }

        #wrap .memberList td .certification3 .inpTxt {
            width: 100%;
            height: 22px;
            text-indent: 5px;
            border: 1px solid #dcdcdc;
        }

        #wrap .memberList td .certification3 .btn {
            position: absolute;
            right: 0;
            top: 6px;
        }

    #wrap .memberList td .btnPhone {
        padding: 4px 0 0;
    }

/* popup 2014-02-05 µµ·Î¸íÁÖ¼Ò */
.ir_pm {
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0px;
    display: block
}

.pop_wrap {
    width: 100%;
    height: 100%;
    min-width: 320px
}

    .pop_wrap .tit {
        display: block;
        width: 100%;
        height: 38px;
        background: #5c5c5c url(/Content/images/zipcode/tit_zipcode.gif) no-repeat 10px 10px;
        background-size: 89px 16px;
        text-indent: -9999px;
        overflow: hidden
    }

    .pop_wrap .alert_msg {
        width: 220px;
        margin: 10px auto;
        height: 35px;
        padding-top: 10px;
        color: #6f6f6f;
        padding-left: 42px;
        line-height: 11px
    }

        .pop_wrap .alert_msg strong {
            font-size: 10px;
            font-weight: normal
        }

    .pop_wrap .search_fail {
        background: url(/Content/images/zipcode/alert_not.gif) no-repeat 0 6px;
        background-size: 35px 35px
    }

    .pop_wrap .search_alotof {
        background: url(/Content/images/zipcode/alert_noti.gif) no-repeat 0 6px;
        background-size: 35px 35px
    }

    .pop_wrap .search_default {
        margin: 10px 10px 0;
        padding: 10px;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }

        .pop_wrap .search_default h2 {
            font-weight: bold;
            color: #858585;
            margin-bottom: 5px;
            font-size: 10px
        }

        .pop_wrap .search_default ol li {
            color: #5d5d5d;
            margin: 2px 0;
            font-size: 10px
        }

            .pop_wrap .search_default ol li span {
                display: inline-block;
                width: 170px
            }

    .pop_wrap .info_txt {
        padding: 0 10px
    }

        .pop_wrap .info_txt .txt1 strong,
        .pop_wrap .info_txt .txt2 strong {
            color: #696969
        }

        .pop_wrap .info_txt .txt2 a {
            color: #696969;
            text-decoration: none
        }

        .pop_wrap .info_txt .txt1 {
            font-size: 12px;
            color: #696969;
            line-height: 15px;
            padding: 10px 0 5px
        }

        .pop_wrap .info_txt .txt2 {
            font-size: 10px;
            color: #696969;
            line-height: 12px;
            padding: 5px 0 10px
        }

.sub_prdBox {
    border-bottom: 1px solid #4a4a4a
}

.sub_tabTit {
    height: 50px;
    background: url(images/zipcodetest/m_img_01.jpg) repeat-x 50% 0;
    background-size: auto 50px;
    border-bottom: 1px solid #c7c7c7;
    position: relative;
    z-index: 2
}

.sub_tabTit {
    line-height: 50px;
}

    .sub_tabTit ul {
        height: 50px;
        width: 100%;
        margin: 0 auto;
        z-index: 10;
        position: relative
    }

        .sub_tabTit ul li {
            float: left;
            display: inline-block;
            position: relative
        }

            .sub_tabTit ul li.last-child {
                background: none
            }

            .sub_tabTit ul li a {
                display: block;
                text-align: center;
                font-size: 12px;
                font-family: Arial,"Malgun Gothic",NanumGothic,Dotum,Gulim;
                letter-spacing: -1px;
                color: #e4e4e4
            }

    .sub_tabTit .cate2 li {
        width: 50%
    }

    .sub_tabTit .current {
        background: url(/_Image/common/current.png);
    }

        .sub_tabTit .current a {
            color: #ffffff;
            text-decoration: underline
        }

    .sub_tabTit .f16 {
        font-size: 16px;
        text-decoration: none
    }

    .sub_tabTit .current .f16 {
        font-size: 16px;
        text-decoration: none
    }

    .sub_tabTit .tit {
        float: left;
        margin-left: 15px;
        font-size: 12px;
        text-decoration: none;
        color: #ffffff
    }

    .sub_tabTit .date {
        float: right;
        font-size: 10px;
        margin-right: 15px;
        text-decoration: none;
        color: #e4e4e4;
        display: inline-block;
        margin-top: 1px
    }

    .sub_tabTit .partition {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0 auto;
        height: 50px;
        z-index: 8
    }

        .sub_tabTit .partition li {
            float: left;
            display: inline-block;
            position: relative;
            background: url(images/zipcodetest/tabPartition2.png) no-repeat 0 0;
            height: 50px
        }

.add {
    width: 50%;
    float: left
}

.load {
    width: 50%;
    float: left
}

#tab1, #tab2 {
    width: 100%;
    font-size: 15px;
    clear: both
}

.pop_wrap .search_box {
    height: 53px;
    margin: 0 10px;
    background: #efefef;
    position: relative;
    padding: 30px 90px 0 10px
}

.pop_wrap #tab1 .search_box .inpTxt {
    border: 1px solid #ccc;
    width: 100%;
    height: 25px;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 10px;
    display: block;
    float: left;
    margin-right: 10px;
}

.pop_wrap #tab1 .search_box .btn_search {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 30px
}

.pop_wrap #tab2 .search_box .inpTxt {
    border: 1px solid #ccc;
    width: 100%;
    height: 25px;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 10px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

.pop_wrap #tab2 .search_box .btn_search {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px
}

.pop_wrap .result_txt {
    clear: both;
    margin: 20px 10px 0px 10px;
    font-size: 12px;
    border-top: 1px solid #dfdfdf;
    position: relative
}

    .pop_wrap .result_txt .txt3 {
        background: #f2f2f2;
        height: 60px;
        font-weight: normal;
        font-size: 15px;
        line-height: 30px;
        padding: 0 8px
    }

        .pop_wrap .result_txt .txt3 strong {
            color: #ee3524
        }

.pop_wrap .txt4 {
    padding: 0px 8px;
    font-size: 15px;
    position: absolute;
    top: 30px
}

.pop_wrap .zipcode_list {
    clear: both;
    margin: 0 10px
}

.pop_wrap .tb_address {
    width: 100%;
    height: 100%
}

    .pop_wrap .tb_address thead th {
        color: #5c5c5c
    }

    .pop_wrap .tb_address td {
        padding: 5px 0;
        border-bottom: 1px solid #dfdfdf
    }

        .pop_wrap .tb_address td.txt_juso {
            padding: 5px 5px 5px 5px
        }

            .pop_wrap .tb_address td.txt_juso div {
                margin: 3px 0
            }

            .pop_wrap .tb_address td.txt_juso em {
                display: block;
                vertical-align: top;
                padding-left: 35px
            }

            .pop_wrap .tb_address td.txt_juso .info_street .img_address {
                background: url(/Content/images/zipcode/tit_roadName.gif) no-repeat 2px 0;
                background-size: 28px 12px
            }

            .pop_wrap .tb_address td.txt_juso .info_lotnum .img_address {
                background: url(/Content/images/zipcode/tit_mapNum.gif) no-repeat 2px 0;
                background-size: 28px 12px
            }

            .pop_wrap .tb_address td.txt_juso .img_address span {
                display: none
            }

            .pop_wrap .tb_address td.txt_juso a {
                vertical-align: top;
                height: 100%;
                line-height: 12px;
                font-size: 11px
            }

                .pop_wrap .tb_address td.txt_juso a:hover {
                    text-decoration: underline
                }

            .pop_wrap .tb_address td.txt_juso .txt_zipcode {
                text-align: left;
                font-size: 14px;
                color: #8e8e8e;
                font-weight: bold
            }

.pop_wrap .btn_close {
    position: absolute;
    top: 7px;
    right: 8px;
    background: url(/Content/images/zipcode/btn_pop_close3.gif) no-repeat 0 0;
    background-size: 22px 22px;
    width: 29px;
    height: 29px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer
}

#ulAddress_list {
    clear: both
}

/* popup */
#popWrap {
    position: relative;
    background: #fff;
}

    #popWrap .btnClose {
        width: 38px;
        height: 38px;
        position: absolute;
        right: 0;
        top: 0;
    }

    #popWrap .btnClose2 {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #popWrap .inPop {
        padding: 24px 30px 0 30px;
    }

    #popWrap .titleTxt {
        height: 30px;
        border-bottom: 2px solid #484848;
    }

    #popWrap .btnCenter {
        text-align: center;
    }

    #popWrap .inPop .title {
        height: 34px;
        margin-bottom: 20px;
        border-bottom: 2px solid #484848;
    }

    #popWrap .inPop .txt {
        padding-bottom: 16px;
    }

    #popWrap .inPop .txt2 {
        padding-bottom: 19px;
    }

    #popWrap .inPop .txt3 {
        padding-bottom: 27px;
    }

    #popWrap .inPop .btnCenter {
        text-align: center;
    }

    #popWrap .changeList {
        width: 100%;
        margin: 0 0 30px 0;
    }

        #popWrap .changeList th {
            background: #f8f8f8;
            font-weight: bold;
            color: #333333;
            text-align: center;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
        }

        #popWrap .changeList td {
            padding: 5px 0 5px 10px;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
        }

            #popWrap .changeList td .inpTxt {
                height: 18px;
                padding: 0 0 0 5px;
                line-height: 18px;
                border: 1px solid #dcdcdc;
                background: #fff;
                vertical-align: middle;
            }

    #popWrap .idCheck .txt {
        width: 280px;
        margin: 0 auto;
        padding: 72px 0 64px 0;
        text-align: center;
        color: #333;
        line-height: 22px;
        font-size: 14px;
    }

    #popWrap .idCheck .txt2 {
        width: 330px;
        margin: 0 auto;
        padding: 48px 0 25px 0;
        text-align: center;
        color: #333;
        line-height: 22px;
        font-size: 14px;
    }

    #popWrap .idCheck .txt3 {
        padding: 0 0 46px 0;
        text-align: center;
        color: #333;
        font-weight: bold;
        color: #e52120;
    }

    #popWrap .idCheck .txt4 {
        width: 280px;
        margin: 0 auto;
        padding: 50px 0 64px 0;
        text-align: center;
        color: #333;
        line-height: 22px;
        font-size: 14px;
    }

    #popWrap .zipcodeWrap {
        padding: 40px 40px 0 40px;
    }

        #popWrap .zipcodeWrap .txt {
            padding-bottom: 9px;
        }

        #popWrap .zipcodeWrap .searchBox {
            padding: 14px 0;
            margin-bottom: 20px;
            text-align: center;
            border: 1px solid #ccc;
            background: #efefef;
        }

            #popWrap .zipcodeWrap .searchBox .inpTxt {
                width: 174px;
                height: 18px;
                padding-left: 5px;
                line-height: 18px;
                border: 1px solid #cccccc;
                background: #fff;
            }

        #popWrap .zipcodeWrap .zipcodeList {
            height: 150px;
            overflow-y: auto;
            padding: 10px 0;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

            #popWrap .zipcodeWrap .zipcodeList ul li {
                width: 100%;
                margin-bottom: 5px;
            }

                #popWrap .zipcodeWrap .zipcodeList ul li:after {
                    content: "";
                    clear: both;
                    display: block;
                }

                #popWrap .zipcodeWrap .zipcodeList ul li span {
                    float: left;
                    width: 75px;
                    padding-left: 5px;
                }

                #popWrap .zipcodeWrap .zipcodeList ul li a {
                    float: left;
                    width: 240px;
                    cursor: pointer;
                    line-height: 16px;
                    color: #333;
                }

.joinStep01 .visual {
    padding: 0 0 29px 0;
}

.joinStep01 .step {
    padding: 0 0 30px 0;
}

.joinStep01 .joinCheck {
    padding: 30px 0 28px 30px;
    margin-bottom: 50px;
    border: 3px solid #e0e0e0;
}

    .joinStep01 .joinCheck .txt {
        padding: 0 0 30px 0;
    }

    .joinStep01 .joinCheck .check {
        width: 938px;
        padding: 14px 0 13px 0;
        color: #666;
        text-align: center;
        background: url(../images/member/bg_check.gif) no-repeat 0 0;
    }

        .joinStep01 .joinCheck .check strong {
            color: #333;
        }

        .joinStep01 .joinCheck .check .inpTxt {
            vertical-align: middle;
            padding: 0 35px 0 5px;
            margin: 0 6px;
            height: 33px;
            line-height: 33px;
            text-align: left;
            border: 2px solid #eb2832;
            background: #fff;
        }

        .joinStep01 .joinCheck .check .inpBg {
            background: #fff url(../images/member/bg_inptxt.gif) no-repeat 0 0;
        }

        .joinStep01 .joinCheck .check .noClear {
            background: #fff url(../images/member/ico_input_notice.gif) no-repeat 415px 50%;
        }

        .joinStep01 .joinCheck .check img {
            vertical-align: middle;
        }

        .joinStep01 .joinCheck .check span {
            padding: 0 0 0 6px;
        }

    .joinStep01 .joinCheck .checkResult {
        text-align: center;
        padding: 30px 30px 0 0;
        font-size: 14px;
        color: #333;
        line-height: 24px;
    }

        .joinStep01 .joinCheck .checkResult img {
            vertical-align: middle;
        }

        .joinStep01 .joinCheck .checkResult span {
            font-weight: bold;
            font-size: 12px;
            color: #e52120;
        }

.joinStep01 .terms {
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c8c8c8;
}

    .joinStep01 .terms dt {
        padding: 0 0 9px 0;
    }

.joinStep01 .totalAgree {
    width: 100%;
    margin-bottom: 40px;
}

    .joinStep01 .totalAgree:after {
        content: "";
        clear: both;
        display: block;
    }

    .joinStep01 .totalAgree .checkIn {
        float: right;
    }

        .joinStep01 .totalAgree .checkIn label {
            float: left;
            padding: 6px 5px 0 0;
            font-weight: bold;
            color: #333;
        }

.joinStep01 .txtTitle {
    padding: 0 0 9px 7px;
    font-weight: bold;
    color: #333;
    background: url(../images/member/bu_square.gif) no-repeat 0 4px;
}

.joinStep01 .termsBox {
    padding: 16px 20px 0 20px;
    height: 135px;
    overflow-y: auto;
    border: 1px solid #c6c6c6;
    line-height: 18px;
    scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-shadow-color: #ccc;
    scrollbar-highlight-color: #ccc;
    scrollbar-darkshadow-color: #fff;
    scrollbar-arrow-color: #ccc;
    scrollbar-track-color: #fff;
}

    .joinStep01 .termsBox h2 {
        padding: 10px 10px 10px 0;
        color: #666;
        font-size: 14px;
        font-weight: bold;
    }

    .joinStep01 .termsBox h3 {
        padding: 5px 0;
        color: #808080;
        font-weight: bold;
    }

    .joinStep01 .termsBox .termsTable {
        width: 665px;
        margin: 15px 0 0 0;
    }

        .joinStep01 .termsBox .termsTable th {
            height: 30px;
            background: #f8f8f8;
            font-weight: bold;
            color: #333333;
            border-right: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            border-top: 1px solid #cccccc;
        }

        .joinStep01 .termsBox .termsTable td {
            padding: 8px 0 7px 0;
            border-right: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            text-align: center;
        }

            .joinStep01 .termsBox .termsTable td.aLeft {
                padding: 8px 5px;
                text-align: left;
            }

        .joinStep01 .termsBox .termsTable .last {
            border-right: 0;
        }

.joinStep01 .termsAgree {
    width: 100%;
    padding: 10px 0 0 0;
    height: 50px;
}

    .joinStep01 .termsAgree:after {
        content: "";
        clear: both;
        display: block;
    }

    .joinStep01 .termsAgree .inAgree {
        float: right;
    }

    .joinStep01 .termsAgree label {
        float: left;
        padding: 6px 5px 0 0;
        font-weight: bold;
        color: #666;
    }

.joinStep01 .btnCenter {
    text-align: center;
}

.joinStep02 .step {
    padding: 0 0 29px 0;
}

.joinStep02 .step02title {
    padding: 0 0 14px 0;
}

    .joinStep02 .step02title dt {
        padding: 0 0 9px 0;
    }

    .joinStep02 .step02title dd {
        line-height: 20px;
    }

.joinStep02 .noticBox {
    margin: 0 0 30px 0;
}

.joinStep02 .btnCenter {
    text-align: center;
}

    .joinStep02 .btnCenter a {
        margin: 0 3px
    }

.joinStep02 .certification {
    padding: 0 0 27px 0;
}

.joinStep02 .certificationBox {
    border: 1px solid #c9c9c9;
    padding: 30px;
}

    .joinStep02 .certificationBox .tab {
        width: 100%;
        margin-bottom: 20px;
    }

        .joinStep02 .certificationBox .tab:after {
            content: "";
            clear: both;
            display: block;
        }

        .joinStep02 .certificationBox .tab p {
            float: left;
            padding: 0 20px 0 86px;
        }

        .joinStep02 .certificationBox .tab ul {
            float: left;
        }

            .joinStep02 .certificationBox .tab ul li {
                float: left;
                margin-right: 10px;
            }

                .joinStep02 .certificationBox .tab ul li a {
                    display: block;
                    width: 230px;
                    height: 35px;
                    overflow: hidden;
                }

                    .joinStep02 .certificationBox .tab ul li a.on img {
                        margin-top: -35px;
                    }

    .joinStep02 .certificationBox .tabContents .emailBox {
        width: 937px;
        padding: 14px 0 13px;
        color: #333;
        background: url(../images/member/bg_certification.gif) no-repeat 0 0;
    }

        .joinStep02 .certificationBox .tabContents .emailBox strong {
            padding: 0 4px 0 110px;
            color: #333;
            font-weight: bold;
        }

        .joinStep02 .certificationBox .tabContents .emailBox .inpTxt {
            height: 29px;
            line-height: 29px;
            border: 1px solid #aaaaaa;
            padding-left: 10px;
            vertical-align: middle;
        }

        .joinStep02 .certificationBox .tabContents .emailBox select {
            height: 31px;
        }

        .joinStep02 .certificationBox .tabContents .emailBox .btn {
            margin-left: 6px;
        }

        .joinStep02 .certificationBox .tabContents .emailBox img {
            vertical-align: middle;
        }

    .joinStep02 .certificationBox .tabContents .txt {
        padding: 17px 0 0;
        text-align: center;
        color: #333;
    }

        .joinStep02 .certificationBox .tabContents .txt img {
            vertical-align: middle;
            margin-left: 4px;
        }

    .joinStep02 .certificationBox .tabContents2 .phoneBox {
        padding: 20px 0 10px;
        background: url(../images/member/bg_certification2.gif) no-repeat 0 0;
    }

        .joinStep02 .certificationBox .tabContents2 .phoneBox .line {
            width: 100%;
            height: 31px;
            padding: 0 0 10px;
        }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line:after {
                content: "";
                clear: both;
                display: block;
            }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line strong {
                line-height: 31px;
                float: left;
                width: 105px;
                height: 31px;
                padding: 0 0 0 156px;
                color: #333;
            }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line .inpTxt {
                float: left;
                height: 29px;
                line-height: 29px;
                border: 1px solid #aaaaaa;
                padding-left: 10px;
                vertical-align: middle;
            }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line .time {
                float: left;
                width: 45px;
                height: 31px;
                line-height: 31px;
                font-weight: bold;
                color: #333;
                text-align: right;
            }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line .btn {
                float: left;
                margin-left: 10px;
            }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line .txt {
                float: left;
                padding: 0 0 0 18px;
                height: 31px;
                line-height: 31px;
                color: #333;
            }

            .joinStep02 .certificationBox .tabContents2 .phoneBox .line .txt2 {
                float: left;
                padding: 2px 0 0 18px;
                height: 29px;
                color: #333;
            }

.joinStep02 .emailNotice {
    padding: 15px 0 0;
}

    .joinStep02 .emailNotice .txt {
        color: #333;
        padding: 0 0 4px;
    }

        .joinStep02 .emailNotice .txt span {
            color: #e52120;
        }

        .joinStep02 .emailNotice .txt img {
            margin-left: 4px;
            vertical-align: middle;
        }

    .joinStep02 .emailNotice .txt2 {
        padding: 0 0 58px 14px;
    }

    .joinStep02 .emailNotice .txt3 {
        padding: 0 0 4px;
    }

        .joinStep02 .emailNotice .txt3 span {
            color: #333;
        }

    .joinStep02 .emailNotice .txt4 {
        padding: 0 0 58px 0;
    }



.joinStep02 .noticBox2 {
    padding: 40px 0 40px 386px;
    border: 1px solid #e8e8e8;
    text-align: left;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    background: url(../images/member/bg_noticebox2.gif) no-repeat 198px 37px;
}

    .joinStep02 .noticBox2 p.txt {
        padding: 0 0 18px 0;
    }

    .joinStep02 .noticBox2 p.txt2 {
        padding: 0 0 16px 0;
        font-size: 14px;
        color: #333;
    }

    .joinStep02 .noticBox2 p.txt3 {
        width: 412px;
        height: 30px;
        padding: 0 0 0 28px;
        margin-bottom: 13px;
        line-height: 30px;
        color: #333;
        font-weight: bold;
        background: url(../images/member/bg_noticebox2_in.gif) no-repeat 0 0;
    }

        .joinStep02 .noticBox2 p.txt3 img {
            vertical-align: middle;
        }

        .joinStep02 .noticBox2 p.txt3 span {
            color: #e52120;
        }

.joinStep02 .noticBox3 {
    padding: 30px 0;
    text-align: center;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

.joinStep02 .noticeTxt {
    padding: 14px 0 22px 0;
    line-height: 20px;
}

    .joinStep02 .noticeTxt strong {
        color: #666;
    }

        .joinStep02 .noticeTxt strong.red {
            color: #e52120;
        }

.joinStep02 .noticeTxt02 {
    padding: 0 0 14px 7px;
    color: #e52120;
}

    .joinStep02 .noticeTxt02 img {
        vertical-align: middle;
    }

.joinStep02 .noticeTxt03 {
    padding: 0 0 14px 7px;
    color: #333;
}

.joinStep02 .noticeTxt03_v2 {
    margin-top: -22px;
}

.joinStep02 .noticeTxt03 img {
    vertical-align: middle;
}

.joinStep02 .completeBox {
    padding: 28px 0 29px 25px;
    margin-bottom: 50px;
    background: url(../images/member/bg_completebox.gif) no-repeat 0 0;
}

    .joinStep02 .completeBox .colpleteList {
        width: 100%;
    }

        .joinStep02 .completeBox .colpleteList:after {
            content: "";
            clear: both;
            display: block;
        }

        .joinStep02 .completeBox .colpleteList .txt {
            float: left;
            width: 324px;
        }

        .joinStep02 .completeBox .colpleteList .btn {
            float: left;
            width: 185px;
        }

        .joinStep02 .completeBox .colpleteList .btn2 {
            float: left;
            width: 104px;
        }

.joinStep02 .completeBnr {
    width: 100%;
}

    .joinStep02 .completeBnr:after {
        content: "";
        clear: both;
        display: block;
    }

    .joinStep02 .completeBnr li {
        float: left;
    }

.joinStep02 .txtPrivate {
    position: relative;
    padding: 20px 0;
}

    .joinStep02 .txtPrivate span {
        width: 98px;
        position: absolute;
        right: 0;
        top: 20px;
    }