@charset "utf-8";


/* 게시글 작성 */
#rumi_v_top { width:100%; max-width:1300px; margin:30px auto 0px auto; }
.tbl_frm01 {border:5px solid #ddd; border-top:5px solid #188FFF; }
.pull-right { margin:0 !important;}
.requireMark { color:orangered; font-size: 12px; }
.form-item {display:flex;flex-wrap: wrap;border-top:1px solid #ccc;border-left:1px solid #ccc;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size:14px;}
.form-item > div {display:flex;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;min-height: 46px;align-items: center;font-size: 14px;}
.form-item .form-item-title {flex-basis: 150px;text-align: right;padding:3px 10px 3px 10px;background:#F4FAEF;}
.form-item .form-item-title label { position:relative; width: 100%;margin: 0px;font-weight:600; padding-right:7px; }
.form-item .form-item-title label .requireMark { position: absolute; top:50%; right:-8px; transform: translate(0, -50%); }
.form-item .form-item-content {position:relative; flex: 1;text-align: left;padding:0px 0;}
.form-item .form-item-content label {font-weight: normal;margin:0 !important;cursor:pointer;vertical-align: baseline;}
.form-item .option-radio-wrap { flex-basis:100%; display:block; width:100%; padding:0; }
.form-item .option-radio-wrap > li { display: inline-block; padding-right:15px; }
.form-item .option-radio-wrap > li > label { padding-right:10px; }
.form-item .option-checkbox-wrap { margin:0; padding:0; }
.form-item .option-checkbox-wrap > li { display: inline-block; margin-right:10px; padding:0; }
.form-item .full-opt .option-checkbox-wrap > li { display: block; width:100%;}
.form-item .full-opt .option-checkbox-wrap > li > label { padding:2px 5px !important; }
.form-item textarea { width:100%; padding:20px; }
.form-item input[type="number"],
.form-item input[type="text"],
.form-item input[type="password"],
.form-item select { outline:none; height:46px; border:0px; padding:0 10px; width:100%; font-size:16px; vertical-align: bottom;}
.form-item input[type="number"]:focus,
.form-item input[type="text"]:focus,
.form-item input[type="password"]:focus,
.form-item textarea:focus,
.form-item select:focus { border:0px; background:#FFF2F2 !important;}
.form-item input[type="radio"],
.form-item input[type="checkbox"] { margin:0px !important; }
.form-item .form-inline { width:100%; padding:10px; }
.form-item .form-inline > input[type="number"],
.form-item .form-inline > input[type="text"],
.form-item .form-inline > select { height:36px; border:1px solid #ccc; }
.form-item-tbl { margin-top:-1px; }
.cke_sc { display:none;}
.bbs-btn-wrap { width:100%; text-align: center; margin-top:20px; }
.section-title { width:100%; font-size: 16px; font-weight:600; color:#085C8C; margin-bottom:5px; border-left: 4px solid orangered; padding-left: 10px; line-height: 150%; }
.address { padding:10px; }
.address input,
.address button { height:36px !important; }
.address input { border-bottom:1px solid #ccc !important; }
.address .zipcode { width: 100px !important; }
.address .addr { width: 100%; }
.etcWrap { width:100%; padding:10px; }
.etcWrap > select,
.etcWrap > input { height:36px !important; width:100%; border:1px solid #ccc !important; border-radius:3px; margin-top:10px; }
.sub-title { display:block; width:100%; font-size:13px; color:#888; }
.form-control { height:42px !important; }
#btn_autosave {position:absolute; top:0px; right:0px; line-height:46px; height:46px; background:#555; color:#fff; padding:0 10px; border-radius:0px; }
.help { display: block; font-size: 12px; line-height: 100%; padding: 3px 0; }



/* 파일첨부 */
#bo_w .bo_w_flie {
    padding:5px;
    font-size: 14px;
}
#bo_w .bo_w_flie .lb_icon{
    position:absolute;
    top:0px;
    left:0px;
    border-radius:3px 0 0 3px;
    padding:0;
    height:38px;
    line-height: 38px;
    width:60px;
    background:#eee;
    text-align:center;
    color:#888;
    font-size: 14px;
    border-right: 1px solid #ccc;
}
#bo_w .bo_w_flie .frm_file{
    padding-left:70px;
}
#bo_w .bo_w_flie .file_wr{
    position: relative;
    border:1px solid #ccc;
    background:#fff;
    color:#000;
    vertical-align:middle;
    border-radius:3px;
    padding:5px;
    height:40px;
    margin:0
}
#bo_w .bo_w_flie .frm_input{
    margin:10px 0 0
}
#bo_w .bo_w_flie .file_del{
    position:absolute;
    top:10px;
    right:10px;
    font-size:0.92em;
    color:#7d7d7d;
}

/* 관리자 - 신청내역 */
#bo_vc table { width:100%; border-spacing:0; border-collapse:collapse; }
#bo_vc th { font-size:12px; text-align:center; background:#eeeeee; border:1px solid #cccccc; line-height:140%; padding:8px 0; }
#bo_vc td { font-size:12px; text-align:center; border:1px solid #cccccc; }
#bo_vc td,
#bo_vc td a { font-size:12px; height:40px; text-align:center; padding:0 5px !important;}
#bo_vc td a:hover { color: red; font-weight:bold; }
#bo_vc .no-data { width: 100%; height: 150px; text-align: center; font-size: 14px; }
#bo_vc table tbody tr:hover td { background: #FFEEEE !important; }
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#444;text-align:center}
#comment-list { position: relative; width: 100%; height:30px; margin: 20px 10px 10px 0px;}
#comment-list .comment-header { display:block; font-size: 14px; font-weight: 600; color: #dd6666; }
#comment-list .comment-btns { position: absolute; top: 0; right: 0px; }
#comment-list .comment-btns span { display: inline-block; margin-left: 5px; font-size: 14px; background: #eee; border: 1px solid #ccc; border-radius: 3px; padding: 6px 10px; cursor: pointer; line-height:15px; }
#comment-list .comment-btns span:hover { background: #dd6666; color: #fff; border: 1px solid #dd6666; }
.appTypeBtn, .completeBtn, .approvalBtn,
.cancelBtn { display:block; height: 40px; line-height:40px; text-align: center; cursor:pointer; }
.appTypeOff:before { content:"대기"; color: #555; font-weight:bold; }
.appTypeOn:before { content:"접수"; color: blue; font-weight:bold;  }
.completeOff:before { content:"미수료"; color: #888; font-weight:bold; }
.completeOn:before { content:"수료"; color: orangered; font-weight:bold;  }
.approvalOff:before { content:"비승인"; color: #888; font-weight:bold; }
.approvalOn:before { content:"승인"; color: orangered; font-weight:bold;  }
.cancelDel:before { content:"취소"; color:red; font-weight: bold; }
.normalDel:before { content:"정상"; color:blue; font-weight: bold; }
.issuNum { height:30px;text-align:center; border:1px solid #ccc; border-radius: 3px; background:#eaeaea; }
.issuNum:focus { background: #FFF2F2;}


/* jQuery 달력 스타일 변경 시작 */
#ui-datepicker-div {
    padding:0px !important;
    border-radius:5px;
    overflow: hidden;
    min-width:270px;
}
#ui-datepicker-div table { width:96%;margin:0 auto;}
#ui-datepicker-div td span,
#ui-datepicker-div td a {text-align:center !important;border-radius:3px;}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {top:11px !important;cursor:pointer; }
#ui-datepicker-div th:first-child { color:red !important; }
#ui-datepicker-div th:last-child { color:blue !important; }
#ui-datepicker-div td:first-child a { color:red; }
#ui-datepicker-div td:last-child a { color:blue; }
#ui-datepicker-div td span,
#ui-datepicker-div td a:hover {background:#dd6666 !important;color:#fff !important;border:1px solid #dd6666 !important;}
#ui-datepicker-div .ui-datepicker-header {
    border:0px;
    border-radius:0;
    border-bottom:1px solid #aaa;
    padding:8px 0px;
    margin-bottom:10px;
}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {background:#0089D2 !important;border:1px solid #0089D2 !important;color:#fff !important;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {padding:6px;font-size:16px;}
#ui-datepicker-div .ui-datepicker-title select {outline:none;height:30px;border-radius:3px;cursor:pointer;font-size:14px;padding:0 10px;}
#ui-datepicker-div .ui-datepicker-year {margin-right:3px;}
/* jQuery 달력 스타일 변경 끝 */