@charset "utf-8";

/* 인재채용  */

h2.careers-title {
    margin: 0 0 20px;
}

.careers-system {
    overflow: hidden;
}

    .careers-system li {
        position: relative;
        margin-bottom: 10px;
        padding: 0 0 0 165px;
        width: 585px;
        font: 0/0 Arial;
    }

        .careers-system li strong {
            position: absolute;
            top: 0;
            left: 0;
        }

    .careers-system span, .careers-system em {
        display: block;
        padding: 0 0 10px 9px;
    }

    .careers-system span {
        background: url(../img/icon/bul_bar2.gif) no-repeat left 4px;
    }

.system-evaluation {
    margin: -10px 0 0;
    padding: 132px 0 20px;
    background: url(../img/common/system-evaluation.gif) no-repeat left top;
}

.system-compensation {
    padding: 132px 0 0 0;
    background: url(../img/common/system-compensation.gif) no-repeat left top;
}

    .system-compensation li {
        margin-bottom: 7px;
    }

    .system-compensation span, .careers-system em {
        padding-bottom: 9px;
    }

.careers-list {
    font: 0/0 Arial;
}

    .careers-list .icon-txt {
        margin-bottom: 40px;
        width: 100%;
    }

        .careers-list .icon-txt li {
            margin: 0 0 3px;
            padding-left: 23px;
            background-position: 14px 4px;
        }

    .careers-list .sub-title {
        margin: 0 0 10px;
    }

    .careers-list .txt {
        margin: 0 0 10px;
        padding: 0 0 10px 14px;
        border-bottom: 1px solid #e4e4e4;
    }

    .careers-list dl.txt dt {
        margin-bottom: 5px;
    }

    .careers-list dl.txt dd {
        margin-bottom: 9px;
    }

    .careers-list .txt .last {
        margin: 0;
    }

    .careers-list .last {
        border-bottom: none;
    }

.system-education {
    background: url(../img/common/visual1.gif) no-repeat right top;
}

.recruit-step {
    padding: 10px 0 0;
    background: url(../img/common/visual2.gif) no-repeat right top;
}

.msie6 .recruit-step .mes-top {
    height: 243px;
}

.recruit-step .mes-top {
    min-height: 243px;
}

    .recruit-step .mes-top strong {
        display: block;
        margin-bottom: 15px;
    }

.recruit-step .txt {
    margin-bottom: 15px;
    padding: 0 0 15px 24px;
}

.recruit-step .recruit-process {
    overflow: hidden;
    width: 100%;
    height: 132px;
    background: url(../img/common/visual_recruit_process.gif) no-repeat left top;
}

    .recruit-step .recruit-process li {
        text-indent: -9999px;
    }

.recruit-step .last {
    margin-bottom: 40px;
}

.system-benefits {
    font: 0/0 Arial;
}

    .system-benefits h2 {
        padding: 15px 0 0 112px;
        min-height: 85px;
        background-position: left top;
        background-repeat: no-repeat;
    }

    .system-benefits .txt {
        margin: -63px 0 0;
        padding: 0 0 0 126px;
        min-height: 63px;
        border-bottom: 1px solid #e4e4e4;
    }

    .system-benefits p.txt {
        padding-left: 135px;
        background: url(../img/icon/bul_bar2.gif) no-repeat 126px 4px;
    }

    .system-benefits ul.txt li {
        margin-bottom: 8px;
        padding-left: 9px;
        background: url(../img/icon/bul_bar2.gif) no-repeat left 4px;
    }

.msie6 .system-benefits h2 {
    height: 85px;
}

.msie6 .system-benefits .txt {
    height: 63px;
}

.system-benefits .bg1 {
    background-image: url(../img/common/visual_benefits1.gif);
}

.system-benefits .bg2 {
    background-image: url(../img/common/visual_benefits2.gif);
}

.system-benefits .bg3 {
    background-image: url(../img/common/visual_benefits3.gif);
}

.system-benefits .bg4 {
    background-image: url(../img/common/visual_benefits4.gif);
}

.system-benefits .bg5 {
    background-image: url(../img/common/visual_benefits5.gif);
}

.system-benefits .bg6 {
    background-image: url(../img/common/visual_benefits6.gif);
}

.system-benefits .bg7 {
    background-image: url(../img/common/visual_benefits7.gif);
}

.system-benefits .bg8 {
    background-image: url(../img/common/visual_benefits8.gif);
}

.content-recruit .tab-list {
    margin-bottom: 0;
}

.mes-top-recruit {
    padding: 40px 0 0 15px;
    min-height: 67px;
    width: 735px;
    background: url(../img/common/visual_recruit.gif) no-repeat right bottom;
}

    .mes-top-recruit strong {
        display: block;
        margin-bottom: 9px;
    }

        .mes-top-recruit strong img {
            margin-right: 4px;
        }

.msie6 .mes-top-recruit {
    height: 67px;
}

/* 20160411 인턴채용 추가 */
ul li li li{
    padding-left:10px;
}

/* 수시채용 페이지 검색창 추가로 레이아웃 변경 - Start */
.mes-top-recruit1 {
    padding: 20px 0 0 15px;
    min-height: 67px;
    width: 735px;
    background: url(../img/common/visual_recruit.gif) no-repeat right bottom;
}

    .mes-top-recruit1 strong {
        display: block;
        margin-bottom: 9px;
    }

        .mes-top-recruit1 strong img {
            margin-right: 4px;
        }

    .mes-top-recruit1 input {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mes-top-recruit1 a {
        margin-top: 15px;
        margin-bottom: 15px;
    }

.msie6 .mes-top-recruit1 {
    height: 67px;
}
/* 수시채용 페이지 검색창 추가로 레이아웃 변경 - End */

.content-recruit .sub-title {
    padding: 40px 0 10px;
}

.content-recruit .sub-title-first {
    border-top: 1px solid #eaeaea;
}

.content-recruit em.mes {
    margin-top: 7px;
    color: #aaaaaa;
    font-size: 0.917em;
}

.content-recruit p.mes {
    margin-top: -3px;
}

.content-recruit ul.mes {
    margin-top: 7px;
    width: 100%;
    color: #aaaaaa;
    font-size: 0.917em;
}

    .content-recruit ul.mes li {
        padding-left: 10px;
        background: url(../img/icon/bul_star_gray.gif) no-repeat left 0.363em;
    }

        .content-recruit ul.mes li.em {
            background-image: url(../img/icon/bul_star_darkgray.gif);
            color: #666666;
        }

.title-type1 {
    margin: 20px 0 10px;
}

.title-type2 {
    margin: 0 0 10px;
}

.title-type3 {
    margin: 0 0 15px;
}

.box-line {
    padding: 11px 14px;
    width: 722px;
    border: 1px solid #e4e4e4;
}

ul.box-line {
    padding: 11px 14px 8px;
}

    ul.box-line li {
        margin-bottom: 2px;
    }

ol.box-line li {
    margin-bottom: 2px;
    margin-left: 18px;
    list-style-type: decimal;
}

ol.box-line2 li {
    margin-bottom: 2px;
    margin-left: 18px;
    list-style-type: upper-alpha;
}

.recruit-login ul.icon-txt {
    font: 0/0 Arial;
}

    .recruit-login ul.icon-txt li {
        background-position: left 4px;
    }

        .recruit-login ul.icon-txt li a, .recruit-login ul.icon-txt li img {
            vertical-align: top;
        }

            .recruit-login ul.icon-txt li a.btn1 {
                margin: -3px 3px 0 5px;
            }

            .recruit-login ul.icon-txt li a.btn2 {
                margin: -3px 3px 0 0;
            }

.recruit-login ul.txt .explain {
    color: #888;
    font: "돋움";
    font-size: 11px;
}

.f_brown {
    color: #8c662a;
    font: "돋움";
    font-weight: bold;
    font-size: 11px !important;
}

.f_black {
    color: #333333;
    text-align: center;
    font: "돋움";
    font-weight: bold;
}

.login-form {
    margin: 0 0 20px;
    padding: 3px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .login-form fieldset {
        padding: 18px 0 18px 72px;
        background: #f3f1ec;
    }

        .login-form fieldset div {
            padding: 3px 0;
        }

    .login-form input.text {
        padding-top: 4px;
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #c6c6c6;
        vertical-align: middle;
    }

    .login-form input.image {
        display: block;
        margin: -51px 0 0 323px;
    }

    .login-form label {
        width: 76px;
    }

.find-form {
    margin: 0 0 20px;
}

    .find-form fieldset {
        margin-bottom: 10px;
        padding: 3px;
        border: 1px solid #e1ddd6;
        background: #fcfbfa;
    }

        .find-form fieldset div {
            padding: 17px 0 17px 58px;
            background: #f3f1ec;
        }

    .find-form input.text {
        padding-top: 4px;
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #c6c6c6;
        vertical-align: middle;
    }

    .find-form label {
        width: 76px;
    }

.login-form2 {
    margin: 0 0 20px;
    padding: 3px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .login-form2 fieldset {
        padding: 18px 0 18px 72px;
        background: #f3f1ec;
    }

        .login-form2 fieldset div {
            padding: 3px 0;
        }

    .login-form2 input.text {
        padding-top: 4px;
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #c6c6c6;
        vertical-align: middle;
    }

    .login-form2 input.image {
        display: block;
        margin: -51px 0 0 323px;
    }

    .login-form2 input.image2 {
        display: block;
        margin: -24px 0 0 323px;
    }

    .login-form2 input.image3 {
        display: block;
        margin: 10px 0 0 150px;
    }

    .login-form2 label {
        width: 96px;
    }

.chk-form {
    position: relative;
    margin-bottom: 10px;
    height: 245px;
}

    .chk-form .mes-top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 30;
        padding: 10px 0 0 0;
        min-height: 180px;
        width: 100%;
        background: url(../img/common/visual3.png) no-repeat right top;
    }

.msie6 .chk-form .mes-top {
    height: 170px;
}

.chk-form .mes-top strong {
    display: block;
    margin-bottom: 15px;
}

.chk-form .mes-bottom {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.chk-form fieldset {
    position: absolute;
    top: 152px;
    left: 0;
    z-index: 20;
    margin: 0 0 9px;
    padding: 3px;
    width: 742px;
    height: 154px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .chk-form fieldset div.form {
        padding: 23px 0 23px 214px;
        background: #f3f1ec;
    }

        .chk-form fieldset div.form div {
            padding: 3px 0;
        }

            .chk-form fieldset div.form div.option-container {
                padding: 0 2px 0 6px;
            }

    .chk-form fieldset label {
        width: 76px;
    }

.chk-form .icon-txt {
    position: absolute;
    bottom: 10px;
    left: 0;
    background-position: left 4px;
    font: 0/0 Arial;

}


.box-policy {
    scrollbar-highlight-color: #d6d6d6;
    scrollbar-shadow-color: #d6d6d6;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-track-color: #f5f5f5;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-base-color: #f5f5f5;
    scrollbar-arrow-color: #c0c0c0;
    scrollbar-face-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 0 7px;
    padding: 17px 19px;
    width: 712px;
    height: 169px;
    border: 1px solid #d9d9d9;
}

    .box-policy .title1 {
        padding: 27px 0 17px;
        color: #8c662a;
    }

    .box-policy .txt {
        margin-bottom: 1px;
    }

.form-policy-chk {
    margin-bottom: 18px;
}

.form-mes {
    margin: 7px 0;
    color: #aaaaaa;
    font-size: 0.916em;
}

.form-mes2 {
    margin: -23px 0 10px;
    padding-left: 60px;
    color: #e31212;
    font-size: 0.916em;
}

.form-mes3 {
    margin: 7px 0 -26px;
    color: #aaaaaa;
    font-size: 0.916em;
}

.form-mes4 {
    margin: -23px 0 7px;
    padding-left: 58px;
    color: #aaaaaa;
    font-size: 0.916em;
}

.form-mes5{
    display:block;
    margin:25px 0 5px;
    color: #aaaaaa;
    font-size:0.85em;
}
.faq {
    width: 750px;
    border-top: 2px solid #8c662a;
}

    .faq dt, .faq dd {
        width: 693px;
        border-bottom: 1px solid #e4e4e4;
    }

    .faq dt {
        padding: 9px 15px 8px 42px;
        background: url(../img/icon/icon_q.gif) no-repeat 15px 0.417em;
        line-height: 1em;
        cursor: pointer;
    }

    .faq dd {
        padding: 6px 15px 4px 42px;
        background: url(../img/icon/icon_a.gif) no-repeat 15px 0.417em;
    }

.recruit-form .text, .recruit-form select {
    color: #aaaaaa;
}

.recruit-form .btn-area-right {
    margin: -34px 0 7px 0;
    text-align: right;
}

.recruit-form .btn-area-right2 {
    margin: 5px 0 4px 0;
    padding: 0;
    text-align: right;
}

.recruit-form .btn-area-top {
    margin: -30px 0 10px 0;
    padding: 0;
    text-align: right;
}

.recruit-form .txt-scroll {
    padding: 12px 15px;
}

    .recruit-form .txt-scroll ul {
        overflow: hidden;
        margin: 0 0 0;
        padding: 0;
    }

        .recruit-form .txt-scroll ul li {
            overflow: hidden;
            margin-bottom: 12px;
        }

            .recruit-form .txt-scroll ul li ul, .recruit-form .txt-scroll ul li ul li {
                margin: 0;
            }

            .recruit-form .txt-scroll ul li em {
                padding-right: 4px;
                color: #8c662a;
            }

.pop-mes {
    padding: 19px 0;
    text-align: center;
}

    .pop-mes strong {
        display: block;
        margin-bottom: 10px;
    }

    .pop-mes span {
        display: block;
        margin: 0 10px 10px 10px;
        font-size: 12px;
        line-height: 20px;
    }

        .pop-mes span b {
            display: block;
            margin-bottom: 10px;
            color: #8c662a;
            letter-spacing: -1px;
            font-size: 18px;
            font-family: "휴먼명조", "태명조", "신명조";
            line-height: 25px;
        }

        .pop-mes span em {
            text-decoration: underline;
        }

.pop-mes2 {
    padding: 22px 0 4px 0;
    text-align: center;
}
/* 달력추가용 */
.tbl-type2 td td, .tbl-type2 td th {
    margin: 0;
    padding: 0;
    border: none;
}

.tbl-type2 .calandar span {
    margin: 0;
    padding: 0;
}

.tbl-type2 .clsDatePick_Title td {
    text-align: center;
}


/*qna 동의*/
.privacy-confirm {
    padding: 10px;
    border: 1px solid #e4e4e4;
    font-size: 1em;
}

    .privacy-confirm p.title {
        padding: 0 10px 10px 10px;
        text-align: center;
        font-weight: bold;
        font-size: 1.2em;
    }

    .privacy-confirm p.agree {
        text-align: center;
    }

    .privacy-confirm ol {
        padding: 10px;
    }

/*faq추가*/
.recruit-faq {
    margin-top: 5px;
}

    .recruit-faq li {
        margin-bottom: 25px;
        padding-left: 25px;
        border-bottom: 1px solid #d2d2d2;
    }

    .recruit-faq .faq_tit {
        position: relative;
        margin-bottom: 15px;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #d2d2d2;
        border-bottom: none;
        color: #333;
        font-weight: bold;
    }

    .recruit-faq .n01 {
        padding-left: 25px;
        background: url(../img/txt/txt_n01.gif) no-repeat 0 1px;
    }

    .recruit-faq .n02 {
        padding-left: 25px;
        background: url(../img/txt/txt_n02.gif) no-repeat 0 1px;
    }

    .recruit-faq .n03 {
        padding-left: 25px;
        background: url(../img/txt/txt_n03.gif) no-repeat 0 1px;
    }

    .recruit-faq dt {
        margin-bottom: 8px;
        font-weight: bold;
    }

    .recruit-faq dd {
        margin-bottom: 20px;
    }

.msie7 .faq_tit {
    margin-bottom: 0px;
}

.btn_open {
    position: absolute;
    top: 0;
    right: 0;
}

/*popup20131004*/

.pop_title {
    margin-bottom: 25px;
    text-align: center;
}

.pop_st {
    position: relative;
    margin-bottom: 8px;
}

.btn_open {
    position: absolute;
    top: -3px;
    right: 0px;
    width: 52px;
    height: 21px;
}

.btn_map {
    position: absolute;
    top: -3px;
    left: 165px;
    width: 85px;
    height: 17px;
}

.mb10 {
    margin-bottom: 10px;
}

.ps {
    color: #c36451;
    font-size: 11px;
    line-height: 1.2em;
}

.s_box {
    margin-bottom: 8px;
    padding: 15px;
    background: #eeede8;
}

    .s_box dt {
        margin-bottom: 6px;
        color: #333;
        font-weight: bold;
    }

    .s_box dd.ps {
        margin-top: 6px;
    }

.pop_link {
    margin: 10px 0;
    padding-bottom: 10px;
    width: 590px;
    border-bottom: 1px solid #d2d2d2;
    zoom: 1;
}

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

.mr10 {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}

.btn_tweet, .btn_facebook, .btn_me2 {
    display: inline-block;
    margin-right: 7px;
}

.sns-box {
    margin-top: 3px;
    width: 157px;
    height: 17px;
    background: url(../img/btn/btn_sns.jpg?20141001) no-repeat 0 0;
}

    .sns-box h5 {
        float: left;
        width: 58px;
        text-indent: -99999px;
    }

    .sns-box ul {
        display: inline-block;
        float: left;
        zoom: 1;
    }

        .sns-box ul:after {
            display: block;
            clear: both;
            content: "";
        }

    .sns-box li {
        display: inline-block;
        float: left;
        margin-right: 3px;
    }

        .sns-box li.last {
            display: inline-block;
            float: left;
            margin-right: 0;
        }

.bt_twitter {
    display: block;
    width: 16px;
    height: 16px;
}

.bt_facebook {
    display: block;
    width: 16px;
    height: 16px;
}

.bt_me2 {
    display: block;
    width: 17px;
    height: 16px;
}

.bt_capyurl {
    display: block;
    width: 55px;
    height: 17px;
}


.sinchung_chk {
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
}

    .sinchung_chk dl {
        padding: 15px 0;
        border: 3px solid #fff;
        background: #f4f2ef;
        zoom: 1;
    }

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

    .sinchung_chk dt {
        display: inline-block;
        float: left;
        margin-left: 60px;
        width: 60px;
        height: 25px;
    }

    .sinchung_chk dd {
        display: inline-block;
        float: left;
        width: 460px;
        height: 25px;
    }


.btn_sinchung {
    position: absolute;
    top: 33px;
    left: 400px; /*20190920 change 380px*/ 
    display: block;
    width: 180px;
    height: 60px;
}


/*채용설명회- 소개 포스터*/
.recruit_infobox {
    margin-bottom: 40px;
    width: 590px;
    background: url(../img/bg/bg_201310_02.jpg) no-repeat right 0;
    zoom: 1;
}

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

    .recruit_infobox .img {
        float: left;
    }

    .recruit_infobox .info_1 {
        float: right;
        margin: 40px 0 0;
        width: 270px;
    }

        .recruit_infobox .info_1 h3 {
            margin-bottom: 20px;
            padding-left: 10px;
        }

        .recruit_infobox .info_1 p {
            margin-bottom: 40px;
        }

    .recruit_infobox .info_txt {
        margin-bottom: 50px;
        padding-top: 7px;
        padding-left: 10px;
        background: url(../img/bg/bg_bar0000.gif) no-repeat 10px 0;
    }

        .recruit_infobox .info_txt li {
            margin-bottom: 7px;
            line-height: 1em;
        }


    .recruit_infobox .ps_info li {
        margin-bottom: 7px;
        padding-left: 10px;
        line-height: 1em;
    }



/*채용설명회-신청취소 레이어 팝업*/
.pop_layer {
    position: fixed;
    top: 150px;
    left: 70px;
    z-index: 999;
    display: none;
    width: 490px;
    border: 1px solid #333;
    background: #fff;
}

    .pop_layer .layer_title {
        padding: 25px 20px 15px;
        background: #565656 url("../img/icon/bul_bar_pop.gif") no-repeat 20px 15px;
    }

    .pop_layer .layer_inner {
        padding: 20px;
    }

.pop_map {
    position: fixed;
    top: 5px;
    left: 70px;
    z-index: 999;
    display: none;
    width: 490px;
    border: 1px solid #333;
    background: #fff;
}

    .pop_map .layer_title {
        padding: 25px 20px 15px;
        background: #565656 url("../img/icon/bul_bar_pop.gif") no-repeat 20px 15px;
    }

    .pop_map .layer_inner {
        padding: 20px;
    }

    .pop_map .pop-footer {
        position: relative;
        z-index: 20;
        width: 490px;
        height: 25px;
        background: #757575;
        text-align: right;
    }

        .pop_map .pop-footer .close {
            margin: 7px 30px 0 0;
        }

.pop-content select.box_color {
    vertical-align: middle;
}

/*@charset "utf-8";*/

/* 인재채용  */

h2.careers-title {
    margin: 0 0 20px;
}

.careers-system {
    overflow: hidden;
}

    .careers-system li {
        position: relative;
        margin-bottom: 10px;
        padding: 0 0 0 165px;
        width: 585px;
        font: 0/0 Arial;
    }

        .careers-system li strong {
            position: absolute;
            top: 0;
            left: 0;
        }

    .careers-system span, .careers-system em {
        display: block;
        padding: 0 0 10px 9px;
    }

    .careers-system span {
        background: url(../img/icon/bul_bar2.gif) no-repeat left 4px;
    }

.system-evaluation {
    margin: -10px 0 0;
    padding: 162px 0 20px;
    background: url(../img/common/system-evaluation.gif) no-repeat left top;
}

.system-compensation {
    padding: 142px 0 0 0;
    background: url(../img/common/system-compensation.gif) no-repeat left top;
}

    .system-compensation li {
        margin-bottom: 7px;
    }

    .system-compensation span, .careers-system em {
        padding-bottom: 9px;
    }

.careers-list {
    font: 0/0 Arial;
}

    .careers-list .icon-txt {
        margin-bottom: 40px;
        width: 100%;
    }

        .careers-list .icon-txt li {
            margin: 0 0 3px;
            padding-left: 23px;
            background-position: 14px 4px;
        }

    .careers-list .sub-title {
        margin: 0 0 10px;
    }

    .careers-list .txt {
        margin: 0 0 10px;
        padding: 0 0 10px 22px;
        border-bottom: 1px solid #e4e4e4;
    }

    .careers-list dl.txt dt {
        margin-bottom: 5px;
    }

    .careers-list dl.txt dd {
        margin-bottom: 9px;
    }

    .careers-list .txt .last {
        margin: 0;
    }

    .careers-list .last {
        border-bottom: none;
    }

.system-education {
    background: url(../img/common/visual1.gif) no-repeat right top;
}

.recruit-step {
    padding: 10px 0 0;
    background: url(../img/common/visual2.gif) no-repeat right top;
}

.msie6 .recruit-step .mes-top {
    height: 243px;
}

.recruit-step .mes-top {
    min-height: 243px;
}

    .recruit-step .mes-top strong {
        display: block;
        margin-bottom: 15px;
    }

.recruit-step .txt {
    margin-bottom: 15px;
    padding: 0 0 15px 24px;
}

.recruit-step .recruit-process {
    overflow: hidden;
    width: 100%;
    height: 123px;/*290px*/
    margin-bottom:20px;
    background: url(../img/common/visual_recruit_process.gif) no-repeat left top;
}

    .recruit-step .recruit-process li {
        text-indent: -9999px;
    }


.recruit-step .recruit-process-new {
    overflow: hidden;
    width: 100%;
    height: 123px;/*290px*/
    background: url(../img/common/visual_recruit_process_new.gif) no-repeat left top;
}

    .recruit-step .recruit-process li {
        text-indent: -9999px;
    }

.recruit-step .last {
    margin-bottom: 40px;
}

.system-benefits {
    font: 0/0 Arial;
}

    .system-benefits h2 {
        padding: 15px 0 0 112px;
        min-height: 85px;
        background-position: left top;
        background-repeat: no-repeat;
    }

    .system-benefits .txt {
        margin: -63px 0 0;
        padding: 0 0 0 126px;
        min-height: 63px;
        border-bottom: 1px solid #e4e4e4;
    }

    .system-benefits p.txt {
        padding-left: 135px;
        background: url(../img/icon/bul_bar2.gif) no-repeat 126px 4px;
    }

    .system-benefits ul.txt li {
        margin-bottom: 8px;
        padding-left: 9px;
        background: url(../img/icon/bul_bar2.gif) no-repeat left 4px;
    }

.msie6 .system-benefits h2 {
    height: 85px;
}

.msie6 .system-benefits .txt {
    height: 63px;
}

.system-benefits .bg1 {
    background-image: url(../img/common/visual_benefits1.gif);
}

.system-benefits .bg2 {
    background-image: url(../img/common/visual_benefits2.gif);
}

.system-benefits .bg3 {
    background-image: url(../img/common/visual_benefits3.gif);
}

.system-benefits .bg4 {
    background-image: url(../img/common/visual_benefits4.gif);
}

.system-benefits .bg5 {
    background-image: url(../img/common/visual_benefits5.gif);
}

.system-benefits .bg6 {
    background-image: url(../img/common/visual_benefits6.gif);
}

.system-benefits .bg7 {
    background-image: url(../img/common/visual_benefits7.gif);
}

.system-benefits .bg8 {
    background-image: url(../img/common/visual_benefits8.gif);
}

.content-recruit .tab-list {
    margin-bottom: 0;
}

.mes-top-recruit {
    padding: 40px 0 0 15px;
    min-height: 67px;
    width: 735px;
    background: url(../img/common/visual_recruit.gif) no-repeat right bottom;
}

    .mes-top-recruit strong {
        display: block;
        margin-bottom: 9px;
    }

.msie6 .mes-top-recruit {
    height: 67px;
}

.content-recruit .sub-title {
    padding: 40px 0 10px;
}

.content-recruit .sub-title-first {
    border-top: 1px solid #eaeaea;
}

.content-recruit em.mes {
    margin-top: 7px;
    color: #aaaaaa;
    font-size: 0.917em;
}

.content-recruit p.mes {
    margin-top: -3px;
}

.title-type1 {
    margin: 20px 0 10px;
}

.title-type2 {
    margin: 0 0 10px;
}

.title-type3 {
    margin: 0 0 15px;
}

.box-line {
    padding: 11px 14px;
    width: 722px;
    border: 1px solid #e4e4e4;
}

ul.box-line {
    padding: 11px 14px 8px;
}

    ul.box-line li {
        margin-bottom: 2px;
    }

.recruit-login ul.icon-txt {
    font: 0/0 Arial;
}

    .recruit-login ul.icon-txt li {
        background-position: left 4px;
    }

        .recruit-login ul.icon-txt li a, .recruit-login ul.icon-txt li img {
            vertical-align: top;
        }

            .recruit-login ul.icon-txt li a.btn1 {
                margin: -3px 3px 0 5px;
            }

            .recruit-login ul.icon-txt li a.btn2 {
                margin: -3px 3px 0 0;
            }

.recruit-login ul.txt .explain {
    color: #888;
    font: "돋움";
    font-size: 11px;
}

.f_brown {
    color: #8c662a;
    font: "돋움";
    font-weight: bold;
    font-size: 11px !important;
}

.f_black {
    color: #333333;
    text-align: center;
    font: "돋움";
    font-weight: bold;
}

.login-form {
    margin: 0 0 20px;
    padding: 3px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .login-form fieldset {
        padding: 18px 0 18px 72px;
        background: #f3f1ec;
    }

        .login-form fieldset div {
            padding: 3px 0;
        }

    .login-form input.text {
        padding-top: 4px;
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #c6c6c6;
        vertical-align: middle;
    }

    .login-form input.image {
        display: block;
        margin: -51px 0 0 323px;
    }

    .login-form input.image2 {
        display: block;
        margin: -24px 0 0 323px;
    }

    .login-form input.image3 {
        display: block;
        margin: 10px 0 0 150px;
    }

    .login-form label {
        width: 76px;
    }

.login-form2 {
    margin: 0 0 20px;
    padding: 3px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .login-form2 fieldset {
        padding: 18px 0 18px 72px;
        background: #f3f1ec;
    }

        .login-form2 fieldset div {
            padding: 3px 0;
        }

    .login-form2 input.text {
        padding-top: 4px;
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #c6c6c6;
        vertical-align: middle;
    }

    .login-form2 input.image {
        display: block;
        margin: -51px 0 0 323px;
    }

    .login-form2 input.image2 {
        display: block;
        margin: -24px 0 0 323px;
    }

    .login-form2 input.image3 {
        display: block;
        margin: 10px 0 0 150px;
    }

    .login-form2 label {
        width: 96px;
    }

.find-form {
    margin: 0 0 20px;
}

    .find-form fieldset {
        margin-bottom: 10px;
        padding: 3px;
        border: 1px solid #e1ddd6;
        background: #fcfbfa;
    }

        .find-form fieldset div {
            padding: 17px 0 17px 58px;
            background: #f3f1ec;
        }

    .find-form input.text {
        padding-top: 4px;
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #c6c6c6;
        vertical-align: middle;
    }

    .find-form label {
        width: 76px;
    }

.chk-form {
    position: relative;
    height: 350px;
}

    .chk-form .mes-top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 30;
        padding: 10px 0 0 0;
        min-height: 180px;
        width: 100%;
        background: url(../img/common/visual3.png) no-repeat right top;
    }

.msie6 .chk-form .mes-top {
    height: 170px;
}

.chk-form .mes-top strong {
    display: block;
    margin-bottom: 15px;
}

.chk-form .mes-bottom {
    position: absolute;
    top: 330px;
    right: 0;
}

.chk-form fieldset {
    position: absolute;
    top: 152px;
    left: 0;
    z-index: 20;
    margin: 0 0 9px;
    padding: 3px;
    width: 742px;
    height: 153px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .chk-form fieldset div.form {
        padding: 23px 0 23px 214px;
        background: #f3f1ec;
    }

        .chk-form fieldset div.form div {
            padding: 3px 0;
        }

    .chk-form fieldset label {
        width: 76px;
    }

    .chk-form .icon-txt{ position: absolute;
    bottom: -7px;
    left: 6px;
}

    .chk-form .icon-txt li {
    background-position: left 4px;
    font: 0/0 Arial;
    }
    .chk-form .icon-txt li img{vertical-align:middle}
.box-policy {
    scrollbar-shadow-color: #d6d6d6;
    scrollbar-track-color: #f5f5f5;
    scrollbar-base-color: #f5f5f5;
    scrollbar-arrow-color: #c0c0c0;
    scrollbar-highlight-color: #d6d6d6;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-face-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 0 7px;
    padding: 17px 19px;
    width: 712px;
    height: 169px;
    border: 1px solid #d9d9d9;
}

    .box-policy .title1 {
        padding: 27px 0 17px;
        color: #8c662a;
    }

    .box-policy .txt {
        margin-bottom: 1px;
    }

.box-policy2 {
    scrollbar-shadow-color: #d6d6d6;
    scrollbar-track-color: #f5f5f5;
    scrollbar-base-color: #f5f5f5;
    scrollbar-arrow-color: #c0c0c0;
    scrollbar-highlight-color: #d6d6d6;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-face-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 0 7px;
    padding: 17px 19px;
    width: 620px;
    height: auto;
    border: 1px solid #d9d9d9;
}

    .box-policy2 .title1 {
        padding: 15px 0 0px;
        color: #8c662a;
    }

    .box-policy2 .txt {
        margin-bottom: 1px;
    }

    .box-policy2 .label-wrap{
        float:left;
    }



.form-policy-chk {
    margin-bottom: 18px;
}

.form-mes {
    margin: 7px 0;
    color: #aaaaaa;
    font-size: 0.916em;
}

.form-mes2 {
    margin: -23px 0 10px;
    padding-left: 60px;
    color: #e31212;
    font-size: 0.916em;
}

.form-mes3 {
    margin: 7px 0 -26px;
    color: #aaaaaa;
    font-size: 0.916em;
}

.form-mes4 {
    margin: -23px 0 7px;
    padding-left: 58px;
    color: #aaaaaa;
    font-size: 0.916em;
}

.faq {
    width: 750px;
    border-top: 2px solid #8c662a;
}

    .faq dt, .faq dd {
        width: 693px;
        border-bottom: 1px solid #e4e4e4;
    }

    .faq dt {
        padding: 9px 15px 8px 42px;
        background: url(../img/icon/icon_q.gif) no-repeat 15px 0.417em;
        line-height: 1em;
        cursor: pointer;
    }

    .faq dd {
        padding: 6px 15px 4px 42px;
        background: url(../img/icon/icon_a.gif) no-repeat 15px 0.417em;
    }

/* 변경한 스타일 */
.recruit-form .text, .recruit-form select {
}

.recruit-form fieldset {
    position: relative;
}
/*.recruit-form .btn-area-right {position:absolute; right:0; top:-24px; padding:0;}*/
.recruit-form .btn-area-right {
    margin: -24px 0 0;
    text-align: right;
}

.recruit-form .btn-area-right2 {
    margin: 5px 0 4px 0;
    padding: 0;
    text-align: right;
}

.recruit-form .btn-area-top {
    margin: -30px 0 10px 0;
    padding: 0;
    text-align: right;
}

.recruit-form .txt-scroll {
    padding: 12px 15px;
}

    .recruit-form .txt-scroll ul {
        overflow: hidden;
        margin: 0 0 0;
        padding: 0;
    }

        .recruit-form .txt-scroll ul li {
            overflow: hidden;
            margin-bottom: 12px;
        }

            .recruit-form .txt-scroll ul li ul, .recruit-form .txt-scroll ul li ul li {
                margin: 0;
            }

            .recruit-form .txt-scroll ul li em {
                padding-right: 4px;
                color: #8c662a;
            }


/* 실제 적용 시 추가한 스타일 */
.recruit-login ul.icon-txt li.blank {
    background-image: none;
}

.recruit-login ul.icon-txt li input, .recruit-login ul.icon-txt li img {
    vertical-align: top;
}

    .recruit-login ul.icon-txt li input.btn1 {
        margin: -3px 3px 0 5px;
    }

    .recruit-login ul.icon-txt li input.btn2 {
        margin: -3px 3px 0 0;
    }

    /*채용알람으로 수정한 css 20150227*/
    #wrapper-pop .pop-content #alim.contents{padding-bottom:26px;}
    #alim .title-type2{margin-bottom:8px}
    #alim .box-policy2{color:#333333; width:505px; height:160px;}
    #alim .box-policy2 p, .box-policy2 div{margin-bottom:20px}

    #alim .login-form2 fieldset { padding: 18px 0 18px 110px;    }
   
     #alim .login-form2 label{width:75px; padding-top:3px;height:14px;vertical-align:top}
     #alim .login-form2 .noheight{height:20px; padding:0;}
     #alim .login-form2 .noheight label{padding:0}
     #alim .login-form2 input.text{width:217px}
     #alim .login-form2 input[type=image]{margin:4px 0 0 124px;}

   
    #alim.recruit-login ul.icon-txt li{line-height:18px; font-size:11px; background-position:0 0.6em; letter-spacing:-0.05em;font-family:Dotum;}
    #alim.recruit-login ul.icon-txt li.f12 {position:relative;font-size:12px;}
    #alim.recruit-login span.check{margin-left:10px; display:inline-block}

    #alim .login-form2.alim02{margin-bottom:4px; }
    #alim .login-form2.alim02 fieldset {padding-bottom:0; padding-left:76px;}
    #alim .login-form2.alim02 fieldset.h-line{  background: #f3f1ec url(../img/bg/hline.gif) no-repeat 25px 89px;}
    #alim .login-form2.alim02 .blank{padding:35px 0 0}
    #alim .login-form2.alim02 .innerbox{display:inline-block; vertical-align:top; margin-bottom:20px;}
    #alim .login-form2.alim02 .innerbox select{height:22px; border:1px solid #c6c5c0; margin-bottom:10px; padding:0 0 0 4px ;}
    #alim .login-form2.alim02 label{width:75px; padding-top:3px;}

    #alim .alimbox{height:120px;}


    /*채용알림서비스 추가 css 20150304*/
    .alim_text {background:url(../img/bg/bg_recruit_alim.jpg) no-repeat left 23px; width:750px; height:177px; margin-bottom:20px;}
    .alim_text p{padding-top:41px;}
    .alim_text p.txt01{padding-top:17px;}
    .careers_alim_step{border:1px solid #eaeaea; text-align:center; padding:30px 60px 0 ; margin-bottom:40px;}
    .careers_alim_step li{padding-bottom:30px;}
    .careers_alim_step li.bort{border-top:1px solid #eaeaea;  padding-top:19px;}

    .careers-title02{margin-bottom:10px;}

    /*채용알림서비스 테이블 속성 변경*/
    .tbl-type1.alim{font-size:11px;}
    .tbl-type1.alim td{padding-top:6px; padding-bottom:6px; vertical-align:middle; text-align:left}


    /*채용알림서비스 취소 팝업*/
    .alim-box-inner{padding:0}
    .alim-box-inner p{font-size:11px ;color:#888; line-height:20px; margin-bottom:19px}
    .alim-box-inner p.mb23{margin-bottom:9px;}

    /*채용알림서비스 취소 새창*/
    #alim-cancelbox{width:461px; margin:140px auto 0;}
    #alim-cancelbox h1.logo{height:30px;}
    #alim-cancelbox .alim-box{background:url(../img/bg/bg_alim_cancel.gif) no-repeat 0 bottom; width:461px; height:263px; margin-bottom:10px }
    #alim-cancelbox .alim-box .alim-box-inner{padding:29px 29px 34px;}
    #alim-cancelbox .alim-box-inner p{font-size:11px ;color:#888; line-height:20px; margin-bottom:17px}
    #alim-cancelbox .alim-box-inner p.mb23{margin-bottom:24px;}


#wrapper-pop-confirm {width:100%; border-top:1px solid #121212;}
#wrapper-pop-confirm .pop-header {width:100%; height:40px; padding:20px 0 0 0; background:#444444 url(../img/common/logo_pop.gif) no-repeat right top;}
#wrapper-pop-confirm .pop-header h1 {padding:6px 0 0 0; margin-left:30px; background:url(../img/icon/bul_bar_pop.gif) no-repeat left top;}
#wrapper-pop-confirm .pop-content {width:100%; min-height:100%; margin:-60px 0 -25px; z-index:10;}
.msie6 #wrapper-pop-confirm .pop-content {height:100%;}
#wrapper-pop-confirm .pop-content .contents {padding:90px 0 55px; margin:0 30px;}
#wrapper-pop-confirm .pop-content .contents2 {padding:84px 0 49px; margin:0 24px;}
#wrapper-pop-confirm .pop-footer {position:relative; width:100%; height:25px; background:#757575; text-align:right; z-index:20;}
#wrapper-pop-confirm .pop-footer .close {margin:6px 30px 0 0;}
#wrapper-pop-confirm .pop-footer .close24 {position:absolute; top:4px; left:30px;}

/* 사옥초청프로그램 신청 폼 */
#ApplyInfo select { height:21px; border: 1px solid #c2c2c2; }
#ApplyInfo input.text {
        height:19px;
        padding:0;
        line-height:19px
    }

/**/

.thirdTitle{padding-top:20px; padding-bottom:10px;}


/*우편번호검색 추가 css 20150427*/

/*우편번호검색 추가 css 20150427*/

.address-form {
    margin: 0 0 20px;
    padding: 3px;
    border: 1px solid #e1ddd6;
    background: #fcfbfa;
}

    .address-form fieldset {
        padding: 10px 10px ;
        background: #f3f1ec;
    }

        .address-form fieldset div {
            padding: 3px 0;
        }

    .address-form input.text {
        height:19px;
        padding:0;
        line-height:19px
      
    }

   

    .address-form label {
        width: auto;
        margin-right:15px; 
        vertical-align:middle
    }

    .address-form .section{border-bottom:1px solid #e1ddd6; padding-bottom:8px; display:block }
    .address-form .mes{color:#df8b52; font-size:0.95em; padding-top:10px}
    .add_00{color:#8c662a !important;  margin:0; padding:0; display:block; height:14px;}
    .add_01{color:#888; margin:0; padding:0; display:block; height:14px;}
    .address-form .input-box{padding-left:10px; border-top:1px solid #fff; padding-top:8px}
    .address-form .input-box.noborder{padding-left:10px; border:0; padding-top:4px}
    .address-form .input-box span strong{width:50px; vertical-align:middle }
    .address-form .input-box span.mes strong{width:auto; vertical-align:middle}
    .address-form .input-box select{width:100px; margin-right:10px }

    /*개인정보동의 팝업 추가css 20150820*/
    .ag { text-align:center}
    .Apply_tbl { border:2px solid #8c662a; padding:6px 0 6px 20px; margin-bottom:12px}




    /*개인정보표기변경 20171114*/
    .f01{font-size:1.2em; font-weight:bold; color:#272727}
    .f02{font-size:1.2em; font-weight:bold; color:#8b662e}