@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');

/* font */

*{  font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    word-break: keep-all;
}

.do-h {
    font-family: "Do Hyeon", sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
  }
   
/*nav*/
.container-fluid > .navbar-header{margin-right:12px;}

/*form*/
.form-group-lg .form-control{height:46px;}
.om_input_lnline{}
.om_input_lnline .om_input_3ea select{float:left; width:33.3%; padding:10px 10px; font-size:14px; margin-right:2%;}
.om_input_lnline .om_input_3ea select:last-child{margin-right:0;}
.form-group{margin-bottom:5px !important;}
/*btn*/
.om_lastbtn_2ea{width:100%; display:inline-block; margin:20px 0 20px 0;}
.om_lastbtn_2ea button{width:48%; float:left; height:50px; font-size:18px;}
.om_lastbtn_2ea button:last-child{float:right;}

.om_btn_2ea{float:left; width:100%;}
.om_btn_2ea button{}
.om_btn_2ea button:last-child{margin-right:0;}
.om_btn_2ea .btn-default:hover{color:#333;}

.om_round_box{display:inline-block; width:100%; border-bottom:0px solid #efefef; padding:20px 10px 10px 10px; background-color:#fff; margin-bottom:5px; border-radius:5px;}

/*voc*/

.om_call{display:inline-block; clear:both; margin:20px 0 10px 0 ; font-size:16px;}


/*voc2_step*/
.om_voc2_step_btn{margin:100px 0 100px 0}
.om_voc2_step_btn .btn-default{background:#ccc;}
.om_voc2_step_btn div:last-child{margin-top:50px; font-size:12px;}
.om_voc2_step_btn p{margin-top:10px;}
.om_voc2_step_btn .btn-block{width:80%; margin:0 auto;}




/*voc_memberinfo*/

.om_voc_minfo_img{width:110px; height:110px; background-repeat:no-repeat; background-size:cover; margin:0 auto;}
.om_voc_minfo_txt{color:#999; text-align:center;}
.om_voc_minfo_txt span{font-size:18px; color:#333; display:block; font-weight:bold; padding:15px 0 5px 0;}
.om_voc_minfo_btn{margin:20px 0;}
.om_voc_minfo_btn div{text-align:center;}
.om_voc_minfo_btn button:last-child{background:#058ef6; letter-spacing:-1px;}
.om_voc_minfo_btn button{font-family: 'NanumGothic'; background:#53d575; border:none; color:#fff; min-width:150px; border-radius:20px;}
.om_voc_minfo_btn.btn-primary:active{ background:#53d575;}
.om_voc_minfo_btn.btn-primary:focus{ background:#53d575;}
.om_voc_minfo_btn.btn-primary:hover{ background:#53d575;}
.om_voc_minfo_btn .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{color:#fff;}
.om_voc_minfo_btn a{color:#fff;}
.om_voc_minfo_btn button span{color:#fff; margin-right:5px;}
.om_voc_minfo_stxt{font-size:12px; color:#999; text-align:center; margin-top:10px;}

.om_voc_minfo_tab{margin-top:30px;}

.om_voc_minfo_tab .nav-tabs li{width:20%;}
.om_voc_minfo_tab .nav-tabs li a{padding:10px 0; text-align:center;}
.om_voc_minfo_tab .om_stxt_info{text-align:right; margin-bottom:10px; background:rgba(0,0,0,0); padding:0 10px; display:inline-block; border-radius:20px; float:right; margin-bottom:15px;}
.om_voc_minfo_tab .om_stxt_info span{font-size:10px; margin-left:0px;color:#999;}
.om_voc_minfo_tab .nav-tabs{clear:both;}


.modal-content, #caption{-webkit-animation-name:none}

/*voc_memberbasic*/
.om_voc_mbasic_txt{font-size:16px;  line-height:1.5; color:#333;}
.om_voc_mbasic_txt span{font-size:20px; padding:0;}

/*voc2_write1*/

.om_input_2ea .form-group{float:left; width:78%;}
.om_input_2ea .om_inputt_btn{float:right; width:20%;}
.om_input_2ea .om_inputt_btn button{width:100%;}
.om_input_2ea .btn-default{background:#999; color:#fff; border:none; line-height:34px; padding:6px 20px;}
.om_input_2ea .form-control{border-radius:0;}

.om_allim_radio{margin-bottom:15px; padding-left:62px;}
.om_necessary{color:#eb2027; margin-bottom:10px; }
.form-group.mb_10{margin-bottom:10px;}



.om_btn .om_writebtn input{width:120px; background-color:#68b1fb; border:none; line-height:20px;}
/*.validate-has-error .form-control{border:1px solid #cc2424;}*/
.validate-has-error .input-group{border:1px solid #cc2424;}
 .input-group{ width:100%;}



/*mobile_M_home*/
.om_dark{background:#282639;}
.om_main_Wrap{width:100%; display:inline-block; padding:0 15px;  position:absolute; z-index: 1000;}
.om_main_visual_Wrap{width:100%; height: 100%; display:inline-block; padding:0px  20px  0  20px; position:absolute; z-index:1;}
.om_M_main_visual .carousel-inner{max-width: 100%; max-height: 100%; bottom: 0; left: 0; margin: auto; overflow: auto; right: 0; top: 0;}


.om_M_main_visual{background:#000; position:relative;}
.om_M_main_visual .carousel{height:100% }
.om_M_main_visual .carousel img{}
.om_visual_txt{color:#fff; font-size:12px; }
.om_visual_txt span{color:#fff; font-family: 'Roboto', sans-serif; font-size:35px; display:block; font-weight:300;}
/* .om_visual_txt img{margin-top:40px;} */
.om_quick_menu_wrap{width:100%; z-index:1;}
.om_quick_menu{display:table; margin:0 auto;}
.om_quick_menu div{float:left; text-align:center; color:#fff; font-size:14px; padding:0 0px;}
.om_quick_menu div:last-child{margin-right: 0;}
.om_quick_menu i{color:#fff; padding-bottom:5px; display: block;}


.om_M_main_con{display:block; }

.om_btn_3ea{display:inline-block; width:100%; margin-bottom:5px;}
.om_btn_3ea div{width:31.3%; height:135px; float:left; position: relative; margin-right:3%; border-radius:10px; background: linear-gradient(-40deg, rgba(56, 57, 78, .8), rgba(78, 74, 110, .8)) fixed;
padding:20px 0px 20px 15px;  color:#fff; font-size:11px;   -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);}
.om_btn_3ea div img{display:block; /*margin-bottom:10px;*/}
.om_btn_3ea div span{color:#fff; font-family: 'Roboto', sans-serif; display:block; font-size:25px; font-weight:500;}

.om_btn_3ea .om_btn_voc{}
.om_btn_3ea .om_btn_mbs{margin-right:0; float:right; background-position-x:right}
.om_btn_3ea .om_btn_fms{}

.om_btn_3ea .om_btn_ecs{}
.om_btn_3ea .om_btn_ecs_p{margin-right:0; float:right; background-position-x:right}
.om_btn_3ea .om_btn_pis{margin-right:0; float:right; background-position-x:right}
.om_btn_3ea .om_btn_pis_p{background-position-x:right}
.om_btn_3ea .om_btn_rms{} 


/*main2*/
.om_btn_3ea_2{display:flex; flex-direction: column; width:100%; gap:10px; margin: 0 2px;}
.om_btn_3ea_2 div{width: calc(100% / 2); display: flex;
    justify-content: center; flex-grow: 1; height: 80px; text-align: center; align-items: flex-start; padding-left: 8px;     align-items: center; gap: 3px; }

.om_btn_3ea_2 .om_m_home_txt{color:#282639; font-size:12px;}
.om_btn_3ea_2 .om_m_home_txt1031 {color: #333; font-size: 1.15em; letter-spacing: -0.5px; font-weight: 500;
}
.om_btn_3ea_2 .om_m_home_subtxt{font-size:11px; color:#aaa;}
.om_btn_3ea_2 .om_m_home_subtxt1031{font-size: 12px; color: #a84443; line-height: 1.5;} 
.om_btn_3ea_2 .om_m_home_icon i{font-size: 20px;} 


.om_btn_3ea_2 .om_btn_rms{background:url(../images/main2_bg01_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important;}  
.om_btn_3ea_2 .om_btn_voc{background:url(../images/main2_bg02_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important;} 
.om_btn_3ea_2 .om_btn_mbs{background:url(../images/main2_bg03_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; margin-right:0; float:right; }

.om_btn_3ea_2 .om_btn_fms{background:url(../images/main2_bg04_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; }
.om_btn_3ea_2 .om_btn_ecs{background:url(../images/main2_bg05_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; }

.om_btn_3ea_2 .om_btn_pis{background:url(../images/main2_bg06_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; margin-right:0; float:right;}

.om_btn_3ea_2 .om_btn_rms .om_m_home_icon i{color:#3192df;}
.om_btn_3ea_2 .om_btn_voc .om_m_home_icon i{color:#d8be63;}
.om_btn_3ea_2 .om_btn_mbs .om_m_home_icon i{color:#dcabd9;}

.om_btn_3ea_2 .om_btn_fms .om_m_home_icon i{color:#49c4ac;}
.om_btn_3ea_2 .om_btn_ecs .om_m_home_icon i{color:#9583c8;}
.om_btn_3ea_2 .om_btn_pis .om_m_home_icon i{color:#d86e63;}  

/*pmain*/

/*
.om_pmain_logo{color:#fff; margin-top:5px; font-size: 18px; font-weight: bold; filter: drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.om_btn_3ea_2 .om_btn_ecs_p{background:url(../images/main2_bg05_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; margin-right:0; float:right;}
.om_btn_3ea_2 .om_btn_pis_p{background:url(../images/main2_bg06_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important;}
.om_btn_3ea_2 .om_btn_fms_p{background:url(../images/main2_bg04_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; }

.om_btn_3ea_2 .om_btn_basic{background:url(../images/main2_bg00.png)  left center no-repeat; background-size:cover; opacity:0.95!important;}
.om_btn_3ea_2 .om_btn_schedule{background:url(../images/main2_bg07_s.png)  left center no-repeat; background-size:cover; opacity:0.95!important; margin-right:0; float:right;}
.om_pmain_building{background-color:#3192df; font-size:14px; opacity:0.3; padding:5px 8px 5px 15px; border-radius:30px; color:#fff} 
.om_pmain_building i{color:#fff;}
.om_pmain_qrtxt{position: relative; top:-4px; font-size: 12px;}
*/


/*m_home images change*/
.om_btn_3ea_2 .om_m_home_icon {height:24px;}
.om_btn_3ea_2 .om_m_home_icon img{}


.om_num_mark{width:24px; height: 24px; line-height: 24px; position: absolute; top:-4px; right:-4px; background-color:#2e92d4; opacity: 0.8; border-radius: 50%; text-align: center; font-weight: bold; font-size:12px;}

.om_M_main_icon{height:42px;}





/*깜빡이는 애니메이션*/
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:.2;}
    100% {opacity:1;}
}



.om_btn_block{clear:both; }
.om_btn_block div{height:70px; background:#424161; margin-bottom:10px; border-radius:10px ; background: linear-gradient(-40deg, rgba(56, 57, 78, .8), rgba(78, 74, 110, .8)) fixed; line-height:70px; padding:0 15px;  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);}
.om_btn_block div .btxt{color:#fff; font-family: 'Roboto', sans-serif; font-size:25px; margin-right:10px; font-weight:500;}
.om_btn_block div .stxt{color:#fff;  font-size:11px; position:relative; top:-3px;}
.om_btn_block div img{margin-top:-13px; margin-right:15px;}
/*.om_btn_block .om_btn_pis{}*/
/*.om_btn_block .om_btn_ers{}*/

.om_building_name{position:absolute; top:14px; right:20px; color:#fff;}


/*mobile_M_submain*/
.om_gray{background:#f6f6f6;}
.om_submain_Wrap{width:100%; display:inline-block; padding:0  1.2rem  0  1.2rem;}
.om_submain_title{ text-align:center; margin-bottom:25px;}
.om_submain_title.om_nostxt{margin-bottom:10px;}
.om_submain_title .btxt{font-family: 'Roboto', sans-serif; font-size:30px; font-weight:500;}
.om_submain_title .btxt span{font-family: 'Roboto', sans-serif; position:relative; top:-12px;}
.om_submain_btn{}
.om_submain_btn .om_btn_2ea{clear:both;}
.om_submain_btn .om_btn_2ea div:last-child{margin-right:0;}
.om_submain_btn .om_btn_2ea div img, .om_submain_btn .om_btn_1ea div img{/*margin-right:10px;*/ height:32px;}
.om_submain_btn .om_btn_2ea .om_2line p{float:left; font-size:16px; letter-spacing:-1px;}
.om_submain_btn .om_btn_2ea .om_2line p span{font-size:12px;}

.om_submain_btn .om_btn_2ea.om_cview{width:100%; display:inline-block; border-top:4px solid #fff; margin-top:10px; padding-top:20px;}
.om_submain_btn .om_num_mark{background: #000; color:#fff; font-size: 12px !important;}

.om_home_img{width:50px; display: inline-block;}

.om_disabled{opacity:0.5; background:#999 !important; display:none; }

.om_inactive {color:#cbcbcb;}
.om_inactive img{opacity: 0.2;}




/*z_mobile_C_mbshome*/
.om_submain_btn .om_btn_1ea div{width:100%; margin-right:0}



/*mobile_C_db_memberRegister - register_0_success*/
.om_mbsstepbar_01, .om_mbsstepbar_02{width:100%; height:24px; display:inline-block; margin-top:30px;  background:url(../images/register_stepbar_01.png)  center top no-repeat; background-size:auto 24px;}
.om_mbsstepbar_02{background:url(../images/register_stepbar_02.png)  center top no-repeat; background-size:auto 24px;}



/*vm_home*/
.om_vmhome_wrap{}
.om_vmhome_wrap .om_vmhome_btn_wrap{height:70px; padding:0 20px;}
.om_vmhome_wrap, .om_vmhome_btn01, .om_vmhome_btn02, .om_vmhome_btn03{width:100%; height:190px; border-radius:10px; margin-bottom:10px; display:inline-block; position:relative;}
.om_vmhome_wrap .om_vmhome_btn01{background:url(../images/vr_home_btn_bg011.png)  left top no-repeat; background-size:cover;}
.om_vmhome_wrap .om_vmhome_btn02{background:url(../images/vr_home_btn_bg022.png)  left top no-repeat; background-size:cover;}
.om_vmhome_wrap .om_vmhome_btn03{background:url(../images/vr_home_btn_bg033.png)  left top no-repeat; background-size:cover; margin-bottom:0;}
.om_vmhome_wrap p{float:left; height:70px;}
.om_vmhome_wrap p img{height:60px; margin-top:5px;}
.om_vmhome_wrap .om_vmhome_btntxt{color:#fff; margin-left:20px; font-size:15px; line-height:34px;}
.om_vmhome_wrap .om_vmhome_btntxt span{font-family: 'Roboto', sans-serif; color:#fff; font-size:35px; display:block;}
.om_h_center{position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;}
.om_vmhome_wrap .om_vmhome_arrow{float:right; padding:25px 0;}
.om_vmhome_wrap .om_vmhome_arrow i{color:#fff; font-size:25px;}


/*client_reg_voc_step*/

.search-bar .om_stxt{margin-top:10px;}
.om_mark.gray{background:#f5f5f5;}


/*mobile_MA-member_list*/

/*dataTables*/
.om_mo_list{}
.om_mo_list table.dataTable thead th{background:#eee;}

.om_mo_list .table-bordered > thead > tr > th{border:1px solid #e3e3e3; border-right:0;}
.om_mo_list .dataTables_wrapper > div .select2-container{margin:0}

.om_mo_list .dataTables_wrapper > div.dataTables_filter{display:inline-block;}
.om_mo_list .dataTables_wrapper > div.dataTables_length{display:inline-block;}
.om_mo_list div input[type="search"]{ line-height:28px; width:100px; }
.om_mo_list .dataTables_wrapper > div.dataTables_filter{padding-top:0px;}

.om_mo_list table.dataTable tbody th, table.dataTable tbody td{padding:6px 5px}
.om_mo_list table.dataTable thead th, table.dataTable thead td{padding:10px 15px}

/*Table*/
.om_mo_list>tbody>tr>th{background-color:#eee !important; }
.om_mo_list>tbody>tr>td, .om_mo_list>tbody>tr>th, .om_mo_list>tfoot>tr>td, .om_mo_list>tfoot>tr>th, .om_mo_list>thead>tr>td, .om_mo_list>thead>tr>th{padding:8px 10px; vertical-align: middle;}
.om_mo_list>tbody>tr{background-color:#fff !important;}
.om_mo_list>thead>tr>th{font-weight: bold; border:1px solid #ddd; border-right:0;padding:10px 10px}

.om_mo_list i{width:15px;}

.om_table_center>tbody>tr>td, .om_table_center>thead>tr>th{text-align:center;} 

.om_mo_list2>thead>tr>th{border-right: 0 !important; border-bottom:1px solid #ccc; font-weight:bold; color: #333}
.om_mo_list2>thead>tr>th, .om_mo_list2>tbody>tr>td{font-size: 12px;}

/*mobile_MA-member_edit*/

.om_setup_wrap.om_edit_authority{margin-bottom:10px;}
/*.om_edit_state{width:100%; display:inline-block; border-bottom:1px solid #ebebeb; padding-bottom:15px; margin-top:20px;}*/
.om_edit_state .om_setup_left{line-height:34px;}
.om_edit_state .om_setup_left, .om_edit_state .om_setup_right{width:50%;}
.om_edit_system_authority{width:100%; display:inline-block; margin-top:10px;}
.om_edit_authority .om_btn_full, .om_edit_info .om_btn_full{clear:both; margin-top:20px;}
.om_edit_authority{}
.om_edit_info{}
.om_edit_authority .input-group-addon, .om_edit_info .input-group-addon{width:47px;}
.input-group-addon{width:47px;}

.om_txt_center{text-align:center;}
.om_bold{font-weight:bold;}


div.datepicker td, div.datepicker th{font-size:12px !important; font-family:"Helvetica Neue", Helvetica, "Noto Sans", sans-serif;}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{padding:4px}

/*chart*/
.om_chart_wrap{overflow-x:scroll;  overflow-y:hidden; margin-bottom:20px;}
.om_chart_title{font-size: 16px; clear: both;}
.om_chart_title.mb_10{margin-bottom: 10px;}
.om_columns_chart{width:100%; clear: both; position:relative; display: inline-block; margin-bottom:10px;}  
.om_columns_chart div{float:left;}
.om_columns_chart .om_chart_wrap{width:45%;}
.om_columns_chart .om_table_wrap{width:40%; margin-left:5%;  margin-top:5%; position: absolute; top:50%; right:6%; transform: translate(0%, -50%)}
.om_columns_chart table>tbody>tr>td, .om_columns_chart table>tbody>tr>th{padding:2%; font-size: 12px;}
.om_columns_chart table>tbody>tr>th{background:#eee; font-weight: normal;}
.om_chart_lookup{margin-top: 10px; text-align: right;}
.om_chart_lookup button{line-height:1.3; margin-left:5px;}

/*mbs*/
.om_setup_wrap table th{font-weight: bold; border-right:1px solid #ebebeb; border-bottom:0 !important;}
.om_setup_wrap table tr:last-child{border-bottom:1px solid #ebebeb !important;}
.om_setup_wrap.nopad{padding:0;}
.om_visit{position: relative;}
.om_visit .om_visit_info{float:left; width:76%;}
.om_visit .om_visit_info h3{font-weight:bold; margin-bottom:5px; margin-top:0px;}
.om_apply{font-size: 17px; margin-bottom: 10px;}
.om_visit .om_visit_state{float:right; width:20%; text-align: center; position:absolute; top:50%; right:2%; transform: translate(2%, -50%);}
.om_visit .om_visit_state i{margin-bottom: 5px; width:100%;}
.om_visit .om_visit_state button{margin-bottom:5px; padding:6px 8px;}
.om_visit .om_visit_state button:last-child{margin-bottom: 0;}
.om_visit .om_visit_state.om_stat_btn{right:4%;}
.om_unapproved{background:#ededed;}

.om_visit_qr{text-align: center; margin-bottom:0px;}
.om_visit_qr i{display:inline;}
.om_visit_finish{margin-bottom:10px;}
.om_visit_finish h3{margin-top:0; margin-bottom: 20px; font-weight:bold; border-bottom:1px solid #ebebeb; padding-bottom:20px;}
.om_visit_finish p, .om_visit_finish h3 {text-align: center}

.om_visitant_infowrap{width:100%; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom: 10px; font-size: 20px; clear:both; display:inline-block;}
.om_visitant_info{clear:both;}
.om_visitant_info div{margin-bottom:0px;}
.om_visitant_info .om_visitant_left{float:left; width:25%;  font-size: 20px; font-weight:bold;}
.om_visitant_info .om_visitant_right{float:right; width:72%;  font-size: 20px;}
.om_visit_finish02{}
.om_visit_finish02 span{display:inline-block; width:35%;}
.om_bnoline{border:none; margin-bottom:0; padding-bottom:0;}

.om_guide_list .panel-default>.panel-heading{background: #ebebeb;}
.om_guide_list .panel+.panel{margin-top:5px;}
.om_guide_list .panel-default{border-color:#ddd}
.om_guide_list .panel{border-radius: 5px 5px 5px 5px;}
.om_guide_list .panel-default>.panel-heading+.panel-collapse>.panel-body{border-radius: 5px 5px 5px 5px; }
.om_guide_list .panel-default>.panel-heading+.panel-collapse>.panel-body p{margin-bottom:10px;}
.om_guide_updated{text-align: center; font-size: 12px; color:#666;}
.om_vmhome_wrap.om_mbs_guide_step .om_vmhome_btntxt{ margin-left:10px;}
.om_vmhome_wrap.om_mbs_guide_step .om_vmhome_btntxt span{font-size: 32px; font-family: 'NanumGothic'; letter-spacing:-2px;}
.om_vmhome_wrap.om_mbs_guide_step .om_vmhome_btn01{background:url(../images/mbs_guide_btn_bg01.png)  left top no-repeat; background-size:cover;}
.om_vmhome_wrap.om_mbs_guide_step .om_vmhome_btn02{background:url(../images/mbs_guide_btn_bg02.png)  left top no-repeat; background-size:cover;}
.om_building_code{font-size:12px; margin-bottom:5px; margin-top:8.5px;}


.om_submain_btn.om_mbs_guide_step1{}
.om_submain_btn.om_mbs_guide_step1 .om_btn_2ea div, .om_submain_btn .om_btn_1ea div{height:auto; padding:30px 15px; line-height:1.4; position: relative;}
.om_submain_btn.om_mbs_guide_step1 h3{font-size:25px; margin:15px 0 5px 0; color:#333; line-height: 1.2}
.om_submain_btn.om_mbs_guide_step1 p{color:#999;}
.om_arrow{position: absolute; right:15px; top:50%;}
.om_arrow i{font-size: 18px;}


/*mbs_vip*/
.om_vip_wrap{width: 100%; display: inline-block; border-radius: 5px; margin-bottom: 10px; overflow: hidden;}
.om_visit_qr_wrap{width:100%; background: #d7dfe6 !important; padding:35px 0 30px 0;}
.om_visit_company_wrap{background: #fff;}
.om_visit_qr_txt{font-size:12px; color:#000; letter-spacing:-1px; text-align:center; margin-top:25px; }
.om_visit_qr_txt p{width:80%; display: inline-block; background-color:#3192df; color:#ffffff; font-weight:600; padding:5px 15px; border-radius:30px;margin-bottom:10px; font-size:14px;}
.om_visit_qr_txt img{width:17px; margin-right:3px;}
.om_visit_qr_txt span{font-size:12px; font-weight: 600;}
.om_visit_company_wrap{padding:25px;}
.om_visit_company_wrap p, .om_visit_company_wrap a{font-size: 24px; text-align: center; font-weight: bold;}
.om_visit_company_wrap i{font-size: 26px;}
.om_vip_info_line{border-bottom:1px solid #ebebeb; padding-bottom: 15px;}
.om_visitant_info span{width:32px; display: inline-block; position: relative; top:3px; text-align: center;}
.om_visitant_info i{font-size: 22px;}
.om_vip_info .om_visitant_left{width:30% !important;}
.om_vip_info .om_visitant_right{width:67% !important;}



/*rms*/

/*.om_columns_chart.om_rms_time{margin-bottom: 0px;}
.om_c olumns_chart.om_rms_time div{}
.om_columns_chart.om_rms_time .om_img_wrap{width:48%; }
.om_columns_chart.om_rms_time .om_img_wrap img{width:100%; height:auto;}
.om_columns_chart.om_rms_time .om_chart_wrap{width:48%; float:right; height:150px; margin-bottom:10px;}
.om_columns_chart.om_rms_time .om_chart_block_wrap{width:100%; height:150px;}
.om_Top3{clear:both; margin-top:10px;}
.om_Top3 h5{font-weight: bold; margin-bottom:5px;}
.om_Top3 p{line-height: 1.5}

.bg_bwr5{width:100%; display: inline-block; padding:20px 10px; background: #fff; border-radius: 5px; margin-bottom:10px;}
.bg_bwr5 .om_btxt{font-size:16px;}
.bg_bwr5.p20{padding:20px;}
.mb_10{margin-bottom: 10px;}
*/

.om_columns_chart.om_rms_time{margin-bottom: 30px;}
.om_columns_chart.om_rms_time div{}
.om_columns_chart.om_rms_time .om_img_wrap{width:150px;}
.om_columns_chart.om_rms_time .om_img_wrap img{width:145px;}
.om_columns_chart.om_rms_time .om_img_wrap p{text-align: center; font-size:11px; padding-right:10px; margin-top:3px; font-weight:bold;}
.om_columns_chart.om_rms_time .om_chart_wrap{width:48%; height:105px; margin-bottom:0px;}
.om_columns_chart.om_rms_time .om_chart_block_wrap{width:100%; height:105px;}
.om_columns_chart.om_rms_time .om_chart_wrap2{width:75%; float:right;}
.om_Top3{clear:both;}
.om_Top3 h5{margin-bottom:5px; margin-top:10px;}
.om_Top3 p{font-size:13px;}

.bg_bwr5{width:100%; display: inline-block; padding:20px 10px; background: #fff; border-radius: 5px; margin-bottom:10px;}
.bg_bwr5 .om_btxt{font-size:16px;}
.bg_bwr5.p20{padding:20px;}
.om_water_wrap{width:21%; height:100px; border:2px solid #ddd; border-radius: 0 0 10px 10px; border-top:0; position: relative; overflow: hidden; margin-right:10px;}
.water_height{width:100%; height:60%; background: #82c1ff; position: absolute; bottom:0; text-align:center; vertical-align:middle;}
.water_height span{width:100%; position: absolute; top:50%; right:50%; transform:translate(50%, -50%); font-size:12px;}
.om_chart_title i{display:inline; margin-right:7px; font-size:17px;}

.om_btxt span{display:block; font-weight:normal; font-size:12px; color:#999; line-height:1.25; margin-top:5px;}

/* .panel-default > .panel-heading{background:#fff; border:none;} */

.nav-tabs{margin-bottom: 0px}
.tab-content .panel-group .panel{border-top:0;}

.om_date{font-size: 12px; color:#999;}
.om_btxt{font-size:16px; color:#333 !important; margin-bottom:5px; }

.om_sensor_list{}
.om_sensor_list .om_sensor_list_txt{margin-top:0px;}
.om_sensor_list .om_sensor_list_txt p{margin:0;}
.om_sensor_list .om_sensor_list_txt .om_date{margin-top:0;}
.om_sensor_list .om_sensor_list_wrap{position: relative; display: inline-block; width:100%;}
.om_sensor_list .om_sensor_list_wrap .om_setup_right{display:inline-table; position: absolute; top:50%; transform:translate(0%, -50%);}
.om_sensor_edit{}
.om_sensor_edit .om_setup_left{width:30%;}
.om_sensor_edit .om_setup_right{width:70%;}
.om_warning_txt{margin-top:10px; font-size:12px; color:#eb2027;}
.om_warning_txt2{color:#eb2027;}
.om_sensorcamera_img, .om_ultrawave_img{margin:0 auto; display:table; margin-bottom:10px;}
.om_sensorcamera_img img{width:260px;}
.om_ultrawave_img img{width:180px; }
.om_tech_aicctv_wrap{margin-bottom:30px;}





/*fms*/
.om_staff{background:#999; padding: 8px 0; margin:20px 0 10px 0; text-align: center; color: #fff;}

/*ecs*/
.om_quickcomment{margin-top:20px;}
.om_ecs_location{position: relative;}
.om_ecs_location_table{width: 100%; position: absolute; bottom:30px; z-index: 100000;}
.om_ecs_location_table .om_mo_list>tbody>tr{background:rgba( 255, 255, 255, 0.5) !important}

.om_btn_list_2ea .btn-primary{background: #303641; border:1px solid #303641}
.om_btn_list_2ea .btn-default{border:1px solid #ddd;}

.om_guide_img{margin-bottom: 20px;}
.om_guide_img img{width:100%;}

/*pis*/

.om_commute_time{text-align: center; font-size: 20px; margin-bottom:30px;}
.om_commute{width:100%; display: inline-block;}
.om_commute .om_commute_wrap{display: table;  margin:0 auto;}
.om_commute .om_commute_wrap div{float:left; width:140px; height:140px; border-radius: 50%; background:#ddd; text-align: center;}
.om_commute .om_commute_wrap .om_gotowork{margin-right: 30px;}
.om_commute .om_commute_wrap .om_offwork{}

.om_personalmenu{height:50px; position: relative; clear:both;}
.om_personalmenu .om_perline {height:2px;background:#ddd; font-size:0;line-height:0;padding:0;margin:0; z-index: -1; position: relative; top:23px;}
.om_personalmenu .om_pertxt {position:relative;top:11px; z-index: 1; display: table; margin:0 auto; background: #f6f6f6; padding:0 10px; font-size: 16px; color:#888;}
.om_personalmenu .om_pertxt_C{position:relative;top:11px; z-index: 1; display: table; margin:0 auto; background: #f6f6f6; padding:0 10px; color:#888;}



/*map*/
.map_wrap {position:relative;overflow:hidden;width:100%;height:200px;}
.radius_border{border:1px solid #919191;border-radius:5px;}       
.custom_zoomcontrol {position:absolute;top:10px;right:10px;width:31px;height:60px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;    width: 29px; height: 30px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:12px;height:12px;margin:8px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}            



/*mm>mypage*/
.om_mypage_info{display: inline-block; width:100%;}
.om_mypage_info div{float:left;}
.om_mypage_info .om_mypage_img{width:70px; background-repeat:no-repeat; background-size:cover; border-radius:50%;}
.om_mypage_info .om_mypage_img div{width:70px;}
.om_mypage_info .om_mypage_img img{width:70px; height:70px;}
.om_mypage_info .om_mypage_img button{width:40px; display: block; margin:0 auto; margin-top:5px;}
.om_mypage_info .om_mypage_txt{margin:8px 0;}
.om_mypage_info .om_mypage_txt span{font-size: 18px; display: block;}
.om_search{margin:10px 0 15px 0}
.om_search_wrap{width:85%; margin:0 auto;} 
.om_search .form-control, .om_search .btn-default{border:1px solid #ddd !important;}
.om_search .form-control{height:43px; box-shadow: none; border-radius: 20px; text-align: center; font-size: 16px;}
.om_search .btn{border-radius: 20px; font-size: 16px;}
.om_search .btn i{color:#fff; margin-right:4px;}
.om_mypage_table_wrap{position: relative; margin-bottom:20px; /*border:1px solid #ddd; padding:10px; border-radius: 5px;*/}
.om_mypage_table_wrap .om_write_title{padding:5px 0 5px 0; font-size:16px;}
.om_mypage_table_wrap button{position: absolute; top:4px; right:10px;}
.om_mypage_table_wrap .btn-primary{background: #999; border:#999;}

/*mm>M_home*/

.om_m_mypage_homebtn{margin-bottom: 20px;}
.om_m_mypage_homebtn p{width:49%; float:left; background: #303641; padding:8px 12px; border-radius: 3px; color:#fff; text-align: center; margin-right:2%; font-size: 12px;}
.om_m_mypage_homebtn p:last-child{margin-right:0;/* width:24.4%;*/}
.om_m_mypage_homebtn p i{color:#fff; margin-right:5px; position: relative; top:1px;}
/*.om_m_mypage_homebtn button:last-child {width:33.1%;}*/



/*mm>checkinout*/

/*.om_m_mypage_wrap{text-align: center; padding:40px 10px !important; margin-bottom:30px;}
.om_m_mypage_icon{}
.om_m_mypage_building{padding:20px 0 10px 0;}
.om_m_mypage_building span{font-size: 20px; font-weight:bold; color:#3192df;}
.om_m_mypage_building i{font-size: 20px;  margin-right:5px; color:#3192df;}
.om_m_mypage_checkin{width:90%; margin:0 auto; font-size: 16px; border:1px solid #ddd; border-radius: 20px; padding:5px 15px;}
.om_m_mypage_checkin span{font-size: 16px; font-weight: bold;}
*/


.om_m_mypage_wrap{padding:20px 20px !important; margin-bottom:30px; position: relative;}
.om_m_mypage_img{float:right; width: 30%; height:120px; border-radius: 10px;}
.om_m_mypage_checkin_info{float:left; width: 60%; text-align: center;}
.om_m_mypage_checkin_info_100{width: 100%; text-align: center;}
.om_m_mypage_icon{}
.om_m_mypage_building{padding:5px; background: #3192df; border-radius: 20px; text-align: center; margin:20px 0 10px 0;}
.om_m_mypage_building span{font-size: 18px; font-weight:bold; color:#fff;}
.om_m_mypage_building i{font-size: 18px; color:#fff;}
.om_m_mypage_checkin{margin:0 auto; font-size: 14px;}
.om_m_mypage_checkin span{/*font-size: 16px; */font-weight: bold;}
.om_m_mypage_ricon{/*float:right; width: 30%;*/ text-align: center;}
.om_m_mypage_ricon i{/*position: absolute; top:50%; transform: translate(0%, -50%);*/ color:#3192df;}

.om_m_mypage_checkin_info.om_nodata{width:100%;}
.om_m_mypage_checkin_info.om_nodata .om_m_mypage_building{background: #eb2027;}
/*mm>total*/
.om_check_total_wrap{position: relative;}
.om_check_total_info{float:left; width:68%; position: absolute; top:50%; transform: translate(0%, -50%); font-size:16px;}
.om_check_total_info .om_total_name{font-size: 18px; font-weight: bold; display: block;}
.om_check_total_info .om_total_check{color:#3192df;}
.om_check_total_img{float:right; width:30%; height:80px;}

.om_sort{float:right; display: inline-block; margin:5px 0;}
.om_sort div{float:left;}
.om_sort select{width:100px; margin-left:5px;}
.om_sort.om_psort select{width:100% !important;}

.om_psort_2line{margin:10px 0 5px 0;}
.om_psort_2line .om_psort_left{width:70%; float:left;}
.om_psort_2line .om_psort_left input{width:100%; margin-bottom:5px; font-size:12px; height:31px;}
.om_psort_2line .om_psort_left select{width:50%; float:left; font-size:12px; height:31px;}
.om_psort_2line .om_psort_right{width:28%; float: right;}
.om_psort_2line .om_psort_right button{line-height:55px; font-size:14px;}
.om_psort_2line .form-control {border:1px solid #ebebeb}

/*mm>gallery*/
.om_mypage_gallery{position: relative;}
.om_mypage_gallery .om_mypage_gimg{float:left; width:30%; overflow: hidden;}
.om_mypage_gallery .om_mypage_gimg img{width:110px; margin-right: }
.om_mypage_gallery .om_mypage_gimgbg{float:left; width:110px; height:110px; position: relative;} 
.om_mypage_gallery .om_mypage_gimgbg .om_play_btn{width:100%; position: absolute; top:50%; margin-top:-22px; text-align: center;}
.om_mypage_gallery .om_mypage_gimgbg .om_play_btn i{color:#fff; opacity: 0.8;}
.om_mypage_gallery .om_mypage_gtxt{float:right; width: 68%; padding-top:7px;}
.om_mypage_gallery .om_mypage_gtxt p{margin-bottom:0;}
.om_mypage_gallery .om_mypage_gtxt p button{float:right;}
.om_mypage_gallery .om_mypage_gtxt .om_gtxt_title{font-weight: bold;}
.om_mypage_gallery .om_mypage_gtxt i{width:16px; text-align: center; margin-right:2px;}
.om_mypage_gallery .om_mypage_gtxt p a{display: inline; margin-right:10px; color:#3192df;}

.om_mypage_gallery .om_mypage_gtxt2{float:right; width: 68%; padding-top:7px; line-height: 160%; }
.om_mypage_gallery .om_mypage_gtxt2 p{margin-bottom:0;}
.om_mypage_gallery .om_mypage_gtxt2 p button{float:right;}
.om_mypage_gallery .om_mypage_gtxt2 i{width:20px; text-align: center; margin-right:12px;}
.om_mypage_gallery .om_mypage_gtxt2 p a{display: inline; margin-right:10px; color:#3192df;}

/*.om_om_mypage_gallery_btn{width:100%; margin-bottom:10px; display: inline-block; }
.om_om_mypage_gallery_btn div{width:49%; text-align: center; background: #3192df; color:#fff; padding:10px 0; border-radius: 5px}

.om_om_mypage_gallery_btn i{color:#fff;}
.om_om_mypage_gallery_btn p{width: 100%; clear: both; font-size:14px; font-weight:bold; color:#999; margin-top:10px; display: inline-block;} 
.om_om_mypage_gallery_btn .om_btn_gphoto{float: left;}
.om_om_mypage_gallery_btn .om_btn_gvideo{float: right;}*/

.om_mypage_gallery_btn {}
.om_mypage_gallery_btn .om_btn_gphoto{float:left; width:49%; }
.om_mypage_gallery_btn .om_btn_gphoto div{float:left; background: #3192df; height:41px;}
.om_mypage_gallery_btn .om_btn_gvideo{float:right; width:49%; }
.om_mypage_gallery_btn .om_btn_gvideo div{float:left; background: #ff6600; height:41px;}
.om_mypage_gallery_btn .om_btn_gphoto div, .om_mypage_gallery_btn .om_btn_gvideo div{width:49.5%; margin-right:1%; text-align:center; color:#fff; padding:10px 0; font-size:14px; font-weight:bold; }
.om_mypage_gallery_btn .om_btn_gphoto div i, .om_mypage_gallery_btn .om_btn_gvideo div i{color:#fff; font-size: 17px; position: relative; top:1px; margin-right:5px;}
.om_mypage_gallery_btn .om_btn_gphoto div:last-child, .om_mypage_gallery_btn .om_btn_gvideo div:last-child{margin-right:0 !important; border-top-right-radius:30px; border-bottom-right-radius:30px;}
.om_mypage_gallery_btn .om_btn_gphoto div:first-child, .om_mypage_gallery_btn .om_btn_gvideo div:first-child{border-top-left-radius:30px; border-bottom-left-radius:30px;}

.om_m_gallery_stxt {width: 100%; clear: both; font-size:12px; color:#999; margin-top:10px; display: inline-block;}

/*mm>gallery*/
.om_preview_img{}
.om_preview_img img{width:100%; height:100%;}


/*qr print*/
.om_qr_con{position: relative; margin-top:60px;}
.om_qr_con .om_qr_left{}
.om_qr_con .om_qr_left .om_qr_bg{width:90mm; overflow: hidden; margin-left:2px;}
.om_qr_con .om_qr_left .om_qr_bg img{width:90mm; height: 90mm; margin-left:-10px;}
.om_qr_con .om_qr_left .om_qr_mark{width:258px;  position: absolute; top:50%; left:27px;  transform: translate(0%, -50%); text-align:center;}
.om_qr_con .om_qr_left .om_qr_mark img{width:80px;}
.om_qr_con .om_qr_right{position: absolute; left: 310px; top:50%; transform: translate(0%, -50%); }
.om_qr_con .om_qr_right p{margin-bottom:0;}
.om_qr_con .om_qr_right .om_qr_subject{font-family: 'NanumMyeongjo'; font-size: 38px; color:#E60013 !important; font-weight: bold; margin:30px 0 10px 0; line-height: 110%}
.om_qr_con .om_qr_right .om_qr_addr{color:#000000 !important; font-weight: bold; font-size: 16px;}
.om_qr_con .om_qr_right .om_qr_step{display: inline-block; border:1px solid #b4b4b4; padding:3px 15px; border-radius: 20px; color:#666 !important; margin-top:15px; font-size: 12px}
.om_qr_con .om_qr_right .om_qr_step i{margin:0 5px; color:#666 !important; width:10px; }
.om_qr_copy{clear:both; font-size: 12px; color:#999 !important; position: relative; top:-20px; left:32px; display: inline-block; line-height: 1.2}


/*mobile_CP>p_home*/

.om_p_home_statistics{width:100%; height:100px; border-radius: 10px; background: #fff; clear: both;}


/*patrol*/
/*psm*/
.om_title_select{position: absolute; top:0; right: 5px;}
.om_title_select div{float:left;}
.om_title_select button{margin-left:5px; }
.om_schedule_btn{text-align: right; margin-bottom:10px;}
.om_schedule_btn button{width: 100px;}
.mb_0{margin-bottom: 0px !important;}
.mb_10{margin-bottom: 10px !important;}
.page-container .sidebar-menu #main-menu li a i{width:20px;}


/* 2024 05 */

/* 공통 레이아웃 */
body.sub {background-color: #ffffff; height: 100vh; box-sizing: border-box;}
#wrapper {height: 100vh; display: flex; flex-direction: column;}
.sub #wrapper {height: 100vh; display: flex; flex-direction: column; padding: 10px; padding-bottom: 42px;}
.sub .top_menu {display:flex; justify-content: space-between; position: fixed; top:-1px; background-color: #3465bae3; height: 44px; display: flex; width: 100%; align-items: center; padding: 0 10px; z-index: 10;}
.sub .back-button {font-size: 20px; cursor: pointer; color: #ffffffd9; z-index: 10;}
.sub .home-button {font-size: 18px; cursor: pointer; color: #ffffffd9; z-index: 10;}
footer {position: fixed; left:0; bottom: 0; width: 100%; z-index: 10;}
footer #bottom_con {text-align: center; margin: 0 auto; padding: 7px; background-color: #ebebebcb; font-size: 12px !important; line-height: 1.25; }
#wrapper .upperMenu select {background-color: #eaf3fe  !important;height: 42px;}
#wrapper .upperMenu input[type="date"] {background-color: #eaf3fe  !important;height: 42px;}
.subContent {padding-bottom: 100px;}
.subContent .upperMenu {margin: 5px 0; margin-top: 15px; gap: 5px;}
.subContent .table_wrapper {margin-top: 10px;}
.subContent .table_wrapper table {border-bottom: 2px solid #a2a2a2;}
.subContent .table_wrapper table th {font-size: 14px; vertical-align: middle; background-color:
#ebebeb; padding: 10px 0; font-weight: 500; color: #333; font-weight: 500;}
.subContent .table_wrapper table td {padding: 8px 12px; font-size: 14px;}
/* 제목 */
.subContent .title1 { font-size: 24px; font-weight: 600; margin: 12px 0; margin-top: 45px; color: #2458b2; border-bottom: 2px solid; padding-bottom: 7px; letter-spacing: -1px; text-align: center; display: flex; align-items: baseline; justify-content: center; gap: 10px;
}
.subContent .title1.ko {font-size: 22px;}
.subContent .title2 {font-size: 15px; margin-left: 3px;}
.subContent .btn_back {background-color: #3f3f3f; color: #fff; height: 45px; text-align: center; line-height: 45px; margin-top: 5px; width: 100%; font-weight: 500;
font-size: 1.2em;}
.subContent .btn_check {background-color: #2a6acb; color: #fff}

/* 마이페이지 */
.subContent.myPage .mypage_info {background: #ebebeb70; padding: 15px 10px;
    border-radius: 7px; margin-bottom: 20px;} 
.subContent.myPage #om_img_no {width: 100%;}
.subContent.myPage .om_mypage_img {display: flex; gap:7px; flex-direction: column; align-items: center;}
.subContent.myPage select {background-color: #f3f3f3;}
.subContent.myPage input {background-color: #f3f3f3;}
.subContent.myPage .textBox{display: flex; flex-direction: column; justify-content: center; margin-left: 20px; }
.subContent.myPage .textBox .name {margin-bottom:6px; font-size: 1.3em; font-weight: 500; color:#242424; border-bottom: 2px solid #acacac;
    padding-bottom: 5px;} 
.subContent.myPage .textBox p {font-size: 15px; margin:0; margin-bottom: 3px;}
.subContent.myPage .textBox p span {font-size: 15px; font-weight: 500; color:#555;}
.subContent.myPage .om_div_step1 p {width: 100%; background: #505050fc; padding: 15px; border-radius: 3px; color: #fff; text-align: center; letter-spacing: -1px; font-size: 1.15em;}
.subContent .upperMenu {display: flex; margin: 5px 0; margin-top: 15px; gap: 5px;}
.subContent.myPage.edit .input-group-addon {background-color: #c8d7ebba; font-size: 16px;}
.subContent.myPage.members .menu {font-size: 1.1em; color: #2e4fd4; margin: 10px 0; margin-top: 20px; font-weight: 500;}
.subContent.myPage.members .building {font-size: 1em; color: #242424; font-weight: 500;}

/* 민원등록 */
.subContent.voice .menu {font-size: 1.2em; color: #2e4fd4; margin: 10px 0; margin-top: 20px; font-weight: 500;}
.subContent.voice select {background-color: #f3f3f3;}
.subContent.voice input {background-color: #f3f3f3;}
.subContent.voice .om_writebtn button {font-size: 1.2em; background-color: #505050ce; color: #fff; font-weight: 500;}

/* 비상연락 시스템 , 민원관리 리스트*/
.subContent.emergency ul {display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap; }
.subContent.emergency ul.e_list {display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap; row-gap: 5px; }
.subContent.emergency ul li {padding:15px 10px; display: flex; gap: 10px; row-gap: 10px; flex-direction: column; align-items: center; width: calc(100% / 3 - 4px); text-align: center; background-color: #fff; border: 1px solid #bababa;}
.subContent.emergency ul li p {font-size: 13px; font-weight: 500; color: #2a6acb; line-height: 1.25; letter-spacing: -1px;}
.subContent.emergency ul li span {font-size:11px; font-weight: 500; padding-top: 2px; color: #888;}
.subContent.emergency #div0 {display: flex; width:100%; flex-wrap: wrap; gap: 7px;}
.subContent.emergency #div0 > div {width:calc(100% / 2 - 4px); }
.subContent.emergency #div0 > div button {border-radius: 0; height: 50px; font-size: 15px; font-weight: 500;}
.subContent.emergency .respond_btns {width: 100%; display: flex; justify-content: space-between;}
.subContent.emergency .respond_btns button {padding: 5px; font-weight: 500; border: 1px solid #a9a9a9; width: calc(100% / 2 - 2px) ; background-color: #f2f2f2;}
.subContent.emergency #div0 > div:nth-child(3) button {background-color: #325296 !important;}
.subContent.emergency #div0 > div:nth-child(1) button {background-color: #d02e29 !important;}
.subContent.emergency .write_title {display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-size: 16px; letter-spacing: -1px;}
.subContent.emergency table tr th {background-color: #eaeefe  !important; font-weight: 500;}
.subContent.emergency.detail ul li {width: calc(50% - 4px); padding: 0; background-color: transparent; font-weight: 500; border: 2px solid #5a97e2;}
.subContent.emergency.detail ul li.active {background-color: #5a97e2 !important;}
.subContent.emergency.detail ul li a {font-size: 16px;}
.subContent.emergency.detail ul li.active a {background-color: transparent; color: #fff; border: none;}

/* 점검일지 */
.subContent.work .work_info {display: flex; flex-direction: column; gap: 15px;margin-bottom: 25px;}
.subContent.work .work_info h2 {letter-spacing: -1px; color:#373737; margin-bottom: 5px; }
.subContent.work .work_info2 h2 {letter-spacing: -1px; color:#2a6acb; margin-bottom: 5px; margin-top: 25px; }
.subContent.work .btn-write {background-color: #505050ce; vertical-align: middle; margin-bottom: 3px;}
.subContent.work .memo {text-align:center; font-size:1em; background-color:#eeeeee; letter-spacing:-1px; font-weight:normal; padding-top:5px; padding-bottom:4px; color:#000000; font-weight: 600; border-radius: 5px; padding: 10px;}
.subContent.work .sub_title {font-size: 1.25em; font-weight: 500; color: #4a4a4a; background-color: #efefef; margin-top: 20px; padding: 10px 15px; text-align: center;}

/* 순찰점검 */
.subContent.patrol .btn-search {background-color: #505050fc; color:#fff; vertical-align: middle; margin-bottom: 3px;}
.subContent.patrol .btn-check {background-color: #505050fc; vertical-align: middle; margin-bottom: 3px;}
.subContent.patrol .btn-back {background-color: #dd2121; color:#fff; vertical-align: middle; margin-bottom: 3px;}
.subContent.patrol .btns {width:100%; display: flex; justify-content: space-between; margin-top: 10px;}
.subContent.patrol .btns div {width: calc(100% / 2 - 2px);}
.subContent.patrol .btns button {width: 100%; border-radius: 0; font-size: 16px;}

/* admin */
.subContent.admin .table_wrapper th {background-color: #eaeefe  !important; font-weight: 500;}
.subContent.admin .table_wrapper td {padding: 5px 10px;}
.subContent.admin .input-group-addon {background-color: #eaeefe ;}

/* 작업관리 */
.subContent.job .write_bx {position: relative; text-align: center; display: flex; align-items: center; gap: 5px; padding: 15px; background-color: #f2f2f2; border-radius: 7px; font-weight: 500;}
.subContent.job .write_bx .img img{width: 20px; position: relative; bottom: 2px;}
.subContent.job .write_bx p {font-size: 17px; letter-spacing: -1px;}
.subContent.job .write_bx .arrow {position: absolute; right: 15px;}
.subContent.job .sbj {font-size: 16px; color: #2b2b2b; font-weight: 500; margin-top: 15px;}
.subContent.job .table_wrapper table tr:nth-child(odd) {background-color: #eaedfe ;}

/* 로딩 오버레이 */
#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* 초기화할 때 flex로 설정 */
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
  }

  .spinner {
    border: 12px solid #f3f3f3;
    border-top: 12px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
/* 기본 설정 */
#wrapper.mobile .container h2,#wrapper.mobile .settingBx h2 {
    margin:10px 0;font-size:18px;padding:10px;text-align:center;
    border:1px solid #333;letter-spacing:-1px;display:flex;
    justify-content:space-between;align-items:baseline;
}

/* 층 */

#wrapper.mobile .subContent.mIoT .floor-tabs { display: flex; flex-wrap:wrap; justify-content: flex-start; margin: 15px 0; gap: 5px; width: 100%;}

#wrapper.mobile .subContent.mIoT .floor-tabs a { padding: 6px; border: none; background-color: #e0e0e0; border-radius: 5px; transition: background-color 0.3s ease; text-align: center;width: calc(100% / 8);}

#wrapper.mobile.subContent.mIoT .floor-tabs a.active { background-color: #0456a7; color: white;}

/* 컨텐츠 영역 */

#wrapper.mobile .content_all  {margin: 40px 0;}

#wrapper.mobile .content_all h2 {font-size: 1.2em; color:#fff;background-color:#424242; justify-content: center;}

/* 상태 표시 및 센서 상태 */
#wrapper.mobile #device-status,#wrapper.mobile #sensor-status {
    display:flex;gap:5px;margin:15px 0;
}
#wrapper.mobile .status_board h2.sbj_2 {
    background-color: #1b55a1;
    font-size:1.2em;color:#fff;margin-bottom:10px;text-align:center;
    display: flex; justify-content: center;
}

#wrapper.mobile .subContent.mIoT .notice { display: flex; gap: 5px; margin: 20px 0; font-size: 15px; letter-spacing: -1px; align-items: center; font-weight: 500;}

/* 디바이스 상태 탭 */
#wrapper.mobile ul.dev_tab {
    display:flex;gap:5px;padding:0;justify-content:flex-start;
    width:100%;list-style:none;
}
#wrapper.mobile ul.dev_tab li {
    padding:7px 5px;text-align:center;color:#555;font-weight:600;
    font-size:1em;border-radius:6px;cursor:pointer;
    transition:background-color 0.3s,color 0.3s;border:2px solid #ccc;flex-grow:1;
}
#wrapper.mobile ul.dev_tab li.active {color:#3b82f6;border-color:#3b82f6;}
#wrapper.mobile ul.dev_tab li.alarm {
    border-color:#ef4444;background-color:#ef4444;color:#fff;
    animation:blink 2s infinite;
}

/* 상태 표시 블록 */
#wrapper.mobile .status-square {
    display:inline-block;width:35px;height:35px;text-align:center;
    line-height:35px;font-size:0.9em;color:#fff;border-radius:5px;
    font-weight:bold;
}
#wrapper.mobile .status-square.normal {
    background-color:#10b981;box-shadow:0 2px 4px rgba(0,128,0,0.2);
}
#wrapper.mobile .status-square.issue {
    background-color:#efab44;box-shadow:0 2px 4px rgba(255,0,0,0.2);
    animation:blink 1s infinite;
}
#wrapper.mobile .status-square.mini {width:20px;height:20px;animation:none;}

/* 상태 알림 */
#wrapper.mobile .status_detail {
    padding:15px;text-align:center;color:#333;border:2px solid #cbd5e1;
    border-radius:10px;display:flex;flex-direction:column;
    gap:8px;align-items:center;
}
#wrapper.mobile .status_detail.alert {
    background-color:#fffbeb;border:2px dashed #ef4444;
}

/* 메시지 및 팝업 버튼 */
#wrapper.mobile .message {font-size:1em;font-weight:500;}
#wrapper.mobile .message.normal {color:#10b981;}
#wrapper.mobile .message.alert-message {color:#ef4444;}
#wrapper.mobile .message.alert-message span {
    display:inline-block;animation:flash 1.5s infinite alternate;
}
#wrapper.mobile .message.alert-message p {font-size:0.9em;}
#wrapper.mobile .message a {
    display:inline-block;padding:6px 15px;border:2px solid #333;
    border-radius:6px;background-color:#fff;font-size:0.8em;color:#333;
    text-decoration:none;transition:background-color 0.3s,color 0.3s;
}
#wrapper.mobile .message a:hover {background-color:#3b82f6;color:#fff;}

/* 모바일 및 mIoT 설정 */
#wrapper.mobile .subContent.mIoT .settingBx h2 a {
    width:auto;color:#24297e;font-weight:bold;
}
#wrapper.mobile .subContent.mIoT .container {padding:0;}

/* 디바이스 상태 및 층별 설정 */
#wrapper.mobile.subContent.mIoT .content_bx .content_all > p {
    margin-top:30px;display:flex;gap:5px;font-size:13px;
    font-weight:500;color:#333;align-items:center;
}

/* 애니메이션 */
@keyframes blink {0%,100%{opacity:1;}50%{opacity:0.5;}}
@keyframes flash {0%{opacity:1;}100%{opacity:0.5;}}



/* mIot 장소 */
.subContent.mIoT ul.place_ul {display: flex; justify-content: flex-start; padding: 0; gap:10px; background-color: transparent;}

.subContent.mIoT ul.place_ul li {font-size: 16px; color: #333; font-weight: 600; background-color: #ffffff; padding: 10px; border-radius: 5px; border: 1px solid #1a2f59; text-align: center; cursor: pointer; min-width: 100px;}

.subContent.mIoT ul.place_ul li.active {background-color: #2158c7; color: #fff; border-radius: 6px;}
.subContent.mIoT .divider {display: flex; align-items: flex-end; justify-content: space-between; margin:}
.subContent.mIoT .divider .back {font-size: 14px; color: #ffffff; font-weight: 600; background-color: #3a3a3a; cursor:pointer; padding: 10px 15px; text-align: center; border-radius: 6px;}
.subContent.mIoT .divider .tomain {font-size: 14px; color: #ffffff; font-weight: 600; background-color: #cd1818; padding: 10px 15px; text-align: center; border-radius: 6px;}
.subContent.mIoT .place_bx.mode ul { display: flex; flex-direction: column; gap: 10px; padding: 0; list-style: none; margin: 0;}
.subContent.mIoT .place_bx.mode ul li { display: flex; align-items: center; gap: 8px; padding: 6px; border-radius: 7px; border: 1px solid #818181; color: #333; font-weight: 500; text-decoration: none; font-size: 1em; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease;}
.subContent.mIoT .place_bx.mode ul li:hover { background-color: #f1f8ff; border-color: #1350b3;}
.subContent.mIoT .place_bx.mode ul li a { display: flex; align-items: center; gap: 8px; padding: 12px; color: #333; font-weight: 500; text-decoration: none; font-size: 1.2em;}
.subContent.mIoT .place_bx.mode ul li a ion-icon {font-size: 1.2em; color: #3b82f6;}

.subContent.mIoT .sbj_2 {letter-spacing: -1px; font-weight: 600; color: #ffffff; font-size: 1.35em; padding: 12px; background-color: #32517d; text-align: center; margin: 10px 0;}
.subContent.mIoT .sbj_2.status {background-color: #efefef; color: #000; position: relative;}
.subContent.mIoT .status_con .subj {width: 100%;}
.subContent.mIoT .place_bx.status_con ul li.offline {position: relative;}
.subContent.mIoT .place_bx.status_con ul li.offline a {opacity: 0.4;}
.subContent.mIoT .place_bx.status_con ul li.offline:after { content: '기기가 오프라인 상태입니다.'; display: none; position: absolute; width: auto; text-align: center; top: 0; font-size: clamp(14px, 1vw, 16px); left: 0; right: 0; margin: 0 auto; background-color: #ffffffc9; padding: 20px; height: 100%;}
.subContent.mIoT .place_bx.status_con ul li.offline:hover::after { display: flex; align-items: center; justify-content: center;}
.subContent.mIoT .status_con li a {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px;}
.subContent.mIoT .status_con .txt { text-align: center; width: 100%;}
.subContent.mIoT .status_con .group {display: flex; justify-content: space-between; align-items: center; width: 100%}
.subContent.mIoT .status_con .txt .temperature {display: flex; flex-direction: row; justify-content: center; gap: 3px; width: 100%;}
.subContent.mIoT .status_con .txt .temperature p {width: 50%; padding: 5px 0; border: 1px solid #eee; background-color: #efefef; color: #333; margin: 0; font-size: clamp(12px, 1vw, 16px); font-weight: bold; justify-content: center;}
.subContent.mIoT .status_con li {background-color: #ffffff; border: 2px solid #bbb;}
.subContent.mIoT .status_con li p {display: flex; align-items: center; gap: 5px;}
.subContent.mIoT .status_con li p ion-icon {top: 0;}
.subContent.mIoT .status_con li:hover a {background-color: #606060; color: #fff;}
.subContent.mIoT .on-off {display: flex; align-items: center; cursor: pointer;}
.subContent.mIoT .status_con li a.active {background-color:#606060; color: #fff;}
.subContent.mIoT .toggle-button {background-color: #4CAF50; /* Green */ border: none; color: white; padding: 5px 10px; text-align: center; text-decoration: none; font-size: 14px; border-radius: 4px; transition: background-color 0.3s ease;}
.subContent.mIoT .toggle-button.off { background-color: #f44336;}
.subContent.mIoT .toggle-button.seemore {background-color: #3c72dd;}
.subContent.mIoT .toggle-button.unable { background-color: #dedede; color: #333; font-size: 14px;}

.subContent.mIoT .settingBx h2 {position: relative; margin: 0; margin-bottom: 10px;  padding: 10px; font-size: 16px; text-align: center; outline: 2px solid #333; font-weight: 500; color:#333; background-color: #fff;}
.subContent.mIoT a.setting {font-size: 14px; font-weight: 600;  gap: 5px; cursor: pointer; color: #1c42b0; position: absolute; right: 10px; letter-spacing: -1px; top: 10px;}
.subContent.mIoT a.setting ion-icon {position: relative;
top: 2px;}

.subContent.mIoT .setting2 {color:#fff; float: right; font-size: 14px;}
.subContent.mIoT .data_none {padding: 10px; text-align: center; font-size: clamp(14px, 1vw, 18px); font-weight: 500; letter-spacing: -1px; display: none;}


/* mIot 장소설정 */
.subContent.mIoT .place_bx.add {padding: 15px; background-color: #fff;}
.subContent.mIoT .place_bx.add > p { display: flex; align-items: center; margin-bottom: 10px; gap: 5px;}
.subContent.mIoT .place_bx.add > p > span { font-weight: 600;  font-size: clamp(15px, 1.1vw, 16px); min-width: 100px;}
.subContent.mIoT .place_bx.add select {width: 80px; color: #000 ; font-weight: 500; font-size: clamp(15px, 1,1vw, 16px); padding-left: 10px;}
.subContent.mIoT .place_bx.add .infoBx p span {width: 10%; display: inline-block;  font-size: clamp(15px, 1.1vw, 16px); font-weight: 600; min-width: 100px;}
.subContent.mIoT .place_bx.add input {width: 100%; padding: 10px;  font-size: clamp(14px, 1.1vw, 16px); letter-spacing: -1px;}
.subContent.mIoT .place_bx.add input.floor {width: 50%; max-width: 80px;} 
.subContent.mIoT .place_bx.add .btn.submit {display: flex; width: 100%; align-items: center; justify-content: center; padding: 10px;  font-size: clamp(14px, 1vw, 18px); font-weight: 600; color: #666; border: 1px solid #1a2f59; background-color: #fff;}
.subContent.mIoT .place_bx.add .btn.submit:hover {color:#000;}
.subContent.mIoT .place_bx.remove, .place_bx.dep1 { display: flex; gap: 5px; align-items: flex-start;}
.subContent.mIoT .place_bx.remove .floor_select, .place_bx.dep1 .floor_select {width: 10%; min-width: 100px;}
.subContent.mIoT .place_bx.remove .floor_select select, .place_bx.dep1 .floor_select select {font-weight: 600; width: 100%; font-size: 16px; color: #000; padding-left: 10px; height: 42px !important; border: 1px solid #333;}
.subContent.mIoT .place_bx.remove ul, .subContent.mIoT .place_bx.dep1 ul{gap: 5px; row-gap: 10px; width: 90%;}
.subContent.mIoT .place_bx.remove li, .subContent.mIoT .place_bx.dep1 li{width: calc(100% / 5 - 4px);}
.subContent.mIoT .place_bx.remove li a{display: flex; justify-content: space-between; align-items: baseline; background-color: transparent; color: #000; border-color: #d02424; padding: 8px;}
.subContent.mIoT .place_bx.dep1 li a{padding: 8px; justify-content: flex-start; display: flex; align-items: baseline; gap: 10px;}
.subContent.mIoT .place_bx.remove li.active { background-color: transparent;}
.subContent.mIoT .place_bx.remove.mode li a:hover ion-icon {color: #d02424; font-weight: bold;}
.subContent.mIoT .place_bx.remove.mode li:hover {border-color:#d02424 !important;}
.subContent.mIoT .place_bx.remove.mode li a:hover {color: #d02424;}
.subContent.mIoT .place_bx.modi {display: none;}
.subContent.mIoT .place_bx.modi.active {display: flex; flex-wrap: wrap; justify-content: space-between;}
.subContent.mIoT .place_bx.modi .infoBx {width: calc(100% / 2 - 4px); margin-bottom: 15px;}
.subContent.mIoT .place_bx.modi .infoBx.authority {width: 100%;}
.subContent.mIoT .place_bx.modi input {color: #000; letter-spacing: -1px;}
.subContent.mIoT .place_bx.modi h2 {font-size: clamp(16px, 1vw, 20px); background-color: #eee; padding: 10px; margin:0; margin-bottom: 10px; font-weight: 600;}
/* .subContent.mIoT .place_bx.add .infoBx.member ul {flex-direction: column;} */
.subContent.mIoT .place_bx.modi .infoBx.setting p {display: flex; align-items: center; margin-bottom: 8px;}
.subContent.mIoT .place_bx.modi .infoBx.member h2 {display: flex; align-items: center; justify-content: space-between; align-items: baseline;}
.subContent.mIoT .place_bx.modi .infoBx.member h2 span {font-weight: bold; color: #172e96; font-size: 14px; cursor: pointer; letter-spacing: -1px; position: relative;
    bottom: 2px; text-align: right; padding: 0; width: 30%;}
.subContent.mIoT .place_bx.modi .infoBx.member h2 span ion-icon {position: relative; top: 4px}
.subContent.mIoT .place_bx.modi .infoBx.member ul li {width: calc(100% / 2 - 5px)}
.subContent.mIoT .place_bx.modi .infoBx.member ul li .profile {display: flex;
justify-content: space-between; align-items: center; padding: 10px; letter-spacing: -1px;}
.subContent.mIoT .place_bx.modi .infoBx.member ul li:hover{outline: 3px solid #1a2f59; cursor: default}
.subContent.mIoT .place_bx.modi .infoBx.member ul li .profile ion-icon:last-child{cursor: pointer;}
.subContent.mIoT .place_bx.modi .infoBx.member .profile .txt {display: flex; flex-direction: column; align-items: flex-start; color: #333; width: 80%;}
.subContent.mIoT .place_bx.modi .infoBx.member .profile ion-icon {font-size: 20px;}
.subContent.mIoT .place_bx.modi .infoBx.member .profile .txt .id {font-size: 16px;  display: flex; align-items: center; gap: 5px}
.subContent.mIoT .place_bx.modi .infoBx.member .profile .txt .id .nick {font-size: 12px; color: #1a2f59}
.subContent.mIoT .place_bx.modi .infoBx.member .profile .txt p {font-size: 14px; margin: 0; color: #9b9b9b; font-weight: 600;}


/* home2 */
#wrapper.mobile .subContent.mIoT .floor-tabs a.active {background-color: #1b8b33; color: #fff; border-radius: 8px; transition: background-color 0.3s ease;}
#wrapper.mobile .subContent.mIoT .floor-tabs a.alert {background-color: #e63946; color: #fff; border-radius: 8px; animation: blink 1s infinite;}
#wrapper.mobile .home .building {padding: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); font-weight: bold; border: 2px solid #333; border-radius: 7px;}

.subContent .sensor_wrapper .alert {margin-bottom: 0; padding: 0;}
.subContent .sensor_wrapper {display: flex; flex-direction: column; gap: 12px; margin: 10px 0;}
.subContent .sensor_wrapper .content ul {display: flex; gap: 8px; align-items: stretch; padding: 0; list-style: none;}
.subContent .sensor_wrapper .content li {display: flex; align-items: center; border-radius: 12px; padding: 12px 8px; background-color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease, box-shadow 0.2s ease;}
.subContent .sensor_wrapper .content li:hover {transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);}
.subContent .sensor_wrapper .content li:nth-child(1) {width: 60%; border: 1px solid #555; gap: 10px;}
.subContent .sensor_wrapper .content li:nth-child(2) {width: 40%; border: 1px solid green; background: linear-gradient(135deg, #e0f4e8, #c8e6ce); justify-content: center;}
.subContent .sensor_wrapper .content .temp li {background: transparent; border: 1px solid #585858;}
.subContent .sensor_wrapper .content .temp li .info.alert, 
.subContent .sensor_wrapper .content .temp li .info.alert i {color: #e63946 !important; animation: blink 1s infinite;}
.subContent .sensor_wrapper .content ul:not(.temp) li.alert {background: linear-gradient(135deg, rgba(230, 57, 70, 0.1), rgba(255, 183, 178, 0.4)); border: 1px solid #e63946; box-shadow: 0 2px 8px rgba(230, 57, 70, 0.4);animation: blink 1s infinite;}
.subContent .sensor_wrapper .content ul:not(.temp) li.alert .info:first-child,
.subContent .sensor_wrapper .content ul:not(.temp) li.alert .info:first-child i {color: #e63946 !important; animation: blink 1s infinite;}
.subContent .sensor_wrapper .content ul:not(.temp) li.alert .info {color: #e63946; font-weight: 600;}
.subContent .sensor_wrapper .content li .info {font-size: 1.2em; color: #222831; font-weight: 500;}
.subContent .sensor_wrapper .content li .info .icon i {font-size: 1.4em;}
.subContent .sensor_wrapper .content .temp li .info {font-size: 1em; color: #495057; gap: 5px;}
.subContent .sensor_wrapper ul.temp_hum .alert {display: none;}
.subContent .sensor_wrapper .content ul .txt {display: flex; flex-direction: column; justify-content: center; gap: 6px; letter-spacing: -0.5px;}
.subContent .sensor_wrapper .content ul .txt h3 {font-size: 1.2em; font-weight: 600; color: #495057;}
.subContent .sensor_wrapper .content ul .txt p {font-size: 1em; color: #007bff; font-weight: 500;}
.subContent .sensor_wrapper .content .icon_main i {font-size: 2em; color: #1e1e1e;}
.subContent .sensor_wrapper .content ul .info {display: flex; flex-direction: column; align-items: center;}
.subContent .sensor_wrapper .content .temp .info {width: 50%;}
.subContent .sensor_wrapper .content .temp .line {height: 30%; width: 1px; background-color: #333;}
.subContent .sensor_wrapper .alarm {position: fixed; width: 100%; bottom: 50px; padding: 20px 15px; background: linear-gradient(135deg, #ff3e3e, #b30000); color: #fff; left: 0; text-align: center; font-size: 1.2em; font-weight: bold; box-shadow: 0 2px 10px rgba(179, 0, 0, 0.5); border-top: 3px solid #ff8b8b; border-bottom: 3px solid #ff8b8b; animation: pulse 1.5s infinite;}
.subContent .sensor_wrapper .alarm .space {font-size: 1.5em; font-weight: bold; color: #fff;}
.subContent .sensor_wrapper .alarm .status {font-size: 1.5em; color: #fff; font-weight: bold; padding: 5px 10px; border-radius: 4px;}
@keyframes blink {0%, 100% {opacity: 1;} 50% {opacity: 0.5;}}
@keyframes pulse {0%, 100% {transform: scale(1);} 50% {transform: scale(1.05);}}
@keyframes textPulse {0%, 100% {font-size: 1em;} 50% {font-size: 1.1em;}}


/* mvoc 메인폼*/

#mvoc .sbj_sec {display:flex; flex-direction:column;width:100%;max-width:480px;margin:0 auto;}
#mvoc .sbj {width:100%;display:flex; flex-direction: column; align-items:center;gap:10px;}
#mvoc .sbj .logo {width:25%;margin-bottom:5px; max-width: 150px;}
#mvoc .sbj .txt {font-weight:500;font-size:1em;color:#666;letter-spacing:-0.5px;}
#mvoc .building_name {font-size:1.1em;font-weight:bold;color:#bc955c;border:2px solid #bc955c;background-color:#fff;padding:8px 12px;border-radius:8px;text-align:center;margin:10px 0; display: flex; justify-content: center; align-items: center; gap: 3px; }
#mvoc .building_name .img {position:relative;top:3px;color:#bc955c;}
#mvoc #complaint-form {background:#fff;padding:20px;max-width:480px;width:100%;box-shadow:0 3px 15px rgba(0,0,0,0.1);border-radius:10px;transition:box-shadow 0.3s ease;}
#mvoc #complaint-form:hover {box-shadow:0 5px 20px rgba(0,0,0,0.15);}
#mvoc form label {font-weight:600;color:#333;font-size:1em;}
#mvoc form input[type="text"],#mvoc form input[type="tel"],#mvoc form select,#mvoc form textarea,#mvoc form input[type="file"] {width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:8px;font-size:1em;transition:border-color 0.3s ease,box-shadow 0.3s ease;font-weight:500;color:#000;}
#mvoc form input:focus,#mvoc form select:focus,#mvoc form textarea:focus {border-color:#bc955c;box-shadow:0 0 5px rgba(188,149,92,0.3);outline:none;}
#mvoc .notice_talk {padding:15px;background-color:#fafafa;border-left:5px solid #bc955c;margin-bottom:15px;border-radius:8px;}
#mvoc .phone-input {display:flex;gap:8px;align-items:center;}
#mvoc .phone-input input {width:30%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1em;text-align:center;}
#mvoc #privacy-consent-container {display:flex; margin-top:25px;align-items:center;gap:5px;}
#mvoc button[type="submit"] {width:100%;padding:12px;background:#bc955c;color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;margin-top:20px;transition:background 0.3s ease,box-shadow 0.3s ease;}
#mvoc button[type="submit"]:hover {background:#a47f4f;box-shadow:0 6px 15px rgba(164,127,79,0.3);}
#mvoc #success-message {text-align:center;background:#f0fdf4;padding:20px;border:1px solid #c3e6cb;border-radius:10px;margin-top:20px;}
#mvoc .modal {display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);justify-content:center;align-items:center;}
#mvoc .modal-content {background-color:#fff;padding:15px;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:relative;font-family:'Roboto',sans-serif;line-height:1.6;color:#333;}
#mvoc .modal-content h2 {font-size:1.5em;margin-bottom:15px;color:#155724;font-weight:bold;}
#mvoc .modal-content p {margin-bottom:15px;font-size:0.9em;color:#555;}
#mvoc .modal-content p strong {color:#333;}
#mvoc .close {color:#888;font-size:24px;position:absolute;top:15px;right:20px;cursor:pointer;transition:color 0.2s;}
#mvoc .close:hover {color:#555;}
#mvoc input[type="checkbox"] {appearance:none;width:16px;height:16px;border:2px solid #bc955c;border-radius:4px;cursor:pointer;position:relative;top: 1px;transition:all 0.2s ease;}
#mvoc input[type="checkbox"]:checked {background-color:#bc955c;border-color:#bc955c;}
#mvoc input[type="checkbox"]::before {content:"✓";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) scale(0);color:white;font-size:12px;transition:transform 0.2s ease;}
#mvoc input[type="checkbox"]:checked::before {transform:translate(-50%,-50%) scale(1);}
#mvoc .response-option {display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;font-size:1em;color:#444;}
#mvoc .response-option span {font-weight:600;}
#mvoc .response-option label {display:flex;align-items:center;gap:5px;font-weight:500;color:#333;}
#mvoc .response-option input[type="radio"] {-webkit-appearance:none;appearance:none;  width:16px;height:16px;margin:0; position: relative; top: 1px; border:2px solid #bc955c;border-radius:50%;position:relative;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease;}
#mvoc .response-option input[type="radio"]:checked {background-color:#bc955c;border-color:#bc955c;}
#mvoc .response-option input[type="radio"]:checked::before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.5);width:8px;height:8px;background-color:white;border-radius:50%;}
#mvoc .typing-animation {display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid #444;animation:typing 3.5s steps(30,end),blink 0.75s step-end infinite;}
@keyframes typing {from {width:0;} to {width:100%;}}
@keyframes blink {50% {border-color:transparent;}}
@media (max-width:600px) {#mvoc #complaint-form {padding:15px;border-radius:8px;} #mvoc button[type="submit"] {padding:10px;}}