/* 메인 페이지 */

/* 사이드 메뉴 (PC) */
aside {
  position: fixed;
  height: 100%;
  box-shadow: 1px 0px 7px rgba(0, 0, 0, 5);
}
.construction_site aside {
  width: 70px;
  background: #2f313e;
  z-index: 980;
}
.side_menu li {
  width: 100%;
  color: #cdced8;
  cursor:pointer;
}
.construction_site .home {
  width: 100%;
  height: 70px;
  background-image: url("../images/icon/home_btn.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #20b5c8;
}
.construction_site .sideMenu_item {
  position: relative;
  border-top: 1px solid #595a65;
  border-bottom: 1px solid #1e2024;
}
.construction_site .sideMenu_item p {
  width: 100%;
  font-size: 13px;
  padding-bottom: 15px;
}
.construction_site .sideMenu_item:not(:last-child):hover {
  color: #000;
  background-color: #fff;
}
.construction_site .sideMenu_item:not(:last-child).active {
  color: #000 !important;
  background-color: #fff !important;
}
.construction_site .sideMenu_icon {
  width: 100%;
  height: 52px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background .13s;
}
.construction_site .sideMenu_item[value="0"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu0.png);
}
.construction_site .sideMenu_item[value="0"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu0_on.png) !important;
}
.construction_site .sideMenu_item[value="1"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu1.png);
}
.construction_site .sideMenu_item[value="1"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu1_on.png) !important;
}
.construction_site .sideMenu_item[value="2"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu2.png);
}
.construction_site .sideMenu_item[value="2"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu2_on.png) !important;
}
.construction_site .sideMenu_item[value="3"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu3.png);
}
.construction_site .sideMenu_item[value="3"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu3_on.png) !important;
}
.construction_site .sideMenu_item[value="4"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu4.png);
}
.construction_site .sideMenu_item[value="4"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu4_on.png) !important;
}
.construction_site .sideMenu_item[value="5"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu5.png);
}
.construction_site .sideMenu_item[value="5"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu5_on.png) !important;
}
.construction_site .sideMenu_item[value="6"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu6.png);
}
.construction_site .sideMenu_item[value="6"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu6_on.png) !important;
}
.construction_site .fast_menu[value="7"] .sideMenu_icon {
  background-image: url(../images/icon/side_menu7.png);
  width: 30px;
  margin: 0 auto;
  height: 30px;
}
.construction_site .fast_menu[value="7"]:hover .sideMenu_icon {
  background-image: url(../images/icon/side_menu7.png) !important;
}

.construction_site .fast_menu{
	margin-top:20px;
	padding-left:4px;
	padding-right:4px;
}
.construction_site .fast_menu .fast_menu_box{
	background-color:#444652;
	border-radius:3px;
	border: 1px solid #5479f7;
	padding:5px;
	transition: all 0.13s;
}


.construction_site .fast_menu .fast_menu_box p{
	color:#fff;
	font-size:13px;
	font-family: 'NotoSansKR-Regular';
	padding-top: 5px;
    padding-bottom: 5px;
}
.construction_site .fast_menu .fast_menu_box:hover{
	background:#5479f7;
}
.construction_site .fast_menu .fast_menu_box:hover p{
	color:#fff;
}

/* 사이드 서브메뉴 */
.construction_site .pc_submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 180px;
  padding: 24px 20px;
  background: #fff;
  margin-left:3px;
  box-shadow:0px 1px 10px rgb(35 31 32 / 30%);
/*   border: 1px solid #2f313e; */
}
.construction_site .pc_submenu li:not(:last-child) {
  padding-bottom: 15px;
}
.construction_site .pc_submenu li a {
  display: flex;
  align-items: center;
}
.construction_site .pc_submenu li span {
  line-height: 1;
  font-size: 15px;
  color: #000;
  padding-left: 4px;
}
.construction_site .pc_submenu li:hover span {
  color: #5479f7;
}

/* 상황전파 */
.construction_site li.situSendBtn_wrap {
/*   border-top: 1px solid #595a65; */
  border-bottom: none;
  box-shadow: none;
}
.construction_site .situSendBtn_wrap{
	position:absolute;
	bottom:9vh;
	padding-top: 2.2222vh;
}
.construction_site .situSendBtn_wrap button {
  display: block;
  width: 85%;
  font-size: 13px;
  color: #fff;
  margin: 0 auto;
  margin-top: 8px;
  padding: 5px 0;
  background: #5479f7;
  border-radius: 3px;
}

.situ_modal .situ_ofc_number .situ_ofc_number_list div{
	width:100%;
	display:flex;
/* 	flex-wrap: wrap; */
}
.situ_modal .situ_ofc_number .situ_ofc_number_list p{
	text-align:center;
	padding: 0 15px;
    margin: 3px 0 0;
    
    white-space: nowrap;
}
.situ_modal .situ_ofc_number .situ_ofc_number_list p:last-of-type {
    padding-right: 25px;
}
.situ_modal .situ_ofc_number .situ_ofc_number_list p::after{
	width:0 !important;
}
.situ_modal .situ_ofc_number .situ_ofc_number_list p:nth-child(1){
	padding-left: 0;
}
.situ_modal .situ_ofc_number .situ_ofc_number_list p:nth-child(2){
	border-left: 1px solid #72777e;
    border-right: 1px solid #72777e;
}

/* 상황전파 */
.situ_modal .modal_wrap {
/*   width: 54.1667vw; */
	width:1000px;
}
.situ_modal .form_wrap {
	border: none;
}
.situ_modal label {
  position: absolute;
}
.situ_modal .damage_option {
	display: flex;
	font-family: 'NotoSansKR-Bold';
	font-size: 20px;
	margin: 30px 0px 20px;
}
.situ_modal .damage_option li {
  justify-content: center;
  width: 50%;
/*   height: 3.125vw; */
	height:60px;
  margin: 0 !important;
  border: 1px solid #6e6e6e;
}
.situ_modal .damage_option li:hover {
  cursor: pointer;
}
.situ_modal .damage_option li:first-child {
  margin-right: 20px !important;
}
.situ_modal .damage_option .checking {
/*   width: 1.0417vw; */
/*   height: 1.0417vw; */
  margin-right: 8px;
  border-radius: 100px;
  width: 20px;
  height: 20px;
}
.situ_modal .damage_option li.active {
  color: #fff;
/*   background-color: #192b80; */
/*   border-color: #192b80; */
  	border: 0;
    background-color: #5479f7;
}
.situ_modal .damage_option .checking.active {
  background-color: #fff;
  background-image: url(../images/icon/cResult_menu0.png);
  background-size: 50%;
}
.situ_modal .damage_option p {
  font-size: 18px;
}
.situ_modal .damage_option li,.situ_modal .check_list > li {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 30px;
}
.situ_modal .check_wrap > li:nth-child(3) .check_list {
  margin-top: 12px;
  margin-bottom: 12px;
}
.situ_modal .check_list > li {
  margin: 5px 0px;
  margin-right: 30px;
}
.situ_modal .check_list .checking {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.situ_modal .check_wrap {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #192b80;
}
.situ_modal .check_wrap > li {
  display: flex;
  align-items: center;
  width: 50%;
  border-bottom: 1px solid #d7d7d7;
  transform: translate(0);
}
.situ_modal .check_wrap > li:nth-child(3),
.situ_modal .check_wrap > li:nth-child(4),
.situ_modal .check_wrap > li:nth-child(7),
.situ_modal .check_wrap > li:nth-child(8) {
  width: 100%;
}
.situ_modal .check_wrap > li:nth-child(3) span,
.situ_modal .check_wrap > li:nth-child(4) span,
.situ_modal .check_wrap > li:nth-child(7) span,
.situ_modal .check_wrap > li:nth-child(8) span {
  width: 16%;
}

.situ_modal .check_wrap > li > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 32%;
  height: 100%;
  font-family: 'NotoSansKR-Bold';
  font-size: 16px;
  padding-left: 15px;
  background: #f5f6fa;
  overflow: hidden;
  
  transform: skew(0);
}
.situ_modal .check_wrap span + * {
  width: calc(68% - 2.5926vh);
  margin: 2.0370vh 1.2963vh;
}
.situ_modal .check_wrap > li:nth-child(3) span + *,
.situ_modal .check_wrap > li:nth-child(4) span + *,
.situ_modal .check_wrap > li:nth-child(7) span + * {
    width: calc(84% - 2.5926vh);
}

.situ_modal .check_list {
  flex-wrap: wrap;
}
.situ_modal .check_list p {
  font-size: 14px;
}
.situ_modal .check_wrap input {
/*   width: 78%; */
	width: 100%;
  height: 40px;
}
.situ_modal .check_wrap input + button, .add_btn{
  width: 18%;
  height: 40px;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 3px;
}
.situ_modal .check_wrap > li:nth-child(4) .input_wrap {
  justify-content: space-between;
}
.situ_modal .check_wrap .input_wrap {
/*   justify-content: center; */
  font-size: 14px;
}
.situ_modal .check_wrap .wrapper {
  justify-content: space-between;
  width: 50%;
}
.situ_modal .check_wrap .wrapper:first-child {
  margin-right: 30px;
}
.situ_modal .check_wrap .wrapper input {
  width: 50%;
}
.situ_modal .check_wrap > li:last-child> span {
  padding-bottom: 70px;
}
.situ_modal .check_wrap textarea {
  width: calc(84% - 2.5926vh);
  height: 100px;
}
.situ_modal .contact_wrap {
	margin-top: 40px;
}
.situ_modal .contact {
	width: 100%;
}
.situ_modal .contact:not(:first-child) {
	margin-left: 40px;
}
.situ_modal .contact .content_title {
  font-size: 20px;
  padding-left: 0 !important;
}
/* .situ_modal .content_title sup { */
/*   width: 0.9375vw; */
/*   height: 0.9375vw; */
/* } */
.situ_modal .contact > .wrapper {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-top: 15px;
}
.situ_modal .contact > .wrapper > div {
	width: 49%;
}
.situ_modal .contact .tab_index > li {
	padding: 12px 15px;
	border: 1px solid #6e6e6e;
	border-bottom: none;
}
.situ_modal .contact .tab_index > li.active {
	border-color: #192b80;
}
.situ_modal .contact .eContact{
	display: flex;
    margin-top: 15px;
}
.situ_modal .contactList {
  overflow-y: scroll;
/*   width: 100%; */
	width: 100%;
	height: 150px;
	padding: 15px 10px;
	background: #f3f5f6;
	border: 1px solid #b7bac3;
	box-shadow: 4px 4px 0px 0px rgb(0 0 0 / 5%) inset;
}
.situ_modal .contactList li {
  display: flex;
  position: relative;
/*   width: 100%; */
  font-size: 15px;
  padding: 7px 10px;  
  
  width: max-content;
  min-width: 100%;
}
.situ_modal .contactList li > button {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 12px;
    height: 12px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.situ_modal .contactList li:hover > button {
	background-image: url(/images/icon/contact_delete.png);
}
.situ_modal .contactList li:hover {
	background-color: #fff;
    cursor: pointer;	
}
.situ_modal .contactList li p {
	position: relative;
}
.situ_modal .contactList li p::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -40%;
	transform: translateY(-50%);
	width: 1px;
	height: 15px;
	background: #000;
}
.situ_modal .contactPick_btn {
/*   width: 6.0417vw; */
	height: 50px;
	font-size: 16px;
	padding: 0 20px;
    margin-left: 15px;
}
.situ_modal span {
  padding-left: 46px;
}

/* 상황전파 연락처선택 */
.situ_modal .contactPick {
	top: 30%;
    left: 50%;
    padding: 0 32px;
}
.situ_modal .contactPick_list{
	margin-top: 50px;
    padding: 30px 20px;
}
.contactPick_list > li:not(:last-child){
	padding-bottom: 25px;
}
.contactPick .exel{
	font-size: 15px;
	padding: 12px 17px;
}

/* 상황전파 > 사고발생장소 검색 모달 */
#addressModal_situSend {
	width: 95%;
    z-index: 999;
    max-width: 600px;
    position: absolute;
    top: 15%;
    transform: translate(-50%, 0);
}
#addressModal_situSend .input_wrap select {
	height: 40px;
	margin-right: 10px;
    min-width: 110px;
}
#addressModal_situSend .check_wrap ul {
    height: 300px;
    overflow-y: scroll;
}
#addressModal_situSend .check_wrap ul li span:first-child {
    padding-right: 15px;
    width: 60%;
    padding-left: 0;
}
#addressModal_situSend .check_wrap ul li span:last-child {
    padding-left: 30px;
    border-left: 1px solid #72777e;
    width: 40% !important;
    margin: 0;
}
#addressModal_situSend .subModal_submit button {
	color: #000;
	background: #fff;
    border-radius: 5px;
    margin-right: 0;
}



/* SMS 보내기 */
.sms_modal .modal_wrap {
/*   width: 40vw; */
	width: 1000px;
}
.sms_modal .tab_index {
/*   padding: 2.0833vw 0; */
    padding: 40px 0;
	background: #fff;
}
.sms_modal .tab_index li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
/*   height: 3.125vw; */
/*   font-size: 1.0417vw; */
  background: #fff;
  border: 1px solid #6e6e6e;
  box-sizing: border-box;
  transition: all .13s;
	height: 60px;
    font-size: 20px;
}
.sms_modal .tab_index li.active {
  color: #fff;
  background: #192b80;
  border-color: #192b80;
}
.sms_modal .tab_index li:not(:last-child) {
  margin-right: 5px;
}
.sms_modal .tab_box {
/*   padding: 1.5625vw; */
	padding: 35px 30px;
	background: #f9fafb;;
	border: 1px solid #d7d7d7;
}
.sms_modal input {
  width: 100%;
  height: 50px;
  background: #fff;
}
.sms_modal .add_btn,
.sms_modal .contactPick_btn {
/*   height: 2.6042vw; */
/*   font-size: 0.8333vw; */
/*   margin-left: 0.7813vw; */
	height: 50px;
    font-size: 20px;
    padding: 15px;
    margin-left: 10px;
}
.sms_modal .contact {
/*   padding-bottom: 1.3021vw; */
	padding-bottom: 25px;
 	border-bottom: 1px solid #d7d7d7;
}
.sms_modal h3 {
/*   margin-bottom: 0.7813vw; */
	margin-bottom: 15px;
}
/* .sms_modal h3 sup { */
/*   margin-top: 0.1042vw; */
/* } */
.sms_modal p {
  position: relative;
}
.sms_modal .gContact p::after,
.sms_modal .dContact p::after,
.sms_modal .eContact p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40%; 
  transform: translateY(-50%);
  width: 1px;
/*   height: 0.7813vw; */
  background: #000;
  height: 15px;
}
.sms_modal span {
/*   padding-left: 2.3438vw; */
	padding-left: 40px;	
}
.sms_modal .tab_content {
  display: none;
/*   align-items: start; */
  justify-content: space-between;
  width: 100%;
/*   height: 7.8125vw; */
}
.sms_modal .tab_content.active {
	display: flex;
}

.sms_modal .tab_content.gContact .gContactList {
/*     max-height: 150px; */
}

.sms_modal .tab_content > img {
  align-self: center;
  padding: 0 15px;
}
.sms_modal .contactList {
  height: 100%;
}
.sms_modal .contactList,
.sms_modal .bundleList {
  width: 100%;
  overflow-y: scroll;
/*   padding: 0.7813vw 0.5208vw; */
	padding: 14px 10px;
  background: #fff;
  border: 1px solid #b7bac3;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05) inset;
  max-height: 300px;
}
.sms_modal .gContact .bundleList {
	height: 100%;
}

.sms_modal .contactList{
	padding: 14px 10px;
    min-height: 300px;
	max-height: 300px;
}

.sms_modal .pContactList > li,
.sms_modal .eContactList > li,
.sms_modal .contactBundle > li {
  display: flex;
  position: relative;
  width: 100%;
	padding: 7px 10px;
	font-size: 15px;
	
    width: max-content;
    white-space: nowrap;
    min-width: 100%;
    padding-right: 35px;
}
.sms_modal .gContactList > li:not(:first-child),
.sms_modal .dContactList > li:not(:first-child) {
/*   margin-top: 1.1458vw; */
    margin-top: 15px;
}
.sms_modal .pContactList > li button,
.eContactList > li button,
.sms_modal .contactBundle > li button,
.sms_modal .groupEdit .bundleList button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
/*   width: 0.625vw; */
/*   height: 0.625vw; */
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 	width: 12px;
    height: 12px;
}
.sms_modal .pContactList > li:hover,
.eContactList > li:hover,
.sms_modal .contactBundle > li:hover {
  background-color: #f3f5ff;
  cursor: pointer;
}
.sms_modal .pContactList > li:hover button,
.eContactList > li:hover button,
.sms_modal .contactBundle > li:hover button,
.sms_modal .groupEdit .bundleList li:hover button {
   background-image: url(/static/images/icon/contact_delete.png);
}
.situ_modal .situ_ofc_number li:hover button{
	background-image: url(/static/images/icon/contact_delete.png);
}
.sms_modal h5 {
  font-size: 14px;
  color: #3978fc;
/*   padding: 0 0.5208vw 0.2083vw; */
	padding: 7px 10px;
}
.sms_modal .contactBundle.grouptit h5 {
    padding: 0;
}
.sms_modal .gGroupList {
  height: 60%;
}
.sms_modal .groupEdit_btn {
	height: 40px;
/*   padding: 0 1.0417vw; */
/*   font-size: 0.7292vw; */
/*   margin-top: 0.5208vw; */
	margin-left: auto;
	padding: 13px;
	font-size: 14px;
	margin-top: 15px;
}
.sms_modal .bundleList li {
/*   font-size: 0.7813vw; */
/*   padding: 0.3646vw 0.5208vw; */
	font-size: 14px;
	padding: 7px 10px;
	position:relative;
}
.sms_modal .bundleList li:hover {
  background-color: #f3f5ff;
}
.sms_modal .bundleList li span{
	padding-left:10px;
}
.sms_modal .bundleList li button{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    /* width: 0.625vw; */
    /* height: 0.625vw; */
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 12px;
    height: 12px;
}
.sms_modal .bundleList li:hover button{
	background-image:url(/static/images/icon/contact_delete.png);
}
.sms_modal .bundleList li.active {
  background-color: #f3f5ff;
}
.sms_modal h4 {
  font-family: 'NotoSansKR-Bold';
/*   font-size: 0.9375vw; */
/*   padding-top: 0.5208vw; */
/*   padding-bottom: 1.0417vw; */
	font-size: 18px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.sms_modal .pContact .wrapper,
.sms_modal .gContact .wrapper,
.sms_modal .dContact .wrapper {
  flex-direction: column;
}
.sms_modal .pContact .wrapper {
	align-items: flex-start;
	width: 45%;
}
,
.sms_modal .gContact .wrapper,
.sms_modal .dContact .wrapper {
	height: auto;
}
.sms_modal .pContact .wrapper h4 {
	padding-bottom: 15px;
}
.sms_modal .pContact .wrapper .input_wrap {
    width: 100%;
}
.sms_modal .tab_content:not(:last-child) .contactList {
  width: 50%;  
}
.sms_modal .tab_content:not(:last-child) form,
.sms_modal .gContact .wrapper,
.sms_modal .dContact .wrapper {
  width: 50%;
}
.sms_modal .tab_content:not(:last-child) form input {
  width: 100%;
/*   height: 2.6042vw; */
	height: 50px;
}
.sms_modal .tab_content:not(:last-child) form button {
/*   width: 20%; */
}
.sms_modal .contactBundle {
  width: 100%;
}
.sms_modal .eContact .contactList {
  width: 82%;
}
.sms_modal .eContact .contactPick_btn {
  width: 18%;
}
.sms_modal .descript {
/*   margin-top: 1.3021vw; */
	margin-top: 30px;
}
.sms_modal select {
  width: 82%;
/*   height: 2.6042vw; */
/*   font-size: 0.8333vw; */
  border: 1px solid #2c3646;
	height: 50px;
    font-size: 16px;
}
.sms_modal select + .add_btn {
  width: 18%;
}
.sms_modal textarea {
	display: block;
	width: 100%;
	border: 1px solid #b7bac3;
	border-radius: 0;
	min-height: 50px;
    font-size: 15px;
    margin-top: 15px;
    padding: 20px;
    background: #fff;
}
.sms_modal .delTemplate_btn {
	border: 1px solid #e55757;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    margin-left: auto;
}
.sms_modal .modal_bottom{
	border-top: none;
    margin-top: 0;
}
/* 연락처 선택 (SMS) */
.sms_modal .contactPick {
  top: 25%;
  left: 60%;
/*   padding: 0 1.6667vw; */
  padding: 0 32px;
}

.temp_pTxtCount {
	padding-top: 25px;
    font-size: 16px;
    color: #333;
    /* text-align: center; */
}

.temp_txTxcount .temp_txTxcountItem {
	padding-top: 10px;
    font-size: 16px;
    color: #333;
    text-align: right;
    float : right;
}

.temp_txTxcount .temp_txTxAlertItem {
	padding-top: 10px;
    font-size: 16px;
    color: #333;
    text-align: left;
    float : left;
}

.temp_txTxcount .temp_txTxcountItem div.label {
    display: inline;
    color: #000;
}

.temp_txTxcount .temp_txTxcountItem #temp_TextLen {
    color: #39f;
}

.temp_txTxcount .temp_txTxcountItem #temp_TextByte {
    color: #39f;
}

.contactPick_list {
/*   margin-top: 2.3438vw; */
/*   padding: 1.3021vw 1.0417vw; */
	background: #fff;
	border-top: 4px solid #192b80;
	border-bottom: 1px solid #8a8a8a;
	margin-top: 50px;
	padding: 30px 20px;
}
.contactPick_list > li {
  position: relative;
}
/* .contactPick_list > li:not(:last-child) { */
/*   padding-bottom: 1.3021vw; */
/* } */
.contactPick_info {
  display: flex;
}
.contactPick_info > li {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.contactPick_info label {
  position: absolute;
  top: 0;
  left: 0;
}
.contactPick .wrapper {
  width: 100%;
  white-space: nowrap;
}
.contactPick .wrapper > li {
/*   padding: 0 1.0417vw; */
	padding: 0 20px;
  border-right: 1px solid #d0d1d2;
}
.contactPick .wrapper > li:first-child {
  padding-left: 0;
}
.contactPick .wrapper > li:last-child {
  border-right: none;
}
.contactPick .pagination {
  padding: 20px 0;
  background: #eaeff9;
}
.contactPick .exel {
  font-size: 15px;
  margin-top: 15px;
  margin-left: auto;
  padding: 12px 15px;
}
.contactPick .subModal_submit {
  margin-top: 15px;
/*   margin-bottom: 2.0833vw; */
	margin-bottom: 40px;
}
.contactPick .modal_sub {
/*   padding: 1.5625vw; */
	padding: 30px;
}
/* 템플릿 추가 (SMS) */
.sms_modal .addTemplate {
  top: 45%;
  left: 55%;
  padding: 30px;
}
.sms_modal .addTemplate li {
  display: flex;
  justify-content: space-between;
}
.sms_modal .addTemplate li:first-child p {
  align-self: center;
}
.sms_modal .addTemplate li:last-child {
/*   margin-top: 0.5208vw; */
	margin-top: 10px;
}
.sms_modal .addTemplate li:last-child p {
  align-self: start;
}
.sms_modal .modal_sub p {
  display: flex;
  align-items: center;
/*   font-size: 0.8333vw; */
	font-size: 16px;
	word-break: keep-all;
}

.sms_modal .addTemplate p {
	margin-right: 20px;
	white-space: nowrap;
}
.sms_modal .addTemplate input {
/*   width: 15.1042vw; */
/*   height: 2.0833vw; */
	width: 290px;
	padding: 10px 15px;
    font-size: 15px;
}
.sms_modal .addTemplate textarea {
/*   width: 15.1042vw; */
/*   height: 5.2083vw; */
  margin: 0;
  padding: 15px;
	font-size: 15px;
    width: 290px;
}
/* 그룹편집 (SMS) */
.sms_modal .groupEdit {
  top: 48%;
  left: 51%;
  padding: 30px;
  position: absolute;
}
.sms_modal .groupEdit .makeGroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sms_modal .groupEdit .makeGroup input {
/*   height: 2.0833vw; */
/*   margin: 0 0.5208vw; */
	font-size: 15px;
/*     margin: 0 10px; */
	margin: 0 10px 0 20px;
    height: 40px;
}
.sms_modal .groupEdit .makeGroup button {
/*   height: 2.0833vw; */
/*   font-size: 0.8333vw; */
	color: #fff;
/*   padding: 0 0.7813vw; */
	background: #5479f7;
	border: 1px solid #1b57d4;
	border-radius: 3px;
	font-size: 16px;
    height: 40px;
    padding: 0 15px;
}
.sms_modal .groupEdit .bundleList {
/*   margin-top: 0.7813vw; */
	margin-top: 15px;
}
.sms_modal .groupEdit .bundleList li {
  position: relative;
}
.sms_modal .groupEdit .gPhoneNum {
/*   padding: 0.7813vw 0.5208vw; */
  background: #f0f2f5;
  border: 1px solid #b7bac3;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 14px 10px;
}
.sms_modal .groupEdit .gPhoneNum .bundleList {
/*   height: 3.8542vw; */
  margin-top: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  height: 75px;
}
.sms_modal .groupEdit .gPhoneNum .bundleList strong {
  color: #4166e4;
  margin-right: 5px;
}
.sms_modal .groupEdit .gPhoneNum .bundleList li:hover {
  background: #fff;
}
.sms_modal .groupEdit .gPhoneNum .input_wrap {
  justify-content: space-between;
  margin-top: 15px;
}
.sms_modal .groupEdit .gPhoneNum input {
  width: 80%;
/*   height: 2.0833vw; */
	height: 40px;
}
.sms_modal .groupEdit .gPhoneNum input:nth-child(2) {
	width: 40%;
    margin-left: 5px;
}
.sms_modal .groupEdit .gPhoneNum .addPN_btn {
  width: 20%;
/*   height: 2.0833vw; */
/*   font-size: 0.7813vw; */
  margin-left: 0.5208vw;
  background: rgb(244,246,249);
  background: linear-gradient(0deg, rgba(244,246,249,1) 0%, rgba(255,255,255,1) 100%);
  border: 1px solid #2c3646;
  border-radius: 3px;
  height: 40px;
  font-size: 15px;
  
}
.sms_modal .groupEdit .subModal_submit {
/*   margin-top: 1.25vw; */
	margin-top: 24px;
}

/* 야간 모드 */
.night_mode {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.1111vh;
  width: 100%;
}
.night_mode p {
  color: #fff;
  font-size: 14px;
}
.switch_wrap {
  position: relative;
  width: 36px;
  height: 19px;
  margin: 0 auto;
  margin-top: 10px;
}
.switch_wrap:hover {
  cursor: pointer;
}
.switch_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  transition: all .13s;
  z-index: 2;
}
.switch_btn.active {
  left: 50% !important;
}
.switch_body {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 15px;
  background: #5180e3;
  border-radius: 100px;
}

/* 헤더 공통(PC) */
header {
  position: fixed;
  width: 100%;
  color: #fff;
  background: #192b80;
  z-index: 970;
}
.header_pc {
  height: 70px;
}
.header_pc nav {
  width: 100%;
}
.construction_site .header_pc nav {
  padding-left: 104px;
/*   padding-right: 34px; */
}
.header_pc .title {
  font-size: 20px;
  margin-left: 19px;
}
.logo_wrap a {
	display: flex;
	height: 50px;
}
.map_page header .logoImg {		/* 지도페이지 로고 */
	height: 50px;
    padding-left: 15px;
}
.header_pc .nav_right {
	margin-left: 30px;
}
.header_pc .sub_title > p {
  position: relative;
  font-size: 14px;
}
.header_pc .sub_title > p::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
  width: 5px;
  height: 14px;
  background: #9dd1ff;
  border-radius: 2.5px;
}
.header_pc .sub_title span {
  font-size: 18px;
  margin-left: 18px;
  white-space: nowrap;
}
.header_pc .sub_title span:hover {
  cursor: pointer;
}
.header_pc .sub_title .title_submenu{
	background: #2a3b8a;
    margin-left: 25px;
    height: 35px;
/*     border: 1px solid #8c95c0; */
    border-radius: 2px;
}
.header_pc .sub_title .title_admin{
	position:relative;
}
.header_pc .sub_title .title_admin::before{
	content:"";
	width:1px;
	height:15px;
	background-color:#8c95c0;
	position:absolute;
	left:0px;
}
.header_pc .sub_title .title_mywork, .title_admin{
	display: flex;
	align-items: center;
}
.header_pc .sub_title .title_mywork p{
	width: 65px;
	text-align:center;
	font-size:13px;
}
.header_pc .sub_title .title_mywork p:hover{
	color:#64eef9;
}
.header_pc .sub_title .title_admin p:hover{
	color:#64eef9;
}
.header_pc .sub_title .title_admin p{
	width: 60px;
	text-align:left;
	padding-left:8px;
	font-size:13px;
}
.header_pc .sub_title .title_mywork .mywork_icon, .title_admin .admin_icon{
	margin-left:10px;
}
.header_pc .sub_title .title_mywork .mywork_icon{
	width:16px;
	height:14px;
	background-size:16px 14px;
	background-image:url(../../static/images/icon/title_mywork.png);
	background-position:center;
	background-repeat:no-repeat;
}
.header_pc .sub_title .title_admin .admin_icon{
	width:15px;
	height:15px;
	background-size:15px 15px;
	background-image:url(../../static/images/icon/title_admin.png);
	background-position:center;
	background-repeat:no-repeat;
}

.header_pc .login {
  display: none;
}
.header_pc .sub_title,
.header_pc .logout {
    /* display: none; */
}
.header_pc .login,
.header_pc .logout {
  margin: 0 32px;
}
.header_pc .login button,
.header_pc .logout button {
  color: #fff;
} 
.header_pc .log_icon {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #979fc6;
  margin-right: 8px;
  border-radius: 100px;
  transition: background .13s;
}
.header_pc .login .log_icon {
  background-image: url(../images/icon/login.png);
}
.header_pc .logout .log_icon {
  background-image: url(../images/icon/logout.png);
}
.header_pc .login:hover button,
.header_pc .logout:hover button {
  color: #64eef9;
  transition: color 0.13s;
}
.header_pc .login:hover .log_icon {
  background-image: url(../images/icon/login_on.png);
  background-color: #fff;
}
.header_pc .logout:hover .log_icon {
  background-image: url(../images/icon/logout_on.png);
  background-color: #fff;
}
.header_pc .go_map{
	border: 1px solid #fff;
	border-radius:3px; 
	margin-right:30px;
}
.header_pc .go_map button {
  width: 110px;
  height: 34px;
  font-size: 14px;
  color: #fff;
  padding: 0;
  background: #3b4b93;
  transition: all .13s;
/*   margin-bottom:1px; */
/*   border-top:1px solid #8191cb; */
/*   border-left:1px solid #8191cb; */
}
/* .header_pc .go_map button:first-child{ */
/* 	background-color:#3d56af;	 */
/* } */
/* .header_pc .go_map button:last-child{ */
/* 	background-color:#2c7ed2;	 */
/* } */
.header_pc .go_map button:hover {
  color: #f0f0f1;
  background-color: #1a1d2e;
}
.header_pc .go_map button:hover .go_map_icon {
  background-color: #313443 !important;
  background-image: url(../images/icon/go_map_on.png);
}
.header_pc .go_map_icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-color: #fff;
  background-image: url(../images/icon/map_icon.png);
  background-repeat: no-repeat;
  background-position: 55%;
  border-radius: 100px;
}
/* .header_pc .go_map button:last-child>.go_map_icon{ */
/* 	background-color:#468ed7; */
/* } */

/* 헤더 (태블릿 & 모바일) */
.header_m {
  display: none;
  box-shadow: 0px 10px rgb(0 0 0 / 15%);
}

/* 상황전파 버튼 (모바일) */
.send_btn_m {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  font-size: 28px;
  padding: 10px 0 0 0;
  background: rgba(0, 0, 0, 0.15);
/*   z-index: 999; */
  z-index: 900;
  display: flex;
}
.send_btn_m button {
  width: 50%;
  height: 90px;
  line-height: 1;
}
.situ_send_m {
  color: #fff;
  margin-right: 10px;
  background: rgb(84,121,247);
  background: linear-gradient(360deg, rgba(84,121,247,1) 0%, rgba(133,158,245,1) 100%);
  z-index: 985;
}
.send_btn_m img {
  width: 38px;
  margin-right: 16px;
}
.sms_send_m {
  background: rgb(195,202,213);
  background: linear-gradient(0deg, rgba(195,202,213,1) 0%, rgba(255,255,255,1) 100%);
	color: #000;
}


/* 모바일 메뉴 (로그인 버전) */
.mobile_menu {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 909;
  overflow: hidden;
}
.mobile_menu .m_login {
  display: none;
}
.mobile_menu .m_logout {
  /* display: none; */
  height:100%;
}
/* 모바일 메뉴 상단 */
.mobile_menu .m_menu_top {
/*   position: absolute; */
  top: 0;
  width: 100%;
  height: 170px;
/*   height:230px; */
  background-image: url(../images/m_menu_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 999;
}
.mobile_menu .login_text {
  padding: 32px 27px 16px;
}
.mobile_menu .login_text > span {
  line-height: 1;
  font-size: 32px;
  color: #fff;
  padding-left: 16px;
  width: calc(100% - 110px);
}
.mobile_menu .login_text strong {
  color: #50ffe1;
}
.mobile_menu .login_icon {
  width: 64px;
  height: 64px;
  background-color: #28344c;
  background-image: url(../images/icon/login_white_m.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100px;
}
.mobile_menu .login,
.mobile_menu .logout {
  font-size: 20px;
  color: #fff;
  margin-left: 27px;
}

.mobile_menu .login img,
.mobile_menu .logout img {
  margin-left: 8px;
  vertical-align: middle;
}
.mobile_menu .close_btn {
  position: absolute;
  top: 32px;
  right: 28px;
  width: 35px;
  height: 35px;
  padding: 0;
  background-image: url(../images/icon/close_btn.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-color: transparent;
}

/* 관리자 헤더 */
.header_pc_admin nav{
	background:#25282b;
}
.header_pc_admin .log_icon{
	background-color:#9d9e9f;
}
.header_pc_admin nav .admin_text{
	font-size:16px;
	font-family: 'NotoSansKR-Regular';
    margin-left: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 35px;
    background: #525662;
    border-radius: 2px;
}

/* 나의업무 / 관리자 */
.m_title_submenu .title_submenu{
	background: transparent !important;
    margin-left: 10px;
    height: 35px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 2px;
}
.m_title_submenu .title_submenu .title_mywork p, .title_admin p{
	font-size:13px;
	color:#fff;
}
.m_title_submenu .title_submenu .title_mywork p{
	width:65px;
	text-align: center;
}
.m_title_submenu .title_submenu .title_admin p{
	width: 60px;
    text-align: left;
    padding-left: 8px;
}
.m_title_submenu .title_submenu .title_mywork .mywork_icon{
	width: 16px;
    height: 14px;
    background-size: 16px 14px;
    background-image: url(../../static/images/icon/title_mywork.png);
    background-position: center;
    background-repeat: no-repeat;
}
.m_title_submenu .title_submenu .title_admin .admin_icon{
	width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-image: url(../../static/images/icon/title_admin.png);
    background-position: center;
    background-repeat: no-repeat;
}
.m_title_submenu .title_submenu .title_mywork .mywork_icon, .title_admin .admin_icon{
	margin-left:10px;	
}

.go_site{
	
}
.go_site > ul > li{
	display:flex;
}
.go_site > ul > li > button{
	width:50%;
/* 	margin-top:30px; */
	height:75px;
	border-top:2px solid #fff;
	font-size:26px;
	color:#fff;
	font-family: 'NanumSquareEB';
}
.go_site > ul > li > button:first-child{
	background:#3d56af;
}
.go_site > ul > li > button:last-child{
	background:#2c7ed2;
}
.go_site > ul > li > button:hover .go_map_icon {
  background-color: #313443 !important;
  background-image: url(../images/icon/go_map_on.png);
}
.go_site > ul > li > button:hover {
  color: #f0f0f1;
  background-color: #1a1d2e;
}
.go_site > ul > li > button .go_map_icon {
  width: 20px;
  height: 20px;
  margin-left: 25px;
  background-color: #556bb9;
  background-image: url(../images/icon/go_map_on.png);
  background-repeat: no-repeat;
  background-position: 55%;
  border-radius: 100px;
}
.go_site > ul > li > button:first-child > .go_map_icon{
	background-color:#556bb9;
}
.go_site > ul > li > button:last-child > .go_map_icon{
	background-color:#468ed7;
}

/* 모바일 메뉴 리스트 */
.mobile_menu .m_menu_lists {
/*   height: 100%; */
  	overflow-y: scroll;
/*   	margin-top: 10px; */
}
.mobile_menu .m_menu_lists > ul {
/* 	height:100%; */
	margin-bottom: 100px;
 	padding: 0px 25px;
  	margin-top: 10px;
}
.mobile_menu .m_menu_lists > ul > li:not(:last-child) {
  border-bottom: 2px solid #d4d4d4;
}
.mobile_menu .m_menu_lists > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 35px 16px;
}
.mobile_menu .m_menu_lists ul li .m_submenu li a img{
	height:14px;
}
.mobile_menu .m_menu_lists li p {
  font-size: 28px;
  color: #3e3e3e;
}
.mobile_menu .m_menu_lists .accordion_btn {
  width: 45px;
  height: 45px;
  background-image: url(../images/icon/arrow_blue.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fafafa;
  border: 1px solid #bcc5d6;
  border-radius: 100px;
  transition: all .3s;
}
.accordion_btn.active {
  transform: rotate(180deg);
}
.mobile_menu .m_submenu {
  padding: 16px 0;
  background: #ededed;
}
.mobile_menu .m_submenu a {
    padding: 16px;
    display: block;
}
.mobile_menu .m_submenu li:not(:last-child) {
/*   padding-bottom: 24px; */
}
.mobile_menu .m_submenu li span {
  font-size: 26px;
  color: #28344c;
  padding-left: 5px;
}
.mobile_menu .m_submenu li:hover span {
  color: #3978fc;
}
/* 모바일 메뉴 하단 */
.mobile_menu .m_menu_bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
/*   margin-top: 100px; */
  background: #fafafa;
  border-top: 1px solid #707070;
  z-index: 1;
}
.mobile_menu .bottom_menu {
  height: 130px;
/*   margin-top: 30px; */
/*   margin-left: 45px; */
/*   margin-right: 28px; */
  padding-top:30px;
}
.mobile_menu .home_btn {
  height: 40px;
  font-size: 32px;
  color: #3978fc;
  margin-left:45px;
}
.mobile_menu .home_btn img {
  margin-right: 15px;
}
.mobile_menu .night_mode_m {
  margin-right:28px;
  height: 47px;
}
.mobile_menu .night_mode_m p {
  line-height: 1;
  font-size: 30px;
  margin-right: 25px;
}
.mobile_menu .switch_wrap {
  width: 90px;
  height: 100%;
  margin-top: 0;
}
.mobile_menu .switch_btn {
  top: 0;
  left: -2px;
  transform: none;
  width: 47px;
  height: 47px;
}
.mobile_menu .switch_body {
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  background: #28344c;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
}
.mobile_menu .account_wrap {
  width: 100%;
}
.mobile_menu .account_wrap button {
  width: 50%;
  height: 80px;
  font-size: 26px;
  color: #fff;
  background: #28344c;
  border-top: 1px solid #b9b9b9;
}
.mobile_menu .account_wrap button:first-child {
  border-right: 1px solid #b9b9b9;
}

/* 모바일 메뉴 (로그아웃 버전) */
.mobile_menu .m_logout .login_icon {
  background-color: transparent;
  background-image: url(../images/icon/profile.png);
  background-size: cover;
}
.mobile_menu .m_logout .login_text span {
  font-size: 26px;
}
.mobile_menu .m_logout .login_text strong {
  position: relative;
  font-size: 32px;
/*   padding-right: 55px; */
  white-space: nowrap;
}
.mobile_menu .m_logout .login_text strong::after {
  content: "";
/*   position: absolute; */
/*   top: 25%; */
/*   right: 25px; */
  width: 2px;
  height: 30px;
  background: #a4c1ff;
  margin: 0 30px;
}
.mobile_menu .m_logout .account_wrap button {
  width: 100%;
}


/* 서브 페이지 */

/* 서브페이지 헤더 (PC) */
.sub_page .header_pc nav {
  padding-left: 26px;
}

/* 서브페이지 사이드 메뉴 (PC) */
.sub_page aside {
  width: 16.4583vw;
  height: 100vh;
  background: #2c3646;
  z-index: 9;
}
.sub_page aside nav {
  padding-top: 70px;
}
.sub_page .menu_title {
  height: 75px;
  font-size: 24px;
  color: #fff;
  padding: 0 1.3542vw;
  background: rgb(0,204,178);
  background: linear-gradient(-45deg, rgba(0,204,178,1) 31%, rgba(57,120,252,1) 100%);
	justify-content: space-between;
}
.sub_page .menu_title span {
  display: flex;
  align-items: center;
/*   width: 80%; */
  height: 45%;
/*   border-right: 1px solid #00a28d; */
}
.sub_page button.home {
  justify-content: flex-end;
/*   width: 20%; */
  height: 45%;
  padding: 0;
  border-left: 1px solid #80e6d9;
  
  box-shadow: -1px 0px #00a28d;
    padding-left: 20px;
}
.sub_page .side_menu > ul {
  padding-top: 1.5625vw;
  background: #354052;
  border-bottom: 1px solid #354052;
}
.sub_page .sideMenu_item {
  transition: all .1s;
}
.sub_page .sideMenu_item:hover {
  background: #2c3646;
  color: #fff;
}
.sub_page .sideMenu_item:hover,
.sub_page .sideMenu_item.active {
  position: relative;
  background: #2c3646;
  color: #fff;
  z-index: 0;
}
.sub_page .sideMenu_item:hover::before,
.sub_page .sideMenu_item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #00ccb2;
  z-index: -1;
}
.sub_page .sideMenu_item a {
  display: flex;
  align-items: center;
  width: 12.8125vw;
  margin: 0 auto;
}
.sub_page .sideMenu_item > a {
  padding: 2.1296vh 0;
  border-bottom: 1px solid #414f64;
}
.sub_page .sideMenu_item:last-child > a {
	border-bottom: 0;
}
.sub_page .sideMenu_item > a > img {
  margin-left: auto;
  margin-right: 10px;
  transition: all .3s;
}
.sub_page .sideMenu_icon {
  width: 25px;
  height: 25px;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.sub_page .fast_menu_icon{
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
}


.sub_page .sideMenu_item[value="0"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu0.png);
}
.sub_page .sideMenu_item[value="0"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu0_dark_on.png) !important;
}
.sub_page .sideMenu_item[value="1"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu1.png);
}
.sub_page .sideMenu_item[value="1"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu1_dark_on.png) !important;
}
.sub_page .sideMenu_item[value="2"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu2.png);
}
.sub_page .sideMenu_item[value="2"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu2_dark_on.png) !important;
}
.sub_page .sideMenu_item[value="3"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu3.png);
}
.sub_page .sideMenu_item[value="3"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu3_dark_on.png) !important;
}
.sub_page .sideMenu_item[value="4"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu4.png);
}
.sub_page .sideMenu_item[value="4"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu4_dark_on.png) !important;
}
.sub_page .sideMenu_item[value="5"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu5.png);
}
.sub_page .sideMenu_item[value="5"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu5_dark_on.png) !important;
}
.sub_page .sideMenu_item[value="6"] .sideMenu_icon {
  background-image: url(../images/icon/sub_side_menu6.png);
}
.sub_page .sideMenu_item[value="6"].active .sideMenu_icon {
  background-image: url(../images/icon/side_menu6_dark_on.png) !important;
}


.sub_page .pc_submenu {
  padding: 25px 0;
  background: #4a5362 !important;
}
.sub_page .pc_submenu li {
  padding-left: 14px;
}
.sub_page .pc_submenu li:not(:last-child) {
  margin-bottom: 15px;
}
.sub_page .pc_submenu li span {
  line-height: 1;
  font-size: 15px;
  color: #fefefe;
  padding-left: 4px;
  transition: color .1s;
}
.sub_page .pc_submenu li:hover span {
  color: #00ccb2;
}
.sub_page .pc_submenu li.active span {
  color: #00ccb2;
}

/* 서브메뉴 하단 버튼 */
.sub_page .bottom_btn_wrap {
  position: absolute;
  bottom: 2.9630vh;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 3.3333vh;
}
/* 빠른입력 버튼 */
.sub_page .sub_fast_menu{
/* 	padding: 0px 30px; */
/*     position: absolute; */
/*     bottom: 10vh; */
    margin-bottom: 2vh;
}
.sub_page .sub_fast_menu .sub_fast_menu_box{
	background-color:#212834;
    border: 1px solid #969ba3;
    border-radius: 3px;
    padding: 13px;
    width: 100%;
}
.sub_page .sub_fast_menu .sub_fast_menu_box:hover{
	background:#354052;
}
.sub_page .sub_fast_menu .sub_fast_menu_box a{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
}
.sub_page .sub_fast_menu .fast_menu_icon{
	background-image:url(../images/icon/side_menu7.png);
}
.sub_page .send_btn button {
  width: 50%;
  height: 4.6296vh;
  font-size: 1.4815vh;
  border-radius: 3px;
  transition: opacity 0.1s;
}
.sub_page .send_btn button:hover {
  opacity: 90%;
}
.sub_page .situSend_btn {
  color: #fff;
  margin-right: 0.5208vw;
  background: rgb(66,87,190);
  background: linear-gradient(360deg, rgba(66,87,190,1) 0%, rgba(110,128,213,1) 100%);
}
.sub_page .smsSend_btn {
  background: rgb(195,202,213);
  background: linear-gradient(0deg, rgba(195,202,213,1) 0%, rgba(255,255,255,1) 100%);
}
.sub_page .send_btn img {
  width: 2.2222vh;
  margin-right: 0.6250vw;
}
@media (max-height: 1024px){
	/* 	상황전파, sms */
	.situ_modal .subModal_bg,
	.sms_modal .subModal_bg,
	.prelp_sms_modal .subModal_bg{
	    display: none;
	    background: rgba(0, 0, 0, 0.7);
	}
}
@media (max-height: 692px) {
  /* 메인 페이지 */
  .construction_site .sideMenu_item {
      height: auto;
      padding-top: 10px;
  }
  .construction_site .sideMenu_icon {
    width: 35px;
    height: 35px;
    margin: 0 auto;
  }
  .construction_site .sideMenu_item p {
      padding-top: 5px;
      padding-bottom: 5px;
  }

  /* 서브 페이지 */
  .sub_page .side_menu > ul {
    padding-top: 0;
  }
}