/* 공지사항 등록 */
.notice_registration_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.notice_registration_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.notice_registration_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.notice_registration_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}

.notice_registration_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}

.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}

.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box {position:relative; width:140px; height:36px; float:left;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:20px;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {line-height:34px; display:block; margin:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}

.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input {width:100px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; margin-left:10px;}


.notice_registration_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.notice_registration_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.notice_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}

.notice_registration_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}








/* 공지사항 상세 (본인계정) */
.notice_detail_user_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.notice_detail_user_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}

.notice_detail_user_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box input::placeholder {color:#B5BDC4;}

.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}

.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box {position:relative; width:140px; height:36px; float:left;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:20px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {line-height:34px; display:block; margin:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}

.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input {width:100px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; margin-left:10px;}


.notice_detail_user_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}











/* 공지사항 상세 (타계정) */
.notice_detail_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
.notice_detail_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.notice_detail_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.notice_detail_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}

.notice_detail_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div {width:calc(100% - 100px); line-height:36px; background:#E9ECF0; border:1px solid #E9ECF0; border-radius:5px; color:#21272C; padding:0 10px; float:left;}


.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box .textarea_div {width:calc(100% - 100px); height:100px; background:#E9ECF0; border:1px solid #E9ECF0; color:#21272C; border-radius:5px; padding:10px; float:left;}


.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_div {position:relative; width:120px; line-height:36px; background:#E9ECF0; border:1px solid #E9ECF0; border-radius:5px; color:#21272C; padding:0 10px; float:left;}

.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .time_div {width:100px; line-height:36px; background:#E9ECF0; border:1px solid #E9ECF0; border-radius:5px; color:#21272C; padding:0 10px; margin-left:10px; float:left;}


.notice_detail_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.notice_detail_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.notice_detail_modal .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}

/*반응형 View*/
@media only screen and (max-width:1280px) {
    /* 공지사항 등록 */
    .notice_registration_modal.fade .modal-dialog { width:490px; }
    .notice_registration_modal .modal-dialog .modal-content { padding:30px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box { height:32px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img { width:20px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker { line-height:32px; font-size:12px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input { height:32px; font-size:12px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .notice_registration_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }

    /* 공지사항 상세 (본인계정) */
    .notice_detail_user_modal.fade .modal-dialog { width:490px; }
    .notice_detail_user_modal .modal-dialog .modal-content { padding:30px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box { height:32px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img { width:20px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker { line-height:32px; font-size:12px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input { height:32px; font-size:12px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .notice_detail_user_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }

    /* 공지사항 상세 (타계정) */
    .notice_detail_modal.fade .modal-dialog { width:490px; }
    .notice_detail_modal .modal-dialog .modal-content { padding:30px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div { width:calc(100% - 80px); line-height:32px; font-size:12px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box .textarea_div { width:calc(100% - 80px); font-size:12px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_div { line-height:32px; font-size:12px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .time_div { line-height:32px; font-size:12px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .notice_detail_modal .modal-dialog .modal-content .modal-footer .check_bth { width:80px; height:32px; font-size:12px; }
}