@charset "utf-8";

.main_mnotice { margin-bottom: 15px; }
.backimgtop { position: relative; width: 100%; height: 150px; background: url(../img/page_customer.jpg) no-repeat center center; background-size: cover; }
.backimgtop h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2rem; font-weight: 700; font-family: "Poppins",sans-serif; }

/* 사이드 메뉴 */
.row_mnotice { display: flex; justify-content: flex-start; background: #fff; }
.mnotice { width: 200px; }

/* 공지사항 리스트 */
.notice { width: calc(100% - 200px); }

textarea { resize: none; }
.nodata { text-align: center; margin: 15px 0; color: red; font-weight: bold; font-size: 18px; }
.notice_infor { width: 99%; padding: 0 15px; }
.notice_infor strong { font-weight: 500; }
.notice_infor form > div { margin: 10px 0; }
.notice_infor form h3 { font-size: 18px; font-weight: bold; padding: 0 0px 10px 15px; }
.div_ctext { border-bottom: 1px solid #ddd; }
.div_names, .div_files, .div_ccont { display: flex; flex-wrap: wrap; padding-left: 10px; padding-right: 10px; }
.div_names > div { padding-right: 15px; }
.div_names ul { flex: none; margin-left: auto; }
.div_names ul a { width: 70px; line-height: inherit; /*border: 1px solid green; color: green;*/ }
.div_files ul { display: flex; flex-wrap: wrap; }
.div_files li { padding-left: 10px; padding-right: 10px; }
.div_files li i { font-size: 20px; color: #065fd4; vertical-align: middle; }
.div_files li span { margin-left: -5px; }
.div_ccont { display: block; border-top: 1px solid #ddd; padding-top: 10px; }
.div_ccont iframe { max-width: 100%; }
.div_ccont img { max-width: 100%; height: auto; }
.div_ccont .table-bordered { border-collapse: collapse; border-spacing: 0; width: 100%; }
.div_ccont .table-bordered,
.div_ccont .table-bordered th,
.div_ccont .table-bordered td { border: 1px solid #222; }

/* 첨부파일 이미지로 표시 */
.attach_files_img { padding-left: 10px; padding-right: 10px; }
.attach_files_img .attach_img_file img { max-width: 100%; height: auto; }

.div_bottom_btn { margin-bottom: 20px; }
.div_bottom_btn ul { display: flex; justify-content: center; }
.div_bottom_btn li { width: 40%; margin-left: 3px; }
.div_bottom_btn li:last-child a { /*border: 1px solid green; color: green;*/ text-decoration-line: none; }
.div_bottom_btn .form_btn_blue { width: 100%; }

.div_cmwrt { padding-left: 10px; padding-right: 10px; }
.div_cmcctbtn { display: flex; justify-content: right; position: relative; }
.div_cmcct { flex: 3; }
.div_cmcct textarea { height: 100px; text-indent: 0; padding: 0 10px; }
.div_cmbtn { margin-left: 26px; }
.div_cmbtn .form_btn_blue { height: 100%; padding: 0 10px; }
.div_cmbtn .comment_write_login { line-height: 97px; }

.div_comm_lists { margin-top: 10px; }
.div_comm_item { border-bottom: 1px solid #ddd; padding-bottom: 5px; padding-left: 15px; }
.div_comm_child { margin-top: 5px; padding-left: 15px; border-top: 1px solid #ddd; }
.div_comm_wrtdt { display: flex; }
.div_comm_wrt { width: 100px; }
.div_comm_wrtdt { color: #888; }
.div_comm_contt { display: flex; flex-wrap: wrap; align-items: flex-end; }
.div_comm_contt strong { font-weight: 400; }
.div_comm_item_btn { display: inline; }
.div_comm_item_btn a { color: #065fd4; border: 1px solid #065fd4; border-radius: 5px; margin-right: -2px; padding: 0 5px; }
.div_comm_item_btn a:first-child { margin-left: 10px;  }
.div_comm_contt_modify,
.div_comm_contt_write { display: flex; justify-content: right; position: relative; margin-top: 5px; }

.div_prev_next { margin: 15px 0; }
.div_prev_next i { font-size: 22px; color: #065fd4; }
.div_prev_next span { color: #065fd4; }
.div_prev_next span, .div_prev_next strong { vertical-align: 3px; }
.div_prev_next a { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_prev_next a:hover.no_prev_next { color: #222; }
.div_prev_next strong.notfound { font-style: italic; font-weight: normal; color: #777; }