@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/thk/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/thk/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 (max-width:1023px) {
    .prog_search .search_group{padding:20px}
    .prog_search .search_group .group_row{max-width:625px;margin:10px auto}
}

@media (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 (max-width:479px) {
    .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 (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_img {position:absolute;top:50%;right:0;margin-top:-11.5px;}
.tbl.default .title_i .d_day {display:inline-flex;align-items:center;justify-content:center;padding:0 0.8rem;border:1px solid var(--point50);border-radius:var(--radius-xs);margin-right:10px;color:var(--point50);text-align:center;font-weight:400;font-size:1.5rem;}
.tbl.default .title_i .d_day.on {border-color:var(--primary50);color:var(--primary50);}

@media (max-width:767px){
	.tbl.default .title_i.reple {flex-wrap:wrap;}
	.tbl.default .title_i.reple > * {width:100%;}
}