@charset "utf-8";

.prog_search .search_group{padding:20px 0 20px 120px;border:1px solid #e8e8e8;background-color:#f6f7fb}

.prog_search .search_group .group_row{margin-top:7px}
.prog_search .search_group .group_row:after{content:'';display:block;clear:both}

.prog_search .search_group .group_row .label{float:left;width:90px}
.prog_search .search_group .group_row .label span,
.prog_search .search_group .group_row .label label{display:block;padding-top:8px;font-size:16px;color:#111}

.prog_search .search_group .group_row .form_style{overflow:hidden}
.prog_search .search_group .group_row .form_style .in_seelct{width:180px}
.prog_search .search_group .group_row .form_style *{float:left}

.prog_search .search_group .group_row .style_general .form_input{width:340px;margin-left:14px}

.prog_search .search_group .group_row .style_datepicker .mid{width:14px;text-align:center;line-height:100%;padding-top:10px}
.prog_search .search_group .group_row .style_datepicker .date_select{width:153px;margin-left:7px}

.prog_search .search_group .style_double:after{content:'';display:block;clear:both}
.prog_search .search_group .style_double .in_row{float:left;margin-left:14px}
.prog_search .search_group .style_double .in_row:first-child{margin-left:0}
.prog_search .search_group .style_double .in_row:nth-child(1){width:270px}
.prog_search .search_group .style_double .in_row:nth-child(2){width:340px}
.prog_search .search_group .style_double .in_row:nth-child(2) .label{width:160px}

.prog_search .search_fold{border:1px solid #e8e8e8;text-align:center;}
.prog_search .search_fold a{display:block;text-align:center}
.prog_search .search_fold a span{display:inline-block;padding:13px 40px 13px 0;font-size:16px;background:no-repeat 100% 50%;color:#111}

.prog_search .search_fold .search_open span{background-image:url(/resource/images/paid/nep/board/prog_search_fold_open.png)}
.prog_search .search_fold .search_close{display:none}
.prog_search .search_fold .search_close span{background-image:url(/resource/images/paid/nep/board/prog_search_fold_close.png)}

.prog_search .search_fold.ov .search_open{display:none}
.prog_search .search_fold.ov .search_close{display:block}

.prog_search .search_button{margin-top:10px;text-align:right}

.prog_search .search_group.single{padding-left:20px}
.prog_search .search_group .single_row{text-align:center}
.prog_search .search_group .single_row .in_column{display:inline-block;vertical-align:top;margin-left:30px}
.prog_search .search_group .single_row .in_column:first-child{margin-left:0}

.prog_search .search_group .single_row .in_column .label{display:inline-block;height:39px;margin-right:5px}
.prog_search .search_group .single_row .in_column .label span,
.prog_search .search_group .single_row .in_column .label label{display:block;font-weight:500;line-height:37px}

.prog_search .search_group .single_row .in_column .form_style{display:inline-block}
.prog_search .search_group .single_row .in_column .form_style .name{line-height:37px}
.prog_search .search_group .single_row .in_column .form_style .name:before{content:'';display:inline-block;vertical-align:1px;width:1px;height:10px;margin-right:10px;background-color:#c1c1c1}
.prog_search .search_group .single_row .in_column .form_style input[type=text]{width:250px}

#porgSearchDetails{display:none}

@media all and (max-width:1200px) {
    .prog_search .search_group{padding:20px}
    .prog_search .search_group .group_row{max-width:625px;margin:10px auto}
}

@media all and (max-width:767px) {
    .prog_search .search_group .group_row{position:relative;padding:0 20px}
    .prog_search .search_group .group_row .label{float:none;margin-bottom:7px}
    .prog_search .search_group .group_row .form_style .in_seelct{width:35%}
    .prog_search .search_group .group_row .style_general .form_input{width:62%;margin-left:3%}
    .prog_search .search_group .group_row .style_datepicker .mid{width:3%}
    .prog_search .search_group .group_row .style_datepicker .date_select{width:26%;margin-left:1%}

    .prog_search .search_group .style_double:first-child{margin-top:0}
    .prog_search .search_group .style_double .in_row{margin-left:3%}
    .prog_search .search_group .style_double .in_row:nth-child(1){width:35%}
    .prog_search .search_group .style_double .in_row:nth-child(2){width:62%}

    .prog_search .search_group .single_row{max-width:400px;text-align:left;margin:0 auto}
    .prog_search .search_group .single_row .in_column{width:100%;margin-left:0}
    .prog_search .search_group .single_row .in_column:after{content:'';display:block;clear:both}
    .prog_search .search_group .single_row .in_column:first-child{display:block}

    .prog_search .search_group .single_row .in_column .label{float:left;width:100px}
    .prog_search .search_group .single_row .in_column .form_style{display:block;overflow:hidden}
    .prog_search .search_group .single_row .in_column .form_style input[type=text]{width:100%}

    .prog_search .search_group .single_row .search_btn[type=submit]{display:block;width:100%;margin-top:5px}
}

@media all and (max-width:480px) {
    .prog_search .search_group .group_row .form_style .in_seelct{width:100%}
    .prog_search .search_group .group_row .style_general .form_input{width:100%;margin:7px 0 0}

    .prog_search .search_group .group_row .style_datepicker .in_seelct{width:47%}
    .prog_search .search_group .group_row .style_datepicker .mid{width:6%}

    .prog_search .search_group .group_row .style_datepicker .date_select{width:100%;margin:7px 0 0}

    .prog_search .search_group .style_double .in_row:nth-child(1),
    .prog_search .search_group .style_double .in_row:nth-child(2){width:100%;margin:7px 0 0}
    .prog_search .search_group .style_double .in_row:nth-child(1){margin-top:0}

    .prog_search .search_group .group_row:first-child{margin-top:0}

    .prog_search .search_group .group_row .label span,
    .prog_search .search_group .group_row .label label{padding-top:0;color:#000}

    .prog_search .search_group .single_row .in_column .label{width:auto;padding-right:7px}
    .prog_search .search_group .single_row .in_column:nth-child(2) .label{float:none;display:block;border-top:1px solid #d2d2d2}
    .prog_search .search_group .single_row .in_column:nth-child(2) .form_style input[type=text]{width:100%}
}

.ui-datepicker-trigger{margin-left:5px; border:none !important; padding:0 !important;}

/* 모바일용 테이블 */
.tbl_responsed{display:none}
.tbl_responsed .order_box{display:inline-block; color:#fff; background:#1298ff; border-color:#1298ff; padding:5px 10px; margin-right:5px}

@media all and (max-width:767px) {
    /* 모바일용 태이블 단순화 */
    .tbl.res_tbl,
    .tbl.res_tbl tbody,
    .tbl.res_tbl tbody tr,
    .tbl.res_tbl tbody tr th,
    .tbl.res_tbl tbody tr td{display:block;border-width:0;text-align:left}
    .tbl.res_tbl tbody tr th,
    .tbl.res_tbl tbody tr th:first-child{padding:20px;font-size:16px;border:solid #ccc;border-width:1px 1px 0}
    .tbl.res_tbl tbody tr td{padding:20px;margin-bottom:10px;border:1px solid #ccc}

    .res_bbs_wrap .tbl{display:none}

    .tbl_responsed{display:block}
    .tbl_responsed ul li{padding:5px 10px;margin-top:10px;border:1px solid #dcdcdc;border-top:2px solid #7f7f7f;box-shadow:1px 1px 0 #dcdcdc}
    .tbl_responsed ul li:first-child{margin-top:0}

    .tbl_responsed ul li>div{line-height:150%;padding:5px 0 5px 100px;border-top:1px dashed #dcdcdc;overflow:hidden;font-size:14px;}
    .tbl_responsed ul li>div:first-child{border-top:0}
    .tbl_responsed ul li>div>b{line-height:inherit;float:left;width:85px;color:#222;font-weight:500;margin-left:-95px;}

    .res_bbs_wrap.break .tbl_responsed ul li>div{padding-left:200px}
    .res_bbs_wrap.break .tbl_responsed ul li>div>b{margin-left:-180px;width:180px}

    /* 직원찾기 */
    .res_bbs_wrap.famWrap .child_0{display:none}
    .res_bbs_wrap.famWrap .child_1{border-top:0}
    .tbl_responsed .btn_sm {padding:4px 15px;vertical-align:middle;}
    .tbl_responsed .title img {width:16px;margin-left:5px;}
}

.tbl.default .title_i {position:relative;}
.tbl.default .title_i.new {padding-right:10px}
.tbl.default .title_i .new_img {position:absolute;top:50%;right:0;margin-top:-11.5px;}
.tbl.default .title_i .d_day {display:inline-block;width:64px;padding:5px 8px; border:1px solid #b6b6b6; border-radius: 5px;margin-right:10px;color:#ef4863;text-align:center}
.tbl.default .title_i .d_day.on {color:#555;}

/* 테이블 개수 없애기 */
@media all and (max-width:767px){
    .brd1 colgroup col:first-child,
    .brd1 colgroup col:first-child+col+col+col+col+col,
    .brd1 tr th:first-child,
    .brd1 tr td:first-child,
    .brd1 tr th:first-child+th+th+th+th+th,
    .brd1 tr td:first-child+td+td+td+td+td{display:none}
    .brd1 .title_th:before {display:none;}

    .tbl.default .title_i .d_day{width:56px}
}
@media all and (max-width:640px){
    .brd1 colgroup col:first-child+col+col+col,
    .brd1 colgroup col:first-child+col+col+col+col,
    .brd1 tr th:first-child+th+th+th,
    .brd1 tr th:first-child+th+th+th+th,
    .brd1 tr td:first-child+td+td+td,
    .brd1 tr td:first-child+td+td+td+td{display:none}
    .brd1 colgroup col:first-child+col+col{width:120px !important}
}
@media all and (max-width:767px){
    .brd2 colgroup col:first-child,
    .brd2 tr th:first-child,
    .brd2 tr td:first-child{display:none}
    .brd2 colgroup col:first-child+col+col{width:100px !important}
}
@media all and (max-width:767px){
    .brd3 colgroup col:first-child,
    .brd3 colgroup col:first-child+col+col+col+col+col,
    .brd3 tr th:first-child,
    .brd3 tr th:first-child+th+th+th+th+th,
    .brd3 tr td:first-child,
    .brd3 tr td:first-child+td+td+td+td+td{display:none}
}
@media all and (max-width:640px){
    .brd3 colgroup col:first-child+col+col,
    .brd3 colgroup col:first-child+col+col+col,
    .brd3 tr th:first-child+th+th,
    .brd3 tr th:first-child+th+th+th,
    .brd3 tr td:first-child+td+td,
    .brd3 tr td:first-child+td+td+td{display:none}
}
@media all and (max-width:767px){
    .brd4 colgroup col:first-child,
    .brd4 tr th:first-child,
    .brd4 tr td:first-child{display:none}
}
@media all and (max-width:640px){
    .brd4 colgroup col:first-child+col+col,
    .brd4 tr th:first-child+th+th,
    .brd4 tr td:first-child+td+td{display:none}
}
@media all and (max-width:767px){
    .brd5 colgroup col:first-child{width:45px !important}
    .brd5 colgroup col:first-child+col+col+col+col+col,
    .brd5 colgroup col:first-child+col+col+col+col+col+col{width:70px !important}
    .brd5 colgroup col:first-child+col,
    .brd5 colgroup col:first-child+col+col+col,
    .brd5 colgroup col:first-child+col+col+col+col,
    .brd5 tr th:first-child+th,
    .brd5 tr th:first-child+th+th+th,
    .brd5 tr th:first-child+th+th+th+th,
    .brd5 tr td:first-child+td,
    .brd5 tr td:first-child+td+td+td,
    .brd5 tr td:first-child+td+td+td+td{display:none}
}
@media all and (max-width:767px){
    .brd6 colgroup col:first-child+col+col+col+col,
    .brd6 colgroup col:first-child+col+col+col+col+col{width:70px !important}
    .brd6 colgroup col:first-child,
    .brd6 colgroup col:first-child+col+col,
    .brd6 colgroup col:first-child+col+col+col,
    .brd6 tr th:first-child,
    .brd6 tr th:first-child+th+th,
    .brd6 tr th:first-child+th+th+th,
    .brd6 tr td:first-child,
    .brd6 tr td:first-child+td+td,
    .brd6 tr td:first-child+td+td+td{display:none}

    .brd6 .btn_sm{padding:5px 10px}
}
@media all and (max-width:767px){
    .brd7 colgroup col:first-child,
    .brd7 tr th:first-child,
    .brd7 tr td:first-child{display:none}
}
@media all and (max-width:640px){
    .brd7 colgroup col:first-child+col,
    .brd7 tr th:first-child+th,
    .brd7 tr td:first-child+td{width:60px !important}
}
@media all and (max-width:767px){
    .brd8 colgroup col:first-child,
    .brd8 tr th:first-child,
    .brd8 tr td:first-child{display:none}
}
@media all and (max-width:640px){
    .brd8 colgroup col:first-child+col,
    .brd8 colgroup col:first-child+col+col+col,
    .brd8 tr th:first-child+th,
    .brd8 tr th:first-child+th+th+th,
    .brd8 tr td:first-child+td,
    .brd8 tr td:first-child+td+td+td{display:none}
}
@media all and (max-width:820px){
    .brd9 .rspBr{display:inline}
    .brd9 colgroup col:first-child,
    .brd9 colgroup col:first-child+col+col+col+col,
    .brd9 tr th:first-child,
    .brd9 tr th:first-child+th+th+th+th,
    .brd9 tr td:first-child,
    .brd9 tr td:first-child+td+td+td+td{display:none}
    .brd9 tr th:first-child+th:before{display:none;}
}
@media all and (max-width:640px){
    .brd9 colgroup col:first-child+col,
    .brd9 tr th:first-child+th,
    .brd9 tr td:first-child+td{width:70px !important}
    .brd9 colgroup col:first-child+col+col+col,
    .brd9 tr th:first-child+th+th+th,
    .brd9 tr td:first-child+td+td+td{width:100px !important}
}
@media all and (max-width:420px){
    .brd9 colgroup col:first-child,
    .brd9 colgroup col:first-child+col,
    .brd9 tr th:first-child,
    .brd9 tr th:first-child+th,
    .brd9 tr td:first-child,
    .brd9 tr td:first-child+td{display:none}
    .brd9 tr th:first-child+th+th:before{display:none;}

    .tbl.default .title {text-overflow:inherit;white-space: normal;margin:0}
    .tbl.default .title_i .d_day{margin-right:5px}
    .tbl.default .title_i .new_img {left:0;top:22px;margin-top:0;}
    .tbl.default .title_i {padding-right:0;padding-left:10px;}
    .tbl.default.brd9.only_title tr th:first-child+th+th+th,
    .tbl.default.brd9.only_title tr td:first-child+td+td+td {display:none;}
    .tbl.default.brd9.only_title col:first-child+col+col+col {display:none;}
}
@media all and (max-width:767px){
    .brd10 colgroup col:first-child,
    .brd10 colgroup col:first-child+col+col,
    .brd10 tr th:first-child,
    .brd10 tr th:first-child+th+th,
    .brd10 tr td:first-child,
    .brd10 tr td:first-child+td+td{display:none}
}
@media all and (max-width:640px){
    .brd10 colgroup col:first-child+col+col+col+col,
    .brd10 tr th:first-child+th+th+th+th,
    .brd10 tr td:first-child+td+td+td+td{display:none}
}