@charset "utf-8";
.img_ss{display: none}
@media (max-width: 768px) {
    .img_ll{display: none}
    .img_ss{display: inline-block}
}



/*--------------------------------------------------------------------------------------------*/
/*회원가입 intro*/
.log_index10{
    margin-bottom: 80px;
}
.log_index10 ul{
    overflow: hidden;
    font-size: 0;
    text-align: center;
}
.log_index10 li{
    display: inline-block;
    padding: 0 10px;
    width: 50%;
    max-width: 400px;
}
.log_index10 .row_10{
    position: relative;
    border: 1px solid #c2c2c2;
    height: 400px;
}
.log_index10 .p10{
    margin-bottom: 30px;
}
.log_index10 .p20{
    font-size: 20px;
    font-weight: bold;
    color: #363636;
    margin-bottom: 20px;
}
.log_index10 .p30{
    font-size: 15px;
    font-family:'Noto Sans M', dotum, sans-serif;
    color: #555555;
}
.log_index10 .btn_lay{
    padding-top: 20px;
}
.log_index10 .btn10{
    width: 155px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    background-color: #0072bc;
    color: #ffffff;
}
@media (max-width: 768px) {
    .log_index10 li{
        padding: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .log_index10 .row_10{
        height: 230px;
    }
    .log_index10 .p10{
        margin-bottom: 15px;
    }
    .log_index10 .p10 img{
        width: 45px;
    }
    .log_index10 .p20{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .log_index10 .p30{
        font-size: 13px;
    }
    .log_index10 .btn10{
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
}

/*--------------------------------------------------------------------------------------------*/
/*로그인*/
.log_black01 .hd_lay_01{padding: 60px 0 0}
.log_black01 .row_03{text-align: center; margin: 60px 0 50px}

.login_box{border: 1px solid #cccccc;margin-bottom: 80px;}
.log_black02{text-align: center; padding-top: 80px;}
.log_black02 .row_01 .log_btn{width: 315px; line-height: 70px; font-size: 16px; color: #898989; border: 1px solid #0072bc; background-color: #fff; font-weight:100;}
.log_black02 .row_01 .log_btn.on{background-color: #0072bc; color: #ffffff; font-weight: bold}

.btn_black_chk{}

.log_black03{text-align: center;margin: 50px 0 150px;}
.log_black03 .login_input_text{
    width: 480px;
    height: 60px;
    line-height: 60px;
    background-color: #f3f2f2;
    border: 1px solid #cccccc;
    font-size: 15px;
    color: #363636;
    padding: 0 30px;
    margin-bottom: 10px;
    font-weight:300;
}
.log_black03 .row_01 .lay_03{
    width: 480px;
    padding: 10px 0 0;
    font-size: 15px;
    color: #898989;
    display: inline-block;
    text-align: left;
    margin-bottom: 40px;
    font-weight:100;
    font-family:'Noto Sans R', dotum, sans-serif;
}
.log_black03 .row_01 .lay_03 .login_input_checkbox{width: 15px; height: 15px; border: 1px solid #ccc; background-color: #fff; margin-right: 10px;}
.log_black03 .row_02 .btn_submit{width: 480px; height: 60px; line-height: 60px; background-color: #363636; font-weight: bold; color: #fff; font-size: 17px; border-radius: 30px;}
.log_black03 .row_02{margin-bottom: 40px;}
.log_black03 .row_03{text-align: center}
.log_black03 .row_03 ul{overflow: hidden; display: inline-block}
.log_black03 .row_03 li{float: left; padding: 0 30px; border-right: 1px solid #ccc; font-size: 15px; color: #363636}
.log_black03 .row_03 li a{font-size: 15px; color: #555555; font-weight:100; letter-spacing: -1px; font-family:'Noto Sans R', dotum, sans-serif;}
.log_black03 .row_03 li a:hover{color: #f8941d}
.log_black03 .row_03 li:last-child{border-right: 0}
.log_black03 .row_04{
    text-align: left;
    width: 480px;
    margin: 0 auto;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #d1d1d1;
}
.log_black03 .row_04 h3{
    font-size: 15px;
    margin-bottom: 20px;
}
.log_black03 .row_04 .sns{}
.log_black03 .row_04 .sns li{width: 480px;height: 40px;margin-bottom: 10px;}
.log_black03 .row_04 .sns .s1{background: url("/theme/jobschool/img/login_n.jpg");}
.log_black03 .row_04 .sns .s2{background: url("/theme/jobschool/img/login_k.jpg");}
.log_black03 .row_04 .sns .s3{background: url("/theme/jobschool/img/login_f.jpg");}
.log_black03 .row_04 .sns a{
    display: block;
    width: 480px;
    height: 40px;
    text-indent: -9999px;
}



.log_black04{text-align: center;margin: 50px 0 150px; display: none}
.log_black04 .login_input_text{
    width: 480px;
    height: 60px;
    line-height: 60px;
    background-color: #f3f2f2;
    border: 1px solid #cccccc;
    font-size: 15px;
    color: #363636;
    padding: 0 30px;
    margin-bottom: 10px;
    font-weight:100;
}
.log_black04 .row_02 .btn_submit{width: 480px; line-height: 60px; background-color: #363636; font-weight: bold; color: #fff; font-size: 17px; border-radius: 30px;}
.log_black04 .row_02{margin: 40px 0;}
.log_black04 .row_03 {font-size: 15px; color: #363636; display: inline-block; margin-bottom: 40px; letter-spacing: -1px; font-weight:100;}

.log_black05{text-align: center;margin: 50px 0 150px;display: none}
.log_black05 .row_01 .lay_01{font-size: 15px; color: #363636; margin: 0 0 20px}
.log_black05 .row_01 .lay_02 .guest_privacy{
    width: 480px; height: 180px; background-color: #f3f2f2; border: 1px solid #cccccc;
    font-size: 15px; color: #363636; padding: 10px; display: inline-block; overflow: auto;
    text-align: left;
}
.log_black05 .row_01 .lay_02 .guest_privacy p{line-height: 22px;}
.log_black05 .row_01 .lay_03{width: 480px; padding: 10px 0 0; font-size: 15px; color: #363636; display: inline-block; text-align: left; margin-bottom: 40px;}
.log_black05 .row_01 .lay_03 .login_input_checkbox{width: 15px; height: 15px; border: 1px solid #ccc; background-color: #fff; margin-right: 10px;}
.log_black05 .row_02 .btn_submit{width: 480px; height: 60px; line-height: 60px; background-color: #363636; font-weight: bold; color: #fff; font-size: 17px; border-radius: 30px;}
.log_black05 .row_02{margin-bottom: 40px;}

/*--------------------------------------------------------------------------------------------*/
/*약관동의*/
.reg_black01 .row_01{border: 1px solid #cccccc;padding-left: 30px; background-color: #f3f2f2}
.reg_black01 .row_01.chkLay{padding: 17px 15px;margin-bottom: 20px;}
.reg_black01 .row_01.chkLay .p_01{line-height: 18px;height: auto;}
.reg_black01 .row_01.chkLay .p_01 label{margin-left: 10px;}
.reg_black01 .row_01 .p_01{font-size: 15px; color: #363636; font-family:'Noto Sans M', dotum, sans-serif; height: 60px; line-height: 60px;}
.reg_black01 .row_02{border: 1px solid #cccccc; border-top: 0;}
.reg_black01 .row_02 .lay_01{padding: 30px; font-size: 15px; line-height: 22px; color: #363636; font-family: Gulim, dotum, sans-serif; white-space: pre-line; overflow: auto; height: 240px;}
.reg_black01 .row_03{margin-top: 20px; font-size: 15px; color: #363636; font-weight: 100; letter-spacing:-1px; font-family:'Noto Sans M', dotum, sans-serif;}
.reg_black01 .row_03 .input_checkbox{width: 15px; height: 15px; margin-right: 10px;}

.reg_black02{margin-top: 50px;}
.reg_black02 .row_01{border: 1px solid #cccccc;padding-left: 30px; background-color: #f3f2f2}
.reg_black02 .row_01 .p_01{font-size: 15px; color: #363636; font-family:'Noto Sans M', dotum, sans-serif; height: 60px; line-height: 60px;}
.reg_black02 .row_02{border: 1px solid #cccccc; border-top: 0;}
.reg_black02 .row_02 .lay_01{padding: 30px;}
.reg_black02 .row_02 .lay_01 .table_01{border-collapse:collapse; border: 1px solid #e1e1e1}
.reg_black02 .row_02 .lay_01 .table_01 thead th{background-color: #363636; color: #ffffff; font-size: 14px; width: 300px; border-right: 1px solid #e1e1e1; height: 40px;}
.reg_black02 .row_02 .lay_01 .table_01 thead th:first-child{width: 535px;}
.reg_black02 .row_02 .lay_01 .table_01 tbody td{padding-left: 13px; font-size: 15px; color: #000000; font-family: Gulim, dotum, sans-serif; height: 40px; border: 1px solid #e1e1e1}
.reg_black02 .row_03{margin-top: 20px; font-size: 15px; color: #363636; font-weight: 100; letter-spacing: -1px; font-family:'Noto Sans M', dotum, sans-serif;}
.reg_black02 .row_03 .input_checkbox{width: 15px; height: 15px; margin-right: 10px;}

.reg_black03{margin: 50px 0 100px; text-align: center}
.reg_black03 .row_01 .btn_submit{width: 200px; height: 43px; font-size: 15px; color: #ffffff; background-color: #000000;font-family:'Noto Sans M', dotum, sans-serif;}

.reg_black04 .h3_10{font-size: 18px; color: #252525; margin-bottom: 20px;}
.reg_black04 .lay_01{border-top: 2px solid #363636;margin-bottom: 50px;}
.reg_black04 .lay_01 .row_01{overflow: hidden; display: table; width: 100%; max-width: 1200px; border-bottom: 1px solid #e2e2e2}
.reg_black04 .lay_01 .row_01 .col_01, .reg_black04 .lay_01 .row_01 .col_02,
.reg_black04 .lay_01 .row_01 .col_03, .reg_black04 .lay_01 .row_01 .col_04,
.reg_black04 .lay_01 .row_01 .col_05, .reg_black04 .lay_01 .row_01 .col_06 {float: left; display: table-cell}
.reg_black04 .lay_01 .row_01 .col_01{width: 170px; min-height: 70px; line-height: 70px; padding-left: 29px; font-size: 15px; color: #363636; font-weight: bold;}
.reg_black04 .lay_01 .row_01 .col_02{min-height: 70px; padding-left: 10px;}
.reg_black04 .lay_01 .row_01 .col_02 .sub_lay10{padding-top: 12px;}
.reg_black04 .lay_01 .row_01 .p_01{font-size: 0; color: #898989; font-weight: 300;}
.reg_black04 .lay_01 .row_01 .input_text-ss{width: 170px; height: 50px;font-size: 15px; padding-left: 10px; margin: 10px 0}
.reg_black04 .lay_01 .row_01 .input_text-sm{width: 270px; height: 50px;font-size: 15px; padding-left: 10px; margin: 10px 0}
.reg_black04 .lay_01 .row_01 .input_text-mm{width: 375px; height: 50px;font-size: 15px; padding-left: 10px; margin: 10px 0}
.reg_black04 .lay_01 .row_01 .input_text-lm{width: 100%; max-width: 860px; height: 50px;font-size: 15px; padding-left: 10px; margin: 10px 0}
.reg_black04 .lay_01 .row_01 .input_select{width: 170px; height: 50px;font-size: 15px; padding-left: 10px; margin: 10px 0}
.str-{font-size: 13px;padding: 0 2.5px;text-align: center;width: 10px;vertical-align: middle;}
.str--{font-size: 13px;padding: 0 2.5px;text-align: center;vertical-align: middle;}
.reg_black04 .lay_01 .row_01 .btn_lay{
    margin: 0 5px; width: 100px; color: #fff; background-color: #363636; font-weight: bold;
    font-size: 15px; border: 0; height: 50px; line-height: 50px; display: inline-block; text-align: center;
    vertical-align: middle;
}
.reg_black04 .lay_01 .row_01 .col_03{width: 170px; height: 190px; line-height: 210px; padding-left: 29px; font-size: 15px; color: #363636; font-weight: bold;}
.reg_black04 .lay_01 .row_01 .col_04{height: 190px; padding-left: 10px;}
.reg_black04 .lay_01 .row_01 .col_04 .input_text-lm{margin: 0 0 10px}
.reg_black04 .lay_01 .row_01 .col_05{width: 170px; height: 100px; line-height: 100px; padding-left: 29px; font-size: 15px; color: #363636; font-weight: bold;}
.reg_black04 .lay_01 .row_01 .col_06{height: 100px; padding-left: 10px;}
.reg_black04 .lay_01 .row_01 .p_03{font-size: 15px; color: #898989; font-family:'Noto Sans M', dotum, sans-serif;}
.reg_black04 .lay_01 .row_01 .p_03 .input_checkbox{width: 15px; height: 15px; margin-right: 10px;}
.reg_black04 .lay_01 .row_02{text-align: center; margin: 46px 0 100px;}
.reg_black04 .lay_01 .row_02 .btn_submit{
    font-size: 15px; color: #898989; width: 150px; height: 43px; line-height: 43px;
    text-align: center; background-color: #444444; color: #ffffff; font-weight: 300
}
.reg_black04 .lay_01 .row_02 .btn_cancel{
    width: 150px; height: 43px; line-height: 43px; display: inline-block;
    text-align: center; border: 1px solid #d6d6d6; background-color: #f4f4f4;
    color: #000000; font-size: 15px; font-family:'Noto Sans M', dotum, sans-serif;
}

.reg_black05 {text-align: center}
.reg_black05 .lay_01{border-top: 1px solid #363636; padding: 76px 0 55px;}
.reg_black05 .lay_01 .h_01{font-size: 25px; color: #363636; margin-bottom: 27px;}
.reg_black05 .lay_01 .span_01{color: #0072bc}
.reg_black05 .lay_01 .p_01{font-size: 18px; color: #363636}
.reg_black05 .lay_02{width: 655px; text-align: left; display: inline-block; padding-bottom: 60px;}
.reg_black05 .lay_02 .p_01{font-size: 16px; color: #363636;margin-bottom: 20px;}
.reg_black05 .lay_02 .p_01 img{margin-right: 11px;}
.reg_black05 .lay_03{border-top: 1px solid #e2e2e2; padding-top: 50px; margin-bottom: 150px; text-align: center}
.reg_black05 .lay_03 .btn_submit{
    display: inline-block; width: 200px; height: 43px; line-height: 43px; font-size: 14px; font-weight: bold; color: #fff;
    background-color: #000; text-align: center;
}

/*--------------------------------------------------------------------------------------------*/






@media (max-width: 1200px) {
    .log_black02{
        padding-top: 20px;
    }

}




@media (max-width: 768px) {



    /*로그인*/
    .log_black01 .hd_lay_01{
        padding: 30px 0 0;
    }

    .log_black02{
        padding-top: 0px;
    }
    .log_black02 .row_01 .log_btn{
        width: 50%;
        float: left;
        line-height: 40px;
        height: 40px;
        font-size: 13px;
    }
    .row_01{}
    .row_01:after{
        display:block;
        clear:both;
        content:"";
    }
    .log_black02 .row_01 .log_btn.on{
        /* width: 50%; */
    }

    .btn_black_chk{}

    .log_black03{
        margin: 10px 0 150px;
    }
    .log_black03 .login_input_text{

        width: 100%;

        height: 50px;

        line-height: 50px;

        font-size: 13px;
    }
    .log_black03 form{width:100%!important;}
    .log_black03 .row_01 .lay_03{

        padding: 0;

        margin-bottom: 20px;

        width: 100%;
    }
    .log_black03 .row_01 .lay_03 .login_input_checkbox{}
    .log_black03 .row_02 .btn_submit{
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .log_black03 .row_02{
        margin-bottom: 17px;
    }
    .log_black03 .row_03{}
    .log_black03 .row_03 ul{}
    .log_black03 .row_03 li{}
    .log_black03 .row_03 li a{
        font-size: 13px;
    }
    .log_black03 .row_03 li a:hover{}
    .log_black03 .row_03 li:last-child{}
    .log_black03 .row_04{width: 100%;padding-top: 20px;margin-top: 23px;}
    .log_black03 .row_04 h3{
    }
    .log_black03 .row_04 .sns{}
    .log_black03 .row_04 .sns li{
        width: 100%;
    }
    .log_black03 .row_04 .sns .s1{
    }
    .log_black03 .row_04 .sns .s2{}
    .log_black03 .row_04 .sns .s3{}
    .log_black03 .row_04 .sns a{

        width: 100%;
    }

}

@media (max-width: 768px) {
    .log_black01 .row_03{margin: 40px 0;}

    .reg_black01 .row_01, .reg_black02 .row_01{padding-left: 10px;}
    .reg_black01 .row_01 .p_01, .reg_black02 .row_01 .p_01{font-size: 13px; line-height: 40px; height: 40px;}
    .reg_black01 .row_01.chkLay{padding: 10px;}
    .reg_black01 .row_01.chkLay .p_01{line-height: 18px;height: auto;word-break: keep-all;}
    .reg_black01 .row_01.chkLay .p_01 label{margin-left: 5px;}
    .reg_black01 .row_02 .lay_01, .reg_black02 .row_02 .lay_01{padding: 10px; font-size: 13px;}
    .reg_black01 .row_03, .reg_black02 .row_03{font-size: 13px;}
    .reg_black01 .row_03 .input_checkbox{margin-right: 5px;}
    .reg_black02 .row_02 .lay_01 .table_01 thead th, .reg_black02 .row_02 .lay_01 .table_01 tbody td{font-size: 13px; padding: 5px}

    .reg_black03{margin: 30px 0 40px;}
    .reg_black03 .row_01 .btn_submit{font-size: 13px;}

    .reg_black04 .lay_01 .row_01{width: 100%;}
    .reg_black04 .lay_01 .row_01 .col_01, .reg_black04 .lay_01 .row_01 .col_02,
    .reg_black04 .lay_01 .row_01 .col_03{width: 100%;}
    .reg_black04 .lay_01 .row_01 .col_01,.reg_black04 .lay_01 .row_01 .col_03,
    .reg_black04 .lay_01 .row_01 .col_05{padding-left: 10px; font-size: 13px; min-height: 40px; line-height: 40px; height: 40px;}
    .reg_black04 .lay_01 .row_01 .col_02{padding-left: 0; min-height: 50px;}
    .reg_black04 .lay_01 .row_01 .col_02 .sub_lay10{padding:0 0 10px; }
    .reg_black04 .lay_01 .row_01 .col_04,.reg_black04 .lay_01 .row_01 .col_06{padding-left: 0; width: 100%; height: auto;}


    .reg_black04 .lay_01 .row_01 .input_text-sm, .reg_black04 .lay_01 .row_01 .btn_lay,
    .reg_black04 .lay_01 .row_01 .input_text-mm{margin: 0px; height: 40px; line-height: 40px; font-size: 13px;}
    .reg_black04 .lay_01 .row_01 .input_text-sm{width: 80%; margin-bottom: 10px;}
    .reg_black04 .lay_01 .row_01 .input_text-ss{width: 31.333%; height: 40px; line-height: 40px; font-size: 13px; margin: 0}
    .reg_black04 .lay_01 .row_01 .input_select{width: 30.333%; height: 40px; line-height: 40px; font-size: 13px; margin: 0; vertical-align: top}
    .str-{width: 3%; display: inline-block; text-align: center;font-size: 13px;}
    .str--{width: 6%;display: inline-block}
    .str--.empty{width: 1%;padding: 0;}
    .reg_black04 .lay_01 .row_01 .btn_lay{width: 20%; margin-bottom: 10px;}
    .reg_black04 .lay_01 .row_01 .input_text-mm, .reg_black04 .lay_01 .row_01 .input_text-lm{width: 100%; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 10px;}
    .reg_black04 .lay_01 .row_01 .p_03{font-size: 13px; line-height: 20px; margin: 8px 0;}
    .reg_black04 .lay_01 .row_01 .p_03 .input_checkbox{margin-right: 5px;}
    #layer{width: 90% !important;}
    .reg_black04 .lay_01 .row_02 .btn_submit, .reg_black04 .lay_01 .row_02 .btn_cancel{font-size: 13px; width: 140px;}

    .reg_black05 .lay_01{padding: 40px 0 30px;}
    .reg_black05 .lay_01 .h_01{font-size: 20px; margin-bottom: 20px;}
    .reg_black05 .lay_01 .p_01{font-size: 13px;}
    .reg_black05 .lay_02{width: 100%;}
    .reg_black05 .lay_02 .p_01{font-size: 13px;}
    .reg_black05 .lay_02 .p_01 img{display: inline-block; width: 9%; max-width: 31px; margin: 0;}
    .reg_black05 .lay_02 .p_01 span{display: inline-block; width: 90%; line-height: 20px; padding-left: 5px}
    .reg_black05 .lay_03{padding-top: 30px; margin-bottom: 40px;}
}