@charset: "utf-8";

@import url('default.css');
@import url('board.css');


#pop_wrap{padding:20px;}
#pop_wrap .data_tb01 tbody th{padding-left:15px; text-align:left;}
#pop_wrap .data_tb01 tbody th.center_txt{padding-left:0; text-align:center;}
#pop_wrap .data_tb01 tbody td .answer{text-align:right; padding-right:20px; color:red;}
#pop_wrap .apptbl thead th{border:1px solid #ccc;}
#pop_wrap .apptbl tbody th .pdlth{padding-left:25px;}
#pop_wrap .apptbl tbody th.pdlth15{padding-left:23px;}
#pop_wrap .apptbl tbody th.pdlth30{padding-left:46px;}
#pop_wrap .apptbl tbody th{padding-left:15px; text-align:left; border:1px solid #ccc;}
#pop_wrap .apptbl tbody th.center_txt{padding-left:0; text-align:center;}
#pop_wrap .apptbl tbody td .answer{text-align:right; padding-right:20px; color:red;}
#pop_wrap .apptbl tbody td{border:1px solid #ccc;}
#pop_wrap .apptbl tbody td table{width:98%;}
#pop_wrap h4{color:#333; padding-bottom:10px; padding-left:15px; margin-top:15px; background:url(../img/common/bul/bul_blue_circle.gif) no-repeat 0 4px;}
#pop_wrap h3{margin:20px 0 10px 0;}

/* 배정관리 */
.app_top{width:100%; overflow:hidden; margin-bottom:10px;}
.app_top .left_box{width:48%; float:left;}
.app_top .right_box{width:48%; float:right;}
.app_top .list_area{border-top:2px solid #3758a7; border-bottom:1px solid #a3a9b4; height:300px; overflow-y:auto;}
.app_top .list_area ul li{border-bottom:1px solid #ededed; padding:11px 0 11px 13px;}
.app_top .boardWrapL{height:300px; overflow-y:auto; border-bottom:1px solid #a3a9b4;}
.app_mid{width:100%; overflow:hidden; margin-bottom:30px;}
#pop_wrap .app_mid h4{background:#e5e5e5; border-top:2px solid #a2a9b3; padding-top:6px; border-bottom:1px solid #91969e;}
.app_mid .left_box{width:48%; float:left;}
.app_mid .right_box{width:48%; float:right;}
.app_mid .txt_box{padding:6px 0; border-bottom:1px solid #91969e; float:none; clear:right; overflow:hidden; width:100%;}
.app_mid .txt_box .input_txt{border:1px solid #ccc; vertical-align:middle; height:18px; float:left; margin:0 5px 0 18%; width:40%;}
.app_mid .txt_box .btn_date{float:left;}
.app_mid .txt_box a img{vertical-align:middle;}
.app_mid .txt_box .btn_white{float:left;}
.app_mid .txt_box .desc{text-align:center; height:19px; padding-top:4px;}
.app_bot .apptbl{border:2px solid #3758a7;}
.app_bot .apptbl tbody th{background:#eaf1ff; font-weight:bold; color:#000;}

/* 확인서 발급 */
.app_print{width:500px; margin:0 auto;}
.app_print h2{padding-bottom:100px; font-size:2em;}
.app_print dl{width:100%; overflow:hidden; font-size:1.3em;}
.app_print dl dt{width:90px; float:left; padding-bottom:20px;}
.app_print dl dd{padding-bottom:20px;}
.app_print .date{text-align:right; padding:100px 20px 0 0; font-size:1.2em;}

/* 현장평가처리 tooltip */
.btn_tooltip {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/board/icon/ico_help.png") no-repeat 50% 50%/100% auto;
    margin-left: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    cursor: pointer;
}
.tooltip_wrap {
    display: none;
    border-radius: 16px;
    box-sizing: border-box;
    margin-right: 30px;
    position: absolute;
    z-index: 50;
    padding: 24px;
    background-color: #e6f2f9;
}
.tooltip_wrap.active {
    display: block;
}
.meaage_note_list > li.type2 .grid_note_para .grid_note_para_text {
    color: #000000;
    font-weight: 500;
}
.grid_note_para_text {
    font-size: 15px;
    line-height: 1.4;
    color: #6b6b6b;
    padding-top: 2px;
    word-break: keep-all;
}
.btn_confirm {
    background-color: #3A70BC;
    color: white;
    border: none;
    padding: 6px 8px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
}

.button_container {
    text-align: right;
}

.guide-text {
    font-size: 13px;
    color: #3681d2;
    margin: 0 5px;
    font-weight: bold;
}

.help-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 2px;
}

.container {
    display: flex;
    align-items: center; /
    justify-content: space-between;
}

.guide-text {
    display: inline-flex;
    align-items: center;
    margin-left: 3px;
}