@charset "utf-8";
/* common.css */
/* reset */
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
textarea {
    margin: 0;
    padding: 0;
}
hr {
    display: none;
}
ul,
ol,
li {
    list-style: none;
}
img,
fieldset {
    border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}
table {
    border-collapse: collapse;
}
address,
em,
optgroup {
    font-style: normal;
}
object {
    vertical-align: top;
}
input,
button,
select {
    vertical-align: middle;
}
a[href='#'] {
    color: inherit;
    text-decoration: none;
    cursor: default;
}
/* font */
body {
    color: #333;
    font-size: 80%;
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
input,
select,
textarea,
button {
    color: #333;
    font-size: 100%;
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
/* linkStyle */
a {
    color: #333;
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    color: #333;
    text-decoration: underline;
}
li a:active {
    color: #1f9bcc;
    text-decoration: underline;
}
.top_tab li a:hover,
.tab li a:hover {
    font-weight: bold;
    cursor: pointer;
}
.jstree-node:hover {
    cursor: pointer;
}
/* skip */
caption {
    position: static;
}
.skip,
legend,
caption {
    position: absolute;
    left: -5000px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
/* width, font-size, text-align  */
.wid-10 {
    width: 10rem;
}
.mt30 {
    margin-top: 30px;
}
.wid-6 {
    width: 6rem;
}
.fts-1p5r {
    font-size: 1.5rem;
}
.textAlignR {
    text-align: right;
}
.mrgBtm {
    margin-bottom: 1rem;
}
.ft_bold {
    font-weight: bold !important;
}
.brBta8 {
    border-bottom: 1px solid #a8a8a8 !important;
}
/* footer */
/* header */
/* 모바일 화면에서 사이드 메뉴 노출시 하단footer를 가리기 위해 z-index 4 로 설정*/
header {
    z-index: 3;
    position: relative;
    min-width: 1280px;
    height: 90px;
    border-bottom: 1px solid #23a3df;
    background: url(../images/header_bg.png);
}
.header {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}
.header h1 {
    float: left;
    padding-left: 10px;
}
.header h1 img {
    float: left;
    width: 70px;
    padding-top: 27px;
}
.header h1 em {
    float: left;
    padding: 26px 0 0 10px;
}
.header h1 em span {
    color: #fff;
    font-size: 27px;
}
.header h1 em span.tt1 {
    font-weight: 300;
    letter-spacing: -0.16em;
}
.header h1 em span.tt2 {
    font-weight: 500;
    letter-spacing: -0.13em;
}
.header ul {
    clear: both;
    position: absolute;
    top: 29px;
    right: 0;
}
.header ul li {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
}
.header ul li a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}
.header ul li a:hover {
    background-color: #34b3df;
}
.header ul li.on a {
    border-bottom: 4px solid #cc081b;
}
.header .util {
    position: absolute;
    top: 8px;
    right: 5px;
}
.header .util p {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 0.83rem;
}
.header .util p strong {
    padding-right: 2px;
    font-weight: 400;
}
.header .util button {
    margin: 0;
    border: none;
    background: #0d6c98;
    padding: 3px 10px;
    border-radius: 100px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
.header .util button:hover {
    background-color: #34b3df;
}
/* hidden header for mobile web */
.hidden {
    display: none;
}
.hidden .hidden_side {
    display: none;
}
/* tab_main_content */
.tab_main_content {
    display: flex;
    justify-content: center;
}
.tab_main_content .tab li {
    padding-bottom: 10px;
    font-size: 18px;
}
.tab_main_content .tab li a {
    display: block;
    width: 180px;
    padding: 17px 0 17px 55px;
    border-radius: 7px;
    background-color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
    box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
}
.tab_main_content .tab li:nth-child(1) a {
    background: url(../images/icon_main_bb.png) 12px 13px no-repeat;
}
.tab_main_content .tab li:nth-child(2) a {
    background: url(../images/icon_main_road.png) 12px 13px no-repeat;
}
.tab_main_content .tab li:nth-child(3) a {
    background: url(../images/icon_main_ss.png) 12px 13px no-repeat;
}
.tab_main_content .tab li:nth-child(4) a {
    background: url(../images/main_icon5.png) 12px 13px no-repeat;
}
.tab_main_content .tab li:nth-child(5) a {
    background: url(../images/chart.svg) 12px 22px no-repeat;
}
.tab_main_content .tab li a:hover {
    background-color: #eee;
}
.tab_main_content .tab li.on a {
    background-color: #008cd6;
    color: #fff;
}
.tab_main_content .tab li.on a:hover {
    background-color: #117bc5;
}
.tab_main_content .tab li.on:nth-child(1) a {
    background-image: url(../images/icon_main_bb_on.png);
}
.tab_main_content .tab li.on:nth-child(2) a {
    background-image: url(../images/icon_main_road_on.png);
}
.tab_main_content .tab li.on:nth-child(3) a {
    background-image: url(../images/icon_main_ss_on.png);
}
.tab_main_content .tab li.on:nth-child(4) a {
    background-image: url(../images/main_icon5_on.png);
    background-size: 12%;
    background-color: #008cd6;
}
.tab_main_content .tab li.on:nth-child(5) a {
    background: url(../images/main_icon4.png) 14px 25px no-repeat;
    background-size: 12%;
    background-color: #008cd6;
}
/* main */
.mainvisual {
    z-index: 1;
    width: 100%;
    min-width: 1280px;
    height: 570px;
    margin-top: -91px;
    background: url(../images/main_img.webp) center no-repeat;
    background-size: 100%;
}
.mainvisual .txtarea {
    width: 1280px;
    margin: 0 auto;
}
.mainvisual .txtarea p {
    padding: 200px 0 0 20px;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -2px;
}
.mainvisual .txtarea p span.txt1 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -2px;
}
.maincntntwrap {
    padding: 30px 0;
    background-color: #f8f8f8;
}
.maincontent {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.maincontent .cntWrap {
    display: flex;
    flex-flow: row wrap;
    padding: 13px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
    box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
}
.maincontent .cntWrap .tblwrp {
    padding-right: 20px;
}
.maincontent .cntWrap .tblwrp table,
.maincontent .cntWrap #antblwrp table,
.maincontent .cntWrap #anfclstatblwrp table {
    width: 330px;
    font-size: 14px;
}
.maincontent .cntWrap #anfclstatblwrp table {
    width: 400px;
}
/*.maincontent .cntWrap .tblwrp table th,*/
/*.maincontent .cntWrap .tblwrp table td,*/
/*.maincontent .cntWrap #antblwrp table th,*/
/*.maincontent .cntWrap #antblwrp table td{font-size:14px;}*/
.maincontent .cntWrap .tblwrp table th,
.maincontent .cntWrap #antblwrp table th,
.maincontent .cntWrap #anfclstatblwrp table th {
    padding: 7px 0;
    background-color: #2e3649;
    color: #fff;
    font-weight: 400;
}
.maincontent .cntWrap .tblwrp table td,
.maincontent .cntWrap #antblwrp table td,
.maincontent .cntWrap #anfclstatblwrp table td {
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}
.maincontent .cntWrap #anfclstatblwrp table td {
    border: 1px solid #ddd;
}
.maincontent .cntWrap .tblwrp table td:first-child,
.maincontent .cntWrap #antblwrp table td:first-child,
.maincontent .cntWrap #anfclstatblwrp table td:first-child {
    background-color: #fafafa;
    font-weight: 500;
}
.maincontent .cntWrap .tblwrp table tfoot,
.maincontent .cntWrap #antblwrp table tfoot,
.maincontent .cntWrap #anfclstatblwrp table tfoot {
    border: 2px solid #008cd6;
}
.maincontent .cntWrap .crtwrp .chrtara {
    width: 590px;
    height: 270px;
}
.maincontent .cntWrap .crtwrp .chrtara img {
    width: 590px;
    height: 270px;
}
.maincontent .tab {
    display: none;
    height: 30px;
}
.maincontent .tab li {
    height: 30px;
}
.maincontent .tab li a {
    height: 30px;
    padding-top: inherit;
}
.maincontent .tab li a:hover {
    cursor: pointer;
}
/* annual chart modal */
#mng_annual_status_btn,
#EACH_FAC {
    width: 200px;
    background: rgba(0, 0, 0, 0.005);
    height: 30px;
    padding: 2px 1rem 3px 1rem;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
}
#mng_annual_status_btn:hover,
#EACH_FAC:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.02);
}
#annual_status_mdl {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    z-index: 111;
    font-size: 1rem;
}
#annual_status_mdl_content {
    background: #fff;
    width: 50%;
    max-height: 80%;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#annual_status_mdl_body_tbody tr td {
    padding: 0.2rem;
}
#annual_status_mdl_header {
    padding: 0.5rem 0;
    height: 3rem;
    font-size: 2rem;
    border-bottom: 1px solid #333;
    width: 100%;
    text-align: center;
    position: relative;
}
#annual_status_mdl_body {
    width: 90%;
    margin: 1rem auto;
    overflow: auto;
}
#annual_status_mdl a {
    background-color: #23a3df;
    color: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
}
#annual_status_mdl a.close_x_btn {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    background-color: #aaa;
    width: 2rem;
}
#annual_status_mdl a.close_x_btn:hover {
    background-color: #777;
}
#annual_status_mdl a:hover {
    text-decoration: none;
    background-color: #0d6c98;
}
.mdl_tbody_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.mdl_tbody_btns a {
    height: 100%;
}
/* annual chart modal */
/* container */
#container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 1280px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
}
/* snb */
.snb {
    width: 220px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
}
.snb ul.tab {
    display: flex;
    flex-flow: row wrap;
}
.snb ul.tab li {
    width: 50%;
    font-size: 15px;
    text-align: center;
}
.snb ul.tab li a {
    display: block;
    height: 60px;
    line-height: 60px;
    border: 1px solid #ddd;
    border-top: none;
    border-right: none;
    background-color: #f1f1f1;
    color: #888;
    text-decoration: none;
}
.snb ul.tab li:first-child a {
    border-right: 1px solid #ddd;
    border-left: none;
}
.snb ul.tab li.on {
    font-weight: 700;
}
.snb ul.tab li.on a {
    border-color: #fff;
    background-color: #fff;
    color: #000;
}
.snb .treearea {
    overflow-y: scroll;
    height: 700px;
    padding: 10px 10px 30px 10px;
}
.hidden_header_detail {
    display: none;
}
/* contents */
.contents {
    position: relative;
    width: 1000px;
    padding-top: 25px;
}
.contents .top_tit {
    padding: 0 0 20px 2px;
    color: #1f9bcc;
    font-size: 22px;
    font-weight: 700;
}
.contents .top_btn {
    position: absolute;
    top: 26px;
    right: 0;
    display: flex;
    gap: 6px;
}
.contents .top_btn a {
    display: inline-block;
    padding: 7px 22px 9px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f4f4f4;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}
.contents .top_btn a:hover {
    background-color: #e6e6e6;
}

.contents ul.top_tab {
    height: 50px;
    margin-bottom: 20px;
    display: flex;
}
.contents ul.top_tab li {
    float: left;
    border: 1px solid #ddd;
    border-bottom-color: #1f9bcc;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contents ul.top_tab li.on {
    border-color: #1f9bcc;
    border-bottom-color: #fff;
    font-weight: 700;
}
.contents ul.top_tab li.on a {
    color: #1f9bcc;
}
.contents ul.top_tab li a {
    display: block;
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    color: #666;
    text-decoration: none;
}
.contents ul.top_tab li a.wid-100text-center {
    width: 100%;
    text-align: center;
}
.contents .top_con {
    margin-bottom: 20px;
    padding: 10px 11px;
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
}
.contents .top_con select {
    margin: 0;
    padding: 2px;
    border: none;
    background: none;
    font-size: 15px;
}
.contents .top_con span {
    font-size: 13px;
}
.contents .top_con .bt_save {
    float: right;
}
.contents .top_con .bt_save a {
    display: block;
    padding: 3px 10px;
    border: 1px solid #d90719;
    background-color: #fff;
    color: #d90719;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: 0.1s;
}
.contents .top_con .bt_save a:hover {
    background-color: #d90719;
    color: #fff;
}
.contents .cur_loc {
    display: none;
}
/*유지관리 - 관리자*/
.contents .top_con .calndr {
    display: inline-block;
}
.contents .top_con .calndr img {
    vertical-align: top;
    cursor: pointer;
}
.contents .top_con .calndr input {
    width: 120px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}
.pag_wrap {
    text-align: center;
}
.pagination {
    display: inline-block;
}
.pagination a {
    font-family: Verdana, sans-serif;
    color: black;
    float: left;
    padding: 8px 10px;
    text-decoration: none;
    transition: background-color 0.3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
.pagination a.active {
    background-color: #4caf50;
    color: white;
    border: 1px solid #4caf50;
    width: auto;
    height: auto;
    font-size: unset;
    left: auto;
}
.pagination a:hover:not(.active) {
    background-color: #ddd;
}
.pagination a.first_page:hover,
.pagination a.last_page:hover {
    cursor: pointer;
}
/* 시설물 정보 */
.facInfo1 {
    padding-bottom: 30px;
}
.facInfo1 .tit {
    padding: 10px 15px;
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
    color: #444;
    font-weight: 900;
    font-size: 15px;
}
.facInfo1 select {
    margin: 0;
    padding: 2px;
    border: none;
    background: none;
    font-size: 15px;
}
.facInfo1 .con {
    padding: 2px;
}
.facInfo1 .con .con_tit {
    padding: 1px 0 5px 5px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.facInfo1 ul {
    padding-bottom: 20px;
}
.facInfo1 ul li {
    display: inline-block;
    padding: 3px;
}
.facInfo1 ul li a {
    display: block;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #1f9bcc;
    color: #1f9bcc;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
    transition: 0.1s;
}
.facInfo1 ul li a:hover {
    background-color: #1f9bcc;
    color: #fff;
}
.fcltyInfrm {
    position: relative;
}
.gisarea {
    width: 810px;
    height: 700px;
    border: 1px solid #ccc;
}
.gisarea img {
    width: 810px;
    height: 700px;
}
.left_con {
    display: flex;
    flex-wrap: wrap;
}
.right_con {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    border-bottom: 2px solid #646464;
}
.right_con .slct_area {
    padding-bottom: 5px;
    border-bottom: 2px solid #222;
}
.right_con .slct_area select {
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
}
.right_con .listwrap {
    height: 670px;
    overflow-y: auto;
}
.right_con .list {
    padding: 0 0 10px 3px;
    border-bottom: 1px solid #cfcece;
}
.right_con .list:last-child {
    border-bottom: none;
}
.right_con .list p {
    padding: 10px 0 5px;
    color: #1f9bcc;
    font-weight: 700;
    font-size: 14px;
}
.right_con .list ul li {
    padding: 2px 0 2px 6px;
    background: url(../images/bl_gr3p.png) 0 10px no-repeat;
    letter-spacing: -0.03em;
    word-break: keep-all;
}
.right_con .list ul li a {
    color: #000;
    font-weight: 500;
    text-decoration: none;
}
.right_con .list ul li a:hover {
    color: #1f9bcc;
}
.fac_Info_2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.fac_Info_2 .sec_img {
    width: 700px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.fac_Info_2 .sec_img .con {
    width: 340px;
    margin-bottom: 20px;
}
.fac_Info_2 .sec_img .con .tit {
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
}
.fac_Info_2 .sec_img .con .img {
    height: 313px;
    border: 1px solid #ccc;
    text-align: center;
}
.fac_Info_2 .sec_img .con .img2 {
    text-align: center;
}
.fac_Info_2 .sec_img .con .img2 img {
    width: calc(50% - 4px);
}
.fac_Info_2 .sec_img .con img {
    width: 100%;
    height: 313px;
    vertical-align: top;
}
.fac_Info_2 .sec_img .blPrn {
    width: 100%;
}
.fac_Info_2 .sec_img img.no {
    width: 338px;
}
.fac_Info_2 .sec_tbl {
    width: 260px;
}
.fac_Info_2 .sec_tbl .tbl {
    padding-bottom: 25px;
}
.fac_Info_2 .sec_tbl .tit {
    padding-bottom: 7px;
    color: #036eb8;
    font-weight: 500;
    font-size: 16px;
}
.fac_Info_2 .sec_tbl table {
    width: 100%;
    border-top: 1px solid #036eb8;
}
.fac_Info_2 .sec_tbl table td {
    padding: 7px 2px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    word-break: keep-all;
}
.fac_Info_2 .sec_tbl table td:first-child {
    width: 50%;
    color: #000;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-align: center;
}
/* 유지관리 - 관리자 - 전체 일정 확인 */
.chcFulSch table {
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #1f9bcc;
}
.chcFulSch table th {
    padding: 10px 0;
    border-bottom: 1px solid #a8a8a8;
}
.chcFulSch table td {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.chcFulSch table td a {
    color: #0390c7;
    font-weight: 500;
}
.chcFulSch table td img {
    vertical-align: middle;
}
/* 유지관리 */
.mntnn {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
/* (유지관리)점검일자(inspection) */
.inspc_date {
    width: 220px;
    border-right: 1px solid #ddd;
}
.inspc_date .toptit_area .tit {
    padding-bottom: 7px;
    padding-left: 3px;
    border-bottom: 1px solid #ddd;
}
.inspc_date .toptit_area span.bt_pop {
    position: absolute;
    top: 0;
    right: 8px;
}
.inspc_date .clndrArea {
    position: relative;
    padding-bottom: 10px;
}
.inspc_date .clndrArea .tit {
    padding: 0 0 7px 3px;
    font-size: 14px;
    font-weight: 700;
}
.inspc_date .clndrArea .btn {
    position: absolute;
    top: 0;
    right: 5px;
}
.inspc_date .clndrArea .btn.doublepx {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inspc_date .clndrArea .btn button {
    margin: 0;
    padding: 3px;
    border: 0;
    background: none;
    cursor: pointer;
}
.clndr_tb {
    padding: 5px;
}
.clndr_tb table {
    width: 100%;
    font-size: 11px;
}
.clndr_tb table th {
    padding-bottom: 6px;
}
.clndr_tb table td {
    height: 14px;
    text-align: center;
    cursor: pointer;
}
.clndr_tb table td:first-child {
    background-color: #f0f0f0;
}
.clndr_tb table td img {
    vertical-align: top;
}
.clndr_tb tr.round td {
    font-size: 0.09rem;
}
.clndr_tb td.gray {
    color: #b1b1b1;
}
.clndr_tb tr td.on {
    background-color: #1f9bcc;
    color: #fff;
}
.inspc_date .clndrData p {
    width: 80%;
    margin: 5px;
    padding: 7px 2px 7px 28px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url(../images/icon_check.png) 5px 5px no-repeat;
    font-weight: 400;
    font-size: 14px;
}
/* 버튼 영역 */
.btn_bottomarea {
    display: flex;
    justify-content: flex-end; /* 우측 정렬 */
    gap: 8px; /* 버튼 간격 */
    margin-top: 1.2rem;
    position: relative;
}
/* 기존 유지: 등록 버튼 스타일 */
#schdul_insert,
#schdul_record_insert {
    font-size: 1.1rem;
    border: 1px solid #ddd;
    border-radius: 0.4rem;
    padding: 0.6rem;
    background-color: #353535;
    color: #fff;
    width: 7rem;
    transition: background-color 0.2s ease;
}
#schdul_insert:hover,
#schdul_record_insert:hover {
    cursor: pointer;
    background-color: #555;
}
/* 신규 추가: 프린트 버튼 (톤 통일) */
.btn_print {
    font-size: 1.1rem;
    border: 1px solid #ddd;
    border-radius: 0.4rem;
    padding: 0.6rem;
    background-color: #6b6b6b; /* 기존보다 약간 밝은 회색 */
    color: #fff;
    width: 7rem;
    transition: background-color 0.2s ease;
}
.btn_print:hover {
    cursor: pointer;
    background-color: #555; /* hover 시 등록버튼과 동일한 색 */
}
.schdul_detail_btns {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 60%;
    position: absolute;
    right: 0;
}
.schdul_detail_btns button {
    padding: 0;
    margin: 1rem 0 2rem;
    font-size: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 0.5rem;
    background-color: #353535;
    color: white;
    width: 8rem;
}
.schdul_detail_btns button:hover {
    cursor: pointer;
    background-color: #555;
}
.schdul_detail_btns .btn_print_in_list {
    padding: 0;
    margin: 1rem 0 2rem;
    font-size: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 0.5rem;
    background-color: #6b6b6b;
    color: white;
    width: 10rem;
}
.schdul_detail_btns .btn_print_in_list:hover {
    cursor: pointer;
    background-color: #555; /* hover 시 등록버튼과 동일한 색 */
}
/* 유지관리 일정 탭 */
.mntnn .inspc_date.m_schedule,
.mntnn .inspc_date.m_record,
.mntnn .inspc_date.m_insert,
.mntnn .inspc_date.m_record_update,
.mntnn .m_ledger,
.mntnn .inspection {
    border-right: none;
    width: 100%;
}
.inspc_date.m_schedule .clndrArea .btn {
    position: initial;
    display: flex;
    text-align: center;
    top: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    height: 4rem;
    margin-bottom: 0.5rem;
}
.inspc_date.m_schedule .clndrArea .btn button {
    font-size: 4rem;
    padding: 0;
}
.inspc_date.m_schedule .clndrArea .tit {
    padding: 1rem 0 0 0;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 2rem 0 2rem;
    color: #333;
}
.inspc_date.m_schedule .clndrArea .clndr_tb {
    padding: 0;
}
.inspc_date.m_schedule .clndrArea .clndr_tb table {
    font-size: 1rem;
}
.inspc_date.m_schedule .clndrArea .clndr_tb table th {
    padding-bottom: 0;
    height: 2rem;
    border: 1px solid #ddd;
    background-color: #f0f0f0;
}
.inspc_date.m_schedule .clndrArea .clndr_tb table td {
    height: 4rem;
    text-align: right;
    vertical-align: baseline;
    border: 1px solid #ddd;
    padding: 4px;
}
.inspc_date.m_schedule .clndrArea .clndr_tb table td.exist {
    position: relative;
}
.inspc_date.m_schedule .clndrArea .clndr_tb table td.exist::after {
    content: '';
    position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
    width: 1rem;
    height: 1rem;
    background-color: #3498db;
    border-radius: 50%;
}
.inspc_date.m_schedule .clndrArea .clndr_tb table td.on.exist::after {
    background-color: #fff;
}
/* 유지 관리 내역 탭 */
.inspc_date.m_record {
    position: relative;
}
.inspc_date.m_record table,
.inspc_date.m_schedule .schdul_table table {
    width: inherit;
    text-align: center;
    border-top: 2px solid #1f9bcc;
}
.inspc_date.m_schedule .schdul_table table {
    margin-bottom: 2rem;
}
.inspc_date.m_record table .noData,
.inspc_date.m_schedule .schdul_table table .noData {
    font-size: 1.2rem;
}
.inspc_date.m_record table thead,
.inspc_date.m_schedule .schdul_table table thead {
    width: inherit;
    height: 2rem;
}
.inspc_date.m_record table tbody#schdul_reocrd_list tr:hover,
.inspc_date.m_schedule .schdul_table table tbody tr:hover {
    cursor: pointer;
    background-color: #ededed;
}
.inspc_date.m_record table tr th,
.inspc_date.m_schedule .schdul_table table tr th {
    border-bottom: 1px solid #a8a8a8;
}
.inspc_date.m_record table tr td,
.inspc_date.m_schedule .schdul_table table tr td {
    height: 1.8rem;
    border-bottom: 1px solid #ddd;
}
/* 유지 관리 내역에서 각 테이블 로우 클릭시 표출되는 상세페이지 */
.inspc_date.m_record .schdul_detail_tab #read_table {
    font-size: 1.2rem;
}
.inspc_date.m_record .schdul_detail_tab #read_table .left_indent {
    text-align: left;
    text-indent: 0.1rem;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail {
    position: relative;
    min-height: 35rem;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail:hover {
    cursor: auto;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail table {
    width: 50%;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list {
    position: absolute;
    width: 49%;
    top: 0;
    right: 0;
    margin: 0 auto;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list .img_sections {
    max-height: 20rem;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list .img_sections .img_sections_tit {
    height: 2rem;
    background-color: #ccc;
    font-weight: bold;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list .img_sections .imgs_div {
    max-height: 10rem;
    display: flex;
    align-items: center;
    object-fit: cover;
    margin-bottom: 0.5rem;
    overflow: auto;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list .img_sections .imgs_div img {
    width: auto;
    margin: 0 0.5rem;
    border: 1px solid #ccc;
    max-height: 8rem;
    height: 8rem;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list .img_sections .imgs_div img:hover {
    cursor: pointer;
}
.inspc_date.m_record .schdul_detail_tab #schdul_detail #img_list .img_sections .imgs_div div.noImage {
    height: 9rem;
}
/* 유지 관리 일정 등록 및 수정 페이지 */
.inspc_date.m_insert div {
    margin-bottom: 1rem;
}
.inspc_date.m_insert div.schdul_in_tit {
    font-size: 1.2rem;
    padding: 0.5rem 0;
    color: #333;
    background: #ccc;
    text-align: center;
    font-weight: bold;
}
.inspc_date.m_insert div.schdul_div {
    width: 95%;
    font-size: 1rem;
    display: flex;
    align-items: center;
}
.inspc_date.m_insert div.schdul_div label {
    display: inline-block;
    width: 8rem;
    margin-right: 1rem;
}
.inspc_date.m_insert div.schdul_div input {
    text-indent: 0.1rem;
}
.inspc_date.m_insert div.schdul_div input#schdul_date {
    width: 10rem;
}
.inspc_date.m_insert div.schdul_div input#schdul_tit {
    width: 80%;
}
.inspc_date.m_insert .top_con {
    border: none;
    padding: 0;
    background-color: white;
}
.inspc_date.m_insert .top_con select {
    border: 1px solid #333;
    width: 10rem;
}
.inspc_date.m_insert .schdul_div.schdul_btns {
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}
.inspc_date.m_insert .schdul_div.schdul_btns button {
    width: 10rem;
    border: 1px solid #333;
    padding: 0.6rem 0;
    border-radius: 1rem;
}
.inspc_date.m_insert .schdul_div.schdul_btns button:hover {
    cursor: pointer;
}
button#schdul_in_add,
button#schdul_in_update,
button#schdul_in_delete {
    color: white;
    background-color: #333;
    margin-right: 1rem;
}
button#schdul_in_delete {
    margin-left: 1rem;
}
button#schdul_in_add:hover,
button#schdul_in_update:hover,
button#schdul_in_delete:hover {
    background-color: #666;
}
.inspc_date.m_insert .schdul_div.schdul_btns button#schdul_in_cancel {
    color: #333;
    margin-left: 1rem;
}
.inspc_date.m_insert .schdul_div.schdul_btns button#schdul_in_cancel:hover {
    background-color: #ddd;
}
/* 유지관리 상세내역 등록 페이지 */
.mntnn #write_table {
    font-size: 1rem;
    width: 100%;
    margin-bottom: 1rem;
}
.mntnn #write_table .section_hr {
    display: block;
}
.mntnn #write_table table#write_head {
    width: 100%;
    margin: 0 0 1rem;
}
.mntnn #write_table table#write_head tr td {
    padding: 0.4rem;
    padding-left: 0;
}
.mntnn #write_table table#write_head tr td input,
.mntnn #write_table table#write_head tr td select {
    width: 200px;
    text-indent: 0.1rem;
}
.mntnn #write_table #detail_lid #schdul_detail .sub_tit {
    margin: 0 0 0.6rem;
    font-size: 1.2rem;
    font-weight: bold;
}
.mntnn #write_table #detail_lid #schdul_detail .q_div {
    margin: 0 0 0.6rem;
}
.mntnn #write_table #detail_lid #schdul_detail .entVl {
    margin: 0 0 0.6rem;
}
.mntnn #write_table #detail_lid #schdul_detail .add_img_file_btn {
    margin: 1rem auto;
    display: flex;
    justify-content: center;
    background: #ccc;
    width: 150px;
    padding: 0.5rem;
    border-radius: 1rem;
}
.add_img_file_btn:hover {
    cursor: pointer;
}
.mntnn #write_table #detail_lid #schdul_detail .manage_img_group input[type='file'] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.mntnn #write_table #detail_lid #schdul_detail .manage_img_group .img_list {
    height: 8rem;
    display: flex;
    overflow: auto;
}
.mntnn #write_table #detail_lid #schdul_detail .manage_img_group .img_list .thum_img {
    height: 8rem;
    width: 10rem;
    position: relative;
    margin: 0 1rem;
}
.mntnn #write_table #detail_lid #schdul_detail .manage_img_group .img_list .thum_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mntnn #write_table #detail_lid #schdul_detail .manage_img_group .img_list .thum_img img.delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    transform: scale(0.3) translate(-40%, -100%);
}
.mntnn #write_table #detail_lid .schdul_btns {
    display: flex;
    justify-content: space-evenly;
    margin: 0 0 3rem;
}
.mntnn #write_table #detail_lid .schdul_btns .add_btn,
.mntnn #write_table #detail_lid .schdul_btns .cancel_btn {
    width: 200px;
    border-radius: 1rem;
    border: none;
    padding: 1rem;
    font-size: 1.5rem;
}
.mntnn #write_table #detail_lid .schdul_btns .add_btn {
    background-color: #333;
    color: white;
}
.mntnn #write_table #detail_lid .schdul_btns .add_btn:hover {
    cursor: pointer;
}
.mntnn #write_table #detail_lid .schdul_btns .cancel_btn {
    background-color: #ccc;
    color: #333;
}
.mntnn #write_table #detail_lid .schdul_btns .cancel_btn:hover {
    cursor: pointer;
}
/* 유지관리 상세내역 수정 페이지 */
.mntnn .m_record_update .schdul_record_update {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.mntnn .m_record_update .section_hr {
    display: block;
}
.mntnn .m_record_update table#update_table {
    font-size: 1rem;
}
.mntnn .m_record_update table#update_table {
    width: 100%;
    margin: 0 0 1rem;
}
.mntnn .m_record_update table#update_table tr {
    margin-bottom: 0.5rem;
}
.mntnn .m_record_update table#update_table tr td {
    padding: 0.4rem;
    padding-left: 0;
}
.mntnn .m_record_update table#update_table tr td input,
.mntnn .m_record_update table#update_table tr td select {
    width: 200px;
    text-indent: 0.1rem;
}
.mntnn .m_record_update #schdul_detail_update_div .toptit_area {
    display: none;
}
.mntnn .m_record_update #schdul_detail_update_div .sub_tit {
    margin: 0 0 0.6rem;
    font-size: 1.2rem;
    font-weight: bold;
}
.mntnn .m_record_update #schdul_detail_update_div .q_div {
    margin: 0 0 0.6rem;
}
.mntnn .m_record_update #schdul_detail_update_div .entVl {
    margin: 0 0 0.6rem;
}
.mntnn .m_record_update #schdul_detail_update_div .add_img_file_btn {
    margin: 1rem auto;
    display: flex;
    justify-content: center;
    background: #ccc;
    width: 150px;
    padding: 0.5rem;
    border-radius: 1rem;
}
.mntnn .m_record_update #schdul_detail_update_div .manage_img_group input[type='file'] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.mntnn .m_record_update #schdul_detail_update_div .manage_img_group .img_list {
    height: 8rem;
    display: flex;
    overflow: auto;
}
.mntnn .m_record_update #schdul_detail_update_div .manage_img_group .img_list .thum_img {
    height: 8rem;
    width: 10rem;
    position: relative;
    margin: 0 1rem;
}
.mntnn .m_record_update #schdul_detail_update_div .manage_img_group .img_list .thum_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mntnn .m_record_update #schdul_detail_update_div .manage_img_group .img_list .thum_img img.delete {
    position: absolute;
    top: 0;
    right: 0;
    transform: scale(0.3) translate(-40%, -100%);
    width: 100px;
    height: auto;
    padding: 15px;
    border-radius: 20px;
    border: 3px solid #fff;
    background-color: #333;
    cursor: pointer;
}
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns {
    display: flex;
    justify-content: space-evenly;
    margin: 0 0 3rem;
}
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns .add_btn,
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns .cancel_btn {
    width: 200px;
    border-radius: 1rem;
    border: none;
    padding: 1rem;
    font-size: 1.5rem;
}
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns .add_btn {
    background-color: #333;
    color: white;
}
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns .add_btn:hover {
    cursor: pointer;
}
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns .cancel_btn {
    background-color: #ccc;
    color: #333;
}
.mntnn .m_record_update #schdul_detail_update_div .schdul_btns .cancel_btn:hover {
    cursor: pointer;
}
/* 관리 운영 대장,육안검사 기록 대장 공통*/
.mntnn .m_ledger h3,
.mntnn .inspection h3 {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}
.mntnn .m_ledger .facName,
.mntnn .m_ledger .facLoc,
.mntnn .inspection .facName,
.mntnn .inspection .facLoc {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.mntnn .m_ledger table,
.mntnn .inspection table {
    width: 100%;
    font-size: 0.9rem;
    margin: 1rem 0;
    border-top: 2px solid #1f9bcc;
}
.mntnn .m_ledger table tr th,
.mntnn .inspection table tr th {
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0;
}
.mntnn .m_ledger table tr th {
    border-bottom: 1px solid #ccc;
}
.m_ledger_btns,
.m_inspection_btns {
    margin: 1rem 0.2rem 2rem;
    font-size: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 0.5rem;
    background-color: #353535;
    color: white;
    width: 8rem;
}
.m_ledger_btns:hover,
.m_inspection_btns:hover {
    cursor: pointer;
    background-color: #555;
}
.mntnn .m_ledger .ledger_head,
.inspection_head {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* 관리 운영 대장 */
.mntnn .m_ledger #ledger_add_btn {
    float: right;
    padding: 0.5rem;
    color: white;
    border-radius: 1rem;
}
.mntnn .m_ledger #ledger_record_print_table tr td {
    padding: 1rem 0;
}
.mntnn .m_ledger #ledger_record_print_table tr td#ledger_preview table {
    border-top: none;
}
.mntnn .m_ledger #ledger_record_print_table tr td#ledger_preview table tr th,
.mntnn .m_ledger #ledger_record_print_table tr td#ledger_preview table tr td {
    border: 1px solid #ccc;
}
#ledger_record tr:hover {
    cursor: pointer;
    background-color: #ededed;
}
.mntnn .m_ledger .ledger_record_list #ledger_record {
    text-align: center;
}
.mntnn .m_ledger .ledger_record_list #ledger_record tr td {
    padding: 0.5rem 0.2rem;
    border-bottom: 1px solid #ccc;
}
.mntnn .m_ledger .ledger_record_add table tr td {
    padding: 1rem 0;
}
.mntnn .m_ledger .ledger_record_add table tr td:first-child {
    max-width: 20rem;
    min-width: 10rem;
}
.mntnn .m_ledger .ledger_record_add table tr td:nth-child(2) {
    max-width: 40rem;
    min-width: 20rem;
}
.mntnn .m_ledger .ledger_record_add input {
    text-indent: 0.2rem;
}
.mntnn .m_ledger .ledger_record_add textarea {
    width: 100%;
    text-indent: 0.2rem;
}
.mntnn .m_ledger .ledger_record_add .btns {
    display: flex;
    justify-content: center;
}
/* 관리 운영 대장 */
/* 육안검사 기록 대장 */
.mntnn .inspection #inspection_add_btn {
    float: right;
    padding: 0.5rem;
    color: white;
    border-radius: 1rem;
}
.mntnn .inspection #inspection_record_print_table tr td {
    padding: 1rem 0;
}
.mntnn .inspection #inspection_record_print_table tr td#inspection_preview table {
    border-top: none;
}
.mntnn .inspection #inspection_record_print_table tr td#inspection_preview table tr th,
.mntnn .inspection #inspection_record_print_table tr td#inspection_preview table tr td {
    border: 1px solid #ccc;
}
#inspection_record tr:hover {
    cursor: pointer;
    background-color: #ededed;
}
.mntnn .inspection .inspection_record_list #inspection_record {
    text-align: center;
}
.mntnn .inspection .inspection_record_list #inspection_record tr td {
    padding: 0.5rem 0.2rem;
    border-bottom: 1px solid #ccc;
}
.mntnn .inspection .inspection_record_add table tr td {
    padding: 1rem 0;
}
.mntnn .inspection .inspection_record_add input {
    text-indent: 0.2rem;
}
.mntnn .inspection .inspection_record_add textarea {
    width: 99%;
    text-indent: 0.2rem;
}
.mntnn .inspection .inspection_record_add .btns {
    display: flex;
    justify-content: center;
}
.mntnn .inspection .inspection_record_add .wid-97p {
    width: 97%;
}
.mntnn .inspection .inspection_record_add .wid-99p {
    width: 99%;
}
table#inspection_record_write tr td:nth-child(2) {
    padding-right: 1rem;
}
table#inspection_record_write tr td:nth-child(3) {
    padding-left: 1rem;
}
table#inspection_record_write tr td.pad_r_non {
    padding-right: 0;
}
/* 육안검사 기록 대장 */
.page_div {
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mntnn .mobile_checkList {
    font-size: 1rem;
}
.mntnn .mobile_checkList label {
    padding: 0.3rem;
}
.mntnn .td_back_ccc {
    background-color: #ccc;
}
.mntnn .txt_center {
    text-align: center;
}
.noData:hover,
thead:hover {
    cursor: initial;
}
/* 유지 관리 프린트 페이지 */
.print_page {
    padding: 0.5rem;
}
.print_page #read_table,
.print_page #second_read_table {
    width: 98%;
    margin: 0 auto;
}
.print_page #read_table tr,
.print_page #second_read_table tr {
    text-align: center;
}
.print_page #read_table tr.head_tr,
.print_page #second_read_table tr.head_tr {
    height: 2rem;
}
.print_page #read_table tr.head_top,
.print_page #second_read_table tr.head_top {
    border-top: 2px solid #888;
}
.print_page #read_table tr td,
.print_page #second_read_table tr td {
    border: 1px solid #e0e0e0;
}
.print_page #read_table tr td.head,
.print_page #second_read_table tr td.head {
    font-weight: bold;
    background-color: #fafafa;
}
.print_page #read_table tr td.td_txt_left,
.print_page #second_read_table tr td.td_txt_left {
    text-align: left;
    text-indent: 0.2rem;
}
.print_page #read_table tr td#schdul_detail {
    position: relative;
}
.print_page #read_table tr td#schdul_detail .checkList {
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    box-sizing: content-box;
}
.print_page #second_read_table tr td#second_read_table_td #img_list {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    margin: 0;
    border-top: 2px solid #888;
    box-sizing: content-box;
}
.print_page #second_read_table tr td#second_read_table_td #img_list tr {
    height: 1rem;
}
.print_page #second_read_table tr td#second_read_table_td #img_list tr td.no_border {
    border: none;
    padding: 0.1rem 0;
}
.print_page #second_read_table tr td#second_read_table_td #img_list .img_sections_tit {
    background-color: #fafafa;
    height: 2rem;
    box-sizing: border-box;
}
.print_page #second_read_table tr td#second_read_table_td #img_list .imgs_div {
    height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.print_page #second_read_table tr td#second_read_table_td #img_list .imgs_div img {
    height: inherit;
    object-fit: cover;
    border: 1px solid #ccc;
    margin: 0 0.1rem;
}
#second_read_table thead tr th,
#second_read_table tbody tr td {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
/*.imgs_div.width_divide_five img{width: calc(100% / 5 - .4rem);}*/
/*.imgs_div.width_divide_four img{width: calc(100% / 4 - .4rem);}*/
/*.imgs_div.width_divide_three img{width: calc(100% / 3 - .4rem);}*/
/* 유지관리 결과점수에 따른 폰트 컬러 */
.result_good {
    color: rgb(76, 175, 80);
}
.result_not_bad {
    color: rgb(249, 149, 70);
}
.result_bad {
    color: rgb(217, 7, 25);
}
/* 일정 없음 */
.noschdl_wrap {
    width: 770px;
    padding-top: 150px;
    text-align: center;
}
.noschdl_wrap p {
    padding-bottom: 30px;
    font-size: 18px;
}
.noschdl_wrap span.btn {
    font-size: 17px;
}
.noschdl_wrap span.btn a {
    display: inline-block;
    padding: 15px 40px;
    border-radius: 8px;
    background-color: #1f9bcc;
    color: #fff;
    text-decoration: none;
}
/* (유지관리)유지관리 체크리스트 */
.checkList {
    width: 420px;
    padding-bottom: 40px;
}
.mobile_check_list {
    width: 1000px;
}
.checkList table {
    width: 100%;
}
.checkList th {
    padding: 6px 0;
    border: 1px solid #e0e0e0;
    border-top: 2px solid #888;
}
.checkList .th1 {
    background-color: #fafafa;
    font-weight: 700;
    text-align: center;
}
.checkList td {
    padding: 6px;
    border: 1px solid #e0e0e0;
    letter-spacing: -1px;
    word-break: keep-all;
}
.checkList td:last-child {
    letter-spacing: 0;
}
.checkList td.tit {
    background-color: #fafafa;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
}
.checkList td.tit {
    background-color: #fafafa;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
}
.checkList td .inbox {
    padding: 2px 0 2px 6px;
    border: 1px solid #e0e5e9;
    background-color: #f2f4f6;
    box-sizing: border-box;
}
.checkList td .sinbox_r {
    padding-right: 3px;
    border: 1px solid #e0e5e9;
    background-color: #f2f4f6;
    vertical-align: bottom;
    text-align: right;
}
.checkList td .w100p {
    width: 100%;
}
.checkList td .w20 {
    width: 36px;
}
.checkList td .w110 {
    width: 110px;
}
.checkList td img {
    vertical-align: top;
}
.entVl {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
/* (유지관리)사진대지 */
.manage_img_group .camera_icon {
    box-sizing: border-box;
    margin: 0.5rem;
}
.manage_img_group .camera_icon > button {
    margin: 1rem auto;
    width: 85%;
    height: 5rem;
    font-weight: 700;
    border: 1px solid #e0e5e9;
    background: #fff;
    box-shadow: none;
    border-radius: 6px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.photoSite {
    width: 320px;
}
.pht_form th {
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #fafafa;
}
.pht_form td {
    position: relative;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
}
.pht_form td img {
    vertical-align: top;
}
.pht_form .thum {
    width: 100%;
    height: 105px;
    padding: 5px 5px 0;
    box-sizing: border-box;
}
.pht_form .thum img {
    width: 100%;
    height: 100px;
    vertical-align: top;
}
.pht_form span.bt_ent a {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    margin: 45px 0 0 -50px;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #f2f4f6;
    text-decoration: none;
    box-sizing: border-box;
}
.pht_form .tit {
    padding: 5px;
}
.pht_form .tit .inbox {
    width: 100%;
    padding: 2px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#pop_entwrap .tit {
    padding: 10px;
    border-bottom: 2px solid #1f9bcd;
    font-size: 16px;
}
#pop_entwrap .file_end {
    padding: 15px;
    background-color: #f6f6f6;
}
#pop_entwrap .file_end p {
    padding-bottom: 10px;
}
#pop_entwrap .txt {
    padding: 10px 20px;
}
#pop_entwrap .btn {
    text-align: center;
}
#pop_entwrap .btn a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-decoration: none;
}
#pop_entwrap .btn a.ok {
    border-color: #1f9bcd;
    background-color: #1f9bcd;
    color: #fff;
    font-weight: 500;
}
/* (유지관리)새창 팝업 폼 */
#pop_form .mntnn {
    width: 760px;
    margin: 0 auto;
    padding-top: 10px;
}
.mntrn table {
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #1f9bcc;
}
.mntrn table th {
    padding: 10px 0;
    border-bottom: 1px solid #a8a8a8;
}
.mntrn table td {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.mntrn table tbody .monitor_hover {
    cursor: pointer;
}
.mntrn table tbody .monitor_hover:hover {
    background-color: #ddd;
}
.imgSection .imgSectionImageList .monitor_img_header .btnNfacName {
    display: flex;
    align-items: center;
}
.imgSection .imgSectionImageList .monitor_img_header .btnNfacName .img_section_back_button {
    height: 1.5rem;
}
.imgSection .imgSectionImageList .monitor_img_header .btnNfacName .img_section_back_button:hover {
    cursor: pointer;
}
.imgSection .imgSectionImageList .monitor_img_header .btnNfacName .fac_name {
    width: 90%;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
}
.imgSection .imgSectionImageList .monitor_img_header .regist_time {
    text-align: right;
    font-weight: bold;
    margin: 2rem 0;
}
.imgSection .imgSectionImageList .monitor_img_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.imgSection .imgSectionImageList .monitor_img_list .no_img {
    text-align: center;
    font-size: 3rem;
    margin: 3rem 0;
}
.imgSection .imgSectionImageList .monitor_img_list .monitor_img {
    margin-bottom: 1rem;
}
.imgSection .imgSectionImageList .monitor_img_list .monitor_img img {
    border: 1px solid #ccc;
}
.imgSection .imgSectionImageList .monitor_img_list .monitor_img img:hover {
    cursor: pointer;
}
.imgSection .img_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    overflow: auto;
}
.imgSection .img_modal .modal_content {
    display: block;
    margin: auto;
    width: 80%;
    max-width: 800px;
    max-height: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.imgSection .img_modal .modal_content .modal_image {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transform: scale(2);
}
.imgSection .img_modal .modal_content .large_img_delete {
    position: absolute;
    top: -40%;
    right: 31%;
}
.imgSection .img_modal .modal_content .large_img_delete:hover {
    cursor: pointer;
}
.monitor_btns button {
    float: right;
    margin: 1rem 0.2rem 2rem;
    font-size: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 0.5rem;
    background-color: #353535;
    color: white;
    width: 8rem;
}
.monitor_btns button:hover {
    cursor: pointer;
    background-color: #555;
}
/* 제출하기 버튼 */
.submit_btn {
    position: relative;
    left: 5%;
    width: 90%;
    height: 3rem;
    background: #008cd6;
    font-size: 1rem;
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
/* login */
#lg_wpper {
    height: 100vh;
    background: url(../images/login_bg.webp) center;
    background-size: 100%;
}
#lg_wpper .login {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -300px;
    width: 600px;
    height: 600px;
    border-radius: 20px;
    background-color: #fff;
}
#lg_wpper .login .logo {
    padding: 50px 0 40px;
    text-align: center;
}
#lg_wpper .login h1 {
    padding-bottom: 2.5rem;
    font-weight: 900;
    font-size: 2.2rem;
    letter-spacing: -0.1rem;
    text-align: center;
}
#lg_wpper .login h1 span {
    display: block;
    font-weight: 400;
    font-size: 2.5rem;
}
#lg_wpper .login .inputarea {
    width: 80%;
    margin: 0 auto;
}
#lg_wpper .login p input {
    background-color: #eef2f4;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
}
#lg_wpper .login p.txt_input {
    margin-bottom: 8px;
}
#lg_wpper .login p.txt_input.idtxt {
    margin-bottom: 15px;
}
#lg_wpper .login p.txt_input span {
    display: block;
    padding-bottom: 3px;
    color: #666;
    font-weight: 400;
    font-size: 16px;
}
#lg_wpper .login p.txt_input input {
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-size: 16px;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
}
#lg_wpper .login .lgn_sv {
    padding-bottom: 10px;
}
#lg_wpper .login .lgn_sv input {
    width: 16px;
    height: 16px;
}
#lg_wpper .login .lgn_sv label {
    padding-left: 5px;
    font-size: 1rem;
    letter-spacing: -0.05rem;
}
#lg_wpper .login p.btn_login a {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
    border: none;
    border-radius: 3px;
    background-color: #1273eb;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}
#lg_wpper .login p.btn_login a:hover {
    background-color: #116ddf;
}
#lg_wpper .login .ft_bt ul {
    text-align: center;
}
#lg_wpper .login .ft_bt ul li {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    display: inline-block;
}
#lg_wpper .login .ft_bt li + li::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #dadada;
    margin: 4px 7px 0;
}
#lg_wpper .login .ft_bt ul li a {
    text-decoration: none;
    padding: 4px 0;
    display: inline-block;
}
#lg_wpper .login .ft_bt ul li a:hover {
    background-color: #eee;
}
/* 로그인 이후 본부 선택화면 */
.bonbu-select {
    position: relative;
    top: -2rem;
}
.bonbu-select .bonbu-select-content .bonbu-select-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 2rem;
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow {
    width: calc((100% / 2) - 1rem);
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow.all {
    width: 100%;
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow .active_btn {
    font-weight: 500;
    font-size: 1.8rem;
    display: inline-block;
    width: 14rem;
    height: 3rem;
    margin-bottom: 1rem;
    border: none;
    background: #fff;
    color: #333;
    border-radius: 0.4rem;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow .active_btn:hover {
    cursor: pointer;
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow .active_btn.none {
    color: #ccc;
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow .active_btn.none:hover {
    cursor: initial;
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow.all .active_btn {
    width: inherit;
}
.bonbu-select .bonbu-select-content .bonbu-select-body .flexRow .active_btn.active {
    background-color: #116ddf;
    color: #fff;
}
.bonbu-select .bonbu-select-content .bonbu-select-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 1rem;
}
.modal-body .active_btn {
    color: #333;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    font-size: 1.5rem;
    font-weight: 500;
    display: inline-block;
    width: 220px;
}
.modal-body .active_btn#ALL {
    width: 450px;
}
.modal-body .active_btn.none {
    background-color: #ccc;
    color: #fff;
}
.modal-body .active_btn.none:hover {
    cursor: initial;
}
.modal-body .active_btn.active {
    background-color: #008cd6;
    color: #fff;
}
/* footer */
footer ul {
    display: none;
}
footer ul .footer_icon {
    height: 2.5rem;
}
#jsqr_area {
    display: none;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
#qr_code #qrCode {
    position: relative;
    bottom: 2vh;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
}
#qr_code #qrCode #qr_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    padding: 0;
}
/* 로그인 후 접속 방법 선택 */
.connection {
    position: relative;
    top: 1rem;
    left: 0;
    width: 100%;
    height: inherit;
    display: flex;
    flex-direction: column;
    padding: 0 0 5rem;
}
.connection li {
    position: relative;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 7rem;
    margin: 0.9rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
}
.connection li.manage_schedule {
    background: rgba(255, 204, 204, 0.2);
    border: 1px solid #ff0000;
}
.connection li.manage_do {
    background: rgba(135, 206, 250, 0.2);
    border: 1px solid #87cefa;
}
.connection li.result_data {
    background: rgba(255, 216, 177, 0.2);
    border: 1px solid #ffa500;
}
.connection li.monitor_result_regist {
    background: rgba(204, 255, 204, 0.2);
    border: 1px solid #008000;
}
.connection li.monitor_result_data {
    background: rgba(255, 204, 255, 0.2);
    border: 1px solid #800080;
}
.connection li img {
    flex: 0 0 auto;
    margin-left: 2rem;
    width: 5rem;
}
.connection li a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.connection li a:active {
    color: black;
}
.connection li a span.bold {
    font-weight: 800;
}
/* regist */
.registHeader {
    display: none;
}
.registHeader #regist_span_1 {
    font-size: 1.5rem;
    position: relative;
}
.registHeader #regist_span_2 {
    position: relative;
}
#regist_span {
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
}
#rg_wpper .regist .progress {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#rg_wpper .regist .progress .progress_circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border: 3px solid #333;
    border-radius: 50%;
    margin-bottom: 0.5rem;
}
#rg_wpper .regist .progress .progress_circle.on {
    background: #bbb;
}
#rg_wpper .regist .progress .progress_circle .progressCheck {
    font-size: 4rem;
}
#rg_wpper .regist .progress .progress_circle .progressCheck.on {
    color: white;
}
#rg_wpper .regist .progress .regist_progress_step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#rg_wpper {
    background: url(../images/login_bg.webp) center;
    background-size: 100%;
    width: 100%;
    height: 100%;
    min-height: 1080px;
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#rg_wpper .regist {
    border-radius: 20px;
    background-color: #fff;
    padding: 1rem;
    margin: 0 auto;
    width: 42rem;
    min-height: 500px;
}
#rg_wpper .regist .progress {
    text-align: center;
    margin: 1rem;
    height: 150px;
}
#rg_wpper .regist .notice {
    text-align: center;
    margin: 0 2rem;
    font-size: 0.8rem;
}
#rg_wpper .regist .inputarea {
    width: 80%;
    margin: 0 auto;
    box-sizing: border-box;
}
#rg_wpper .regist .inputarea .pwReg {
    font-size: 80%;
}
#rg_wpper .regist .inputarea input {
    width: 70%;
    text-indent: 6px;
}
#rg_wpper .regist .inputarea input[type='text'] {
    text-indent: 6px;
}
#rg_wpper .regist .inputarea p input {
    background-color: #eef2f4;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
}
#rg_wpper .regist .inputarea .emailCheck {
    margin: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#rg_wpper .regist .inputarea .emailCheck.des {
    font-size: 1rem;
    display: block;
    text-align: center;
    margin: 0.5rem 0;
}
#rg_wpper .regist .inputarea .emailCheck input {
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-size: 16px;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
}
#rg_wpper .regist .inputarea .emailCheck a {
    margin-left: 0.4rem;
    padding: 0.3rem;
    background-color: #116ddf;
    border: 1px solid #116ddf;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
}
#rg_wpper .regist .inputarea .emailCheck a:hover {
    text-decoration: none;
    background-color: #338fff;
    border: 1px solid #338fff;
}
#rg_wpper .regist .inputarea .emailCheck a.pass {
    background-color: #ddd;
    border: 1px solid #ddd;
    cursor: default;
}
#rg_wpper .regist .inputarea .emailCheck#user_email_check_message {
    display: none;
    text-align: center;
}
#rg_wpper .regist .inputarea .emailCheck#user_email_check_message #limit_span {
    color: red;
}
#rg_wpper .regist .inputarea .emailCheck#user_email_check_fail_message {
    display: none;
    text-align: center;
    color: red;
}
#rg_wpper .regist .inputarea #second_input_form {
    display: none;
}
#rg_wpper .regist .inputarea #second_input_form .passDes {
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}
#rg_wpper .regist .inputarea #second_input_form p.idNpwCheck {
    box-sizing: border-box;
    margin: 0.5rem 0;
}
#rg_wpper .regist .inputarea #second_input_form p.idNpwCheck:first-child {
    background: #ddd;
    border: 2px solid black;
    border-radius: 3px;
    margin: 1rem 0;
    padding: 0.3rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}
#rg_wpper .regist .inputarea #second_input_form input {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    line-height: 45px;
    margin: 0.3em 0 0.5rem 0;
    padding-left: 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
}
#rg_wpper .regist .inputarea #second_input_form input.role {
    width: 50%;
    height: 20px;
}
#rg_wpper .regist .inputarea #second_input_form a {
    margin-left: 0.4rem;
    padding: 0.3rem;
    background-color: #116ddf;
    border: 1px solid #116ddf;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
}
#rg_wpper .regist .inputarea #my_role {
    min-height: 150px;
}
#rg_wpper .regist .inputarea #my_role p.roleInfo {
    background: #ddd;
    border: 2px solid black;
    border-radius: 3px;
    margin: 2rem 0;
    padding: 0.3rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}
#rg_wpper .regist .inputarea #role {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0.5rem auto;
}
#rg_wpper .regist .inputarea #role > div {
    flex-grow: 1;
}
#rg_wpper .regist .inputarea #role .selectRole {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.7rem;
}
#rg_wpper .regist .inputarea #role .selectRole .role {
    width: 3rem;
    height: 20px;
}
#rg_wpper .regist .inputarea #manage_area_parent {
    display: block;
    width: 90%;
    margin: 0 auto;
}
#rg_wpper .regist .inputarea #manage_area_parent > div:first-child,
#manage_area_child > div:first-child {
    margin: 0.5rem 0;
}
#rg_wpper .regist .inputarea .areaBlocktitle {
    text-align: center;
    font-size: 1rem;
    margin: 0.5rem 0;
}
#rg_wpper .regist .inputarea .areaBlock {
    display: flex;
    width: 80%;
    margin: 0 auto;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
#rg_wpper .regist .inputarea .areaBlock .manageArea {
    display: flex;
    width: 50%;
    margin: 0.3rem 0;
    align-items: center;
}
#rg_wpper .regist .inputarea #manage_area_child .areaBlock:last-child {
    margin-bottom: 0.5rem;
}
#rg_wpper .regist .registNcancel {
    margin: 2rem 1rem;
}
#rg_wpper .regist .registNcancel ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#rg_wpper .regist .registNcancel ul li {
    margin-right: 0.5rem;
}
#rg_wpper .regist .registNcancel ul li:last-child {
    margin-right: 0;
}
#rg_wpper .regist .registNcancel ul li:not(:nth-child(1)) {
    display: none;
}
#rg_wpper .regist .registNcancel ul li a {
    padding: 0.3rem;
    background-color: #116ddf;
    border: 1px solid #116ddf;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}
#rg_wpper .regist .registNcancel ul li a:hover {
    text-decoration: none;
    background-color: #338fff;
    border: 1px solid #338fff;
}
#rg_wpper .regist .registFinish {
    display: none;
    text-align: center;
}
#rg_wpper .regist .registFinish h2 {
    font-size: 1.5rem;
    position: relative;
    top: 3rem;
}
#rg_wpper .regist .registFinish p {
    position: relative;
    font-size: 1rem;
}
#rg_wpper .regist .registFinish p:nth-of-type(1) {
    top: 5rem;
}
#rg_wpper .regist .registFinish p:nth-of-type(2) {
    top: 5.5rem;
}
#rg_wpper .regist .registFinish a {
    position: relative;
    top: 8rem;
    padding: 0.3rem;
    background-color: #116ddf;
    border: 1px solid #116ddf;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}
#rg_wpper .regist .registFinish a:hover {
    background-color: #338fff;
    border: 1px solid #338fff;
}

/* 공통 상단 버튼영역 */
.topbtn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin: 8px 0 4px;
}
.topbtn a {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f4f4f4;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}
.topbtn a:hover {
    background-color: #e6e6e6;
}
.topbtn a.inspt_rgst {
    background-color: #145873;
    border-color: #0d9dd5;
    color: #fff;
}
.topbtn a.inspt_rgst:hover {
    background-color: #143c4d;
}
/* 공통 하단 버튼영역 */
.bottom_btnarea {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 1.5rem;
}
.bottom_btnarea button {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.7rem 2.5rem;
    background-color: #f4f4f4;
    color: #333;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}
.bottom_btnarea button:hover {
    background-color: #e6e6e6;
}
.bottom_btnarea .btn_write {
    background-color: #1f9bcc;
    border-color: #1f9bcc;
    color: #fff;
}
.bottom_btnarea .btn_write:hover {
    background-color: #1980aa;
}
.bottom_btnarea .btn_del {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}
.bottom_btnarea .btn_del:hover {
    background-color: #b33c39;
}
/* 점검자 등록(inspector) */
.insptr_wpper {
    width: 100%;
}
.insptr h3 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    padding: 0.5rem 0;
    color: #333;
    background: #ccc;
    text-align: center;
    font-weight: bold;
}
.insptr .itemswrap {
    display: flex;
    justify-content: space-between;
    gap: 95px;
    padding: 0 15px;
}
.insptr .itemswrap .left,
.insptr .itemswrap .right {
    width: 48%;
}
.insptr .itemswrap dl {
    display: flex;
    align-items: flex-start;
    padding: 0.9rem 0;
    border-bottom: 1px solid #e5e5e5;
}
.insptr .itemswrap .left dl {
    border-bottom: none;
}
.insptr .itemswrap dt {
    width: 80px;
    padding: 7px 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.insptr .itemswrap dd {
    flex: 1;
    margin: 0;
}
.insptr .itemswrap dd .tree_fac {
    height: 500px;
    padding: 15px;
    border: 1px solid #ddd;
    overflow-y: auto;    /* 세로 스크롤 */
    overflow-x: hidden;  /* 가로 스크롤 숨김(필요 시 auto) */
}
.insptr .itemswrap dd input[type='text'] {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.insptr .itemswrap dd input[type='text'],
.insptr .itemswrap dd input[type='file'] {
    box-sizing: border-box;
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.insptr .itemswrap dd p {
    font-size: 0.8rem;
    color: #143eb3;
    margin-top: 0.3rem;
}

/* dataTables_paginate */
.dataTables_paginate.paging_simple_numbers ul.pagination li.active {
    position: unset;
    left: auto;
    width: auto;
    height: auto;
    background: inherit;
    font-size: unset;
    color: inherit;
    border: inherit;
    border-radius: unset;
    margin-bottom: auto;
}
.q_div_li input:hover {
    cursor: pointer;
}
.q_div_li label:hover {
    cursor: pointer;
}
/* 모바일 화면 조절 갤럭시 폴드는 로그인 화면 따로 추가해야함*/
@media only screen and (max-width: 820px) {
    body {
        width: 100%;
    }
    #wapper {
        position: relative;
    }
    /* header */
    header {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        background: none;
        border: none;
        height: 81px;
    }
    .util {
        display: none;
    }
    header .header {
        display: none;
    }
    .hidden {
        display: block;
        z-index: 2;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 10%;
    }
    .hidden.notIntro {
        height: 6%;
    }
    .hidden .section_bar {
        height: 70%;
        background: #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hidden .section_bar .pointer {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 72px;
        height: 20px;
        position: relative;
        background: white;
        margin-right: 1rem;
        text-align: center;
        right: -4px;
    }
    .hidden .section_bar .pointer.on {
        background: #bababa;
    }
    .hidden .section_bar .pointer:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 10px solid #ccc;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .hidden .section_bar .pointer.on:after {
        border-left: 10px solid #ccc;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .hidden .section_bar .pointer:before {
        content: '';
        position: absolute;
        right: -10px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 10px solid white;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .hidden .section_bar .pointer.on:before {
        border-left: 10px solid #bababa;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .hidden .section_bar .pointer .text-content {
        position: relative;
        left: 5px;
    }
    .hidden .hidden_header {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        padding: 6px 8px;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
    }
    .hidden.notIntro .hidden_header img.m_h1 {
        height: 1rem;
    }
    .hidden.notIntro .hidden_header img.mobile {
        width: 2.5rem;
        height: auto;
    }
    .hidden .hidden_header .header_logo {
        color: white;
    }
    .hidden .hidden_header .header_logo img#hidden_main_logo {
        height: 4rem;
    }
    .hidden .hidden_header .hidden_menu {
        flex-grow: 1;
    }
    .hidden .hidden_header h1 {
        flex-grow: 10;
        text-align: center;
        text-indent: 8px;
    }
    .hidden .hidden_header h1 div {
        font-size: 2rem;
    }
    .hidden.notIntro .hidden_header h1 div {
        font-size: 1rem;
    }
    .hidden .hidden_header h1.introh1 {
        text-align: left;
    }
    .hidden .hidden_header h1.introh1 div {
        font-size: 1.5rem;
    }
    .hidden.notIntro .hidden_header h1.introh1 div {
        font-size: 1rem;
    }
    .hidden .hidden_header h1 div.tt1 {
        font-weight: 700;
    }
    .hidden .hidden_header h1 div.tt2 {
        font-weight: 500;
    }
    .hidden .hidden_header .material-symbols-outlined {
        font-size: 2.5rem;
    }
    .hidden .hidden_side {
        display: none;
    }
    .hidden .hidden_side.on {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 111;
    }
    .hidden .hidden_side .side {
        position: fixed;
        top: 0;
        left: 0;
        width: 60%;
        height: 90%;
        background: #fff;
    }
    .hidden .hidden_side .side .side_welcome {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 5%;
        text-align: center;
        background: #ccc;
        padding: 12px;
        border: 1px solid #ccc;
        font-size: 1.5rem;
    }
    .hidden .hidden_side .side .side_welcome .user_name {
        display: inline-block;
        width: 165px;
    }
    .hidden .hidden_side .side p {
        font-size: 1.3rem;
    }
    .hidden .hidden_side .side #hidden_close {
        z-index: 100;
        position: fixed;
        left: 48%;
    }
    .hidden .hidden_side .side .hidden_tab_list {
        position: relative;
        top: 0;
        background: #fff;
        font-weight: 700;
        height: 75%;
        padding: 0.2rem 1rem;
        display: inline-grid;
    }
    .hidden .hidden_side .side .hidden_tab_list li {
        display: grid;
        font-size: 1.2rem;
        padding: 0.2rem 0;
        width: 100%;
        height: auto;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: #fefefe;
        align-content: stretch;
    }
    .hidden .hidden_side .side .hidden_tab_list li a {
        align-self: center;
    }
    .hidden .hidden_side .side .hidden_tab_list li ul {
        padding: 0.2rem 0;
        text-indent: 1.5rem;
        font-weight: 500;
        display: inline-grid;
    }
    .hidden .hidden_side .side .log_out {
        display: flex;
        justify-content: center;
    }
    .hidden .hidden_side .side .log_out button {
        position: relative;
        top: 0.5rem;
        width: 6rem;
        height: 2.8rem;
        background: #fff;
        border-radius: 5px;
        font-size: 1rem;
        border: 1px solid #333;
    }
    /* tab_main_content */
    .tab_main_content {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .tab_main_content .tab {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        text-align: center;
    }
    .tab_main_content .tab li {
        padding-bottom: 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        width: 25%;
    }
    .tab_main_content .tab li a {
        position: relative;
        top: 0;
        display: flex;
        flex-direction: column;
        width: auto;
        height: 5rem;
        justify-content: center;
        align-items: center;
        padding: 0.7rem 0.5rem 0;
        color: #fff;
        background-color: #bababa;
        text-decoration: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }
    .tab_main_content .tab li a img {
        width: 2.5rem;
    }
    .tab_main_content .tab li:nth-child(4) a img,
    .tab_main_content .tab li:nth-child(5) a img {
        width: 2rem;
    }
    .tab_main_content .tab li:nth-child(1) a,
    .tab_main_content .tab li:nth-child(2) a,
    .tab_main_content .tab li:nth-child(3) a,
    .tab_main_content .tab li:nth-child(4) a,
    .tab_main_content .tab li:nth-child(5) a,
    .tab_main_content .tab li:nth-child(6) a,
    .tab_main_content .tab li:nth-child(7) a,
    .tab_main_content .tab li:nth-child(8) a,
    .tab_main_content .tab li:nth-child(9) a,
    .tab_main_content .tab li:nth-child(10) a {
        background: #1e487e;
    }
    .tab_main_content .tab li.on a {
        background-color: #008cd6;
        color: #fff;
    }
    .tab_main_content .tab li.on:nth-child(1) a,
    .tab_main_content .tab li.on:nth-child(2) a,
    .tab_main_content .tab li.on:nth-child(3) a,
    .tab_main_content .tab li.on:nth-child(4) a,
    .tab_main_content .tab li.on:nth-child(5) a,
    .tab_main_content .tab li.on:nth-child(6) a,
    .tab_main_content .tab li.on:nth-child(7) a,
    .tab_main_content .tab li.on:nth-child(8) a,
    .tab_main_content .tab li.on:nth-child(9) a,
    .tab_main_content .tab li.on:nth-child(10) a {
        background-image: none;
    }
    /* main */
    .mainvisual {
        display: none;
    }
    .maincntntwrap {
        position: relative;
        padding: 0;
        margin-bottom: 18vh;
        background-color: #fff;
    }
    .maincontent {
        display: block;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        width: inherit;
        max-width: 820px;
        min-width: 280px;
    }
    .maincontent .cntWrap {
        display: block;
        position: relative;
        top: 0;
        flex-flow: row wrap;
        margin-bottom: 2rem;
        padding: 10px 6px 6px;
        border-radius: 0;
        background-color: #fff;
        -webkit-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
        -moz-box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
        box-shadow: 1px 2px 15px 2px rgba(0, 0, 0, 0.13);
    }
    .maincontent .cntWrap .crtwrp .chrtara {
        position: relative;
        width: 100%;
        height: 270px;
    }
    .maincontent .cntWrap .crtwrp .chrtara img {
        width: 100%;
        height: 270px;
    }
    .maincontent .cntWrap .tblwrp,
    .maincontent .cntWrap #antblwrp {
        padding-right: 0;
    }
    .maincontent .cntWrap .tblwrp table,
    .maincontent .cntWrap #antblwrp table,
    .maincontent .cntWrap #anfclstatblwrp table {
        position: relative;
        width: 100%;
        height: 270px;
    }
    .maincontent .tab {
        display: none;
        height: 2rem;
    }
    .maincontent .tab li {
        height: 2rem;
    }
    .maincontent .tab li a {
        height: 2rem;
        padding-top: inherit;
    }
    #annualFclStaTab li a {
        height: 2.5rem;
    }
    /* modal창 */
    .custom-modal-dialog,
    .work-modal-dialog {
        max-width: 850px !important;
    }
    .custom-modal-dialog .modal-body {
        height: 500px;
        overflow-y: auto;
    }
    .custom-plus-modal-dialog {
        max-width: 70% !important;
    }
    .custom-plus-modal-dialog .modal-body {
        height: 500px;
        overflow-y: auto;
    }
    .work-modal-dialog .modal-body {
        height: 514px;
        overflow: hidden;
    }
    /* annual chart modal */
    #mng_annual_status_btn,
    #EACH_FAC {
        display: none !important;
    }
    /* container */
    #container {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        display: block;
        position: relative;
        margin: 0 auto 6rem;
        padding: 0;
        box-sizing: border-box;
    }
    #container.fcltyinfomap {
        margin: 0 auto;
    }
    #container .cur_time {
        float: right;
        margin: 0.5rem 0;
    }
    #container .manage_no {
        font-size: 1.2rem;
        font-weight: bold;
        color: #1e487e;
        text-indent: 4px;
        margin: 0.5rem 0;
    }
    /* snb */
    .snb {
        display: none;
    }
    /* */
    .hidden_header_detail {
        display: flex;
        font-size: 1.5rem;
        align-items: center;
        justify-content: space-between;
        background: white;
        padding: 5px 0;
        border-bottom: 1px solid #ddd;
    }
    .hidden_header_detail img {
        height: 2.5rem;
        padding: 0 0 0 10px;
    }
    .hidden_header_detail img.mobile {
        width: 1rem;
        height: auto;
    }
    .hidden_header_detail #cur_page {
        flex-grow: 1;
        text-align: center;
        text-indent: -24px;
    }
    /* contents */
    .contents {
        position: relative;
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        padding: 0 0 7rem;
    }
    .contents.chk {
        margin-bottom: 0;
    }
    .contents .top_tit {
        display: none;
    }
    .contents ul.top_tab {
        height: auto;
        margin: 0;
        border-bottom: none;
        display: flex;
        align-items: center;
    }
    .contents ul.top_tab li {
        display: flex;
        align-items: center;
        float: none;
        border: 1px solid #ddd;
        margin: 0 auto;
        border-bottom-color: unset;
        font-size: 0.8rem;
        background-color: #ccc;
    }
    .contents ul.top_tab li.on {
        color: #ffffff;
        border-bottom-color: #1f9bcc;
        font-weight: 700;
        background-color: #1f9bcc;
    }
    .contents ul.top_tab li.on a {
        color: #ffffff;
    }
    .contents ul.top_tab li a {
        display: block;
        height: 2.1rem;
        line-height: 2.6;
        padding: 0 2rem;
        color: #666;
        text-decoration: none;
    }
    .left_con {
        position: absolute;
        top: 0.5rem;
        left: 0.5rem;
    }
    .left_con.off {
        visibility: hidden;
    }
    .contents .top_con,
    .contents .left_con {
        margin: 0;
        padding: 10px 11px;
        border: none;
        background-color: #1e487e;
        color: white;
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .custom-loading {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: 0.5;
        z-index: 1100;
        filter: alpha(opacity=50);
    }
    .contents .fcltyInfrm .left_con {
        margin: 0;
        width: 82%;
        padding: 4px;
        font-size: 0.6rem;
        border-radius: 0.3rem;
        background-color: #1e487e;
    }
    .contents .fcltyInfrm .left_con .slct_area #hb_option_list {
        width: 100px;
    }
    .contents .fcltyInfrm .left_con .slct_area #rdl_option_list {
        width: 100px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_hb_info_list {
        width: 92px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_rdl_info_list {
        width: 92px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_hb_info_list_detail {
        width: 114px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_rdl_info_list_detail {
        width: 114px;
    }
    .contents .left_con {
        margin: 0;
        padding: 10px 4px;
    }
    .contents .left_con .slct_area #hb_option_list {
        width: 116px;
    }
    .contents .left_con .slct_area #rdl_option_list {
        width: 116px;
    }
    .contents .left_con .slct_area #fclts_hb_info_list {
        width: 110px;
    }
    .contents .left_con .slct_area #fclts_rdl_info_list {
        width: 110px;
    }
    .contents .left_con .slct_area #fclts_hb_info_list_detail {
        width: 140px;
    }
    .contents .left_con .slct_area #fclts_rdl_info_list_detail {
        width: 140px;
    }
    .contents .top_con select,
    .contents .left_con select {
        margin: 0;
        padding: 2px;
        border: none;
        background: none;
        font-size: 15px;
        width: 100%;
        text-align: center;
        color: white;
    }
    .contents .left_con select:nth-child(n + 1):nth-child(-n + 3) {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(../images/arrow_right_wh.png);
        background-size: 8%;
        background-position: right center;
        background-repeat: no-repeat;
    }
    .contents .left_con select:nth-child(n + 1):nth-child(-n + 2) {
        padding-right: 8px;
    }
    .contents .left_con select:nth-child(n + 3) {
        padding-right: 16px;
    }
    .contents .left_con select:nth-child(n + 4):nth-child(-n + 6) {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .contents .left_con select {
        width: calc(100% / 3);
    }
    .contents .fcltyInfrm .left_con select {
        font-size: 12px;
        color: white;
    }
    .contents .fcltyInfrm .left_con select:nth-child(n + 1):nth-child(-n + 3) {
        background-size: 0.6rem;
        padding-right: 11px;
    }
    .contents .fcltyInfrm .left_con select:nth-child(n + 4):nth-child(-n + 6) {
        padding-right: 0px;
    }
    .contents .top_con span,
    .contents .left_con span {
        font-size: 13px;
    }
    .contents .fcltyInfrm .left_con span {
        font-size: 10px;
    }
    .contents .top_con .bt_save {
        display: none;
        float: right;
    }
    .contents .top_con .bt_save a {
        display: block;
        padding: 3px 10px;
        border: 1px solid #d90719;
        background-color: #fff;
        color: #d90719;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none;
        transition: 0.1s;
    }
    .contents .top_con .bt_save a:hover {
        background-color: #d90719;
        color: #fff;
    }
    .contents .cur_loc {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 0.5rem 0.5rem 0.5rem 1rem;
        color: #1e487e;
    }
    /* 회원정보관리 */
    .contents > div > table {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
    }
    .contents > div > table th.userEmail,
    .contents > div > table th.registDt {
        display: none;
    }
    .contents > div > table td.userEmail,
    .contents > div > table td.registDt {
        display: none;
    }
    /* 유지관리 - 관리자 */
    .contents .top_con .calndr {
        display: inline-block;
    }
    .contents .top_con .calndr img {
        vertical-align: top;
        cursor: pointer;
    }
    .contents .top_con .calndr input {
        width: 120px;
        height: 24px;
        line-height: 24px;
        margin: 0;
        border: 1px solid #ccc;
        background: #fff;
        font-size: 13px;
        font-weight: 500;
        text-align: center;
    }
    #page_div {
        height: 10rem;
    }
    .pag_wrap {
        text-align: center;
    }
    .pagination {
        display: inline-block;
        justify-content: center;
    }
    .pagination a {
        font-family: Verdana, sans-serif;
        color: black;
        float: left;
        padding: 8px 10px;
        text-decoration: none;
        transition: background-color 0.3s;
        border: 1px solid #ddd;
        margin: 0 4px;
    }
    .pagination a.active {
        background-color: #1f9bcd;
        color: white;
        border: 1px solid #1f9bcd;
    }
    .pagination a:hover:not(.active) {
        background-color: #ddd;
    }
    /* 시설물 정보 */
    .contents.infomap {
        margin: 0 auto;
    }
    .facInfo1 {
        padding-bottom: 30px;
    }
    .facInfo1 .tit {
        padding: 10px 15px;
        border: 1px solid #dddddd;
        background-color: #f8f8f8;
        color: #444;
        font-weight: 900;
        font-size: 15px;
    }
    .facInfo1 select {
        margin: 0;
        padding: 2px;
        border: none;
        background: none;
        font-size: 15px;
    }
    .facInfo1 .con {
        padding: 2px;
    }
    .facInfo1 .con .con_tit {
        padding: 1px 0 5px 5px;
        color: #000;
        font-size: 16px;
        font-weight: 500;
    }
    .facInfo1 ul {
        padding-bottom: 20px;
    }
    .facInfo1 ul li {
        display: inline-block;
        padding: 3px;
    }
    .facInfo1 ul li a {
        display: block;
        padding: 7px 10px;
        border-radius: 5px;
        border: 1px solid #1f9bcc;
        color: #1f9bcc;
        font-weight: 500;
        font-size: 13px;
        text-decoration: none;
        transition: 0.1s;
    }
    .facInfo1 ul li a:hover {
        background-color: #1f9bcc;
        color: #fff;
    }
    .fcltyInfrm {
        position: relative;
    }
    .gisarea {
        width: inherit;
        height: 27rem;
        border: 1px solid #ccc;
    }
    .gisarea img {
        width: inherit;
        height: auto;
    }
    .right_con {
        position: relative;
        top: 0;
        right: 0;
        width: inherit;
        height: auto;
        border-bottom: 2px solid #646464;
    }
    .right_con .slct_area {
        padding-bottom: 5px;
        border-bottom: 2px solid #222;
    }
    .right_con .slct_area select {
        border: none;
        background: none;
        font-size: 16px;
        font-weight: 500;
    }
    .right_con .listwrap {
        height: 10rem;
        overflow-y: auto;
    }
    .right_con .list {
        padding: 0 0 10px 3px;
        border-bottom: 1px solid #cfcece;
    }
    .right_con .list:last-child {
        border-bottom: none;
    }
    .right_con .list p {
        padding: 10px 0 5px;
        color: #1f9bcc;
        font-weight: 700;
        font-size: 14px;
    }
    .right_con .list ul li {
        padding: 2px 0 2px 6px;
        background: url(../images/bl_gr3p.png) 0 10px no-repeat;
        letter-spacing: -0.03rem;
        word-break: keep-all;
    }
    .right_con .list ul li a {
        color: #000;
        font-weight: 500;
        text-decoration: none;
    }
    .right_con .list ul li a:hover {
        color: #1f9bcc;
    }
    .right_con .list ul li a.active {
        color: #1f9bcc;
    }
    .fac_Info_2 {
        width: 98%;
        min-width: 280px;
        max-width: 820px;
        height: auto;
        display: block;
        margin: 0.5rem auto 0;
        padding: 0 0 6rem;
    }
    .fac_Info_2 .sec_img {
        display: block;
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        margin: 0 auto;
    }
    .fac_Info_2 .sec_img .con {
        width: 100%;
        margin-bottom: 20px;
    }
    .fac_Info_2 .sec_img .con .tit {
        padding-bottom: 5px;
        font-weight: 700;
        font-size: 16px;
    }
    .fac_Info_2 .sec_img .con .img {
        height: auto;
        border: 1px solid #ccc;
        text-align: center;
    }
    .fac_Info_2 .sec_img .con .img2 {
        text-align: center;
    }
    .fac_Info_2 .sec_img .con .img2 img {
        width: calc(50% - 4px);
    }
    .fac_Info_2 .sec_img .con img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }
    .fac_Info_2 .sec_img .con .img2 {
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .fac_Info_2 .sec_img .con .img2 img {
        width: 100%;
    }
    .fac_Info_2 .sec_img img.no {
        width: 100%;
    }
    .fac_Info_2 .sec_tbl {
        width: 100%;
    }
    .fac_Info_2 .sec_tbl .tbl {
        padding-bottom: 25px;
    }
    .fac_Info_2 .sec_tbl .tit {
        padding-bottom: 7px;
        color: #036eb8;
        font-weight: 500;
        font-size: 16px;
    }
    .fac_Info_2 .sec_tbl table {
        width: 100%;
        border-top: 1px solid #036eb8;
    }
    .fac_Info_2 .sec_tbl table td {
        padding: 7px 2px;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        word-break: keep-all;
    }
    .fac_Info_2 .sec_tbl table td:first-child {
        width: 50%;
        color: #000;
        font-weight: 700;
        letter-spacing: -0.5px;
        text-align: center;
    }
    .contents #fclts_info_detail .left_con {
        display: none;
    }
    .btn-box {
        display: none !important;
        justify-content: center !important;
        align-items: center;
        margin: 10px 0px;
        position: relative;
        bottom: 7rem;
    }
    .download-box {
        border: 1px solid #ddd;
        background-color: #f1f1f1;
        padding: 10px 20px;
        position: relative;
        bottom: 7rem;
        margin: 1rem auto 2rem;
        width: inherit;
        min-width: 280px;
        max-width: 820px;
    }
    .download-box div {
        cursor: pointer;
        color: #333;
    }
    .download-box div:not(:last-child) {
        margin-bottom: 5px;
    }
    .download-box div:hover {
        text-decoration: underline;
    }
    .download-box a {
        display: block;
        text-decoration: none;
    }
    .download-box a:not(:last-child) {
        margin-bottom: 5px;
    }
    /* 설계/시공 */
    .dsgnCnstr {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        height: auto;
        display: block;
        padding: 1rem 0.5rem 0;
    }
    .dsgnCnstr ul.top_tab {
        text-align: center;
        justify-content: center;
    }
    .dsgnCnstr ul.top_tab li {
        width: 25%;
    }
    .dsgnCnstr ul.top_tab li.sideCircle {
        border-radius: 50px;
        width: 23%;
        background: #a8a8a8;
        color: white;
    }
    .dsgnCnstr ul.top_tab li.sideCircle:nth-child(1) {
        width: 29%;
        border: none;
    }
    .dsgnCnstr ul.top_tab li.sideCircle:nth-child(2) {
        width: 19%;
        border: none;
    }
    .dsgnCnstr ul.top_tab li.sideCircle:nth-child(3) {
        width: 24%;
        border: none;
    }
    .dsgnCnstr ul.top_tab li.sideCircle:nth-child(4) {
        width: 24%;
        border: none;
    }
    .dsgnCnstr ul.top_tab li.sideCircle.on {
        background: #1f9bcd;
    }
    .dsgnCnstr ul.top_tab li a {
        padding: 0;
        flex-grow: 1;
        font-size: 0.75rem;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .dsgnCnstr img {
        position: relative;
        width: 100%;
        margin: 0.5rem 0;
    }
    /* 유지관리 - 관리자 - 전체 일정 확인 */
    .chcFulSch {
        padding: 1rem 0.5rem 0;
    }
    .chcFulSch table {
        width: 100%;
        margin-bottom: 20px;
        border-top: 2px solid #1f9bcc;
    }
    .chcFulSch table th {
        padding: 10px 0;
        border-bottom: 1px solid #a8a8a8;
    }
    .chcFulSch table td {
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }
    .chcFulSch table td a {
        color: #0390c7;
        font-weight: 500;
    }
    .chcFulSch table td img {
        vertical-align: middle;
    }
    /* 유지관리 */
    .mntnn {
        display: block;
        padding: 1rem 0.5rem 0;
    }
    .mntnn .toptit_area {
        position: relative;
        padding-bottom: 10px;
    }
    .mntnn .toptit_area .tit {
        font-size: 16px;
        font-weight: 500;
    }
    /* (유지관리)점검일자 */
    .inspc_date {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        border: 1px solid #ddd;
        padding: 0.5rem 0.7rem;
    }
    .inspc_date .toptit_area .tit {
        padding-bottom: 7px;
        padding-left: 3px;
        border-bottom: 1px solid #ddd;
    }
    .inspc_date .toptit_area span.bt_pop {
        display: none;
        position: absolute;
        top: 0;
        right: 8px;
    }
    .inspc_date .clndrArea {
        position: relative;
        padding-bottom: 10px;
    }
    .inspc_date .clndrArea .btn {
        position: relative;
        top: 0;
        right: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .inspc_date .clndrArea .btn .tit {
        padding: 0 0 7px 3px;
        font-size: 1.5rem;
        font-weight: 700;
    }
    .inspc_date .clndrArea .btn button {
        margin: 0;
        padding: 3px;
        border: 0;
        background: none;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
    }
    .clndr_tb {
        padding: 5px;
    }
    .clndr_tb table {
        width: 100%;
        font-size: 11px;
    }
    .clndr_tb table th {
        padding-bottom: 6px;
    }
    .clndr_tb table td {
        height: 14px;
        text-align: center;
        cursor: pointer;
    }
    .clndr_tb table td:first-child {
        background-color: #f0f0f0;
    }
    .clndr_tb table td img {
        vertical-align: top;
    }
    .clndr_tb tr.round td {
        font-size: 0.09rem;
    }
    .clndr_tb td.gray {
        color: #b1b1b1;
    }
    .clndr_tb tr td.on {
        background-color: #1f9bcc;
        color: #fff;
    }
    .inspc_date .clndrData div {
        margin: 5px;
        padding: 7px 2px 7px 28px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-position-y: center;
        font-weight: 400;
        font-size: 14px;
    }
    .inspc_date .clndrData p {
        width: 95%;
        border: none;
        background: none;
        margin: 0;
        padding: 0;
    }
    /* 일정 없음 */
    .noschdl_wrap {
        width: inherit;
        padding-top: 3rem;
        text-align: center;
    }
    .noschdl_wrap p {
        padding-bottom: 30px;
        font-size: 18px;
    }
    .noschdl_wrap span.btn {
        display: none;
        font-size: 17px;
    }
    .noschdl_wrap span.btn a {
        display: inline-block;
        padding: 15px 40px;
        border-radius: 8px;
        background-color: #1f9bcc;
        color: #fff;
        text-decoration: none;
    }
    .checkList {
        width: 98%;
        padding-bottom: 1rem;
        position: relative;
        margin: 0 auto;
        top: 0.5rem;
    }
    .checkList .toptit_area {
        display: none;
    }
    .checkList .toptit_area_schedule {
        margin: 1rem 0;
        text-align: center;
        font-size: 1.2rem;
    }
    .checkList table {
        width: 100%;
    }
    .checkList th {
        padding: 6px 0;
        border: 1px solid #e0e0e0;
        border-top: 2px solid #888;
    }
    .checkList .th1 {
        background-color: #fafafa;
        font-weight: 700;
        text-align: center;
    }
    .checkList td {
        padding: 6px;
        border: 1px solid #e0e0e0;
        letter-spacing: -1px;
        word-break: keep-all;
    }
    .checkList td:last-child {
        letter-spacing: 0;
    }
    .checkList td.tit {
        background-color: #fafafa;
        font-weight: 700;
        letter-spacing: -1px;
        text-align: center;
    }
    .checkList td.tit {
        background-color: #fafafa;
        font-weight: 700;
        letter-spacing: -1px;
        text-align: center;
    }
    .checkList td .inbox {
        padding: 2px 0 2px 6px;
        border: 1px solid #e0e5e9;
        background-color: #f2f4f6;
        box-sizing: border-box;
    }
    .checkList td .sinbox_r {
        padding-right: 3px;
        border: 1px solid #e0e5e9;
        background-color: #f2f4f6;
        vertical-align: bottom;
        text-align: right;
    }
    .checkList td .w100p {
        width: 100%;
    }
    .checkList td .w20 {
        width: 36px;
    }
    .checkList td .w110 {
        width: 110px;
    }
    .checkList td img {
        vertical-align: top;
    }
    .entVl {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }
    /* 모바일용 체크리스트 */
    .mobile_checkList {
        width: 100%;
        padding-bottom: 1rem;
        position: relative;
        top: 2rem;
        font-size: 1rem;
    }
    .mobile_checkList .section_scroll {
        height: auto;
    }
    .mobile_checkList .section_scroll .sub_tit {
        display: flex;
        width: 100%;
        justify-content: center;
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 0.7rem;
        padding: 0.2rem 0;
        background: #1e487e;
        color: #fff;
    }
    .mobile_checkList .section_scroll .q_div {
        margin: 0.4rem 0;
        font-size: 1.2rem;
    }
    .mobile_checkList .section_scroll .entVl {
        margin-bottom: 1rem;
    }
    .mobile_checkList .section_scroll .entVl .q_div_li:hover {
        cursor: pointer;
    }
    .mobile_checkList .section_scroll .entVl li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc((100% - 0.5rem) / 3);
    }
    .mobile_checkList .section_scroll .entVl li.half {
        width: calc((100% - 0.5rem) / 2);
    }
    .mobile_checkList .section_scroll .entVl input {
        display: none;
    }
    .mobile_checkList .section_scroll .entVl input.w20 {
        display: block;
    }
    .mobile_checkList .section_scroll .entVl label {
        color: #fff;
        font-size: 1.2rem;
        width: 100%;
        background: #bbb;
        padding: 0.4rem 0;
        text-align: center;
    }
    .mobile_checkList .section_scroll .entVl.flexCol li {
        width: calc(100% - 0.2rem / 2);
        background: none;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: 1.2rem;
    }
    .mobile_checkList .section_scroll .entVl.flexCol li.half {
        align-items: baseline;
        justify-content: center;
    }
    .mobile_checkList .section_scroll .entVl.flexCol li .q_span {
        box-sizing: border-box;
        width: 110px;
        height: 40px;
        text-align: center;
        color: #fff;
        background: #00b000;
        padding: 0.4rem 0;
        margin-right: 0.3rem;
    }
    .mobile_checkList .section_scroll .entVl.flexCol li .q_span:hover {
        cursor: pointer;
    }
    .mobile_checkList .section_scroll .entVl.flexCol li input {
        box-sizing: border-box;
        display: block;
        width: 110px;
        height: 40px;
        margin-right: 0.3rem;
    }
    .mobile_checkList .section_scroll .entVl.flexCol li .q_unit {
        box-sizing: border-box;
        display: block;
        height: 40px;
        align-items: baseline;
    }
    .mobile_checkList .section_scroll .inbox {
        padding: 2px 0 2px 6px;
        border: 1px solid #e0e5e9;
        background-color: #f2f4f6;
        box-sizing: border-box;
    }
    .mobile_checkList .section_scroll .sinbox_r {
        padding-right: 3px;
        border: 1px solid #e0e5e9;
        background-color: #f2f4f6;
        vertical-align: bottom;
        text-align: right;
    }
    .mobile_checkList .section_scroll .w100p {
        width: 100%;
    }
    .mobile_checkList .section_scroll .w20 {
        width: 2rem;
    }
    .mobile_checkList .section_scroll .w110 {
        width: 110px;
    }
    .mobile_checkList .section_scroll .manage_img_group {
        margin: 1rem 0;
    }
    .section_hr {
        display: block;
    }
    .no_qr_submit_btn {
        position: relative;
    }
    /* (유지관리)사진대지 */
    .photoSite {
        width: 100%;
    }
    .pht_form {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pht_form table {
        width: 100%;
    }
    .pht_form th {
        padding: 8px;
        border: 1px solid #ccc;
        background-color: #fafafa;
    }
    .pht_form td {
        position: relative;
        border: 1px solid #ccc;
        text-align: center;
        vertical-align: top;
    }
    .pht_form td img {
        vertical-align: top;
        height: auto;
    }
    .pht_form .thum {
        width: 100%;
        height: 105px;
        padding: 5px 5px 0;
        box-sizing: border-box;
    }
    .pht_form .thum img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }
    .pht_form span.bt_ent a {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100px;
        margin: 45px 0 0 -50px;
        padding: 3px;
        border-radius: 3px;
        border: 1px solid #ccc;
        background: #f2f4f6;
        text-decoration: none;
        box-sizing: border-box;
    }
    .pht_form .tit {
        padding: 5px;
    }
    .pht_form .tit .inbox {
        width: 100%;
        padding: 2px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
    #pop_entwrap {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        height: auto;
        display: block;
        position: relative;
        top: 7rem;
        padding: 0;
        margin: 0 auto;
    }
    #pop_entwrap .tit {
        display: none;
    }
    #pop_entwrap .file_end {
        padding: 15px;
        background-color: #f6f6f6;
    }
    #pop_entwrap .file_end p {
        padding-bottom: 10px;
    }
    #pop_entwrap .txt {
        padding: 10px 20px;
    }
    #pop_entwrap .btn {
        text-align: center;
    }
    #pop_entwrap .btn a {
        display: inline-block;
        padding: 5px 15px;
        border-radius: 3px;
        border: 1px solid #ccc;
        text-decoration: none;
    }
    #pop_entwrap .btn a.ok {
        border-color: #1f9bcd;
        background-color: #1f9bcd;
        color: #fff;
        font-weight: 500;
    }
    /* (유지관리)새창 팝업 폼 */
    #pop_form {
        position: relative;
        top: 4rem;
        left: 0;
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        height: auto;
        display: block;
        padding: 0 6px;
        margin: 0 auto;
    }
    #pop_form p.tit {
        display: none;
    }
    #pop_form .mntnn {
        width: inherit;
        min-width: 280px;
        max-width: 820px;
        height: auto;
        display: block;
        padding: 0 6px;
        margin: 0 auto;
    }
    /* 유지관리 내역 사진 */
    #img_list {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    #img_list .img_sections {
        max-height: 20rem;
    }
    #img_list .img_sections .img_sections_tit {
        height: 2rem;
        background-color: #ccc;
        font-weight: bold;
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5rem;
    }
    #img_list .img_sections .imgs_div {
        max-height: 10rem;
        display: flex;
        align-items: center;
        object-fit: cover;
        margin-bottom: 0.5rem;
        overflow: auto;
    }
    #img_list .img_sections .imgs_div img {
        width: auto;
        margin: 0 0.5rem;
        height: 8rem;
    }
    #img_list .img_sections .imgs_div img:hover {
        cursor: pointer;
    }
    #img_list .img_sections .imgs_div div.noImage {
        height: 9rem;
    }
    /* 모니터링 */
    .mntrn {
        position: relative;
        left: 0;
        width: 98%;
        margin: 0 auto;
        padding: 1rem 0 0;
    }
    .mntrn table thead tr th {
        width: 50px;
        padding: 1px 0;
    }
    .table_head_date_col {
        border-right: 1px solid #a8a8a8;
    }
    .mntrn table tr td {
        padding: 10px 1px;
    }
    .mobile_monitor_btn_display {
        display: none;
    }
    /*.mntrn table tr td:first-child {border-left: none;  } border-left: 1px solid #ddd; border-right: 1px solid #ddd;*/
    /*.mntrn table tr td:last-child { border-right: none; }*/
    .mntrn .monitor_section {
        width: 100%;
        padding-bottom: 1rem;
        position: relative;
        font-size: 1rem;
    }
    .mntrn .monitor_section .sub_tit,
    .mntrn .monitor_section .sub_tit_position {
        display: flex;
        width: 100%;
        justify-content: center;
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
        padding: 0.2rem 0;
        background: #1e487e;
        color: #fff;
    }
    .mntrn .monitor_section .sub_tit_position {
        background: #00b000;
    }
    .mntrn .monitor_section .q_div {
        margin: 0.4rem 0 1rem;
        font-size: 1.2rem;
    }
    .mntrn .monitor_section .q_div .q_div_head {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
    }
    .mntrn .monitor_section .q_div .q_div_head .head_one,
    .mntrn .monitor_section .q_div .q_div_head .head_two {
        margin-bottom: 0.5rem;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ddd;
        position: relative;
        left: -0.1rem;
    }
    .mntrn .monitor_section .q_div .q_div_head .head_one {
        width: 140px;
        margin-right: 0.5rem;
    }
    .mntrn .monitor_section .q_div .q_div_head .head_two {
        width: 200px;
    }
    .mntrn .monitor_section .q_div .monitor_section_div {
        display: flex;
        justify-content: center;
        margin-bottom: 0.5rem;
    }
    .mntrn .monitor_section .q_div .monitor_section_div .q_span {
        width: 140px;
        text-align: center;
        height: 40px;
        border: 1px solid #ddd;
        color: #333;
        box-sizing: border-box;
        padding: 0.1rem 0;
        background: #ddd;
        margin-right: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .monitor_section_div .q_span.monitor_input {
        background: #00b000;
        color: #fff;
    }
    .mntrn .monitor_section .q_div .monitor_section_div input {
        width: 140px;
        box-sizing: border-box;
        height: 40px;
        text-align: center;
        margin-right: 0.5rem;
    }
    .mntrn .monitor_section .q_div .monitor_section_div .q_div_unit {
        width: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_in {
        display: flex;
        justify-content: center;
        margin-bottom: 0.5rem;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_in .q_span {
        width: 140px;
        text-align: center;
        height: 40px;
        border: 1px solid #ddd;
        color: #333;
        box-sizing: border-box;
        padding: 0.1rem 0;
        background: #ddd;
        margin-right: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_in .q_span.monitor_input {
        background: #00b000;
        color: #fff;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_in input {
        width: 140px;
        box-sizing: border-box;
        height: 40px;
        text-align: center;
        margin-right: 0.5rem;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_in .q_div_unit {
        width: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_out {
        display: flex;
        justify-content: center;
        margin-bottom: 0.5rem;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_out .q_span {
        width: 140px;
        text-align: center;
        height: 40px;
        border: 1px solid #ddd;
        color: #333;
        box-sizing: border-box;
        padding: 0.1rem 0;
        background: #ddd;
        margin-right: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_out .q_span.monitor_input {
        background: #00b000;
        color: #fff;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_out input {
        width: 140px;
        box-sizing: border-box;
        height: 40px;
        text-align: center;
        margin-right: 0.5rem;
    }
    .mntrn .monitor_section .q_div .monitor_section_div_out .q_div_unit {
        width: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .extra_select,
    .plus,
    .add_item {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mntrn .monitor_section .q_div .extra_select:hover {
        cursor: pointer;
    }
    .mntrn .monitor_section .q_div .extra_select .plus img {
        width: 4rem;
    }
    .mntrn .monitor_section .q_div .extra_select .add_item {
        width: 150px;
    }
    .imgSection {
        padding: 0 4px;
    }
    .imgSection .imgSectionImageList .monitor_img_header {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .imgSection .imgSectionImageList .monitor_img_header .btnNfacName {
        display: flex;
        align-items: center;
    }
    .imgSection .imgSectionImageList .monitor_img_header .btnNfacName .img_section_back_button {
        height: 1.5rem;
    }
    .imgSection .imgSectionImageList .monitor_img_header .btnNfacName .fac_name {
        width: 90%;
        display: inline-block;
        text-align: center;
        font-size: 1rem;
    }
    .imgSection .imgSectionImageList .monitor_img_header .regist_time {
        text-align: center;
        font-weight: 400;
        margin: 1rem 0;
        font-size: 1rem;
        border: 1px solid #800080;
        background: rgba(255, 204, 255, 0.2);
        border-radius: 0.3rem;
        height: 2rem;
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .imgSection .imgSectionImageList .monitor_img_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .imgSection .imgSectionImageList .monitor_img_list .no_img {
        text-align: center;
        font-size: 1rem;
        display: flex;
        align-items: center;
    }
    .imgSection .imgSectionImageList .monitor_img_list .monitor_img {
        margin-bottom: 1rem;
        width: calc((100% - 1rem) / 4);
    }
    .imgSection .imgSectionImageList .monitor_img_list .monitor_img img {
        border: 1px solid #ccc;
        width: 100%;
    }
    .imgSection .img_modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 9999;
        overflow: auto;
    }
    .imgSection .img_modal .modal_content {
        display: block;
        margin: auto;
        width: 80%;
        max-width: 800px;
        max-height: 80%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .imgSection .img_modal .modal_content .modal_image {
        display: block;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
        transform: scale(1);
    }
    .imgSection .img_modal .modal_content .modal_image.err {
        transform: scale(2);
    }
    .imgSection .img_modal .modal_content .large_img_delete {
        position: absolute;
        top: 0;
        right: -1px;
    }
    .imgSection .img_modal .modal_content .large_img_delete.err {
        top: -40%;
    }
    /* camera_area */
    .img_group {
        height: inherit;
    }
    .img_group .sub_span .delete {
        float: right;
        color: #23a3df;
    }
    .img_group .sub_span .delete:hover {
        cursor: pointer;
    }
    .img_group .img_list {
        position: relative;
        left: 4%;
    }
    .img_group .img_list img {
        object-fit: none;
        display: inline-flex;
        flex-direction: row;
        width: 45%;
        height: 5rem;
        border: 1px solid #ccc;
        flex-wrap: wrap;
        margin: 0.5rem 0;
    }
    /* 모니터링 카메라 촬영 */
    .camera_icon {
        position: relative;
        margin: 1rem auto;
        display: flex;
        justify-content: center;
    }
    .camera_icon .photo_camera {
        height: 2rem;
    }
    .camera_icon > button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 16rem;
        height: 3rem;
        font-weight: 700;
        border-radius: 0.4rem;
        border: 1px solid #e0e5e9;
        background: #fff;
        box-shadow: 1px 2px 0 2px rgba(0, 0, 0, 0.13);
    }
    /* 유지관리 카메라 촬영 */
    .manage_img_group {
        margin-bottom: 1rem;
    }
    .manage_img_group .camera_icon {
        box-sizing: border-box;
        margin: 0.5rem;
    }
    .manage_img_group .camera_icon > button {
        font-size: 1rem;
        width: 12rem;
        height: 3rem;
        font-weight: 700;
        border: 1px solid #e0e5e9;
        background: #fff;
        box-shadow: none;
    }
    .manage_img_group .img_list {
        display: flex;
        overflow-x: auto;
    }
    .manage_img_group .img_list .thum_img {
        position: relative;
        display: inline-flex;
        width: 7rem;
        height: 7rem;
        flex-wrap: wrap;
        margin: 0 0.2rem;
        box-sizing: border-box;
    }
    .manage_img_group .img_list .thum_img img {
        object-fit: cover;
        width: inherit;
        height: inherit;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }
    .manage_img_group .img_list .thum_img img.delete {
        display: inline;
        position: absolute;
        transform: scale(0.3) translate(110%, -110%);
        top: 0;
        right: 0;
        border: none;
    }
    /* login */
    #lg_wpper,
    #rg_wpper {
        min-height: 667px;
    }
    #lg_wpper {
        background: url(../images/login_bg.webp) center no-repeat;
        background-size: cover;
    }
    #rg_wpper {
        background: none;
        position: fixed;
        top: 3rem;
        height: 100%;
        padding: 0;
    }
    #lg_wpper .login {
        position: absolute;
        top: 30%;
        margin: -7rem 0 0 -10rem;
        width: 20rem;
        height: 32rem;
        border-radius: 1rem;
        background-color: #fff;
    }
    #lg_wpper .login .logo {
        padding: 2.5rem 0 1.5rem;
        text-align: center;
    }
    #lg_wpper .login .logo img {
        height: 19px;
    }
    #lg_wpper .login h1 {
        padding-bottom: 2rem;
        font-weight: 700;
        font-size: 1.9rem;
        letter-spacing: -0.07em;
        text-align: center;
        line-height: 1.3;
    }
    #lg_wpper .login h1 span {
        display: block;
        font-weight: 400;
        font-size: 1.9rem;
    }
    #lg_wpper .login .ft_bt ul li {
        font-size: 0.9rem;
    }
    /* 로그인이후 본부 선택 화면 */
    .bonbu-select {
        top: 0;
    }
    .bonbu-select .bonbu-select-content .bonbu-select-body .flexRow .active_btn {
        font-size: 1.5rem;
        width: 7rem;
    }
    /* 모달 본부 선택화면 */
    .modal.fade.show .modal-content .modal-body {
        height: 30rem;
    }
    .modal-body .active_btn {
        margin-left: -1rem !important;
        width: 100%;
        font-size: 1.2rem;
        height: 2.3rem;
    }
    .modal-body .active_btn#ALL {
        width: 100%;
    }
    /* regist */
    .registHeader {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        height: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: inherit;
        font-size: 1.5rem;
        border-bottom: 1px solid #555;
        padding: 0.5rem 0;
        background: white;
    }
    .registHeader #regist_span_1 {
        font-size: 1.5rem;
        position: relative;
        height: 2rem;
    }
    .registHeader #regist_span_2 {
        position: relative;
    }
    #regist_span {
        display: none;
    }
    #rg_wpper .regist {
        margin: 7rem auto 1rem auto;
        width: 20rem;
        height: calc(100vh - 3rem);
        overflow: scroll;
        border-radius: 1rem;
        background-color: #fff;
        padding-bottom: 10rem;
    }
    #rg_wpper .regist .progress,
    #rg_wpper .regist .inputarea {
        width: 100%;
    }
    #rg_wpper .regist .progress {
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #rg_wpper .regist .progress .progress_circle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4rem;
        height: 4rem;
        border: 3px solid #333;
        border-radius: 50%;
        margin-bottom: 0.5rem;
    }
    #rg_wpper .regist .progress .progress_circle.on {
        background: #bbb;
    }
    #rg_wpper .regist .progress .progress_circle .progressCheck {
        font-size: 4rem;
    }
    #rg_wpper .regist .progress .progress_circle .progressCheck.on {
        color: white;
    }
    #rg_wpper .regist .progress .regist_progress_step {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #rg_wpper .regist .inputarea #second_input_form #role > div:nth-child(2) {
        margin-top: 1rem;
    }
    #rg_wpper .regist .inputarea #second_input_form input {
        width: 100%;
        height: 45px;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    }
    #rg_wpper .regist .inputarea #second_input_form input[type='radio'],
    #rg_wpper .regist .inputarea #second_input_form input[type='checkbox'] {
        height: 1rem;
        box-shadow: none;
        margin: 0;
        width: 50%;
    }

    /* 공통 상단 버튼영역 */
    .topbtn a {
        margin: 0 4px;
    }
    /* 공통 하단 버튼영역 */
    .bottom_btnarea {
        gap: 5px;
    }
    .bottom_btnarea button {
        padding: 0.5rem 1.5rem;
        font-size: 0.9rem;
        font-weight: 500;
    }
    /* 점검자 등록(inspector) */
    .insptr .itemswrap {
        box-sizing: border-box;
        flex-direction: column;
        gap: 0;
    }
    .insptr .itemswrap .left,
    .insptr .itemswrap .right {
        width: 100%;
    }
    .insptr .itemswrap .left dl {
        border-bottom: 1px solid #ddd;
    }
    .insptr .itemswrap dt {
        width: 70px;
        font-size: 14px;
    }

    /* footer */
    footer ul {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10vh;
        display: flex;
        background-color: #fff;
        box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 0;
        z-index: 3;
    }
    footer ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        width: 25%;
        font-weight: bold;
    }
    footer ul li:first-child {
        width: calc(100% / 2);
    }
    footer ul#hidden_mobile_footer_list_not_intro li {
        width: 25%;
    }
    footer ul#hidden_mobile_footer_list_not_intro li:first-child {
        width: calc(100% / 2);
    }
    footer ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #333;
    }
    footer ul li a .material-symbols-outlined {
        display: block;
        font-size: 1.6rem;
    }
    footer .camera_area {
        background-color: black;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
    }
    footer .camera_area video {
        position: fixed;
        top: 20%;
        left: 0;
        width: 100%;
        object-fit: cover;
        z-index: 11;
        height: auto;
    }
    footer .camera_area .camera_symbol {
        height: 2rem;
    }
    #jsqr_area {
        background-color: black;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
    }
    #jsqr_area #loadingMessage {
        color: white;
    }
    #jsqr_area canvas {
        position: fixed;
        top: 10%;
        left: 0;
        width: 100%;
        object-fit: cover;
        z-index: 11;
    }
    #jsqr_area #camera_button {
        position: fixed;
        bottom: 5%;
        left: 30%;
        width: 40%;
        height: 8%;
        border: 1px solid transparent;
        border-radius: 0.5rem;
        z-index: 999;
    }
    #camera_button3 {
        position: fixed;
        bottom: 5%;
        left: 10%;
        width: 20%;
        height: 6%;
        border: 1px solid transparent;
        border-radius: 0.5rem;
        z-index: 11;
    }
    #camera_button2 {
        position: fixed;
        bottom: 5%;
        left: 10%;
        width: 35%;
        height: 6%;
        border: 1px solid transparent;
        border-radius: 0.5rem;
        z-index: 11;
    }
    #cancel_camera_button {
        position: fixed;
        bottom: 5%;
        left: 55%;
        width: 35%;
        height: 6%;
        border: 1px solid transparent;
        border-radius: 0.5rem;
        z-index: 11;
    }
    #choose_image {
        position: fixed;
        top: 2%;
        right: 2%;
        width: 90px;
        height: 81px;
        border: 1px solid white;
        border-radius: 50%;
        z-index: 11;
        background-color: transparent;
        color: white;
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #choose_image #imgEffect {
        z-index: -1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
    }
    #choose_image #imgEffect.slide-in {
        animation: slideIn 0.5s;
    }
    .select_img_list {
        z-index: 12;
        background-color: #000;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        padding: 8px;
    }
    .select_img_list .btns {
        color: white;
        z-index: 13;
        font-size: 1rem;
    }
    .select_img_list .btns #photo_select_all_button {
        position: fixed;
        top: 2%;
        left: 2%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .select_img_list .btns #photo_select_end_button {
        position: fixed;
        bottom: 2%;
        left: 2%;
    }
    .select_img_list .btns #photo_select_cancel_button {
        position: fixed;
        bottom: 2%;
        right: 2%;
    }
    .select_img_list .img_list {
        position: fixed;
        top: 8%;
        margin: 0 auto;
        width: 100%;
        height: 80%;
        display: block;
        overflow-x: unset;
        flex-wrap: wrap;
        justify-content: center;
        overflow-y: auto;
        padding: 1rem 0;
    }
    .select_img_list .img_list .thum_img {
        position: relative;
        width: 46%;
        display: inline-block;
        margin: 0 0.2rem 1rem;
    }
    .select_img_list .img_list .thum_img img {
        width: 100%;
    }
    .select_img_list .img_list .thum_img img.monitor_symbol {
        border: none;
        object-fit: contain;
    }
    .select_img_list .img_list .thum_img img.monitor_symbol.delete {
        display: inline;
        position: absolute;
        transform: scale(0.25) translate(155%, -150%);
        top: 0;
        right: 0;
    }
    .manage_img_group .select_img_list .img_list .thum_img img.monitor_symbol.delete {
        transform: scale(0.3) translate(135%, -110%);
        top: 0;
        right: 0;
    }
    .select_img_list .img_list .thum_img img.monitor_symbol.radio_button {
        display: inline;
        position: absolute;
        transform: scale(0.25) translate(-145%, -145%);
        top: 0;
        left: 0;
    }
    .manage_img_group .select_img_list .img_list .thum_img img.monitor_symbol.radio_button {
        transform: scale(0.3) translate(-125%, -100%);
        top: 0;
        left: 0;
    }
    /* 사진 촬영 애니메이션 */
    @keyframes capture-shutter {
        0% {
            transform: scaleY(0);
            transform-origin: top center;
        }
        50% {
            transform: scaleY(1);
            transform-origin: top center;
        }
        51% {
            transform: scaleY(1);
            transform-origin: bottom center;
        }
        100% {
            transform: scaleY(0);
            transform-origin: bottom center;
        }
    }
    .capture-animation {
        animation: capture-shutter 0.3s linear;
    }
    @keyframes slideIn {
        0% {
            transform: translateX(100%);
            opacity: 0;
        }
        80% {
            transform: translateX(100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
    /* 드롭다운 화살표를 보이도록 스타일링 */
    select::-webkit-select-arrow {
        -webkit-appearance: menulist-button;
        appearance: menulist-button;
    }
}
/* 모바일 사이드 메뉴 바 폰트 크기 조절 */
@media only screen and (max-width: 400px) {
    .hidden .hidden_side .side p {
        font-size: 1.2rem;
    }
    .hidden .hidden_side .side .side_welcome .user_name {
        width: 140px;
    }
    .contents .fcltyInfrm .left_con {
        margin: 0 !important;
        color: #fff !important;
    }
    .contents .fcltyInfrm .left_con .slct_area #hb_option_list {
        width: 94px;
    }
    .contents .fcltyInfrm .left_con .slct_area #rdl_option_list {
        width: 94px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_hb_info_list {
        width: 87px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_rdl_info_list {
        width: 87px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_hb_info_list_detail {
        width: 109px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_rdl_info_list_detail {
        width: 109px;
    }
    .contents .left_con {
        padding: 8px 0;
    }
    .contents .left_con select {
        padding: 2px 0;
    }
    .contents .left_con .slct_area #hb_option_list {
        width: 115px;
    }
    .contents .left_con .slct_area #rdl_option_list {
        width: 115px;
    }
    .contents .left_con .slct_area #fclts_hb_info_list {
        width: 107px;
    }
    .contents .left_con .slct_area #fclts_rdl_info_list {
        width: 107px;
    }
    .contents .left_con .slct_area #fclts_hb_info_list_detail {
        width: 130px;
    }
    .contents .left_con .slct_area #fclts_rdl_info_list_detail {
        width: 130px;
    }
}
@media only screen and (max-width: 365px) {
    .contents .fcltyInfrm .left_con {
        padding: 6px 0;
    }
    .contents .fcltyInfrm .left_con select {
        padding: 1px 0;
    }
    .contents .fcltyInfrm .left_con select:nth-child(n + 1):nth-child(-n + 3) {
        background-size: 0.6rem;
        padding-right: 10px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_hb_info_list_detail {
        width: 105px;
    }
    .contents .fcltyInfrm .left_con .slct_area #fclts_rdl_info_list_detail {
        width: 105px;
    }
}
@media only screen and (max-width: 280px) {
    .hidden .hidden_side .side .side_welcome .user_name {
        width: 100px;
    }
    .maincontent .tab li a {
        padding: 0.4rem 0.2rem;
    }
    .hidden .hidden_side .side #hidden_close {
        left: 45%;
    }
    .hidden .hidden_side .side .hidden_tab_list {
        height: 70%;
    }
    .hidden .hidden_side .side p {
        font-size: 1rem;
    }
    .hidden .hidden_side .side .hidden_tab_list li {
        font-size: 1rem;
        word-spacing: -1px;
        letter-spacing: -1px;
    }
    .hidden .hidden_side .side .hidden_tab_list li ul {
        text-indent: 1rem;
    }
    footer ul li {
        letter-spacing: -1px;
    }
    #qr_code #qrCode #qr_icon {
        width: 4rem;
        height: 4rem;
        font-size: 3rem;
    }
}
@media (min-height: 700px) {
    .contents ul.top_tab li a {
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.9rem;
    }
}
@media (max-height: 740px) and (min-height: 660px) {
    .hidden .hidden_side .side .log_out button {
        top: 0;
    }
    .hidden .hidden_side .side .hidden_tab_list {
        height: 77%;
    }
    #qr_code #qrCode #qr_icon {
        top: -0.5rem;
        position: relative;
    }
}

/* 주석 사용 예
(유지관리)점검자 등록(inspector:점검자) 
(유지관리)점검자 등록(inspector) 
*/