table {border-collapse:collapse; border-spacing:0; table-layout: fixed; width: 100%;}
legend {height: 0;    text-indent: -9999px;    overflow: hidden;}
caption {height: 0;    text-indent: -9999px;      overflow: hidden;}


.search_table{width:100%;margin:5px 0 10px;border-top:3px solid #e5e7ee; border-bottom:3px solid #e5e7ee; }
.search_table tr:first-child th,
.search_table tr:first-child td {border-top:0px}
.search_table th, .search_table td{padding:10px;border-top:1px dashed #d9d9d9;vertical-align: middle}
.search_table thead th{color:#2e2e2e; font-weight:normal;}
.search_table tfoot th, .search_table tfoot td{font-weight:normal; }
.search_table tbody th{font-weight:bold; }
.search_table tbody .search_btn {background:#0063ab; border-radius:5px; color:#fff; padding:0 20px; height:30px; line-height:30px; }
.search_table td img{vertical-align:middle}


@media screen and (max-width:1000px){
    .search_table th {margin:0 0 10px 0}
    .search_table th,
    .search_table td {display:inline-block; width:100%}
    .search_table th {padding:12px 0px 0 0px; font-size:16px; text-align:left; background:none; border-bottom:0px;}
    .search_table td {padding:0 0px 12px 0px; }
    .search_table ul li label {padding:3px 12px;}
}

.search_label_box {width:100%; display:inline-block; vertical-align: top; margin:0 0 -5px 0}
.search_label_box li {float:left;}
.search_label_box li label:after {display:none !important}
.search_label_box li input + label {padding:6px 15px; float:left;  line-height:1.25em; border:1px solid #ccc; margin:0px 5px 5px 0; border-radius:5px;}
.search_label_box li input {    width: 0px;    height: 0px;    border: 0px;    display: block;}
.search_label_box li input:focus + label {border:2px dashed #333; color:#333;}
.search_label_box li input:checked + label {background:#13488d; border:1px solid #13488d; color:#fff;}
.search_table #edu_text_title.intext {width:300px; max-width:calc(100% - 150px)}

.edu_program_list_box {width:calc(100% + 20px); display:inline-flex;     flex-wrap: wrap; margin:0px 0 10px -10px; font-size:0px;}
.edu_program_list_box .edu_program_list {position:relative; width:calc(33.33% - 20px); margin:0 10px 30px; font-size:15px; padding:25px 25px 65px 25px; display:inline-block; vertical-align:top; border:1px solid #ececec; border-radius:10px;}
.edu_program_list_box .edu_program_list .edu_program_list_title {}
.edu_program_list_box .edu_program_list .edu_program_list_title .text_1 {background:#00aeab; color:#fff; padding:7px 20px; font-size:12px; border-radius:5px; display:inline-block; position:absolute; top:-15px; left:50%;     transform: translate(-50%, 0px);}
.edu_program_list_box .edu_program_list .edu_program_list_title .text_2 {font-size:18px; color:#00aeab; font-weight:bold; text-align:center; display:inline-block; margin:15px 0 0 0;  width:100%; }
#contents .edu_program_list_box .edu_program_list .edu_program_list_title h4.h0 {position:relative; font-size:18px; width:100%; text-align:center; word-break:keep-all; font-weight:bold; color:#000; line-height:1.25em; margin:10px 0 0; letter-spacing:-0.025em;  text-overflow: ellipsis;  height:45px; overflow: hidden;   word-break: break-word;   display: -webkit-box;   -webkit-line-clamp: 2;    -webkit-box-orient: vertical}

.edu_program_list_box .edu_program_list .edu_program_list_info {border-top:1px dashed #ececec; padding-top:10px; margin-top:10px; }
.edu_program_list_box .edu_program_list .edu_program_list_info ul {}
.edu_program_list_box .edu_program_list .edu_program_list_info ul li {width:100%; vertical-align:top; display:inline-block; margin:3px 0; font-size:14px}
.edu_program_list_box .edu_program_list .edu_program_list_info ul li .title {width:70px; padding-left:10px; display:inline-block; font-weight:bold; float:left; margin:0 0 3px 0; background:url("../images/sub/right-arrow_2.svg") no-repeat left 5px; background-size:6px auto}
.edu_program_list_box .edu_program_list .edu_program_list_info ul li .text {width:calc(100% - 80px); display:inline-block; float:left;}
.edu_program_list_box .edu_program_list .edu_program_list_info ul li:last-child .text {overflow: hidden; max-height:56px;   word-break: break-word;   display: -webkit-box;   -webkit-line-clamp:3;    -webkit-box-orient: vertical}

.edu_program_detail {}
.edu_program_detail .edu_program_detail_top {position:relative; width:100%; display:inline-block; margin:0 0 20px 0}
.edu_program_detail .edu_program_detail_top .img_box {position:relative; width:35%; float:left;}
.edu_program_detail .edu_program_detail_top .img_box img {width:100%; border-radius:5px}
.edu_program_detail .edu_program_detail_top .img_box .img_text_wh {position:absolute; top:10px; right:10px; padding:8px 15px; background:#0063ab; color:#fff; border-radius:5px;}
.edu_program_detail .edu_program_detail_top .text_box {width:65%; padding:0 0 0 35px; float:left;}
.edu_program_detail .edu_program_detail_top .text_box .edu_program_cate  {background: #0063ab;  color: #fff; font-size:14px; padding: 4px 15px; margin-right:5px; border-radius: 5px; display: inline-block;}
#contents .edu_program_detail .edu_program_detail_top .text_box h3.h0 {position:relative; font-size:22px; width:100%; word-break:keep-all; font-weight:bold; color:#000; line-height:1.25em; margin:10px 0 15px; letter-spacing:-0.025em; padding-bottom:15px; }
#contents .edu_program_detail .edu_program_detail_top .text_box h3.h0:before {position:absolute; bottom:0px; left:0px; width:100%; height:1px; border-bottom:1px dashed #ececec; displaY:block; content:"";}
.edu_program_detail .edu_program_detail_top .text_box .edu_program_list_info {}
.edu_program_detail .edu_program_detail_top .text_box .edu_program_list_info ul {width:100%; display:inline-block;}
.edu_program_detail .edu_program_detail_top .text_box .edu_program_list_info ul li {width:100%; display:inline-block; margin:3px 0; font-size:14px}
.edu_program_detail .edu_program_detail_top .text_box .edu_program_list_info ul li .title  {width:70px; padding-left:10px; display:inline-block; font-weight:bold; float:left; margin:0 0 3px 0; background:url("../images/sub/right-arrow_2.svg") no-repeat left 5px; background-size:6px auto}
.edu_program_detail .edu_program_detail_top .text_box .edu_program_list_info ul li .text {width:calc(100% - 80px); display:inline-block; float:left;}

.edu_program_list_btn { width: 100%;   display: inline-block;  text-align: center;    position: absolute;  left: 0px; bottom: 20px;}
.edu_program_list_btn a {background:#f4f4f4; border:1px solid #eee; border-radius:5px; padding:5px 25px; display:inline-block;}



@media screen and (max-width:1200px){
    .edu_program_detail .edu_program_detail_top .img_box {width:45%; }
    .edu_program_detail .edu_program_detail_top .text_box {width:55%; }

}
@media screen and (max-width:1000px){
    .edu_program_detail .edu_program_detail_top .img_box {width:40%; }
    .edu_program_detail .edu_program_detail_top .text_box {width:60%; }

}
@media screen and (max-width:800px){
    .edu_program_detail .edu_program_detail_top .text_box .edu_program_cate { padding: 3px 12px;  font-size: 14px;}
    #contents .edu_program_detail .edu_program_detail_top .text_box h3.h0 {font-size:20px}
    .edu_program_list_box .edu_program_list {width: calc(50% - 20px);}
}
@media screen and (max-width:640px){
    .edu_program_list_box {width: calc(100% + 10px); margin: 0px 0 10px -5px;}
    .edu_program_list_box .edu_program_list {width: calc(50% - 10px); margin:0 5px 20px}
    .edu_program_list_box .edu_program_list {padding:15px 15px 65px 15px;}
    #contents .edu_program_list_box .edu_program_list .edu_program_list_title h4.h0 {font-size:16px; height:40px}
    .edu_program_list_box .edu_program_list .edu_program_list_title .text_2 {font-size:15px}
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .text,
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .title {font-size:14px}
    .edu_program_list_btn a {font-size:14px}


    .edu_program_list_info .btn_group {display:inline-block; text-align:center;}
    .edu_program_list_info .btn_group a {text-align:center;}
    #contents .edu_program_detail .edu_program_detail_top .text_box h3.h0 {}
    .edu_program_detail .edu_program_detail_top .img_box {width:100%; }
    .edu_program_detail .edu_program_detail_top .text_box {width:100%; padding:20px 0 }
}


@media screen and (max-width:480px){
    .edu_program_list_box .edu_program_list {padding:15px 15px 55px 15px;}
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .text,
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .title {width:100%; padding: 0px; background: none;}
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .text {margin:0 0 5px 0; font-size:13px;}
    .edu_program_list_btn {  bottom: 15px;}
}


@media screen and (max-width:400px){
    .edu_program_list_box {width: 100%; margin: 0;}

    .edu_program_list_box .edu_program_list {width:100%; margin:0 0 15px}
    #contents .edu_program_list_box .edu_program_list .edu_program_list_title h4.h0 {height:auto}
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .title {width:70px; }
    .edu_program_list_box .edu_program_list .edu_program_list_info ul li .text {width:calc(100% - 80px); }

}


/*페이징*/
.pagingWrap{margin-top:30px;font-size:0;text-align:center;}
.pagingWrap > a,.pagingWrap > strong{display:inline-block;width:31px;height:31px;margin:0 1px;border:1px solid #e0e0e0;background-color:#fff;font-size:16px;font-weight:normal;color:#545454;line-height:30px;vertical-align:middle;}
.pagingWrap > a:hover,.pagingWrap > a:focus{border-color:#19b5d6}
.pagingWrap > strong{background-color: #19b5d6;color: #fff;border-color:#19b5d6;}
.pagingWrap > .prevAll{background:url('../../common/img/btn_prevAll.png') 0 0 no-repeat;}
.pagingWrap > .prev{background:url('../../common/img/btn_prev.png') 0 0 no-repeat;}
.pagingWrap > .next{background:url('../../common/img/btn_next.png') 0 0 no-repeat;}
.pagingWrap > .nextAll{background:url('../../common/img/btn_nextAll.png') 0 0 no-repeat;}