@charset "utf-8";

.line_dot {
    border-top: 1px dotted #bababa;
}
/*******************************************서브 fixed gnb*****************************************************/
.f_gnb li {
    float: left;
    height: 43px;
    line-height: 43px;
    padding: 0 10px;
}

.f_gnb10 li {
    float: left;
    height: 43px;
    line-height: 43px;
    padding: 0 10px;
}

.f_gnb10 a {
    color: #cad8ff !important;
	font-size:14.5px !important;
}

.f_gnb a {
    color: #cad8ff !important;
}

.f_gnb_active {
    font-size: 20px;
    font-weight: 600;
    color: #fff !important;
}

.sub_hwrap {
    width: 100%;
    min-width: 1380px;
    position: relative;
    display: block;
}

.horizontal_line {
    border-top: 1px solid #d2d2d2;
}

.sub_btn_form {
    color: #375fcd;
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 30px;
    position: absolute;
    right: 35px;
    top: 10px;
    padding: 5px 10px !important;
    background: #fff !important;
}
/*******************************************폰트************************************************/

a {
    color: #636363;
}

.c_title {
    font-size: 40px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
}

.c_title01 {
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    font-weight: 300;
}

.c_center {
    text-align: center;
}

.c_just {
    text-align: justify;
}

.c_left {
    text-align: left !important;
}

.c_right {
    text-align: right;
}

.f_12 {
    font-size: 12px;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px;
}

.f_17 {
    font-size: 17px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_23 {
    font-size: 23px;
}

.f_25 {
    font-size: 25px;
}

.f_27 {
    font-size: 27px;
}

.f_30 {
    font-size: 30px;
}

.f_35 {
    font-size: 35px;
}

.f_40 {
    font-size: 40px;
}

.f_col_b {
    color: #232323;
}

.f_col_w {
    color: #fff;
}

.f_col_o {
    color: #f94c00;
}

.f_col_r {
    color: #ff371a;
}

.f_list_back {
  background:#fff !important;
}

.f_small_list {
    padding: 3px 8px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 12px;
}

.f_col_blue {
    color: #375fcd;
}

.f_col_g {
    color: #727272;
}

.f_lh_40 {
    line-height: 40px;
}

.f_lh_35 {
    line-height: 35px;
}

.f_lh_30 {
    line-height: 30px;
}

.f_lh_25 {
    line-height: 25px;
}

.f_lh_60 {
    line-height: 60px;
}

.f_padding_2 {
    padding: 2px 8px ;
    margin-right: 5px;
}
.f_23.f_col_w.f_list_back.f_padding_2 {
	width:auto; margin:0; padding:0;
}
.f_padding_3 {
    padding: 3px 0px;
}

.f_padding_5 {
    padding: 5px 0px;
}

.f_padding_10 {
    padding: 10px 0;
}

.f_padding_15 {
    padding: 15px 0;
}

.f_bold {
    font-weight: 500;
}

.sub_title .f_23 {
    padding: 20px 0;
    line-height: 33px;
}

.f_indent_10 {
    padding-left: 10px;
}

.f_indent_30 {
    padding-left: 30px;
}

.f_indent_40 {
    padding-left: 40px;
}

.btn_schedule_dot {
    font-size: 16px;
    font-weight: bold;
    background-color: #375fcd;
    color: #fff;
    border-radius: 30px;
    padding: 0 13px 1px 13px;
}

.btn_check {
    font-size: 16px;
    font-weight: bold;
    background-color: #f06100;
    color: #fff;
    border-radius: 30px;
    margin: 0 auto;
}

.btn_schedule_txt {
    font-size: 21px;
    font-weight: bold;
    color: #232323;
}

/*******************************************보더************************************************/
.bor_l {
    border-left: 1px solid #d8d8d8;
}

.bor_r {
    border-right: 1px solid #d8d8d8;
}

.bor_b {
    border-bottom: 1px solid #d8d8d8;
}



/*********************************************버튼**************************************************/
.button_wrap {
    margin-top: 20px;
}

.button_list {
    padding: 10px 60px;
    border: 1px solid #060001;
    line-height: 55px;
    height: 55px;
    cursor: pointer;
}

    .button_list:hover {
        padding: 10px 60px;
        background-color: #060001;
        border: 1px solid #060001;
        line-height: 55px;
        height: 55px;
        color: #fff;
        transition: .3s;
    }

.btn_plus {
    padding: 3px 5px;
    right: 50px;
    position: absolute;
    height: 15px;
    line-height: 15px;
    background-color: #3a3a3a;
    border: 1px solid #3a3a3a;
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    width: 53px;
    text-align: center;
}

    .btn_plus:hover {
        background-color: #3a3a3a;
        border: 1px solid #3a3a3a;
        color: #fff;
        transition: .3s;
    }
/********확인취소*********/
.confirm {
    background-color: #375fcd !important;
    color: #fff;
    font-size: 20px;
    padding: 10px 40px !important;
}

    .confirm:hover {
        background-color: #006df4 !important;
    }

.cancel {
    background-color: #fff;
    color: #375fcd;
    font-size: 20px;
    padding: 9px 40px !important;
    border: 1px solid #375fcd !important;
}

    .cancel:hover {
        background-color: #f2f5ff;
    }

.confirm_o {
    background-color: #f06100 !important;
    color: #fff;
    font-size: 20px;
    padding: 10px 40px !important;
    box-sizing: border-box;
}

    .confirm_o:hover {
        background-color: #fff !important;
        color: #f06100;
        border: 1px solid #f06100;
        box-sizing: border-box;
    }
/*******************************************bottom_img************************************************/
.sub_bottom_img01 {
    background-image: url(/images/sub/sub_bottom_img01.jpg);
}

.sub_bottom_img02 {
    background-image: url(/images/sub/sub_bottom_img02.jpg);
}

.sub_bottom_img03 {
    background-image: url(/images/sub/sub_bottom_img03.jpg);
}

.sub_bottom_img04 {
    background-image: url(/images/sub/sub_bottom_img04.jpg);
    background-position: 50% -250% !important;
}

.sub_bottom_img05 {
    background-image: url(/images/sub/sub_bottom_img05.gif);
    background-position: 50% 20% !important;
    height: 420px !important;
}

.sub_bottom_img06 {
    background-image: url(/images/sub/sub_bottom_img05.gif);
    background-position: 50% 20% !important;
    height: 320px !important;
}

.subtop_section {
    width: 100%;
    min-width: 1380px;
    position: relative;
    display: block;
    background-position: 50% 60%;
    background-repeat: no-repeat;
}

.sub_bottomimg_section {
    width: 100%;
    min-width: 1380px;
    position: relative;
    display: block;
    background-attachment: fixed;
    background-position: 50% 90% !important;
    background-repeat: no-repeat;
    height: 308px;
}

.sub_section {
    width: 100%;
    min-width: 1080px;
    /*position:relative;*/
    display: block;
    margin-top: 30px;
    margin-bottom: 20px;
}
/*********************************************탭***************************************************/
.tab_section {
    width: 100%;
    min-width: 1080px;
    position: relative;
    display: block;
    margin-top: -43px;
    margin-bottom: 0;
    background-color: #202020;
    opacity: .8;
}

    .tab_section .sub_tab .tab_over {
        color: #fff;
        background-color: #ff3000;
    }

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

.sub_visual_text01 {
    position: absolute;
    top: 170px;
    width: 100%;
    margin: 0 auto;
}

.sub_visual_text02 {
    position: absolute;
    top: 130px;
    width: 100%;
    margin: 0 auto;
}

.sub_container {
    width: 1080px;
    padding: 0 30px;
    box-sizing: border-box;
}

.sub_tab {
    width: 1080px;
}

    .sub_tab > ul {
        height: 45px;
        /**border-top:1px solid #eae9e9;
	border-bottom:1px solid #eae9e9;**/
    }

    .sub_tab li {
        float: left;
        text-align: left;
        padding-left: 35px;
        line-height: 45px;
        height: 45px;
    }

        .sub_tab li a {
            font-size: 16px;
            color: #c4c4c4;
            padding: 12px 30px;
        }

            .sub_tab li a:hover {
                color: #fff;
            }

    .sub_tab > ul li:first-child {
        background: none;
        width: 150px;
        color: #fff;
        font-size: 23px;
    }

.tab_section .edu_tab .tab_over {
    color: #fff;
    background-color: #ff3000;
}

.edu_tab {
    margin-bottom: 30px;
}

    .edu_tab > ul {
        height: 80px;
        width: 100%;
        /**border-top:1px solid #eae9e9;
	border-bottom:1px solid #eae9e9;**/
    }

    .edu_tab li {
        float: left;
        text-align: center;
        border-top: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
        border-left: 1px solid #d2d2d2;
        box-sizing: border-box;
        width: 11.1%;
    }

    .edu_tab a:hover {
        color: #f06100 !important;
    }

    .edu_tab .tab_over {
        background-color: #429fe4;
        border: 1px solid #429fe4;
    }

    .edu_tab li:last-child {
        border-right: 1px solid #d2d2d2;
    }

    .edu_tab .tab_over a {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

        .edu_tab .tab_over a:hover {
            color: #fff !important;
            text-decoration: underline !important;
        }

.sub_content {
    margin-top: 30px;
    margin-bottom: 70px;
}

.sub_title {
    margin: 0 auto;
    margin-top: 60px;
}

.c_title:after {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -1px;
    width: 30px;
    height: 5px;
    background-color: #fff;
    left: 48.5%;
    top: 63px;
}

.bottom_stitle {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0 25px rgba(0,0,0,.5);
}

.bottom_title {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0 25px rgba(0,0,0,.5);
}
/************************************************************************/
/********************************미션과비전******************************/
.subtop_img1 {
    background-image: url(/images/sub/subimg01_.jpg);
    height: 470px;
    background-position: 50% 100%;
}

.horizontal_list {
    float: left;
    text-align: center;
    padding: 50px 50px;
}

.round_btn {
    background-color: #fff;
    width: 220px;
    height: 220px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
}

    .round_btn img {
        margin-top: 25%;
    }

.sub_vision .c_font03 {
    margin-top: 20px;
}

.slogan li {
    float: left;
    width: 25%;
    text-align: center;
}

/********************************연혁******************************/
.title_after .c_title:after {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -1px;
    width: 50px;
    height: 5px;
    background-color: #375fcd;
    left: 47.5%;
    top: 178px;
}

.history li {
    float: left;
}

.history .line {
    background: url(/images/sub/history_lineback.gif) repeat-y;
}

.history {
    width: 933px;
    margin-left: 150px;
    margin-bottom: 80px;
}

    .history .c_title:after {
        display: none;
    }

    .history th {
        width: 163px;
        vertical-align: top;
    }

    .history .line {
        width: 39px;
        vertical-align: top;
    }

    .history .f_23 {
        padding-left: 20px;
        padding-bottom: 30px;
        line-height: 32px;
        vertical-align: top;
    }

    .history .line img {
        margin-top: 7px;
    }
/*********************************고용보험 환급제도******************************/
.subtop_img2 {
    background-image: url(/images/sub/subimg02.jpg);
    height: 336px;
    background-position: 50% 56%;
}

.sub_gnb_back {
    height: 43px;
    background-color: #375fcd;
    top: 114px;
    position: fixed;
    z-index: 100;
    width: 100%;
    display: block;
}

.return_table th {
    background-color: #eeeeee;
    height: 40px;
    border-top: 2px solid #202020;
}
/*********************************과정소개******************************/
.subtop_img3 {
    background-image: url(/images/sub/subimg03.jpg);
    height: 336px;
    background-position: 50% 40%;
    background-attachment:fixed;
}

.form_search {
    margin: 0 auto;
    width: 90%;
    height: 45px;
    padding-bottom: 5px;
}

    .form_search select {
        margin: 0 0 13px 10px;
        width: 150px;
        height: 35px;
        background-color: #fafafa;
        border: 1px solid #dedede;
        font-size: 16px;
    }

    .form_search input[type="text"] {
        width: 272px;
        height: 35px;
        border: 0;
        font-size: 35px;
        margin: 0 0 13px 10px;
        background-color: #fafafa;
        border: 1px solid #dedede;
    }

    .form_search input[type="checkbox"] {
        width: 20px;
        height: 20px;
        border: 0;
        margin: 5px;
    }

    .form_search label {
        font-size: 16px;
    }


.board_table th {
    background-color: #f4f4f4;
    padding: 6px 0 8px 0;
    border-top: 2px solid #202020;
    text-align: center;
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;
}

.board_table td {
    padding: 12px 0;
    text-align: center;
    font-size: 17px;
}

.board_table tr {
    border-bottom: 1px solid #dfdfdf;
    background: #;
}

.eduboard_table tr:first-child {
    padding: 6px 0 8px 0;
    border-top: 2px solid #202020;
    text-align: center;
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;
}

.eduboard_table td {
    padding: 12px 0;
    text-align: center;
    font-size: 17px;
}

.eduboard_table .qr {
    margin-bottom: 20px;
}

    .eduboard_table .qr img {
        width: 110px;
        border: 2px solid #000;
    }

.eduboard_table td select, .eduboard_table td input {
    height: 40px;
    border: 0;
    width: 80%;
}
.eduboard_table td .sel {
	text-align:left;
	padding-left:20px;
	float:left;
}
.eduboard_table th {
    padding: 12px 0;
    text-align: center;
    font-size: 17px;
    background-color: #eee;
}

.eduboard_table tr {
    border-bottom: 1px solid #dfdfdf;
    background: #f6f6f6;
}

.eduboard_table .edu_cate {
    font-size: 17px;
    font-weight: 600;
    margin-top: 5px;
}

    .eduboard_table .edu_cate a {
        font-size: 17px;
        font-weight: 500;
    }

.eduboard_table .edu_des {
    margin: 10px 0;
    font-size:15px;
}

    .eduboard_table .edu_des > span {
        font-size: 14px;
        /*width:140px;*/
        margin-right: 10px;
        display: inline-block;
        font-weight: 600;
    }

.eduboard_table .edu_refund {
    display: inline-block;
    color: #375fcd;
    border: 1px solid #375fcd;
    font-weight: 600;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.eduboard_table .btn_movie, .btn_s button{
    background-color: #375fcd;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #375fcd;
}

.btn_s {
	width:30%;
	display:inline-block;
}

.btn_s button {
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	padding:0;
	font-size:17px;
	font-weight:400;
}

.edu_des_top .btn_movie {
    background-color: #375fcd;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #375fcd;
}

.edu_des_top .btn_class {
    background-color: #f06100;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 35px;
    font-size: 13px;
    border: 1px solid #f06100;
}

.board_table01 th {
    background-color: #f4f4f4;
    padding: 6px 0 8px 0;
    border-top: 2px solid #202020;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #3c3c3c;
}

.board_table01 td {
    text-align: center;
    font-size: 17px;
    padding: 7px 0;
}

.board_table01 tr {
    border-bottom: 1px solid #dfdfdf;
}

.board_table02 th {
    background-color: #f4f4f4;
    padding: 12px 0;
    border-top: 2px solid #202020;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #3c3c3c;
}

.board_table02 td {
    text-align: center;
    font-size: 15px;
    padding-bottom: 10px;
}

.board_table02 tr {
    border-bottom: 1px solid #dfdfdf;
}

.board_table_top_tab {
    background-color: #f4f4f4;
    border-top: 2px solid #202020;
    padding: 10px 20px 10px 30px;
    text-align: left;
}

    .board_table_top_tab span {
        font-size: 18px;
        color: #3c3c3c;
        font-weight: 600;
    }

.board_table_view > tbody > tr > th {
    background-color: #f4f4f4;
    height: 50px;
    border-top: 2px solid #202020;
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;
    padding-left: 30px;
    text-align: left;
}

.board_table_view > tbody > tr > td {
    padding: 20px 30px 12px 30px;
    border-bottom: 1px solid #dfdfdf;
}

.board_table_view_top th {
    background-image: url(/images/sub/table_list_dot.png);
    background-repeat: no-repeat;
    background-position: 15px;
    font-size: 17px;
    padding-left: 45px;
    font-weight: 600;
    width: 100px;
    text-align: left;
}

.table_view_dot {
    background-image: url(/images/sub/table_list_dot.png);
    background-repeat: no-repeat;
    font-size: 17px;
    padding-left: 35px;
    font-weight: 600;
}

.board_table_view_top td {
    font-size: 17px;
}

.board_table_view_top01 th {
    background-repeat: no-repeat;
    background-position: 15px;
    font-size: 17px;
    padding-left: 50px;
    font-weight: 600;
    width: 120px;
    text-align: left;
}

.btn_type_com {
    background-color: #f06100;
    color: #fff;
    font-weight: 300;
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
    border: 1px solid red;
}

.btn_types_card {
    background-color: forestgreen;
    color: #fff;
    font-weight: 300;
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
    border: 1px solid darkgreen;
}

.edu_search tr {
    height: 60px;
}

.edu_search td {
    width: 32%;
    display: inline-block;
    box-sizing: border-box;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
    padding: 0;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
    text-align: left;
}

    .edu_search td:last-child {
        border-right: 1px solid #d5d5d5;
    }

.edu_search select, .edu_search input {
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
}

/*********************************교육진행절차******************************/
.subtop_img4 {
    background-image: url(/images/sub/subimg04.jpg);
    height: 336px;
    background-position: 50% 42%;
}

.edu_order {
    position: relative;
    color: #fff;
}

    .edu_order li {
        padding: 30px 120px;
        border-bottom: 1px dotted #94abf2;
    }

    .edu_order .order_num {
        padding: 10px 50px;
        border-radius: 35px;
        border: 1px solid #fff;
        color: #fff;
        margin-right: 30px;
    }

.caution_title {
    width: 30%;
    float: left;
    padding-bottom: 20px;
}

.caution_con {
    width: 70%;
    float: left;
    padding-bottom: 20px;
}

.board_caution th {
    text-align: left;
    padding-left: 30px;
}

.board_caution td {
    text-align: left;
    padding-left: 30px;
}

.caution_dot {
    background-image: url(/images/sub/table_list_dot.png);
    background-repeat: no-repeat;
    /*background-position:0px 3px;*/
    padding: 0px 0 0 30px;
    line-height: 35px;
}
.caution_st {
	display:block;
	background-image: url(/images/sub/table_list_dot.png);
	background-repeat: no-repeat;
	/*background-position:0px 3px;*/
	padding: 0px 0 10px 30px;
	line-height: 25px;
}
/*********************************교육진행절차******************************/
.subtop_img5 {
    background-image: url(/images/sub/subimg05.jpg);
    height: 336px;
    background-position: 50% 65%;
}

.button_class {
    background-color: #f06100;
    padding: 5px 20px;
    color: #fff !important;
    font-size: 15px;
    height: 37px;
    line-height: 37px;
}

.button_class01 {
    background-color: #f06100;
    padding: 10px 30px;
    color: #fff !important;
    font-size: 17px;
    height: 37px;
    line-height: 37px;
}

.button_class02 {
    border: 1px solid #f06100;
    color: #f06100 !important;
    font-size: 17px;
    height: 37px;
    line-height: 37px;
}

    .button_class02:hover {
        background-color: #fee7d7;
    }

.button_class01:hover {
    background-image: -moz-linear-gradient(left top, #d454f9, #f06100);
    background-image: -webkit-linear-gradient(left top, #d454f9, #f06100);
    background-image: -ms-linear-gradient(left top, #d454f9, #f06100);
    box-sizing: border-box;
    transition: .3s;
}

.button_class:hover {
    background-image: -moz-linear-gradient(left top, #d454f9, #f06100);
    background-image: -webkit-linear-gradient(left top, #d454f9, #f06100);
    background-image: -ms-linear-gradient(left top, #d454f9, #f06100);
    box-sizing: border-box;
    transition: .3s;
}

.button_class03 {
    background: #484848;
    font-size: 17px;
    height: 37px;
    line-height: 37px;
    color: #fff;
}

    .button_class03:hover {
        background: #303030;
    }

.button_class_detail {
    background-color: #fff;
    border: 1px solid #375fcd;
    color: #375fcd !important;
    font-size: 12px;
    font-weight: 600;
    box-sizing: border-box;
    padding: 3px 10px;
    border-radius: 30px;
}

    .button_class_detail:hover {
        background-color: #006df4;
        color: #fff !important;
        transition: .3s;
    }
/*************************************학습하기**********************************/
.subtop_img6 {
    background-image: url(/images/sub/subimg06.jpg);
    height: 336px;
    background-position: 50% 20%;
}

.schedule_01 {
    margin-left: 20px;
    line-height: 25px;
    margin-top: 10px;
    float: left;
}

.button_movie {
    background-color: #f06100;
    background-image: url(/images/sub/icon_tv.png);
    background-repeat: no-repeat;
    background-size: 18%;
    background-position: 13% center;
    color: #fff !important;
    font-size: 15px;
    box-sizing: border-box;
    height: 39px;
    line-height: 37px;
    margin-top: 7px;
    padding: 5px 20px 5px 40px;
    border-radius: 30px;
    margin-left: 10px;
}

    .button_movie:hover {
        background-color: #eb2100;
    }

.day {
    padding: 5px 8px 5px 8px;
    border-radius: 30px;
    color: #f06100;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid #f06100;
    font-size: 15px;
}

.board_table_view01 {
    padding: 20px 30px;
}

    .board_table_view01 .t_width80 {
        width: 80%;
        float: left;
    }

    .board_table_view01 .qr {
    }

        .board_table_view01 .qr img {
            width: 160px;
            border: 2px solid #000;
        }

.study_tab {
    margin-top: 20px;
    border-bottom: 1px solid #d2d2d2;
}

    .study_tab a:first-child li {
        border-left: 1px solid #d2d2d2;
    }

    .study_tab li {
        float: left;
        padding: 10px 12px;
        border-right: 1px solid #d2d2d2;
        border-top: 1px solid #d2d2d2;
        font-size: 15px;
    }

        .study_tab li:first-child {
            border-left: 1px solid #d2d2d2;
        }

.study_tab_active {
    background-color: #e8eefe;
    color: #375fcd !important;
    border-top: 2px solid #375fcd !important;
    box-sizing: border-box;
    font-weight: 600;
    height: 40px;
}

    .study_tab_active a {
        color: #375fcd;
    }

.edu_des_top {
    margin-top: 30px;
    padding: 20px;
    border-top: 2px solid #202020;
    border-bottom: 1px solid #cecece;
}

.edu_des_object {
    margin-top: 15px;
}

    .edu_des_object p {
        padding: 20px 25px 5px 25px;
        line-height: 23px;
    }

.edu_des_title {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    background-color: #375fcd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.edu_des_top h3 {
    font-size: 23px;
    font-weight: 600;
}

.edu_des_top .edu_des {
    margin: 15px 0;
}

    .edu_des_top .edu_des > div {
        float: left;
    }

    .edu_des_top .edu_des > .qr {
        width: 30%;
        margin-left: 20px;
        float: right;
    }

        .edu_des_top .edu_des > .qr img {
            width: 150px;
        }

    .edu_des_top .edu_des > div > span {
        width: 120px;
        display: inline-block;
        line-height: 35px;
        font-size: 17px;
    }

.edu_roadmap {
    padding: 0 20px 20px 20px;
}

.edu_onetable {
    padding: 0 20px;
}

.edu_roadmap tr:first-child th {
    border-top: 1px solid #6588e9;
}

.edu_roadmap tr:last-child th {
    border-bottom: 1px solid #6588e9;
}

.edu_roadmap th {
    width: 17%;
    background-color: #6588e9;
    color: #fff;
    padding: 8px 0px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
}

.edu_roadmap td {
    padding: 10px 20px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    font-size: 15px;
}

.edu_course_target h3 {
    padding-bottom: 15px;
}

.edu_course_target {
    padding: 20px;
}

.edu_coursecapacity h3 {
    padding-bottom: 18px;
}

.edu_coursecapacity {
    padding: 20px;
}

.edu_course_schedule {
    padding: 20px;
}

.edu_course_schedule_table {
    border-top: 2px solid #616161;
}

.edu_course_schedule h3 {
    padding-bottom: 18px;
}

.edu_course_schedule_table th {
    background-color: #f4f4f4;
    padding: 7px 0;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
}

.edu_week_table {
    border-top: 2px solid #616161;
}

    .edu_week_table th {
        background-color: #f4f4f4;
        padding: 7px 0;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
    }

.edu_course_schedule tr td {
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    font-size: 15px;
}

.edu_course_schedule textarea {
    width: 85%;
    float: left;
    background-color: #fff8ca;
    border: 1px solid #efda4e;
}

.edu_course_schedule input {
    background-color: #375fcd;
    color: #fff;
    height: 38px;
    line-height: 38px;
    width: 10%;
    margin-left: 5px;
}

.study_faq {
    border-top: 2px solid #202020;
}

    .study_faq li {
        padding: 7px 0;
        font-size: 17px;
    }

    .study_faq > li:last-child {
        border-bottom: 1px solid #dfdfdf;
    }

.faq_q {
    background-color: #f4f4f4;
}

    .faq_q div {
        font-weight: 600;
    }

.study_faq .faq_q div {
    float: left;
    line-height: 30px;
}

.study_faq .faq_a div {
    float: left;
    line-height: 25px;
}

.faq_q .faq_f_q {
    width: 50px;
    text-align: center;
}

.faq_a .faq_f_a {
    width: 50px;
    text-align: center;
    font-weight: 600;
}

.faq_con {
    width: 93%;
}

.study_rate {
    border-top: 2px solid #202020;
}

    .study_rate li {
        padding: 10px 50px;
        background-color: #f4f4f4;
        border-bottom: 1px solid #dfdfdf;
    }

    .study_rate .rate_txt {
        font-size: 17px;
        font-weight: 600;
        width: 10%;
    }

    .study_rate .rate_100 {
        font-size: 17px;
        font-weight: 600;
        width: 70%;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        height: 20px;
        border-radius: 30px;
        float: left;
        margin-left: 50px;
    }

    .study_rate div {
        float: left;
        position: relative;
    }

.rate_100 .rate_bar {
    background-color: #96aded;
    border-radius: 30px;
    height: 100%;
    width: 50%;
}

.rate_100 .myrate {
    background-color: #f0af00;
}

.edu_week_table tr {
    border-bottom: 1px solid #ededed;
}

.edu_week_table td {
    text-align: center;
    padding: 7px 0 7px 5px;
    font-size: 15px;
}

.edu_week_table textarea {
    width: 95%;
    background-color: #fff8ca;
    border: 1px solid #efda4e;
}

.edu_week_table .allottype {
    margin: 20px 20px 5px 20px;
}
/***********************************************고객센터****************************************/
.subtop_img7 {
    background-image: url(/images/sub/subimg07.jpg);
    height: 336px;
    background-position: 50% 15%;
}

/***************게시판***********/
a.new_btn_list {
	display:inline-block;
	width:86.2px;
	height:37px; line-height:37px;
	border:1px solid #375fcd;
	color:#375fcd;
	font-size:15px;
	padding:0px 10px !important;
	text-align:center;
}

a.new_btn_write {
    background-color: #375fcd;
    color: #fff !important;
    /* padding: 10px 30px !important; */
    height: 19px !important;
    display: inline-block;
    line-height: 19px  !important;
    padding: 0 20px;
}
/***************미소갤러리.게시판***********/
.list_gallery img {
    width: 255px !important;
    height: auto !important;
}

.list_gallery {
    border: 10px solid #fff;
    box-sizing: border-box;
    transition: all .5s;
}

    .list_gallery:hover {
        webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 7px 33px rgba(0, 0, 0, 0.15);
        transition: all .5s;
        transition-duration: 200ms;
    }
/*****************************************내일배움카드 과정안내***********************************/
.subtop_img9 {
    background-image: url(/images/sub/subimg09.jpg);
    height: 414px;
    background-position: 50% 50%;
    margin-top: 138px;
    background-color: #ececec;
}

.content_nextcard {
    font-weight: 500;
}

    .content_nextcard h1 {
        text-align: center;
        font-size: 40px;
    }

    .content_nextcard h2 {
        font-size: 35px;
        font-weight: 500;
        margin-top: 50px;
    }

        .content_nextcard h2 span, .content_nextcard p span {
            color: #159ee4;
            font-weight: 500;
        }

    .content_nextcard p {
        font-size: 19px;
        line-height: 25px;
        margin-top: 10px;
    }

    .content_nextcard .h1_exp {
        text-align: center;
        font-size: 17px;
        line-height: 35px;
    }

.img_box {
    margin-top: 10px;
}

.container_btn {
    text-align: center;
    margin-top: 20px;
}

    .container_btn .btn01 {
        padding: 13px 70px;
        border: 1px solid #000;
        font-size: 20px;
        color: #000;
        font-weight: 400;
        display: inline-block;
        cursor: pointer;
    }

.content_nextcard h2 .h2_exp {
    color: #474747;
    font-size: 17px;
    margin-left: 30px;
}

.content_nextcard .hrd_banner li {
    padding: 15px 30px;
    vertical-align: middle;
    border: 1px solid #d0d0d0;
    margin: 10px;
}

.content_nextcard .hrd_banner div {
    border: 1px solid #d0d0d0;
    padding: 10px 30px;
}

.hrd_banner .card_num {
    color: #000;
    font-weight: 600;
    font-size: 30px;
}

.hrd_banner .card_num_exp {
    font-size: 20px;
    line-height: 35px;
    vertical-align: top;
    margin-left: 30px;
}

.container_btn .btn02 {
    background: #157be4;
    color: #fff;
    padding: 20px 70px;
    display: inline-block;
    font-size: 20px;
}

.nextcard_container {
    background: url(/images/sub/subbottom_img09.jpg) no-repeat;
    height: 606px;
    background-position: 50% 50%;
    margin-top: 58px;
    background-color: #ececec;
}

.content_nextcard_bottom h2 {
    font-size: 50px;
    margin-top: 30px;
}

.content_nextcard_bottom span {
    color: #159ee4;
    font-weight: 500;
}

.content_nextcard_bottom p {
    font-size: 20px;
    margin: 10px;
}

.sub_section.nextcard_container .btn_container {
    margin-top: 100px;
}

.nextcard_company_table table {
    margin-left: 10px;
}

.content_nextcard h3 {
    color: #159ee4;
    font-size: 23px;
}
/*****************************************전문교육과정***********************************/
.course_pro_tab {
    margin-top: 10px;
}

    .course_pro_tab li {
        float: left;
        padding: 7px 0;
        border-radius: 20px;
        border: 1px solid #d2d2d2;
        width: 16%;
        text-align: center;
        margin-right: 0.6%;
        margin-top: 5px;
        box-sizing: border-box;
    }

    .course_pro_tab .course_pro_tab_active {
        border: 2px solid #375fcd;
        background: #e8eefe;
        box-sizing: border-box;
    }

        .course_pro_tab .course_pro_tab_active a {
            color: #375fcd;
        }

.seach_elearning {
    position: relative;
    height: 48px;
    line-height: 48px;
    margin-top: 40px;
    border-radius: 30px;
    box-sizing: border-box;
}

    .seach_elearning input {
        width: 100%;
        height: 48px;
        line-height: 48px;
        text-indent: 30px;
        background-color: #ebebeb;
        color: #000000;
        border-radius: 30px;
        border: 0;
    }

    .seach_elearning button {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 20px;
        cursor: pointer;
    }

.con_elearning {
    margin-top: 30px;
}

    .con_elearning table caption {
        height: 0;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        text-indent: -20000px;
    }

    .con_elearning table th {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        padding: 5px 0;
        border-radius: 20px;
    }

    .con_elearning table:last-child tbody tr:last-child {
        border-bottom: 1px solid #000;
    }

    .con_elearning .t_01 th {
        background: #389e00;
    }

    .con_elearning .t_02 th {
        background: #324086;
    }

    .con_elearning .t_03 th {
        background: #f33749;
    }

    .con_elearning .t_04 th {
        background: #a759c8;
    }

    .con_elearning .t_05 th {
        background: #693617;
    }

    .con_elearning .t_06 th {
        background: #f08800;
    }

    .con_elearning .t_07 th {
        background: #389e00;
    }

    .con_elearning .t_08 th {
        background: #324086;
    }

    .con_elearning .t_09 th {
        background: #f33749;
    }

    .con_elearning .t_10 th {
        background: #a759c8;
    }

    .con_elearning .t_11 th {
        background: #693617;
    }

    .con_elearning table td {
        padding: 5px 8px;
    }

    .con_elearning .t_01 tr:nth-child(2n) {
        background: #ebf6e4;
    }

    .con_elearning .t_02 tr:nth-child(2n) {
        background: #e6e8f4;
    }

    .con_elearning .t_03 tr:nth-child(2n) {
        background: #f7e7e8;
    }

    .con_elearning .t_04 tr:nth-child(2n) {
        background: #f5eef8;
    }

    .con_elearning .t_05 tr:nth-child(2n) {
        background: #f7f1ed;
    }

    .con_elearning .t_06 tr:nth-child(2n) {
        background: #faf4ec;
    }

    .con_elearning .t_07 tr:nth-child(2n) {
        background: #ebf6e4;
    }

    .con_elearning .t_08 tr:nth-child(2n) {
        background: #e6e8f4;
    }

    .con_elearning .t_09 tr:nth-child(2n) {
        background: #f7e7e8;
    }

    .con_elearning .t_10 tr:nth-child(2n) {
        background: #f5eef8;
    }

    .con_elearning .t_11 tr:nth-child(2n) {
        background: #f7f1ed;
    }
/***********************************************레이어팝업****************************************/
.layer_popup_bg {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
}

.layer_popup {
    width: 840px;
    height: 520px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
    background: #fff;
}

.con_box .txt_box {
    border-bottom: 1px solid #d7cece;
    padding-bottom: 25px;
    font-size: 18px;
    color: #375fcd;
    font-weight: bold;
    margin-bottom: 20px;
}

.layer_popup .btn_x {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 22px;
    right: 17px;
    background: url(/new_main/g_tpl7/images/close_pr.gif) no-repeat 0 0;
}

.layer_popup p.title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    letter-spacing: -1px;
    border-bottom: 2px solid #375fcd;
    line-height: 55px;
}

.con_box {
    padding: 25px 40px 22px 40px;
    background-color: #f8f8f8;
}

    .con_box ul.txt_list {
        padding: 0 0 20px 0;
    }

.naeil_pop_in .con_box ul.txt_list li {
    font-size: 16px;
    color: #666666;
    margin-bottom: 5px;
    text-align: left;
}

.layer_popup .close {
    position: absolute;
    margin-top: 0;
    top: 0;
    right: 0;
    font-size: 20px;
}
/***********************************************마이페이지****************************************/
.subtop_img8 {
    background-image: url(/images/sub/subimg08.jpg);
    height: 336px;
    background-position: 50% 50%;
}

.mypage_login {
    text-align: center;
    padding-top: 50px;
}

    .mypage_login li {
        padding: 5px 0;
    }

    .mypage_login input {
        width: 320px;
        height: 45px;
        border: 1px solid #cfcfcf;
        padding-left: 20px;
        font-size: 20px;
    }

    .mypage_login button {
        width: 320px;
        height: 48px;
        background-color: #f06100;
        color: #fff;
        font-size: 20px;
    }

.notlogin a {
    width: 320px;
    height: 48px;
    background-color: #f06100;
    color: #fff;
    font-size: 17px;
    padding: 10px 40px;
}

.mypage_login button:hover {
    background-image: -moz-linear-gradient(left, #d454f9, #f06100);
    background-image: -webkit-linear-gradient(left, #d454f9, #f06100);
    background-image: -ms-linear-gradient(left, #d454f9, #f06100);
    box-sizing: border-box;
}

.notlogin a:hover {
    background-image: -moz-linear-gradient(left, #d454f9, #f06100);
    background-image: -webkit-linear-gradient(left, #d454f9, #f06100);
    background-image: -ms-linear-gradient(left, #d454f9, #f06100);
    box-sizing: border-box;
}

.agree_iframe {
    border: 1px solid #dedede;
    margin-top: 10px;
    margin-left: 30px;
}

.btn_agreeconfirm {
    margin-top: 20px;
}

    .btn_agreeconfirm a {
        float: left;
        padding: 13px 60px;
        color: #fff;
        display: inline-block;
        line-height: 25px;
        font-weight: 600;
        font-size: 17px;
    }

    .btn_agreeconfirm span {
        float: left;
        margin-left: 30px;
        line-height: 25px;
        font-size: 17px;
        font-weight: 600;
    }

.join_form table {
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 20px;
}

    .join_form table li {
        height: 30px;
        line-height: 30px;
    }

    .join_form table th {
        margin-top: 20px;
        text-align: left;
        padding: 20px;
        border-right: 0;
    }

.join_form .agree_table_n1 {
    margin: 0 auto;
    width: 550px;
}

    .join_form .agree_table_n1 td {
        padding: 6px 10px;
        font-size: 17px;
    }

    .join_form .agree_table_n1 input {
        width: 320px;
        height: 45px;
        border: 1px solid #cfcfcf;
        font-size: 20px;
        padding-left: 20px;
    }

.join_form fieldset {
    border: 0;
}
/*.join_form table {
	border-top:2px solid #202020;
	background-color:#f9f9f9;
}
.join_form table tr {
	border-bottom:1px solid #ededed;
}
.join_form table tr:last-child {
	border-bottom:1px solid #202020;
}
.join_form table td {
	border-left:0;
}
.join_form table input {
	height:40px;
	border:1px solid #d5d5d5;
	font-size:15px;
	box-sizing:border-box;
	line-height:41px;
	text-indent:20px;
	margin-left:10px;
}*/
.join_form .w_1 {
    width: 480px;
}

.join_form .w_2 {
    width: 330px;
}

.join_form .btn_agree {
    background-color: #6e6e6e;
    color: #fff;
    text-indent: 0;
    text-align: center;
    padding: 0 10px;
    border: 0;
}

.search_back {
    width: 60%;
    padding: 30px;
    background-color: #fff;
    margin: 0 auto;
}

    .search_back h3 {
        font-weight: 600;
        font-size: 19px;
    }

    .search_back .input_regist_num input {
        width: 154px;
    }

    .search_back li {
        padding: 8px 0;
    }

    .search_back .btn_pssearch {
        background-color: #375fcd;
    }

        .search_back .btn_pssearch:hover {
            background-image: none;
            background-color: #007eff;
            transition: .3s;
        }
/*******************************개인정보취급방침*****************************/
.agree_table td {
    text-align: center;
    border: 1px solid #dfdfdf;
    padding: 5px 0;
    font-size: 15px;
}

.agree_table th {
    background-color: #f4f4f4;
    font-weight: 600;
    border: 1px solid #dfdfdf;
    padding: 5px 0;
}
/*******************************************만족도조사*********************************************/
.study_satisfy {
    font-size: 15px;
}

    .study_satisfy td {
        font-size: 15px;
    }

.graph_table {
    margin-top: 10px;
}

    .graph_table > tbody > tr > td:nth-child(2) {
        padding-left: 20px;
    }

    .graph_table table td:first-child {
        padding-left: 30px;
        font-weight: 600;
    }

    .graph_table table td {
        padding: 3px 0;
    }

.popup_survey {
    border-top: 2px solid #202020;
    border-bottom: 1px solid #dedede;
}

    .popup_survey li {
        padding: 4px 10px;
    }

    .popup_survey .list_back {
        background-color: #e8eefe;
    }

    .popup_survey input[type="radio"] {
        margin-left: 10px;
    }

    .popup_survey textarea {
        width: 100%;
        border: 1px solid #dedede;
        height: 100px;
    }
/*******************************************사이트맵*********************************************/
.sitemap {
    display: block;
}

    .sitemap > ul > li {
        width: 22%;
        height: 250px;
        margin-right: 30px;
        float: left;
        font-size: 15px;
    }

        .sitemap > ul > li > a {
            display: block;
            padding: 0 10px;
            font-weight: 600;
            line-height: 34px;
            border-top: 2px solid #375fcd;
            background-color: #e8eefe;
        }

    .sitemap li li {
        line-height: 34px;
        border-bottom: 1px solid #cecece;
        padding-left: 10px;
    }

        .sitemap li li a {
        }
/*******************************************회원가입*********************************************/
.join_cert {
    margin: 0 auto;
}

    .join_cert table li {
        height: 25px;
        line-height: 25px;
    }

    .join_cert button {
        cursor: pointer;
        margin: 20px;
        padding: 10px 50px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }

.join_form_table th {
    text-align: center !important;
    background: #f4f4f4;
    font-weight: 600;
    font-size: 15px;
}

.join_form_table tr:first-child {
    border-top: 2px solid #202020;
}

.join_form_table td {
    padding-left: 10px;
}

.join_form_table input {
    padding: 5px;
}

.join_form_table #btnSearchId {
    border: 1px solid #a5baf3;
    background: #e8edfe;
    color: #375fcd;
}

.join_form_table #btnSearchCompany {
    border: 1px solid #a5baf3;
    background: #e8edfe;
    color: #375fcd;
}

.join_form_table #btnSearchEmail {
    border: 1px solid #a5baf3;
    background: #e8edfe;
    color: #375fcd;
}


/*나의학습장 리뉴얼20200129*/
.container_mt {
    margin-top: 10px;
}

.edu_list {
    border-bottom: 1px solid #d0d0d0;
    margin-top: 10px;
}

    .edu_list:first-child {
     /*   border-top: 1px solid #d0d0d0;  01.05.2021*/ 
    }

    .edu_list .movie {
        line-height: 48px;
		height:48px;
	
    }

        .edu_list .movie h5 {
            display: inline-block;
          float:left;
            font-size: 20px;
            color: #000;
            width: 60%;
        }

            .edu_list .movie h5:before {
                content: "";
                display: inline-block;
                clear: both;
                background-image: url(/images/sub/i_e.gif);
                width: 27px;
                height: 45px;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                float: left;
               margin:0 10px;
				
            }
          .edu_list.edu_book .movie h5:before{
			  background-image: url(/images/sub/i_b.gif);
			 
		  }
.right_side{float:right; height:auto; width:auto; margin-right:10px;} /*01.05.2021*/
    .edu_list .day {
        font-size: 17px;
        color: #272727;
        border: none;
		
		
    }
.new_border2 {border:10px solid #ebebeb; padding:5px 0;}
    .edu_list .btn_movie {
        background-color: #f06100;
        background-image: url(/images/sub/icon_tv.png);
        background-repeat: no-repeat;
        background-size: 18%;
        background-position: 10% center;
        color: #fff !important;
        font-size: 15px;
        box-sizing: border-box;
        height: 39px;
        line-height: 39px;
        margin-top: 7px;
        padding: 0px 15px 0px 45px;
        border-radius: 30px;
        margin-left: 10px;
		text-align:center;
		letter-spacing:1;
		
    }
   
    .edu_list .btn_movie_active {
         background-color:#f06100;
        background-image: url(/images/sub/icon_tv.png);
        background-repeat: no-repeat;
        background-size: 18%;
        background-position: 10% center;
        color: #fff !important;
        font-size: 15px;
        box-sizing: border-box;
        height: 39px;
        line-height: 39px;
        margin-top: 7px;
        padding: 5px 15px 5px 35px;
        border-radius: 30px;
        margin-left: 10px;
		text-align:center;
		
}
  .edu_list .btn_movie_active span{display:inline-block; margin-left:5px;}
 
   


.edu_list_table .btn_active {
    /*border: 1px solid #f06100;
	border-radius: 30px;*/
	background: #3a3a3a;
    color: #fff;
    padding: 3px 12px;
    border-radius: 30px;
    font-size: 13px;
    display: inline-block;
}

    .edu_list_table .btn_active:hover {
        color: #f12626;
	background:#ffeadc;
	transition:.4s all;
    }

.edu_list .refund {
    border: 10px solid #ebebeb;
	padding-bottom: 10px;
}

.edu_list .refund_txt {
    padding: 5px 20px;
}

.refund_txt .status {
    font-size: 17px;
    margin-right: 20px;
}

    .refund_txt .status:before {
        content: "";
        display: inline-block;
        clear: both;
        width: 3px;
        height: 15px;
        background: #f06100;
        margin-right: 7px;
    }

.refund_txt .d-day {
    color: #f04400;
    padding: 0 10px;
    font-size: 17px;
    margin-right: 20px;
}

.refund_txt .certification {
    color: #0096c8;
    background-image: url(/images/sub/icon_cer.jpg);
    background-repeat: no-repeat;
    padding-left: 23px;
}

.edu_list .edu_list_table thead {
    background: #f4f7ff;
	    background: #c9e0fc;
    /*border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;*/
}

    .edu_list .edu_list_table thead th {
        padding: 5px 0;
        font-weight: 500;
    }

.edu_list .edu_list_table td, .edu_list .edu_list_table th {
    border-right: 1px solid #ccc;
}

    .edu_list .edu_list_table td:last-child, .edu_list .edu_list_table th:last-child {
        border-right: 0;
        ;
    }

.edu_list .edu_list_table td {
    text-align: center;
    padding: 9px 0;
}

.movie .icon_list {
    background-color: #375fcd;
    border-radius: 50%;
    padding: 3px 8px;
}

    .movie .icon_list img {
        margin-bottom: 7px;
        width: 15px;
    }
/*탭*/
.icon_alert {
    padding-left: 13px;
    background: url(/images/sub/icon_alert.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 21px;
}

.movie_class {
    margin-bottom: 40px;
}

    .movie_class .txt_month {
        padding-left: 13px;
        height: 21px;
        font-size: 20px;
        font-weight: 500;
        color: #000;
    }

        .movie_class .txt_month.month_active {
            background: url(/images/sub/icon_alert.png);
            background-repeat: no-repeat;
        }

.movie_class_table {
    margin-top: 20px;
    border-top: 2px solid #616161;
}

    .movie_class_table thead {
        background: #f4f4f4;
        height: 40px;
        border-bottom: 1px solid #ededed;
    }

        .movie_class_table thead th {
            font-size: 15px;
            font-weight: 400;
        }

    .movie_class_table tbody td {
        text-align: center;
        padding: 10px 0 10px 0;
    }

    .movie_class_table tbody tr {
        border-bottom: 1px solid #ededed;
    }

    .movie_class_table tr.class_ing {
        background: #fdefe6;
    }

        .movie_class_table tr.class_ing a:hover {
            color: #f06100;
        }

    .movie_class_table .txt_class_list {
        text-align: left;
        padding-left: 15px;
    }
/*학습진도 그래프*/
.bar_progress {
    display: inline-block;
    float: left;
}

.bar_progress {
    /*padding: 10px 0 10px 10px;*/
    margin-left: 20px;
}

    .bar_progress .bar_100 {
        float: left;
        width: 130px;
        height: 17px;
        border: 1px solid #cacaca;
        border-radius: 30px;
        background-color: #f9fafc;
        display: inline-block;
        overflow: hidden;
        float: left;
    }

        .bar_progress .bar_100 .bar_study_progress {
            background: #f0af00;
            height: 17px;
            border-radius: 30px;
        }

.movie_class_table tr.class_ing .txt_rate {
    color: #f03300;
    font-weight: 500;
}
/*교육과정바로가기*/
.container_class_sel {
    width: 100%;
    display: block;
}

.class_sel {
    position: relative;
    width: 545px;
    border: 2px solid #375fcd;
    height: 45px;
    border-radius: 30px;
    float: right;
    background: #e8eefe;
}

.txt_class_sel {
    width: 40%;
    line-height: 43px;
    text-align: center;
    font-size: 17px;
    color: #375fcd;
    font-weight: 400;
}

.class_sel .tab {
    position: absolute;
    width: 60%;
    color: #000;
    margin-bottom: 1em;
    top: 0;
    right: 0;
    line-height: 45px;
    z-index: 10;
}

    .class_sel .tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .class_sel .tab label {
        position: relative;
        display: block;
        padding: 0 0 0 1em;
        background: #fff;
        cursor: pointer;
        border: 0px solid #8e9fbc;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-top-right-radius: 21px;
        border-bottom-right-radius: 21px;
        font-size: 16px;
    }

        .class_sel .tab label:hover {
            color: #375fcd;
        }

        .class_sel .tab label.link a {
            text-decoration: none;
        }

    .class_sel .tab .tab-content {
        background: #ffffff;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .35s;
        -o-transition: max-height .35s;
        transition: max-height .35s;
    }
    /* sitemap content */
    .class_sel .tab ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border: 2px solid #375fcd;
    }

        .class_sel .tab ul li {
            font-size: 16px;
            padding-left: 25px;
            border-bottom: 1px solid #d2d2d2;
        }

    .class_sel .tab .sitemap a {
        text-decoration: underline;
    }

        .class_sel .tab .sitemap a:hover {
            text-decoration: none;
            color: #375fcd;
        }
    /* :checked */
    .class_sel .tab input:checked ~ .tab-content {
        max-height: 100em;
    }


    /* Icon */
    .class_sel .tab label:before,
    .class_sel .tab label:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 13px;
        background-color: white;
        transition: transform 0.25s ease-out;
    }

    .class_sel .tab label:before {
        /*top: 19px;
	  right: 25px;*/
        width: 0;
        height: 0;
        /*background: #363636;*/
    }

    .class_sel .tab label:after {
        top: 45%;
        /* height: 50px;*/
        right: 15px;
        width: 23px;
        margin-top: -2px;
        background: url(/images/sub/icon_sel.png);
        background-repeat: no-repeat;
    }

    .class_sel .tab input[type=checkbox]:checked + label:before {
        /*transform: rotate(90deg);*/
    }

    .class_sel .tab input[type=checkbox]:checked + label:after {
        transform: rotate(180deg);
    }

    .class_sel .tab input[type=checkbox] + label.link:after,
    .class_sel .tab input[type=checkbox] + label.link:before {
        display: none;
    }
/*주차별학습*/
.movie_class_table .class_un .btn_un {
    border: 1px solid #555555;
    color: #555555;
    border-radius: 30px;
    padding: 4px 20px;
}

.movie_class_table .class_ing .btn_active {
    background: #f06100;
    color: #fff;
    border-radius: 30px;
    padding: 4px 20px;
}

    .movie_class_table .class_ing .btn_active:hover {
        color: #fff;
    }

.movie_class_table .class_ing .btn_confirm {
    border: 1px solid #f06100;
    color: #f06100;
    border-radius: 30px;
    padding: 4px 20px;
}

.movie_class_table .class_wait .btn_active {
    background: #f06100;
    color: #fff;
    border-radius: 30px;
    padding: 4px 20px;
}

.movie_class_table .class_wait .wait_status {
}

.movie_class_table .class_wait td {
    padding: 13px 0;
}

.status {
    text-align: left !important;
    padding-left: 20px !important;
	
}

.lastest_wait_status {
    padding-left: 45px !important;
}

.movie_wait_status {
    text-align: center;
}
/*총괄평가*/
.movie_class_table .class_confirm .btn_confirm {
    border: 1px solid #375fcd;
    color: #375fcd;
    border-radius: 30px;
    padding: 4px 20px;
}

.movie_class_table .class_confirm .btn_width {
    padding: 4px 62px;
}

.edu_guide {
    margin-top: 10px;
    border: 7px solid #ffdbc2;
    padding: 20px;
}
.new_btn_down {
background-color: #375fcd;
    color: #fff !important;
    padding: 3px 30px !important;
    border-radius:30px;
}
.new_btn_down:hover {
   background-color: #96aded;
   
}

/*나의학습장 리뉴얼 끝 20200129*/
/*퀴즈*/
.body_quiz {
    background: #00b3fd;
    background: -webkit-linear-gradient(right top, #d091f1, #00b3fd);
    background: -moz-linear-gradient(right top, #d091f1, #00b3fd);
    background: -o-linear-gradient(right top, #d091f1, #00b3fd);
}

.container_quiz {
    margin: 0;
    padding: 0;
    min-height: 600px;
    background: url(/images/sub/bg_quiz.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.quiz_title {
    text-align: center;
    color: #fff;
    font-size: 23px;
    padding-top: 70px;
}

.quiz_main {
    padding: 50px 0 70px 0;
}

    .quiz_main ul {
        margin-top: 20px;
    }

    .quiz_main li {
        color: #fff;
        font-size: 18pxls_oxmark;
    }

.new_btn_quiz_start {
    background: url(/images/sub/btn_quiz.png);
    background-repeat: no-repeat;
    border-radius: 50%;
    padding: 50px;
}

    .new_btn_quiz_start span {
        color: #0099f1;
        font-size: 18px;
        font-weight: 500;
        margin-left: -7px;
    }

.quiz_q {
    border-radius: 20px;
    background: #fff;
    margin: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

#ls_quiz_question li {
    float: left;
}

#ls_quiz_question .txt_q {
    width: 7%;
    background: #50a6f8;
    color: #fff;
    font-size: 21px;
    float: left;
    padding: 7px 6px;
    border-radius: 50%;
    font-weight: 500;
}

#ls_oxmark a {
    background: #c263f3;
    padding: 0 70px;
    border-radius: 30px;
    color: #fff;
    font-size: 28px;
}

#answer_comment_o, #answer_comment_x {
    font-size: 20px;
}

#ls_explanation {
    border-radius: 20px;
    background: #fff;
    margin: 20px;
    padding: 20px;
    font-size: 17px;
}

.new_btn_quiz_befor, .new_btn_quiz_next {
    background: none;
    font-weight: 500;
    font-size: 17px;
}

.new_btn_quiz_fst {
    background: none;
    font-weight: 500;
    font-size: 17px;
    border-radius: 20px;
    border: 1px solid #fff;
}
/*퀴즈 끝*/
/*202004291개월과정업데이트*/
.edu_tab li {
    cursor: pointer;
    box-sizing: border-box;
}

.edu_tab button {
    width: 100%;
    height: 70px;
    font-size: 15px;
}

    .edu_tab button:before {
        content: '';
        display: block;
        clear: both;
        width: 100%;
        height: 39px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        box-sizing: border-box;
    }

.tab_over button {
    color: #fff;
}

/*.edu_tab .tab_over#edu_tab0 button:before {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    background-image: url(/images/main/i_all_on.png);
}
*/
.i_all:before {
    background-image: url(/images/main/i_all.png);
}

.tab_over .i_all:before {
    background-image: url(/images/main/i_all_on.png);
}

.i_license:before {
    background-image: url(/images/main/i_license.png);
}

.tab_over .i_license:before {
    background-image: url(/images/main/i_license_on.png);
}

.i_folder:before {
    background-image: url(/images/main/i_folder.png);
}

.tab_over .i_folder:before {
    background-image: url(/images/main/i_folder_on.png);
}

.i_medi:before {
    background-image: url(/images/main/i_medi.png);
}

.tab_over .i_medi:before {
    background-image: url(/images/main/i_medi_on.png);
}

.i_management:before {
    background-image: url(/images/main/i_management.png);
}

.tab_over .i_management:before {
    background-image: url(/images/main/i_management_on.png);
}

.i_security:before {
    background-image: url(/images/main/i_security.png);
}

.tab_over .i_security:before {
    background-image: url(/images/main/i_security_on.png);
}

.i_car:before {
    background-image: url(/images/main/i_car.png);
}

.tab_over .i_car:before {
    background-image: url(/images/main/i_car_on.png);
}

.i_human:before {
    background-image: url(/images/main/i_human.png);
}

.tab_over .i_human:before {
    background-image: url(/images/main/i_human_on.png);
}
/**/
.edu_tab > ul > li:first-child {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.edu_tab > ul > li:last-child {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.edu_tab ul li button {
	background-repeat:no-repeat;
	background-position:50% 30%;
}
#edu_tab1 button {
	background-image: url(/images/sub/i_01.png);
}
#edu_tab1.tab_over button {
	background-image: url(/images/sub/i_01.png);
	background-image: url(/images/sub/i_01_on.png);
}
#edu_tab2 button {
	background-image: url(/images/sub/i_02.png);
}
#edu_tab2.tab_over button {
	background-image: url(/images/sub/i_02.png);
	background-image: url(/images/sub/i_02_on.png);
}
#edu_tab3 button {
	background-image: url(/images/sub/i_03.png);
}
#edu_tab3.tab_over button {
	background-image: url(/images/sub/i_03.png);
	background-image: url(/images/sub/i_03_on.png);
}
#edu_tab4 button {
	background-image: url(/images/sub/i_04.png);
}
#edu_tab4.tab_over button {
	background-image: url(/images/sub/i_04.png);
	background-image: url(/images/sub/i_04_on.png);
}
#edu_tab5 button {
	background-image: url(/images/sub/i_05.png);
}
#edu_tab5.tab_over button {
	background-image: url(/images/sub/i_05.png);
	background-image: url(/images/sub/i_05_on.png);
}
#edu_tab6 button {
	background-image: url(/images/sub/i_06.png);
}
#edu_tab6.tab_over button {
	background-image: url(/images/sub/i_06.png);
	background-image: url(/images/sub/i_06_on.png);
}
#edu_tab7 button {
	background-image: url(/images/sub/i_07.png);
}
#edu_tab7.tab_over button {
	background-image: url(/images/sub/i_07.png);
	background-image: url(/images/sub/i_07_on.png);
}
#edu_tab8 button {
	background-image: url(/images/sub/i_08.png);
}
#edu_tab8.tab_over button {
	background-image: url(/images/sub/i_08.png);
	background-image: url(/images/sub/i_08_on.png);
}
#edu_tab9 button {
	background-image: url(/images/sub/i_09.png);
}
#edu_tab9.tab_over button {
	background-image: url(/images/sub/i_09.png);
	background-image: url(/images/sub/i_09_on.png);
}
.btn_all_edu {
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding:0 20px 0 35px;
	font-size:14px;
	background-image: url(/images/sub/btn_all.png);
	background-repeat:no-repeat;
	background-position:20% 50%;
	float:left;
	height:30px;
	line-height:30px;
	margin-right:7px;
	box-sizing:border-box;
	width:107px;
}
.edu_list2020 .btn_all {
	margin-bottom:10px;
}
.btn_all_edu_on,  .btn_all_edu:hover{
	background-image: url(/images/sub/btn_all_on.png);
	background-color:#429fe4;
	color:#fff;
	border:0;
	height:32px;
	line-height:32px;
	display:inline-block;
	box-sizing:border-box;
}
.btn_all_cate {
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding:0 20px 0 35px;
	font-size:14px;
	background-image: url(/images/sub/btn_all_cate.png);
	background-repeat:no-repeat;
	background-position:20% 50%;
	float:left;
	height:30px;
	line-height:30px;
	margin-left:7px;
}
.btn_all_cate_on, .btn_all_cate:hover  {
	background-image: url(/images/sub/btn_all_cate_on.png);
	background-color:#429fe4;
	color:#fff !important;
	border:0;
	padding:0 20px 0 35px;
	background-position:20% 50%;
	background-repeat:no-repeat;
	height:32px;
	line-height:32px;
	border-radius:5px;
	display:inline-block;
}
/**/
.sel input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.sel .fieldRadio {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    line-height: 0;
    vertical-align: top;
    box-sizing: border-box;
}

.sel span {
    line-height: 40px;
    margin-right: 10px;
    font-weight: 500;
}

.sel label {
    line-height: 40px;
    margin-left: 5px;
    font-weight: 500;
}

.sel .fieldRadio input[type="radio"]:checked + label:before {
    background-color: #429fe4;
    border-color: #429fe4;
    background-image: url(/images/sub/btn_check.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50% 50%;
}

.sel .fieldRadio label:before {
    left: 0;
    width: 23px;
    height: 23px;
    margin-top: -10px;
    border: 1px solid #848484;
    transition: all .3s;
}

.sel .fieldRadio label::before, .fieldRadio label::after {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 100%;
    box-sizing: border-box;
}
.i_b {
    background: #375fcd;
    color: #fff;
    font-size: 6px;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 0;
    letter-spacing: 0px;
    margin-top: 5px;
}
.i_m {
    background: #f06100;
    color: #fff;
    font-size: 6px;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 0;
    letter-spacing: 0px;
    margin-top: 5px;
}
.i_t {
    background: #f4b800;
    color: #fff;
    font-size: 6px;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 3px;
    letter-spacing: 0px;
    margin-top: 5px;
}
.i_m_no {
    background: #228b22;
    color: #fff;
    font-size: 6px;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 0;
    letter-spacing: 0px;
    margin-top: 5px;
}
/*202004291개월과정업데이트끝*/

/*202006081개월과정*/
.edu_content01 {
	
}
.edu_des_top01 {
	height:65px;
}
.edu_des_top02, .edu_des_top01 {
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
}
.edu_des_top02 > div {
	float:left;
}
.edu_des_top02 .edu_info {
	width:97%;
	float:left;
	margin-left:3%;
	margin-top:15px;
	margin-bottom:15px;
	border:0 !important;
}
.edu_des_top02 .edu_info th {
	width:20%;
	font-size:15px;
	font-weight:500;
	text-align:left;
	padding-left:15px;
	line-height:13px;
}
.edu_des_top01 h3 {
	float:left;
	padding: 20px 34px 0 32px;
	font-size:20px;
	font-weight:500;
	color:#2f2f2f;
}
.edu_des_top01 ul {
	float:right;
}
.edu_des_top01 ul li {
	width:52px;
	height:51px;
	float:left;
}
.edu_des_top01 ul .i_2month {
	background: url(/images/sub/i_2mon.gif) no-repeat 0 0;
	border-right: 1px solid #fff;
}
.edu_des_top01 ul .i_1month {
	background: url(/images/sub/i_1mon.gif) no-repeat 0 0;
	border-right: 1px solid #fff;
}
.edu_des_top01 ul .i_refund {
	background: url(/images/sub/i_refund.gif) no-repeat 0 0;
	border-right: 1px solid #fff;
}
.edu_des_top01 ul .i_norefund {
	background: url(/images/sub/i_norefund.gif) no-repeat 0 0;
	border-right: 1px solid #fff;
}
.edu_des_top01 ul .i_business {
	background: url(/images/sub/i_business.gif) no-repeat 0 0;
	border-right: 1px solid #fff;
}
.edu_des_top01 ul .i_tomorrow {
	background: url(/images/sub/i_tomorrow.gif) no-repeat 0 0;
	border-right: 1px solid #fff;
}
.edu_des_top02 {
	position:relative;
}
.edu_des_top02 .btn_class {
	bottom:20px;
	position:absolute;
	bottom:20px;
	right:20px;
}
.edu_des_top02 select {
	height:35px;
	border: 1px solid #c7c7c7;
}
.edu_des_top02 dl {
	background:#f8f8f8;
}
.edu_des_top02 dl dt{
	border-right:1px solid #dfdfdf;
	padding:30px 50px;
	float:left;
	width:25%;
	box-sizing:border-box;
}
.edu_des_top02 dl dd{
	float:left;
	width:75%;
	padding: 30px 20px;
	box-sizing: border-box
}
.edu_des_top02 .btn_class button{
	background:#375fcd;
	border-radius:5px;
	padding:5px 30px 7px 30px;
	color:#fff;
	font-size:17px;
}
.edu_des_top02 .btn_class button  span {
	font-size:7px;
	line-height:20px;
}
.edu_des_top02 .edu_info01 .txt_1month {
	border:1px solid #375fcd;
	color:#375fcd;
	border-radius:20px;
	padding:5px 30px;
	display:inline-block;
}
.edu_des_top02 .edu_info01 th {
	font-size:15px;
	font-weight:500;
	text-align:left;
	padding:0;
}
.edu_des_top02 .edu_info01 {
	border:0 !important;

}
.edu_des_top03 {
	border-bottom:1px solid #cecece;
	padding:20px 0 0 20px;
}
.edu_des_top03 .edu_info02 {
	margin:10px 0 20px 0; 
	border:0 !important;
}
.edu_des_top03 h4 {
	font-weight:500;
	color:#375fcd;
}
.edu_des_top03 th {
	font-size:15px;
	line-height:25px;
	text-align:left;
	padding:0;
	font-weight:500;
	width:10%;
}
.edu_des_top03 p {
	margin:15px 0;
	font-size:15px;
}
.button_class01.btn_class_subscription {
	line-height:37px;
	border-radius:5px;
	padding:0 20px;
	margin-left:margin-left:10px;
}
.button_class01.btn_class_cancel {
	line-height:37px;
	border-radius:5px;
	padding:0 20px !important;
	background:#fff;
	color:#454545 !important;
	height:37px;
	margin-left:10px;
}
.btn_detail {
	display:inline-block;
}
.btn_detail .btn_modal {
	background:#375fcd;
	color:#fff;
	line-height: 37px;
	border-radius: 5px;
	padding: 0 20px;
	font-size:17px;
	margin-left:10px;
}
/*202006081개월과정끝*/
/*20200611전체분류사이트맵*/
.edu_sitemap table {
	*border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
	width: 100%;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: table;
	border-collapse: separate;
	box-sizing: border-box;
}
.edu_sitemap > table thead td {
	height:68px;
	background-repeat:no-repeat;
	background-position:50% 28%;
	text-align:center;
	vertical-align:bottom;
	background-color:#f7f7f7;
}
.edu_sitemap>table tbody td {
	vertical-align:top;
	padding:10px 0 10px 5px;
}
.edu_sitemap td {
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.edu_sitemap tbody td {
	border-bottom:0;
}
.edu_sitemap > table thead td:last-child, .edu_sitemap > table tbody tr td:nth-child(17) {
	border-right:0 !important;
}
.edu_sitemap > table thead td span {
	display: block; 
	padding-bottom: 4px;
}
.edu_sitemap > table  div > table{
	border:0;
}
.edu_sitemap > table  div > table td {
	border:0;
	padding:0 0 4px 0;
}
.edu_sitemap > table  div > table td a {
	font-size:13px;
}
.edu_sitemap #edu_tab1 {
	background-image: url(/images/sub/i_01.png);
}
.edu_sitemap #edu_tab2 {
	background-image: url(/images/sub/i_02.png);
}
.edu_sitemap #edu_tab3 {
	background-image: url(/images/sub/i_03.png);
}
.edu_sitemap #edu_tab4 {
	background-image: url(/images/sub/i_04.png);
}
.edu_sitemap #edu_tab5 {
	background-image: url(/images/sub/i_05.png);
}
.edu_sitemap #edu_tab6 {
	background-image: url(/images/sub/i_06.png);
}
.edu_sitemap #edu_tab7 {
	background-image: url(/images/sub/i_07.png);
}
.edu_sitemap #edu_tab8 {
	background-image: url(/images/sub/i_08.png);
}
.edu_sitemap #edu_tab9 {
	background-image: url(/images/sub/i_09.png);
}
/*20200611전체분류사이트맵끝*/

/*사이버연수원*/
@media only screen and (max-width:768px) {
    #ls_center {
        height: 400px;
    }

    .PopupLayer {
        position: fixed !important;
    }

    .modal-content .new_btn_write {
        z-index: -1000;
    }

    .video_container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
    }

        .video_container iframe,
        .video_container object,
        .video_container embed {
            /*position: absolute;
		height: 100%;
		*/
            width: 100%;
        }
}
/* 박혜미 01.04.2020~*/
span.d-day {
    color: #ff4f3d; 
}
div#contents{ border:0;}
.edu_list_table th{border:1px solid #ccc;}
.edu_list_table.internet{margin-top:8px;}

/*박혜미 02.24.2021*/
.new_bg_color_num{background-color: #375fcd;}
/*.f_list_back 이 클라스가 sub과 sub1 에 각 각 다른색으로 들어가 있다. 그래서 교강사페이지에 번호에만 새로운 클라스를 주어 배경색을 주었다*/