@media (max-width:1290px) {

	body {
		font-size: 0.9rem;
		/* overflow: auto; */
	}

	.hamburger {
		display: flex;
	}
	
	.popupWrap:has(#preListenPop) {
	   width: 100% !important;
	}

	.temporary_sidebar {
		transform: translateX(-100%);
		transition: all 0.2s;
		width: 40%;
		padding-top: 60px;
		height: 100%;
		overflow-y: auto;
	}

	.temporary_sidebar_menu a,
	.submenu-toggle,
	.submenu li a {
		font-size: 1.4rem;
		padding: 18px 0;
		width: 100%;
		text-align: center;
	}

	.temporary_sidebar.active {
		transform: translateX(0%);
		transition: all 0.2s;
	}

	.has-submenu {
		padding: 18px 0;
	}

	.has-submenu .submenu-toggle {
		padding: 0;
	}

	.temporary_sidebar_menu li.active>a,
	.submenu-toggle.active,
	.temporary_sidebar_menu .submenu li.active>a,
	.has-submenu.open {
		background-color: var(--sidemenu-act);
	}

	.submenu-toggle.active {
		height: 55px;
	}


	.has-submenu.open {
		padding: 18px 0 0;
	}

	.btn_basic,
	.act_btns {
		min-height: 44px;
		font-size: 0.9rem;
	}

	#adbkMngReset.btn_basic,
	#adbkMngSave.btn_basic {
		min-height: 32px;
		font-size: 0.9rem;
	}

	a.ico {
		padding-top: 3px;
	}

	input[type=text],
	input[type=password],
	select {
		font-size: 1rem;
		min-height: 44px;

	}

	.table_wrap {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	header { 
		background-color: white; 
		width: 100%; 
		position: fixed; 
		z-index: 200; 
		display: flex; 
		height: 60px; 
	}
	
   .logo {
       position: absolute;
       left: 48%;
       top: 40%;
       transform: translate(-50%, -50%);
       z-index: 201;
       display: flex;
       align-items: center;
       justify-content: center;
       pointer-events: none; /* 필요시 */
   }

   .logo img {
       width: auto;
       display: block;
   }
   

	
    .dateBox {
        display: none;
    }

	.mobile_menu_title {
		color: var(--black);
		text-align: center;
		font-size: 1.3rem;
	}

	.logo,
	.dateBox {
		display: none;
	}

	.mobile_logo,
	.mobile_menu_title {
		display: block;
	}

	.mobile_dp_wrap {
		display: none;
	}

	.header_btns {
		margin-left: 10%;
		padding: 0;
	}

	.header_btns .dateBox {
		width: auto;
	}

    .header_btns p,
    .header_btns a {
        color: #707070;
    }

	header .justfiy-right {
		width: 100%;
		align-items: center;
	}


	header .btnsList {
		/*width: 10%;*/
		/*margin-right: 0;*/
	}

	header .headerUserInfo {
		/*width: 20%;*/
	}

    .modeToggle {
        /*width: 90%;*/
        /*padding-top: 20px;*/
    }

	.mobile_logo {
		text-align: center;
		width: 31%;
		font-size: 0.8rem;
	}
	
	.mobile_logo {
      position: absolute;
      left: 48%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 201;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none; /* 필요시 */
	  }
	
	  .mobile_logo img {
	      width: 150px;
	      display: block;
	  }

	.switch_wrapper {
		margin-top: 0px;
	}

	/* header end */

	.schInner button img {
		width: 20px;
		margin-top: 13px;
	}

	table,
	.folderBox {
		overflow: scroll;
		/*height: calc(100% - 30px);*/
	}

	.cont_wrap {
		flex-direction: column;
		padding-top: 70px;
		background-color: var(--inner-cont-back-color);
		height: auto;
		min-height: 100vh;
	}

	.inner_cont {
		height: auto;
		flex-direction: column;
		margin-left: 0%;
		margin-top: 14px;
		padding: 0 8px;
	}

	.l_box,
	.r_box,
	.l_box20,
	.l_box25,
	.l_box33,
	.l_box45,
	.l_box50,
	.r_box50,
	.c_box33,
	.r_box33,
	.r_box55,
	.r_box75,
	.r_box80,
	.l_innerBox,
	.r_innerBox,
	.inner_cont_top,
	.inner_cont_bottom,
	.r_box_top,
	.r_box_bottom, 
	.r_box_upBox,
	.r_box_downBox {
		width: 100%;
		height: auto;
		padding: 16px;
		margin: 0;
		margin-bottom: 8px;
	}
	
	.r_box_wrap {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	.r_box_p_0,
	.r_box75_p_0,
	.r_box80_p_0 {
		width: 100%;
		margin: 0;
		margin-bottom: 8px;
	}

	.dp_mobile_flex {
		display: flex;
	}

	.boxArea {
		overflow-y: auto;
	}

	/* addressbook */
	#adbkContent .shareTypeTab {
		height: 40px;
	}

	#adbkContent .l_box .tab_content {
		height: 500px;
	}

	#adbkContent .l_box .innerBox {
		height: auto;
	}

	#adbkContent .l_box .top_btns {
		justify-content: left;
		display: flex;
		width: 50%;
	}

	#adbkContent .l_box .topBox {
		margin-top: 0;
		width: 50%;
	}

	/* #adbkContent .r_box .table_wrap {
        height: 600px;
    } */

	#adbkContent .excel_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	/* arsManage */

	#rsdbBook .l_box .innerBox {
		height: auto;
	}

	#rsdbBook .excel_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	#rsdbBook .l_box .top_btns {
		width: 50%;
	}

	#rsdbBook .l_box .top_btns button {
		margin-right: 8px;
	}

	#rsdbBook .l_box .topBox {
		margin: 0;
		width: 50%;
	}

	#rsdbBook .l_box .tab_content {
		height: 340px;
	}

	.r_box_p_0 .arsManage-rbox-top {
		height: auto;
		padding: 16px;
	}

	/* #rsdbBook .table_wrap {
        height: 350px;
    } */

	.arsManage-rbox-bottom {
		height: auto;
		flex-direction: column;
	}

	.arsManage-rbox-bottom .top_btns {
		justify-content: right;
	}

	/* arsScenario */
	/* #arsScenarioContent .table_wrap {
        height: 900px;
    } */

	/* auth */
	#authContent .inner_cont_top_p_0 {
		flex-direction: column;
		height: auto;
	}

	#authContent .inner_cont_top_p_0 .l_box {
		width: 100%;
	}

	#authContent .inner_cont_top_p_0 .l_box .innerCont {
		height: 300px;
	}

	#authContent .inner_cont_top_p_0 .r_box {
		width: 100%;
	}

	#authContent .inner_cont_top_p_0 .r_box .innerBox {
		height: 400px;
	}

	#authContent .inner_cont_bottom_p_0 {
		height: auto;
		flex-direction: column;
		margin: 0;
	}

	#authContent .inner_cont_bottom_p_0 .l_box .innerCont {
		height: 350px;
	}

	#authContent .inner_cont_bottom_p_0 .r_box_p_0 .innerCont {
		height: 300px;
	}

	/* codeMng */
	/*#codeContent .btnBox a {
		display: inline-block;
		min-height: 10px !important;
		line-height: 20px;
	}*/

	#codeContent .form-group {
		align-items: normal;
	}

	#codeContent .inner_cont_top {
		height: auto;
	}

	#codeContent .inner_cont_top .innerBox {
		height: auto;
	}

	#codeContent .inner_cont_top .innerCont {
		height: auto;
		padding-left: 24px;
		padding-bottom: 16px;
	}

	#codeContent .inner_cont_top .innerCont .dp_flex {
		flex-direction: column;
	}

	#codeContent .inner_cont_top .innerBox .form-group {
		flex-direction: column;
		width: 100%;
		margin: 0;
		margin-top: 16px;
	}

	#codeContent .inner_cont_top .innerBox .form-group .w-80p {
		width: 100%;
	}

	#codeContent .inner_cont_top .innerBox .form-group input[type=text],
	#codeContent .inner_cont_top .innerBox .form-group select {
		width: 80%;
		margin-bottom: 12px;
	}

	#codeContent .inner_cont_top .innerBox .form-group .btnBox {
		width: 80%;
	}

	#codeContent .inner_cont_top .innerCont .form-group .dp_mobile_flex .w-50p {
		/* 등록일시 수정일시 */
		width: 100%;
		align-items: normal;
	}

	#codeContent .inner_cont_top .innerCont .form-group .dp_mobile_flex .dp_flex input {
		/* 등록일시 수정일시 */
		width: 80%;
	}

	#codeContent .inner_cont_top .innerBox .form-group label {
		margin-bottom: 8px;
	}

	#codeContent .inner_cont_top .form-group-textarea {
		width: 80%;
		height: 100px;
	}

	#codeContent .inner_cont_bottom {
		height: auto;
	}

	#codeContent .inner_cont_bottom .innerCont {
		height: 400px;
	}

	/* terminal */
	.terminalMng .excel_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	.terminalMng .l_box25 .innerBox {
		height: auto;
	}

	.terminalMng .l_box25 .innerCont {
		height: 350px;
	}

	/* .terminalMng .r_box75 .table_wrap {
        height: 400px;
    } */

	/* ewarning */

	#ewarningContent .top_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	#ewarningContent .l_box25 .innerCont {
		height: 350px;
	}

	/* #ewarningContent .r_box75_p_0 .dataTableWrap {
        height: 350px;
    } */

	#ewarningContent .r_box75_p_0 .boxArea {
		width: 100%;
	}

	#ewarningContent .r_box75_p_0 .divisionBox02 {
		flex-direction: column;
	}

	/*#ewarningContent #staffAlertMsgContent {*/
	/*    height: 150px;*/
	/*}*/

	/* sendhistory */
	.txtHis_wrap .justfiy-space-between {
		justify-content: left;
		flex-direction: column;
	}

	.txtHis_wrap .txtHisBlock .justfiy-space-between .w-30p,
	.txtHis_wrap .txtHisBlock .justfiy-space-between .w-70p {
		width: 100%;
	}

	.txtHis_wrap .justfiy-space-between select,
	.txtHis_wrap .justfiy-space-between .datePicker,
	.txtHis_wrap .top_btns {
		width: 100%;
	}

	.txtHis_wrap .justfiy-space-between .dp_mobile_flex:nth-child(2) {
		margin-top: 8px;
	}

	/* .txtHis_wrap .table_wrap {
        height: 900px;
    } */

	/* menu */
	#menuContent .l_box .innerCont {
		height: 500px;
	}

	#menuContent .r_box .innerBox {
		height: auto;
		padding: 16px !important;
	}

	#menuContent .r_box .innerCont .justfiy-space-between {
		justify-content: left;
		flex-direction: column;
		margin: 0;
	}

	#menuContent .r_box .innerCont .justfiy-space-between .form-group {
		width: 100%;
		margin-top: 8px;
	}

	#menuContent .r_box .innerCont .justfiy-space-between .form-group label,
	#menuContent .r_box .innerCont .h-25vh label {
		width: 20%;
	}

	#menuContent .r_box .innerCont .justfiy-space-between .form-group input[type=text],
	#menuContent .r_box .innerCont .justfiy-space-between .form-group select {
		width: 100%;
	}

	#menuContent .r_box .innerCont .h-25vh {
		margin-top: 8px;
		height: auto;
		width: 100%;
	}

	#menuContent .r_box .innerCont .w-95pi {
		width: 100% !important;
	}

	#menuContent .r_box .innerCont .h-25vh textarea {
		margin: 0;
		height: 100px;
	}

	#menuContent .r_box .innerCont .topBox {
		width: 100% !important;
		text-align: right;
	}

	/* noticeMng */
	#noticeMng_cont_wrap .innerBox {
		height: auto;
	}

	#noticeMng_cont_wrap .setting_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	#noticeMng_cont_wrap .innerBox .justfiy-space-between {
		flex-wrap: wrap;
	}

	#noticeMng_cont_wrap .innerBox .justfiy-space-between .openbtnBox {
		flex-wrap: wrap;
		width: 100%;
	}

	#noticeMng_cont_wrap .innerBox .justfiy-space-between .openbtnBox .datePicker {
		margin: 0;
		width: 100%;
	}

	#noticeMng_cont_wrap .innerBox .justfiy-space-between .openbtnBox .datePicker input {
		margin: 0;
		width: 40%;
	}

	#noticeMng_cont_wrap .innerBox .justfiy-space-between .openbtnBox .datePicker span {
		margin-left: 8px;
	}

	#noticeMng_cont_wrap #searchSelect {
		width: 100%;
		margin: 4px 0;
	}

	#noticeMng_cont_wrap .dp_mobile_flex {
		width: 100%;
	}

	#noticeMng_cont_wrap .dp_mobile_flex input {
		width: 60%;
		margin-right: 8px;
	}

	#noticeMng_cont_wrap .innerBox .top_btns .setting_btns {
		margin-top: 8px;
		display: flex;
		justify-content: right;
	}

	#noticeMng_cont_wrap .innerBox .top_btns .setting_btns a {
		margin-right: 4px;
	}

	/* #noticeMng_cont_wrap .table_wrap {
        height: 900px;
    } */

	/* schedulesend */
	/* #scheduleSendDataTableWrap {
        height: 900px;
    } */

	.scheduleSendData .top_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	/* statistics */
	.statistics_wrap .inner_cont .innerBox {
		height: auto;
	}

	.statistics_wrap .inner_cont .l_box .innerBox .innerCont {
		height: 500px;
	}

	.statistics_wrap .inner_cont .r_box .inner_cont_top_p_0 .dp_flex {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.statistics_wrap .inner_cont .r_box .inner_cont_top_p_0 .schForm {
		width: 100%;
	}

	.statistics_wrap .inner_cont .r_box .inner_cont_top_p_0 .schForm select {
		width: 40%;
	}

	.statistics_wrap .inner_cont .r_box .inner_cont_top_p_0 .dp_flex .schForm:nth-child(2) {
		margin-top: 8px;
		flex-direction: row;
	}

	.statistics_wrap .inner_cont .r_box .innerBox .inner_cont_top_p_0 #statisticsChart {
		height: 300px;
	}

	.statistics_wrap .inner_cont .r_box .innerBox .inner_cont_bottom_p_0 .schForm {
		flex-direction: column;
	}

	.statistics_wrap .inner_cont .r_box .innerBox .inner_cont_bottom_p_0 .schForm .w-70p {
		width: 100%;
	}

	.statistics_wrap .inner_cont .r_box .innerBox .inner_cont_bottom_p_0 .schForm .top_btns {
		width: 100%;
		margin-top: 4px;
	}

	.statistics_wrap .schForm {
		width: 48%;
	}

	.statistics_wrap .top_btns {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		margin-top: 8px;
	}
	.statistics_wrap .schForm > p {
        width: 60px;   
        min-width: 60px;
        text-align: left;
        margin: 0;
    }

	/* eventManage */
	#eventContent .inner_cont .justfiy-space-between {
		flex-direction: column;
	}

	#eventContent .inner_cont .w-40p {
		width: 100%;
	}

	#eventContent .inner_cont #searchOption {
		width: 100%;
		margin-top: 8px;
	}

	/* #eventContent .table_wrap {
        height: 900px;
    } */

	/* moduleManage */
	#moduleContent .justfiy-space-between {
		flex-direction: column;
	}

	#moduleContent .justfiy-space-between .schForm {
		width: 100%;
		margin-bottom: 8px;
	}

	#moduleContent .justfiy-space-between .schForm .schInner {
		width: 80%;
	}

	/* #moduleContent .table_wrap {
        height: 900px;
    } */

	/* replyManage */
	/* .replyManage .r_box80 .table_wrap {
        height: 500px;
    } */

	.replyManage .l_box20 .innerCont {
		height: 500px;
	}

	.replyManage .l_box20 .innerCont .folderBox {
		overflow-y: scroll;
	}

	/* termMdMng */
	#exsystemBody .top_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	#exsystemBody .l_box .innerCont {
		height: 500px;
	}

	#exsystemBody .r_box .justfiy-space-between {
		width: 100%;
	}

	#exsystemBody .r_box .schForm {
		width: 80%;
	}

	#exsystemBody .r_box .top_btns {
		width: auto;
	}

	#exsystemBody .r_box .schForm .schInner {
		width: 80%;
	}

	/* #exsystemBody .r_box .table_wrap {
        height: 500px;
    } */

	/* tideBrd */
	.tudeBrd .l_box100 .justfiy-space-between .datePicker input {
		width: 40%;
	}

	/* .tudeBrd .table_wrap {
        height: 500px;
    } */

	/* tideBrdMng */
	.tideBrdMng .top_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	.tideBrdMng .inner_cont .justfiy-space-between .schForm,
	.tideBrdMng .inner_cont .justfiy-space-between .schForm .schInner {
		width: 100%;
	}

	.tideBrdMng .inner_cont .justfiy-space-between .top_btns {
		width: 30%;
	}

	/* .tideBrdMng .dataTableWrap {
        height: 950px;
    } */

	/* tideGrpMng */
	#tideBrdMngContents .l_box20 .innerCont {
		height: 500px;
	}

	/* #tideBrdMngContents .r_box80_p_0 .table_wrap {
        height: 500px;
    } */

	/* daeminSendContent */
	#daeminSendContent .l_box20 .bmsSend_inner_cont {
		height: 500px;
	}

	#daeminSendContent .r_box_bottom .bmsSend_inner_cont {
		overflow: hidden;
	}

	#daeminSendContent .r_box_bottom .tab_content {
		flex-direction: column;
	}

	#daeminSendContent .r_box_bottom .w-40p {
		width: 100%;
		height: 220px;
	}

	#daeminSendContent .r_box_bottom .w-60p {
		width: 100%;
		height: auto;
	}

	#daeminSendContent .r_box_bottom .bmsSend_inner_cont .w-60p .justfiy-space-between {
		margin-top: 16px;
	}

	#daeminSendContent .r_box_bottom .bmsSend_inner_cont .w-60p .top_btns:nth-child(2) {
		display: flex;
		justify-content: right;
	}

	#daeminSendContent #msgContent {
		height: 200px;
	}

	/* bmsSend */
	#bmsSendContent .l_box20 .bmsSend_inner_cont {
		height: 500px;
	}

	#bmsSendContent .r_box_bottom .bmsSend_inner_cont {
		overflow: hidden;
	}

	/* #bmsSendContent .r_box_top .table_wrap {
        height: 500px;
    } */

	#bmsSendContent .r_box_bottom .tab_content {
		flex-direction: column;
	}

	#bmsSendContent .r_box_bottom .w-40p {
		width: 100%;
		height: 220px;
	}

	#bmsSendContent .r_box_bottom .w-60p {
		width: 100%;
		height: auto;
	}

	#bmsSendContent .r_box_bottom .bmsSend_inner_cont .w-60p .justfiy-space-between {
		margin-top: 6px;
	}

	#bmsSendContent .r_box_bottom .bmsSend_inner_cont .w-60p .top_btns:nth-child(2) {
		display: flex;
		justify-content: right;
	}

	#bmsSendContent #msgContent {
		height: 200px;
	}

	/* msgSend */
	#msgSendDiv .l_box .h-20vh {
		height: 200px;
	}

	#msgSendDiv .l_box #msgContent {
		height: 100%;
	}

	#msgSendDiv .l_box .d-flex .top_btns {
		width: auto;
	}

	#msgSendDiv .l_box .filebox label {
		padding-top: 9px;

	}

	#msgSendDiv .l_box .filebox .w-30p,
	#msgSendDiv .l_box .msgset .w-30p {
		width: 15%;
	}

	#msgSendDiv .l_box .msgset label {
		margin-right: 16px;
	}

	#msgSendDiv .l_box .clearfix {
		width: 30%;
		margin: 16px 8px 8px;
	}

	#msgSendDiv #dynamicMessageDiv {
		margin-top: 16px;
	}

	#msgSendDiv .excel_btns a {
		display: inline-block;
		height: 35px;
		line-height: 35px;
	}

	#msgSendDiv .r_box .w-90p {
		width: 100%;
	}

	#msgSendDiv .r_box .dp_flex {
		flex-direction: column;
		align-items: normal;
	}

	#msgSendDiv .r_box .dp_flex p {
		width: 100%;
		margin-bottom: 8px;
	}

	#msgSendDiv .r_box .dp_flex .w-25p {
		margin-left: 4px;
		width: 15%;
	}

	#msgSendDiv .r_box .dp_flex .w-25p button {
		width: 100%;
	}

	#msgSendDiv .r_box #srchAdbkForm .dp_mobile_flex .w-20p {
		width: 25%;
	}

	#msgSendDiv .r_box #srchAdbkForm .top_btns button {
		margin-left: 4px;
		width: 100%;
	}

	/* #msgSendDiv .table_wrap {
        height: 500px;
    } */

	/* userGroup */
	#userGroupContent .ico {
		padding-top: 6px !important;
	}

	#userGroupContent .r_box80 .btn_basic {
		padding-top: 12px;
	}

	#userGroupContent .l_box20 .innerBox .justfiy-space-between {
		justify-content: right;
	}

	#userGroupContent .l_box20 .innerBox .justfiy-space-between button:nth-child(1) {
		margin-right: 4px;
	}

	#userGroupContent .l_box20 .tab_content {
		height: 500px;
	}

	#userGroupContent .r_box80 .form-group-row {
		margin: 0;
		padding: 16px 0;
	}

	#userGroupContent .r_box80 .dp_mobile_flex {
		flex-direction: column;
	}

	#userGroupContent .r_box80 .form-group-r input[type=text] {
		width: 90%;
	}

	#parentGroupName {
		width: 80% !important;
	}

	#userGrpSelDiv {
		width: 40% !important;
		margin-right: 10%;
	}

	#userGroupContent .r_box80 .form-group-r .dp_mobile_flex .clearfix {
		width: 90%;
		display: flex;
		justify-content: right;
	}

	#userGroupContent #personalInfoTypeCode010 {
		margin-top: 4px;
	}

	#userGroupContent .form-group-r .clearfix {
		margin-top: 4px;
	}

	#userGroupContent .limit_div .dp_flex {
		width: 90%;
	}

	#userGroupContent .payment_explanation {
		height: 150px;
		width: 100%;
	}

	#userGroupContent #reqDesc {
		height: 100px;
	}

	#userGroupContent .act_btns {
		margin-right: 0;
		margin-bottom: 24px;
	}

	#userGroupContent #bankCd,
	#userGroupContent #paymentDateCd {
		width: 90%;
	}

	/* userApp */
	.userApp .l_box20 .innerCont {
		height: 500px;
	}

	.userApp .r_box80 .justfiy-space-between {
		flex-direction: column;
	}

	.userApp .r_box80 .justfiy-space-between .schForm {
		width: 100%;
	}

	.userApp .r_box80 .justfiy-space-between .schForm select {
		width: 40%;
	}

	.userApp .r_box80 .justfiy-space-between .top_btns {
		margin-top: 8px;
	}

	.schForm.dp_flex {
        width: 100%;
    }

    .top_btns {
        flex-shrink: 0; /* 버튼 눌림 방지 */
    }

	/* user */
	.userCont .l_box20 .innerCont {
		height: 500px;
	}

	.userCont .r_box80 .justfiy-space-between {
		flex-direction: column;
	}

	.userCont .r_box80 .justfiy-space-between .schForm {
		width: 100%;
	}

	.userCont .r_box80 .justfiy-space-between .schForm select {
		width: 40%;
	}

	.userCont .r_box80 .justfiy-space-between .top_btns {
		margin-top: 8px;
	}

	/* .userCont .r_box80 .table_wrap {
        height: 500px;
    } */

	/* weatherdata */
	.weatherdata .top_btns {
		flex-direction: column;
	}

	.weatherdata .top_btns form,
	.weatherdata .top_btns .datePicker,
	.weatherdata .top_btns .excel_btns {
		width: 100%;
		margin-top: 4px;
	}

	.weatherdata .top_btns .datePicker input {
		width: 30%;
	}

	/* .weatherdata .table_wrap {
        height: 900px;
    } */

	/* billingManage */
	.usage_wrap {
		width: 100%;
	}

	.usage_wrap .direction-column .dp_mobile_flex {
		flex-direction: column;
		width: 100%;
	}

	.usage_wrap .direction-column .dp_mobile_flex .dp_mobile_flex .w-20p {
		width: 100%;
		margin-bottom: 8px;
	}

	.usage_wrap .direction-column .dp_mobile_flex .dp_mobile_flex .w-20p select {

		width: 50%;
	}

	.usage_wrap .direction-column .schForm .dp_mobile_flex {
		flex-direction: row;
		width: 60%;
	}

	.usage_wrap .direction-column .schForm .dp_mobile_flex .datePicker,
	.usage_wrap .direction-column .schForm .dp_mobile_flex #endDatePicker {
		flex-direction: row;
		width: 50%;
	}

	.usage_wrap .direction-column .w-80p .schForm {
		width: 100%;
	}

	.usage_wrap .direction-column .dp_mobile_flex .justfiy-right {
		width: 100%;
		justify-content: left;
	}

	.usage_wrap .direction-column .mt-8 .schForm {
		width: 100%;
	}

	.usage_wrap .direction-column .mt-8 .justfiy-right {
		justify-content: right;
		margin-top: 8px;
	}

	.usage_wrap .direction-column .mt-8 .top_btns {
		width: auto;
	}

	/* .usage_wrap .table_wrap {
        height: 900px;
    } */


	/* popup start */
	#popup,
	#innerPopup,
	#extraPopup {
		/* display: none; */
		min-width: 60vw;
		max-width: 90vw;
		max-height: 90vh;
		/*overflow: scroll;*/
	}

	.popupWrap {
		padding: 20px 20px 0 20px;
	}

	#popup .top h1,
	#innerPopup .top h1 {
		font-size: 1.3rem;
		margin-top: 1.5%;
	}

	#popup .btm_btns button,
	#innerPopup .btm_btns button {
		height: 44px;
	}

	#popup .openInnerbtnBox a,
	#popup .input_file_btn {
		display: inline-block;
		line-height: 44px !important;
		white-space: nowrap;
		height: 44px !important;
		padding: 0 12px !important;
	}

	/* noticeMng */
	#popup #noticeAddPop .body .dateSet h4 {
		width: 40%;
	}

	#popup #noticeUpdatePop .body .dateSet h4 {
		width: 40%;
	}

	/* arsManage */
	#popup #recipientDtlPopup .column2 {
		margin-bottom: 16px;
	}

	#popup #recipientDtlPopup .column2 .clearfix input {
		width: 80%;
	}

	#popup #recipientDtlPopup .column2 .clearfix .openInnerbtnBox {
		text-align: right;
		width: 20%;
	}

	#popup #recipientDtlPopup .column2 h4 {
		margin-bottom: 4px;
	}

	#popup #recipientDtlPopup .row {
		flex-direction: column;
		margin: 0;
	}

	/* billingManage */
	#popup #createBillPop .dp_flex {
		flex-direction: column;
	}

	#popup #createBillPop .dp_flex .font_16 {
		width: 100%;
	}

	#popup #createBillPop .dp_flex .datePicker {
		width: 100%;
		margin: 4px 0 0;
	}

	#innerPopup #innerChangeGroup .innerBox .topBox h4 {
		width: 20%;
	}

	#innerPopup #innerChangeGroup .innerBox .topBox select {
		width: 80%;
	}

	/* terminal */
	#innerPopup #innerChangeUserPop .dp_flex {
		/* display: none; */
		flex-direction: column;
	}

	#innerPopup #innerChangeUserPop .l_box .tab_content {
		height: 30vh;
	}

	#innerPopup #innerChangeUserPop .r_box {
		margin: 4px 0 0;
		height: 40vh;
		overflow: auto;
	}

	#innerPopup #innerChangeUserPop .r_box .schForm select,
	#innerPopup #innerChangeUserPop .r_box .schForm .schInner {
		margin-top: 4px;
		width: 100%;
	}

	/* #innerPopup #innerChangeUserPop .r_box #userDataTable {
        height: 20vh;
    } */

	/* ewarning */

	#popup #updateWeatherPop .tabrowHead,
	#popup #updateWeatherPop .d-flex .tabrowHead {
		width: 30%;
	}

	#popup #updateWeatherPop .tabrowCol {
		width: 70%;
	}

	#popup #updateWeatherPop #fileContainerWarning #fileFormContainerWarning #file_form_warning input[type="file"],
	#popup #updateWeatherPop #fileContainerAlert #fileFormContainerAlert input[type="file"],
	#popup #updateWeatherPop #fileContainerDanger #fileFormContainerDanger input[type="file"],
	#popup #updateWeatherPop #fileContainerDisaster #fileFormContainerDisaster input[type="file"],
	#popup #updateWeatherPop #fileContainerSafe #fileFormContainerSafe input[type="file"] {
		padding: 6px;
		height: 44px;
		width: 100%;
		padding: 10px;
	}

	#popup #changeWarningPop .body h4 {
		width: 25%;
	}

	#popup #changeWarningPop .body input {
		width: 75%;
	}

	#popup #addressPop .l_box .innerTabBody .tab_content {
		height: 20vh;
	}

	#popup #addressPop .r_box {
		margin: 8px 0 0;
	}

	/* #popup #addressPop .r_box #adbkDataTable {
        height: 30vh;
    } */

	#popup #weatherPop .schInner h4 {
		width: 15%;
	}

	#popup #weatherPop .schInner select {
		width: 85%;
	}

	#popup #weatherPop .l_box .innerTabBody .tab_content {
		height: 20vh;
	}

	#popup #weatherPop .r_box {
		margin: 8px 0 0;
		height: 30vh;
	}

	/* #popup #weatherPop .r_box #weatherDataTable {
        height: 20vh;
    } */

	#popup #weatherPop .btm_btns {
		justify-content: right;
	}


	#popup #brdcstPop .schInner h4 {
		width: 15%;
	}

	#popup #brdcstPop .schInner select {
		width: 85%;
	}

	#popup #brdcstPop .l_box .innerTabBody .tab_content {
		height: 20vh;
	}

	#popup #brdcstPop .r_box {
		margin: 8px 0 0;
		height: 30vh;
		overflow: auto;
	}

	/* #popup #brdcstPop .r_box #weatherDataTable {
        height: 20vh;
    } */

	#popup #brdcstPop .btm_btns {
		justify-content: right;
	}

	/* schedulesend */
	#popup #addSendSchedulePop .top_btns a {
		padding-top: 13px;
	}

	#popup #addSendSchedulePop #fileFormContainer #file_form input[type="file"] {
		height: 44px;
	}

	#popup #addSendSchedulePop .justfiy-space-between {
		margin: 8px 0;
	}

	/* replyManage */
	#popup #replyRequestPopup .btm_btns {
		flex-wrap: wrap;
	}

	#popup #replyRequestPopup .btm_btns button {
		min-width: auto;
		width: 30%;
		margin-top: 4px;
	}

	/* tideGrpMng */
	#popup #tideGrpModPop .justify_center,
	#popup #tideGrpModPop #modComplainTimeInput .dp_flex {
		flex-direction: column;
		align-items: normal;
	}

	#popup #tideGrpModPop .justify_center .flexBtw div {
		margin: 4px 0;
		width: 100%;
	}

	#popup #tideGrpModPop .justify_center .flexBtw div input {
		width: 100%;
	}

	#popup #tideGrpModPop #modComplainTimeInput .dp_flex h4 {
		margin: 4px 0;
	}

	#popup #tideGrpModPop .waterTime-row1 label,
	#popup #tideGrpModPop .waterTime-row2 label {
		white-space: nowrap;
	}

	#popup #tideGrpModPop .waterTime-row1,
	#popup #tideGrpModPop .waterTime-row2 {
		flex-wrap: wrap;
	}

	/* userGroup */
	#innerPopup #eqpmnListInnerPop .r_box {
		margin-left: 4px;
		margin: 8px 0 0;
	}

	/* bmsSend */
	#popup #popupWrap #msgBookPop>.dp_flex {
		flex-direction: column;
	}

	#popup #popupWrap #msgBookPop .body .innerTabBody {
		margin-left: 0;
	}

	#popup #popupWrap #msgBookPop .body .top_btns {
		flex-wrap: wrap;
		justify-content: right;
	}

	#popup #popupWrap #msgBookPop .body .top_btns button {
		margin: 8px 0 0 8px;
	}

	/* msgSend */
	#popup #selectSendPop .r_box {
		margin: 8px 0 0;
	}

	#popup #selectEqpmnPop .r_box {
		margin: 8px 0 0;
	}

	#popup #tideStationListTable_wrapper {
		height: 25vh;
	}

	#arsScenarioPop .body .d-flex {
		flex-direction: column;
	}

	#arsScenarioPop {
		width: 90vw !important;

	}

	#popup #arsScenarioPop .popup_l {
		width: 95%;
	}

	#popup #arsScenarioPop .popup_r {
		width: 95%;
		margin: 8px 0;
	}

	#popup #arsScenarioPop .btm_btns {
		width: 95%;
	}

	/* 반응형: rcsMsgSendContent 관련 영역 */
	#rcsMsgSendContent .l_box45,
	#rcsMsgSendContent .r_box35,
	#rcsMsgSendContent .r_box20,
	#rcsMsgSendContent .send_box {
		width: 100% !important;
		height: auto;
		padding: 16px;
		margin: 0;
		margin-bottom: 8px;
	}

	#rcsMsgSendContent #msgContent {
		width: 100%;
		height: 200px;
	}

	#rcsMsgSendContent .msgSendInput {
		width: 100%;
		margin-right: 4px;
		margin-top: 4px;
	}

	#rcsMsgSendContent .l_box45 .dp_flex {
		flex-direction: column;
		align-items: normal;
	}

	#msgSendDiv .l_box45 .dp_flex .w-25p button {
		width: 100%;
	}

	#rcsMsgSendContent .filebox {
		margin: 10px 0;
	}

	#rcsMsgSendContent #fileInput {
		width: 100% !important;
	}

	#rcsMsgSendContent #msgBottom #charDisplay {
		margin-left: 0 !important;
		float: none !important;
		text-align: right;
		margin-bottom: 10px;
	}

	#rcsMsgSendContent .rcs_template_wrap {
		margin-top: 5px;
		;
	}

	#rcsMsgSendContent .form-content {
		flex: 1;
	}

	#rcsMsgSendContent [name="addButtonBtn"] {
		width: 100% !important;
		min-width: 100% !important;
		margin: 5px 0 !important;
	}

	#rcsMsgSendContent .l_box45 .dp_flex p {
		width: 100%;
		margin-bottom: 8px;
	}

	#rcsMsgSendContent .l_box45 .dp_flex .w-25p button {
		width: 100%;
	}

	#rcsMsgSendContent .r_box35 .top_btns .w-25p button {
		width: 100%;
	}

	#rcsMsgSendContent .l_box45 .w-90p {
		width: 100%;
	}

	#rcsMsgSendContent .l_box45 #srchRecipientForm .dp_mobile_flex .w-20p {
		width: 25%;
	}

	#rcsMsgSendContent .l_box45 #srchRecipientForm .top_btns button {
		margin: 0;
		width: auto;
	}

	/* #rcsMsgSendContent #rcs_top_btns {
	       flex-direction: column;
	       align-items: flex-end;
	   }*/

	.icon-list {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.icon-list .radiobox {
		margin-bottom: 8px;
	}

	#previewArea {
		padding: 8px;
		max-width: 100%;
	}

	#previewArea .m-title span,
	#previewArea .m-title2 span {
		font-size: 15px;
	}

	#previewArea .m-logo {
		width: 24px;
		height: 24px;
	}

	#previewArea .m-logo2 {
		width: 36px;
		height: 36px;
	}

	#previewArea .card .title {
		font-size: 14px;
	}

	#previewArea .card .description {
		font-size: 12px;
	}

	#previewArea .button-group .btn {
		height: 34px;
		font-size: 14px;
	}


	/*rcs 승인상태*/
	.statusInfo .tooltip {
		display: none;
		position: absolute;
		width: 80%;
		background: rgba(0, 0, 0, 0.85);
		color: #F8F7FC;
		padding: 10px;
		border-radius: 6px;
		font-size: 13px;
		z-index: 3;
		white-space: normal;
		overflow: auto;
	}

	#rcsMngPage .loading-overlay {
		width: 100%;
	}
}



/* mobile */
@media (max-width:780px) {
	.dp_mobile_flex.keep-row {
		flex-direction: row !important;
		/* 세로 대신 가로 유지 */
	}

	/* login */
	#wrap_login_content {
		width: 70vw;
	}

	header {
		border-bottom: 1px solid #fff;
	}

	.hamburger {
		width: 30px;
		height: 20px;
		left: 15px;
	}

	.hamburger span {
		height: 3px;
	}

	.hamburger.active span:nth-child(1) {
		transform: rotate(45deg) translate(5px, 8px);
	}

	.hamburger.active span:nth-child(3) {
		transform: rotate(-45deg) translate(4px, -7px);
	}

	.header_btns {
		margin-left: 15%;
	}

	.temporary_sidebar {
		width: 100%;
		padding-bottom: 56px;
	}

	.dateBox,
	header .btnsList,
	header .modeToggle {
		display: none !important;
	}

	.cont_wrap {
		padding-bottom: 56px;
	}

	.header_btns {
		margin: 0;
	}


    .footer_modeToggle {
        display: block;
        padding-bottom: 7px;
        width: 33%;
        text-align: center;
    }

    .mobile_footer p,
    .mobile_footer a {
        color: #707070;
		text-align: center;
	}

	.mobile_footer p,
	.mobile_footer a {
		color: #707070;
		text-align: center;
	}

	.mobile_footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 56px;
		background-color: white;
		display: flex;
		align-items: center;
		z-index: 999;
		border-top: 1px solid #fff;
	}

	.footer_btnsList {
		margin: 0;
		width: 33%;
	}

	header .justfiy-right {
		width: 100%;
		justify-content: center;
	}

	.mobile_logo {
      position: absolute;
      left: 48%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 201;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none; /* 필요시 */
	  }
	
	  .mobile_logo img {
	      width: 150px;
	      display: block;
	  }

	/* addressbook */
	#adbkContent .l_box .dp_mobile_flex {
		flex-direction: column;
	}

	#adbkContent .l_box .top_btns {
		justify-content: right;
		width: 100%;
	}

	#adbkContent .l_box .topBox {
		margin-top: 8px;
		width: 100%;
	}

	#adbkContent .r_box .top_btns {
		flex-direction: column;
		width: 100%;
	}

	#adbkContent .r_box .setting_btns {
		display: flex;
		flex-wrap: wrap;
		justify-content: right;
	}

	#adbkContent .r_box .setting_btns button {
		margin-top: 8px;
	}

	#adbkContent .r_box .excel_btns {
		display: flex;
		justify-content: right;
		margin-top: 8px;
	}

	/* arsManage */
	#rsdbBook .l_box .dp_mobile_flex {
		flex-direction: column;
	}

	#rsdbBook .l_box .top_btns {
		width: 100%;
	}

	#rsdbBook .l_box .topBox {
		margin-top: 8px;
		width: 100%;
	}

	#rsdbBook .l_box .tab_content {
		height: 400px;
	}

	.arsManage-rbox-top .top_btns {
		justify-content: right;
		flex-wrap: wrap;
	}

	.arsManage-rbox-top .excel_btns,
	.arsManage-rbox-top .setting_btns button {
		margin-top: 8px;
	}
	
	.r_box_down_split {
        flex-direction: column;   /* ⭐ 좌우 → 상하 */
    }

    .r_box_down_split .l_innerBox,
    .r_box_down_split .r_innerBox {
        flex: 0 0 auto;
        height: 50%;               /* 필요하면 */
	}
    .mobile_footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        background-color: white;
        display: flex;
        align-items: center;
        z-index: 999;
        border-top: 1px solid #fff;
    }

	/* auth */
	#authContent .inner_cont_bottom_p_0 .r_box_p_0 {
		flex-direction: column;
	}

	#authContent .inner_cont_bottom_p_0 .r_box_p_0 .innerCont {
		height: 150px;
	}

	/* terminal */
	.terminalMng .l_box25 .innerBox {
		height: auto;
	}

	.terminalMng .l_box25 .innerCont {
		height: 350px;
	}

	/* .terminalMng .r_box75 .table_wrap {
        height: 400px;
    } */

	.terminalMng .r_box75 .top_btns {
		flex-direction: column;
	}

	.terminalMng .r_box75 .top_btns .setting_btns {
		width: 100%;
		flex-wrap: wrap;
		/* justify-content: right; */
	}

	.terminalMng .r_box75 .top_btns .excel_btns {
		width: 100%;
		display: flex;
		justify-content: right;
		margin-top: 8px;
	}

	/* termMdMng */
	#exsystemBody .r_box .justfiy-space-between {
		flex-direction: column;
	}

	#exsystemBody .r_box .schForm {
		width: 100%;
	}

	#exsystemBody .r_box .top_btns {
		margin-top: 4px;
	}

	#tideMdMngModelDiv {
		display: block;
	}

	#tideMdMngModelDiv #srchEqpmnForm {
		width: 100% !important;
	}

	#tideMdMngModelDiv #srchEqpmnSelect {
		width: 35% !important;
	}

	#tideMdMngModelDiv .schInner {
		width: 65% !important;
	}


	/* tideBrd */
	.tudeBrd .l_box100 .justfiy-space-between {
		flex-direction: column;
		width: 100%;
	}

	.tudeBrd .l_box100 .justfiy-space-between .datePicker {
		width: 100%;
	}

	.tudeBrd .l_box100 .justfiy-space-between .datePicker input {
		width: 35%;
	}

	.tudeBrd .l_box100 .justfiy-space-between .justfiy-right {
		width: 100%;
		margin-top: 4px;
	}

	/* tideBrdMng */
	.tideBrdMng .inner_cont .justfiy-space-between {
		flex-direction: column;
	}

	.tideBrdMng .inner_cont .justfiy-space-between .top_btns {
		margin-top: 4px;
		width: 100%;
	}

	/* daeminSendContent */
	#daeminSendContent .r_box_top .schForm {
		flex-direction: column;
		margin-top: 12px;
	}

	#daeminSendContent .r_box_top .schForm #srchTerminalSelect,
	#daeminSendContent .r_box_top .schForm .schInner {
		width: 100%;
		margin-top: 4px;
	}

	#daeminSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(1),
	#daeminSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(2) {
		flex-direction: column;
		margin: 0;
	}

	#daeminSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(1) .flex_item_1,
	#daeminSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(2) .flex_item_1 {
		margin-top: 4px;
	}

	#daeminSendContent .r_box_bottom #file_box,
	#daeminSendContent .r_box_bottom #reserveSend_box {
		margin-top: 8px;
	}

	#daeminSendContent .r_box_bottom #file_box label,
	#daeminSendContent .r_box_bottom #reserveSend_box label {
		width: 25%;
	}

	#daeminSendContent .r_box_bottom #file_box input[type=text] {
		width: 33%;
	}

	#daeminSendContent .r_box_bottom #reserveSend_box input[type=text] {
		width: 40%;
	}

	#daeminSendContent .r_box_bottom .top_btns #msgBook_box {
		display: flex;
		flex-direction: column;
	}

	#daeminSendContent .r_box_bottom .top_btns #msgBook_box button:nth-child(2) {
		margin-top: 4px;
	}

	/* bmsSend */

	#bmsSendContent .r_box_top .schForm {
		flex-direction: column;
		margin-top: 12px;
	}

	#bmsSendContent .r_box_top .schForm #srchTerminalSelect,
	#bmsSendContent .r_box_top .schForm .schInner {
		width: 100%;
		margin-top: 4px;
	}

	#bmsSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(1),
	#bmsSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(2) {
		flex-direction: column;
		margin: 0;
	}

	#bmsSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(1) .flex_item_1,
	#bmsSendContent .r_box_bottom #bmsOption_box .dp_flex:nth-child(2) .flex_item_1 {
		margin-top: 4px;
	}

	#bmsSendContent .r_box_bottom #file_box,
	#bmsSendContent .r_box_bottom #reserveSend_box {
		margin-top: 8px;
	}

	#bmsSendContent .r_box_bottom #file_box label,
	#bmsSendContent .r_box_bottom #reserveSend_box label {
		width: 25%;
	}

	#bmsSendContent .r_box_bottom #file_box input[type=text] {
		width: 33%;
	}

	#bmsSendContent .r_box_bottom #reserveSend_box input[type=text] {
		width: 40%;
	}

	#bmsSendContent .r_box_bottom .top_btns #msgBook_box {
		display: flex;
		flex-direction: column;
	}

	#bmsSendContent .r_box_bottom .top_btns #msgBook_box button:nth-child(2) {
		margin-top: 4px;
	}

	/* msgSend */
	#msgSendDiv #srchAdbkForm {
		flex-direction: column;
	}

	#msgSendDiv .filebox,
	#msgSendDiv .msgset {
		flex-direction: column;
	}

	#msgSendDiv .l_box .filebox .w-30p,
	#msgSendDiv .l_box .msgset .w-30p,
	#msgSendDiv .l_box .filebox .w-65p,
	#msgSendDiv .l_box .msgset .w-65p {
		width: 100%;
	}

	#msgSendDiv .filebox div:nth-child(2),
	#msgSendDiv .msgset div:nth-child(2) {
		margin-top: 4px;
	}

	#msgSendDiv #srchAdbkForm .dp_mobile_flex {
		flex-direction: row;
		width: 100%;
	}

	#msgSendDiv #srchAdbkForm .w-20p {
		width: 35%;
	}

	#msgSendDiv #srchAdbkForm .w-15p {
		margin-top: 4px;
		width: 100%;
	}

	#msgSendDiv .r_box #srchAdbkForm .top_btns button {
		margin: 0;
		width: auto;
	}

	#preViewPop {
		max-height: 600px;
	}

	#selectSendPop .schInner button img {
		margin-top: 3px;
	}

	#selectSendPop .btn_basic,
	#selectSendPop .act_btns {
		min-height: 40px;
		font-size: 0.9rem;
	}

	/* userGroup */
	#userGroupContent .r_box80 .form-group-row {
		flex-direction: column;
		width: 100%;
		padding: 0;
	}

	#userGroupContent .r_box80 .form-group {
		width: 100%;
		margin-bottom: 16px;
	}

	#userGroupContent .r_box80 .form-group-row .form-group-l {
		width: 30%;
	}

	#userGroupContent .r_box80 .form-group-row .form-group-r {
		width: 70%;
	}

	#userGroupContent .limit_div {
		flex-direction: row;
	}

	#userGroupContent .limit_div .message-type-check-div {
		width: 30%;
	}

	#userGroupContent .payment_explanation {
		height: 150px;
		width: 100%;
	}

	#userGroupContent #reqDesc {
		height: 100px;
	}

	/* ewarning */

	#ewarningContent .r_box75_p_0 .divisionBox02 .mobile_r_innerBox .dp_flex,
	#ewarningContent .r_box75_p_0 .divisionBox02 .l_innerBox .dp_flex,
	#ewarningContent .r_box75_p_0 .divisionBox02 .m_block,
	#ewarningContent .r_box75_p_0 .divisionBox02 .m_block .schForm {
		flex-direction: column;
	}

	#ewarningContent .r_box75_p_0 .divisionBox02 .l_innerBox .dp_flex,
	#ewarningContent .r_box75_p_0 .divisionBox02 .l_innerBox #adbkSearchSelect,
	#ewarningContent .r_box75_p_0 .divisionBox02 .l_innerBox .schInner,
	#ewarningContent .r_box75_p_0 .divisionBox02 .mobile_r_innerBox .dp_flex,
	#ewarningContent .r_box75_p_0 .divisionBox02 .mobile_r_innerBox #weatherSearchSelect,
	#ewarningContent .r_box75_p_0 .divisionBox02 .mobile_r_innerBox .schInner,
	#ewarningContent .r_box75_p_0 .divisionBox02 .m_block .schForm,
	#ewarningContent .r_box75_p_0 .divisionBox02 .m_block select,
	#ewarningContent .r_box75_p_0 .divisionBox02 .m_block .schInner {
		width: 100%;
		margin-bottom: 4px;
	}

	#ewarningContent .r_box75_p_0 .divisionBox02 .top_btns {
		flex-direction: row;
		width: 100%;
	}

	/* popup start */
	#popup,
	#innerPopup,
	#extraPopup {
		/* display: none; */
		min-width: 80vw;
		max-height: 80vh;
	}

	#popup .btm_btns,
	#innerPopup .btm_btns {
		justify-content: right;
	}

	#popup .btm_btns button,
	#innerPopup .btm_btns button {
		margin: 4px 4px 0;
	}

	/* noticeMng */
	#popup #noticeAddPop .body .dateSet h4 {
		width: 80%;
	}

	#popup #noticeUpdatePop .body .dateSet h4 {
		width: 80%;
	}

	/* arsManage */
	#popup #excelUploadPop .body .filebox input[type=text] {
		margin: 4px 0 0;
	}

	#popup #excelUploadPop .dp_flex {
		flex-direction: column;
	}

	#popup #excelUploadPop .body p a {
		white-space: nowrap;
	}

	/* arsManage */
	#popup #recipientDtlPopup .column2 .clearfix input {
		width: 60%;
	}

	#popup #recipientDtlPopup .column2 .clearfix .openInnerbtnBox {
		width: 40%;
	}

	/* arsScenario */
	#popup #arsScenarioPop .body .d-flex {
		flex-direction: column;
	}

	#popup #arsScenarioPop .body .popup_l,
	#popup #arsScenarioPop .body .popup_r {
		width: 100%;
	}

	#popup #arsScenarioPop .body .popup_r {
		margin-top: 16px;
	}

	#popup #arsSendPop .btm_btns .flex-column {
		flex-direction: column;
	}

	/* billingManage */
	#popup #createBillPop .dp_flex .datePicker {
		display: flex;
		flex-direction: column;
	}

	#popup #createBillPop .dp_flex .datePicker select {
		width: 100%;
		margin-top: 4px;
	}


	#popup #detailBillPop .row {
		flex-direction: column;
	}

	#popup #detailBillPop .row .column input,
	#popup #detailBillPop .row .column2 {
		width: 100%;
	}

	#popup #detailBillPop .column2 h4 {
		margin-bottom: 4px;
	}

	#popup #detailBillPop .column3 h4 {
		width: 100%;
		white-space: nowrap;
	}

	#popup #detailBillPop .column3 {
		flex: 0 0 calc(33.333%);
		box-sizing: border-box;
	}

	#popup #detailBillPop .row:nth-child(5),
	#popup #detailBillPop .row:nth-child(6) {
		flex-direction: row;
		flex-wrap: wrap;
	}

	/* treminal */
	/* arsManage */
	#popup #uploadPop .body .filebox input[type=text] {
		margin: 4px 0 0;
	}

	#popup #uploadPop .dp_flex {
		flex-direction: column;
	}

	#popup #uploadPop .body p a {
		white-space: nowrap;
	}

	#popup #deviceInfoPop .body .dp_flex {
		flex-direction: column;
	}

	#popup #deviceInfoPop .body .dp_flex .w100 select {
		margin-top: 4px;
	}

	#popup #deviceInfoPop .body .flex_justify {
		flex-wrap: wrap;
	}

	#popup #deviceInfoPop .body .flex h4 {
		margin: 0;
		white-space: nowrap;
	}

	#popup #deviceInfoPop .body .clearfix {
		margin-top: 4px;
		flex-wrap: wrap;
	}

	#popup #deviceInfoPop .body .clearfix input {
		margin: 0;
		width: 80%;
	}

	#popup #deviceInfoPop .body .clearfix .openInnerbtnBox {
		width: 20%;
	}

	#popup #deviceInfoPop .body .clearfix .openInnerbtnBox a {
		white-space: nowrap;
	}

	#popup #deviceInfoPop .body #systemFields input {
		width: 100%;
	}

	#popup #addGrpPop .body .clearfix {
		flex-wrap: wrap;
		justify-content: right;
	}

	#popup #addGrpPop .body .clearfix .openInnerbtnBox {
		width: 100%;
		margin-top: 4px;
	}

	#popup #addGrpPop .body input {
		width: 100%;
	}

	#popup #changeGrpPop .body .clearfix {
		flex-wrap: wrap;
		justify-content: right;
	}

	#popup #changeGrpPop .body .clearfix .openInnerbtnBox {
		width: 100%;
		margin-top: 4px;
	}

	#popup #changeGrpPop .body input {
		width: 100%;
	}

	#innerPopup #innerChangeGroup .innerBox .topBox {
		flex-direction: column;
		align-items: normal;
	}

	#innerPopup #innerChangeGroup .innerBox .topBox h4 {
		width: 100%;
	}

	#innerPopup #innerChangeGroup .innerBox .topBox select {
		margin-top: 4px;
		width: 100%;
	}

	/* ewarning */

	#popup #updateWeatherPop .tabrow {
		flex-direction: column;
		align-items: normal;
	}

	#popup #updateWeatherPop .d-flex {
		flex-direction: column;
		align-items: normal;
	}

	#popup #updateWeatherPop .tabrowCol {
		width: 100%;
		margin-top: 4px;
		margin-bottom: 8px;
	}

	#popup #updateWeatherPop .list_tab .tab_btn_wrap .tab_btn li {
		padding: 0;
	}

	#popup #updateWeatherPop .tabrowHead,
	#popup #updateWeatherPop .d-flex .tabrowHead {
		width: 100%;
	}

	/* schedulesend */

	#popup #addSendSchedulePop .dp_flex {
		flex-direction: column;
		align-items: normal;
	}

	#popup #addSendSchedulePop #bmsSendMsgTabArea .dp_flex {
		flex-direction: row;
	}

	#popup #addSendSchedulePop .dp_flex #startChime,
	#popup #addSendSchedulePop .dp_flex #endChime,
	#popup #addSendSchedulePop .dp_flex select {
		width: 100%;
	}

	#popup #addSendSchedulePop #bmsSendMsgTabArea .d-ruby h4 {
		width: 25%;
	}

	/* tideBrdMng */
	#popup #addTideBrdPop .body .flex_justify {
		flex-direction: column;
	}

	#popup #addTideBrdPop .body .flex_justify div {
		display: flex;
		align-items: center;
		margin-bottom: 4px;
	}

	#popup #addTideBrdPop .body .flex_justify div label {
		margin-right: 0;
		width: 20%;
	}

	#popup #addTideBrdPop .body .flex_justify div select {
		width: 80%;
	}

	/* tideGrpMng */
	#popup #tideGrpPop #complainTimeInput .dp_flex {
		flex-direction: column;
		align-items: normal;
	}

	#popup #tideGrpPop #complainTimeInput .dp_flex input {
		margin: 4px 0;
	}

	#popup #tideGrpPop .waterTime-row1,
	#popup #tideGrpPop .waterTime-row2 {
		flex-wrap: wrap;
	}

	/* weatherdata */
	#popup #weatherDataDtlPop .body .d-flex {
		flex-direction: column;
	}

	#popup #weatherDataDtlPop .body #srchWeatherDataPopupSelect {
		width: 100%;
		margin: 0 0 4px 0;
	}

	#popup #weatherDataDtlPop .body .schInner {
		width: 100%;
	}

	#datePickerDiv {
		display: block;
	}

	.weatherdata .top_btns .datePicker input {
		width: 40%;
	}


	/* sendhistory */
	#popup #rsltDtlPop .body .flexBtw {
		flex-direction: column;
	}

	#popup #rsltDtlPop .body .dp_flex .top_btns button {
		margin-left: 0;
	}

	#popup #rsltDtlPop .body .d-table {
		margin-top: 6px;
	}


	#popup #arsScenarioPop .popup_l {
		width: 90%;
	}

	#popup #arsScenarioPop .popup_r {
		width: 90%;
		margin: 8px 0;
	}

	#popup #arsScenarioPop .btm_btns {
		width: 80%;
	}

	#popup #arsScenarioPop #questionTable {
		width: 800px;
	}

	/* 반응형: rcsMsgSendContent 관련 영역 */
	#rcsMsgSendContent .l_box45,
	#rcsMsgSendContent .r_box35,
	#rcsMsgSendContent .r_box20,
	#rcsMsgSendContent .send_box {
		width: 100% !important;
		height: auto;
		padding: 16px;
		margin: 0;
		margin-bottom: 8px;
	}

	#rcsMsgSendContent #msgContent {
		width: 100%;
		height: 200px;
	}

	#rcsMsgSendContent .filebox {
		margin: 10px 0;
	}

	#rcsMsgSendContent #fileInput {
		width: 100% !important;
	}

	#rcsMsgSendContent #msgBottom #charDisplay {
		margin-left: 0 !important;
		float: none !important;
		text-align: right;
		margin-bottom: 10px;
	}

	#rcsMsgSendContent [name="addButtonBtn"] {
		width: 100% !important;
		min-width: 100% !important;
		margin: 5px 0 !important;
	}

	#rcsMsgSendContent .form-content {
		flex: 1;
	}

	#rcsMsgSendContent #srchRecipientForm {
		flex-direction: column;
	}

	#rcsMsgSendContent .l_box45 #srchRecipientForm .top_btns button {
		margin: 0;
		width: auto;
	}

	#rcsMsgSendContent #srchRecipientForm .dp_mobile_flex {
		flex-direction: row;
		width: 100%;
	}

	#rcsMsgSendContent #srchRecipientForm .w-15p {
		margin-top: 4px;
		width: 100%;
	}

	/*#rcsMsgSendContent #rcs_top_btns {
	       flex-direction: column;
	       align-items: flex-end;
	   }*/
	.icon-list {
		flex-wrap: wrap;
		gap: 6px;
	}

	.icon-list .radiobox {
		width: auto;
		padding: 4px;
	}

	.icon-list .radiobox label img {
		width: 22px;
		height: 22px;
	}

	.icon-list .radiobox .no-img {
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
	}

	#previewArea {
		padding: 8px;
		max-width: 100%;
	}

	#previewArea .m-title span,
	#previewArea .m-title2 span {
		font-size: 16px;
	}

	#previewArea .m-logo {
		width: 24px;
		height: 24px;
	}

	#previewArea .m-logo2 {
		width: 36px;
		height: 36px;
	}

	#previewArea .card .title {
		font-size: 14px;
	}

	#previewArea .card .description {
		font-size: 12px;
	}

	#previewArea .button-group {
		flex-wrap: wrap;
	}

	#previewArea .button-group .btn {
		font-size: 14px;
		height: 34px;
		flex: 1 1 45%;
	}

	/*rcs 승인상태*/
	.statusInfo .tooltip {
		width: 80%;
		background: rgba(0, 0, 0, 0.85);
		color: #F8F7FC;
		z-index: 3;
		white-space: normal;
	}

	/*dashboard*/
	.popupWrap {
		padding: 15px;
	}

	.popupContentWrap {
		gap: 8px;
	}

	.disasterInfoContent {
		padding: 8px;
	}

	#popupMap {
		height: 250px !important;
	}

	canvas#popupDisasterInfoChart {
		height: auto !important;
	}

	.btmTabBox {
		gap: 8px;
	}

	.asideWrap {
		gap: 8px;
	}

	.chart_tabs {
		font-size: 14px;
	}

	#rcsMngPage .loading-overlay {
		width: 100%;
	}

	/* codeMng */
	#codeContent .radio-group input[type="radio"] {
		transform: scale(0.6);
	}

	/* statistics */
	.statistics_wrap .schForm {
        align-items: flex-start;   
    }
	
	.statistics_wrap .schForm,
	.statistics_wrap .top_btns {
		width: 100%;
	}

	.statistics_wrap .schForm {
		flex-direction: column;
		align-items: flex-start;
	}

	.statistics_wrap .schForm p {
		margin-bottom: 4px;
	}

	.statistics_wrap #msgTypeSel,
	.statistics_wrap .datePicker {
		width: 100%;
	}

	.statistics_wrap .datePicker {
		display: flex;
		gap: 4px;
	}

	.statistics_wrap .datePicker input {
		width: 48%;
	}
		
	
	/* userApp */
	#userContent > .justfiy-space-between {
        flex-direction: column;
        align-items: stretch;
    }

	#userContent > .schForm.dp_flex {
        width: 100%;
    }

	#userContent > .top_btns {
        justify-content: flex-end;
        width: 100%;
        margin-top: 8px;
    }
}


/* mobile2 */
@media (max-width:550px) {

	/* login */
	#wrap_login_img {
		position: relative;
		background-image: none;
		background: linear-gradient(to bottom, #3caeff, #085aac);
	}


	#wrap_login_content {
		position: absolute;
		top: 20%;
		box-shadow: none;
		height: 50vh;
		background-color: transparent;
		padding: 45px 0;
	}

	.txt_login_1 {
		margin-bottom: 10vh;
		color: white;
	}

	#wrap_login_content input[type=text],
	#wrap_login_content input[type=password],
	#wrap_login_content select {
		background-color: rgba(255, 255, 255, 0.211);
		border: none;
		color: white !important;
	}

	#wrap_login_content input[type=text]::placeholder,
	#wrap_login_content input[type=password]::placeholder {
		color: rgb(223, 223, 223);
	}

	#wrap_login_content input[type=text]:focus {
		border: 1px solid white;
	}

	.login_btn {
		padding: 12px;
		margin-bottom: 12px;
		background: white;
		font-size: 0.9rem;
		height: auto;
		color: #0c6bca;
		font-weight: 600;
	}

	.find_wrap .find_text {
		font-size: 1rem;
		color: #dbdbdb;
	}

	.find_wrap li+li {
		padding-left: 20px;
	}

	.find_wrap li+li::before {
		left: 9px;
	}

	.dp_mobile_flex {
		flex-direction: column;
	}

	.mobile_menu_title {
		font-size: 1rem;
	}

	/* codeMng */
	#codeContent .inner_cont_top .innerCont {
		padding: 8px;
	}

	#codeContent .inner_cont_top .innerCont .form-group .dp_mobile_flex .dp_flex label {
		/* 등록일시 수정일시 */
		width: 30%;
		padding-top: 9px;

	}

	#codeContent .inner_cont_top .innerCont .form-group .dp_mobile_flex .dp_flex input {
		/* 등록일시 수정일시 */
		width: 100%;

	}

	#codeContent .inner_cont_top .innerCont .form-group .dp_mobile_flex .dp_flex {
		/* 등록일시 수정일시 */
		width: 100%;
		flex-direction: row;
		align-items: center;
	}

	#codeContent .inner_cont_top .innerBox .form-group label {
		width: 100%;
		margin-bottom: 8px;
	}

	#codeContent .inner_cont_top .innerBox .form-group input[type=text],
	#codeContent .inner_cont_top .innerBox .form-group select {
		width: 100%;
		margin-top: 4px;
	}

	#codeContent .inner_cont_top .innerBox .form-group .btnBox {
		width: 100%;
		margin-top: 8px;
	}

	#codeContent .inner_cont_top .form-group-textarea {
		width: 100%;
		height: 150px;
	}

	#codeContent .inner_cont_bottom {
		height: auto;
	}

	#codeContent .inner_cont_bottom .header-container .dp_flex {
		height: auto;
		flex-wrap: wrap;
	}

	#codeContent .inner_cont_bottom .header-container .dp_flex .schForm,
	#codeContent .inner_cont_bottom .header-container .justfiy-right {
		width: 100%;
		margin-top: 8px;
	}

	#srchCodeSelect {
		width: 28%;
	}

	#codeContent .inner_cont_bottom .innerCont {
		height: 400px;
	}

	#codeContent .schForm select {
		width: 100%;
		margin-top: 4px;
	}

	#codeContent .schForm .schInner {
		width: calc(100% - 4px);
		margin-top: 4px;
	}

	.media-550-w-100 {
		width: 100% !important;
	}

	/* sendhistory */

	.txtHis_wrap .justfiy-space-between select,
	.txtHis_wrap .justfiy-space-between {
		margin-top: 8px;
		/*width: 100%;*/
	}
	
	#sendHistBtn {
		margin-top: 8px;
	}

	/* menu */
	#menuContent .r_box .innerCont .justfiy-space-between .form-group {
		display: flex;
		flex-direction: column;
	}

	#menuContent .r_box .innerCont .justfiy-space-between .form-group label,
	#menuContent .r_box .innerCont .h-25vh label {
		width: 40%;
		text-align: center;
		margin: 8px 0;
	}

	#menuContent .r_box .radio-group {
		text-align: center;
	}

	#menuContent .r_box .innerCont .w-95pi {
		flex-direction: column;
	}

	#menuContent .r_box .innerCont .h-25vh textarea {
		margin-top: 4px;
	}

	/* noticeMng */
	#noticeMng_cont_wrap .dp_mobile_flex {
		flex-direction: row;
	}

	/* eventManage */
	#eventContent .inner_cont .w-40p {
		flex-direction: column;
	}

	#eventContent .inner_cont #searchDateOption input {
		width: 44%;
	}

	#eventContent .inner_cont .w-40p button {
		margin-top: 4px;
		margin-left: 80%;
		width: 20%;
	}

	/* replyManage */
	.replyManage .r_box80 .justfiy-space-between {
		flex-direction: column;
	}

	.replyManage .r_box80 .justfiy-space-between .schForm {
		width: 100%;
	}

	.replyManage .r_box80 .justfiy-space-between .justfiy-right {
		margin-top: 4px;
		width: 100%;
	}

	/* tideBrd */
	.tudeBrd .l_box100 .justfiy-space-between .datePicker input {
		width: 45%;
	}

	/* tideGrpMng */
	#tideBrdMngContents .r_box80_p_0 .schForm {
		flex-direction: column;
	}

	#tideBrdMngContents .r_box80_p_0 select,
	#tideBrdMngContents .r_box80_p_0 .schInner {
		width: 100%;
		margin-top: 4px;
	}

	/* daeminSendContent */
	#daeminSendContent .r_box_bottom #file_box,
	#daeminSendContent .r_box_bottom #reserveSend_box {
		width: 100%;
	}

	#daeminSendContent .r_box_bottom #file_box label {
		width: 40%;
	}

	#daeminSendContent .r_box_bottom #file_box input[type=text] {
		width: 100%;
	}

	#daeminSendContent .r_box_bottom #reserveSend_box input[type=text] {
		width: 45%;
	}

	/* bmsSend */
	#bmsSendContent .r_box_bottom #file_box,
	#bmsSendContent .r_box_bottom #reserveSend_box {
		width: 100%;
	}

	#bmsSendContent .r_box_bottom #file_box label {
		width: 40%;
	}

	#bmsSendContent .r_box_bottom #file_box input[type=text] {
		width: 100%;
	}

	#bmsSendContent .r_box_bottom #reserveSend_box input[type=text] {
		width: 45%;
	}

	/* msgSend */
	#msgSendDiv .l_box .msgset label {
		width: 80%;
	}

	#msgSendDiv .l_box .dp_mobile_flex .top_btns {
		margin: 0;
		margin-top: 8px;
		width: 100%;
	}

	#msgSendDiv #dynamicMessageDiv {
		margin-top: 16px;
	}

	#msgSendDiv .r_box .excel_btns button,
	#msgSendDiv .r_box .excel_btns a {
		margin-bottom: 8px;
	}

	#msgSendDiv .r_box .dp_flex .dp_mobile_flex div {
		width: 100%;
		margin: 8px 0 0;
		padding: 0;
	}

	#msgSendDiv .r_box .dp_flex .dp_mobile_flex input,
	#msgSendDiv .r_box .dp_flex .top_btns {
		width: 100%;
	}

	#msgSendDiv .r_box .dp_flex .w-25p button {
		width: auto;
	}

	/* userGroup */

	#userGroupContent .limit_div {
		width: 100%;
		flex-direction: column;
	}

	#userGroupContent .r_box80 .form-group-row .form-group-l {
		width: 40%;
	}

	#userGroupContent .r_box80 .form-group-row .form-group-r {
		width: 60%;
	}

	#userGroupContent .limit_div {
		flex-direction: column;
	}

	#userGroupContent .limit_div .message-type-check-div {
		width: 100%;
	}

	#userGroupContent .limit_div .dp_flex {
		width: 100%;
	}

	#userGroupContent .payment_explanation {
		height: 150px;
		width: 100%;
	}

	#userGroupContent #reqDesc {
		height: 100px;
	}

	#userGroupContent #representativeImageUsageDiv .form-group-r {
		flex-direction: column;
	}

	#userGroupContent #bankCd,
	#userGroupContent #paymentDateCd {
		width: 100%;
	}

	/* billingManage */
	.usage_wrap .direction-column .dp_mobile_flex .dp_mobile_flex .schForm {
		flex-direction: column;
		align-items: normal;
	}

	.usage_wrap .direction-column .dp_mobile_flex .dp_mobile_flex .schForm .dp_mobile_flex {
		width: 100%;
		flex-direction: row;
		align-items: normal;
		margin-top: 4px;
	}

	/* auth */
	#authContent .radio-group label {
		margin: 0;
	}

	/* popup */
	/* billingManage */
	#popup #detailBillPop .column3 {
		flex: 0 0 calc(50%);
		box-sizing: border-box;
	}

	#popup #detailBillPop .row:nth-child(5),
	#popup #detailBillPop .row:nth-child(6) {
		flex-direction: row;
		flex-wrap: wrap;
	}

	/* terminal */
	#innerPopup #innerMapPop .map_info {
		flex-direction: column;
	}

	#innerPopup #innerMapPop .map_info div span {
		width: 15%;
	}

	#innerPopup #innerMapPop .map_info div input {
		width: 85%;
	}

	#innerPopup #innerMapPop .map_info div:nth-child(1) {
		display: flex;
		align-items: center;
	}

	#innerPopup #innerMapPop .map_info div:nth-child(2) {
		justify-content: left;
		margin-top: 4px;
	}

	/* ewarning */
	#popup #addWarningPop .body .dp_flex {
		flex-wrap: wrap;
	}

	#popup #addWarningPop .body .dp_flex select {
		flex: 0 0 calc((100% - 4px) / 2);
	}

	#popup #addWarningPop .body .flex_justify {
		flex-wrap: wrap;
	}

	#popup #addWarningPop .body .flex h4 {
		white-space: nowrap;
	}

	#popup #updateWeatherPop #fileContainerWarning {
		flex-direction: column;
	}

	#popup #updateWeatherPop #fileNmTxtWarning {
		width: 100%;
	}

	#popup #updateWeatherPop #fileContainerWarning #fileFormContainerWarning,
	#popup #updateWeatherPop #fileContainerAlert #fileFormContainerAlert,
	#popup #updateWeatherPop #fileContainerDanger #fileFormContainerDanger,
	#popup #updateWeatherPop #fileContainerDisaster #fileFormContainerDisaster,
	#popup #updateWeatherPop #fileContainerSafe #fileFormContainerSafe {
		margin: 4px 0 0;
	}

	#popup #changeWarningPop .body {
		align-items: normal;
		flex-direction: column;
	}

	#popup #changeWarningPop .body h4 {
		width: 100%;
		margin-bottom: 4px;
	}

	#popup #changeWarningPop .body input {
		width: 100%;
	}

	#popup #changeWarningPop .dp_flex {
		flex-wrap: wrap;
	}

	#popup #changeWarningPop .dp_flex select {
		flex: 0 0 calc((100% - 4px) / 2);
	}

	#popup #changeWarningPop .flex_justify {
		flex-wrap: wrap;
	}

	#popup #addressPop .schForm {
		flex-direction: column;
	}

	#popup #addressPop .schForm #popupAdbkSearchSelect {
		width: 100%;
	}

	#popup #addressPop .r_box .schForm .schInner {
		margin: 4px 0 0;
		width: 100%;
	}

	#popup #weatherPop .schInner {
		flex-direction: column;
		align-items: normal;
		margin: 0;
	}

	#popup #weatherPop .schInner h4 {
		width: 100%;
		margin-bottom: 4px;
	}

	#popup #weatherPop .schInner select {
		width: 100%;
	}

	#popup #weatherPop .l_box .innerTabBody .tab_content {
		height: 20vh;
	}

	#popup #weatherPop .r_box .schForm {
		flex-direction: column;
	}

	#popup #weatherPop .r_box .schForm #popupWeatherSearchSelect {
		width: 100%;
	}

	#popup #weatherPop .r_box .schForm .schInner {
		width: 100%;
		margin: 4px 0 0;
	}

	#popup #brdcstPop .schInner {
		flex-direction: column;
		align-items: normal;
		margin: 0;
	}

	#popup #brdcstPop .schInner h4 {
		width: 100%;
		margin-bottom: 4px;
	}

	#popup #brdcstPop .schInner select {
		width: 100%;
	}

	#popup #brdcstPop .l_box .innerTabBody .tab_content {
		height: 20vh;
	}

	#popup #brdcstPop .r_box .schForm {
		flex-direction: column;
	}

	#popup #brdcstPop .r_box .schForm #popupBrdcstSearchSelect {
		width: 100%;
	}

	#popup #brdcstPop .r_box .schForm .schInner {
		width: 100%;
		margin: 4px 0 0;
	}

	/* schedulesend */
	#popup #addSendSchedulePop .body div:nth-child(3),
	#popup #addSendSchedulePop .body div:nth-child(5) {
		flex-direction: column;
		align-items: normal;
	}

	#popup #addSendSchedulePop .body div:nth-child(3) h4,
	#popup #addSendSchedulePop .body div:nth-child(5) h4 {
		width: 100%;
		margin: 4px 0;
	}

	#popup #addSendSchedulePop .body div:nth-child(3) input,
	#popup #addSendSchedulePop .body div:nth-child(5) input {
		width: 100%;
	}

	#popup #addSendSchedulePop #weekDayDiv {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	#popup #addSendSchedulePop #weekDayDiv .weekday-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 4px;
		flex: 0 0 auto;
	}

	/* replyManage */
	#popup #replyRequestPopup .body .clearfix {
		flex-direction: column;
	}

	#popup #replyRequestPopup .body .clearfix input[type=text] {
		width: 100%;
	}

	#popup #replyRequestPopup .body .clearfix .openInnerbtnBox {
		width: 100%;
		margin: 4px 0 0;
	}

	/* tideBrdMng */

	#popup #addTideBrdPop .body .d-inline-block {
		flex-direction: column;
		align-items: normal;
	}

	#popup #addTideBrdPop .body .d-inline-block .form-group {
		width: 100%;
		flex: auto;
	}

	#popup #addTideBrdPop .body .d-inline-block .form-group label,
	#popup #addTideBrdPop .body .d-inline-block+.d-inline-block .form-group label {
		width: 25%;
	}

	#popup #addTideBrdPop .body .d-inline-block .form-group select,
	#popup #addTideBrdPop .body .d-inline-block+.d-inline-block .form-group select {
		width: 75%;
	}

	#popup #addTideBrdPop .body #sendTimeContainer .sendTimeRow input,
	#popup #addTideBrdPop .body #sendTimeContainer .sendTimeRow select {
		width: 20%;
	}

	/* user */
	#popup #userDtlPop .row {
		flex-direction: column;
	}

	#popup #userDtlPop .row .column:nth-of-type(2) {
		margin: 0 0 8px 0;
	}

	#popup #userAppPop .row {
		flex-direction: column;
	}
	

	#popup #userAppPop .row .column:nth-of-type(2) {
		margin: 0 0 8px 0;
	}

	/* userGroup */
	#popup #userGroupPopupWrap #bankMngPopup .schForm {
		display: flex;
		flex-direction: column;
	}

	#popup #userGroupPopupWrap #bankMngPopup .schForm #srchBankMngSelect {
		width: 90%;
		margin-right: 4px;
	}

	#popup #userGroupPopupWrap #bankMngPopup .schForm .schInner {
		margin-top: 4px;
		width: 90%;
	}

	/* msgSend */
	#popup #replyNoPop .schForm {
		flex-direction: column;
	}

	#popup #replyNoPop .schForm #srchSendReplySelect {
		width: 100%;
		margin-bottom: 4px;
	}

	#popup #replyNoPop .schForm .schInner {
		width: 100%;
	}

	/* arsManage */
	#popup #arsUserPop .body .d-flex {
		flex-direction: column;
	}

	#popup #arsUserPop .body .d-flex select {
		width: 100%;
	}

	#popup #arsUserPop .body .d-flex .schInner {
		margin-top: 4px;
		width: 100%;
	}

	#popup #arsEqpmnListPop .r_box .schForm {
		flex-direction: column;
	}

	#popup #arsEqpmnListPop .r_box #srchArsEqpmnPopupSelect {
		width: 100%;
	}

	#popup #arsEqpmnListPop .r_box .schInner {
		margin-top: 4px;
		width: 100%;
	}
	
	/* 상단도 고정 50% 해제 */
    .r_box_upBox50 {
        flex: 0 0 auto;
        min-height: auto;
    }

    .r_box_downBox50 {
        flex: 0 0 auto;
    }

    .r_box_down_split {
        flex-direction: column;
        gap: 12px;
    }

    /* 버튼/검색줄 정렬 */
    .top_btns,
    .schForm {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    .schForm select,
    .schForm .schInner {
        width: 100% !important;
    }

	/* arsScenario */
	#popup #arsSendPop .r_box .schForm {
		flex-direction: column;
	}

	#popup #arsSendPop .r_box #popupAdbkSearchSelect {
		width: 100%;
	}

	#popup #arsSendPop .r_box .schForm .schInner {
		margin-top: 4px;
		width: 100%;
	}

	/* sendhistory */
	#popup #rsltDtlPop .body .dp_flex .top_btns {
		margin-top: 0;
	}

	#popup #rsltDtlPop .body>.dp_flex.w100 {
		flex-direction: column;
	}

	#popup #rsltDtlPop .body>.dp_flex.w100 #srchSendHistoryDtlSelect {
		width: 100%;
	}

	#popup #rsltDtlPop .body>.dp_flex.w100 form {
		width: 100%;
		margin-left: 0;
		margin-top: 4px;
	}

	#popup #rsrvDtlPop .dp_flex.flexBtw>.dp_flex:nth-of-type(2) {
		flex-direction: column;
	}

	#popup #rsrvDtlPop #srchMsgRsltDtlSel {
		width: 100%;
	}

	#popup #rsrvDtlPop form {
		margin-top: 4px;
		width: 100%;
	}

	#innerPopup #extraInnerPop .flexBtw {
		flex-direction: column;
	}

	#innerPopup #extraInnerPop .flexBtw form {
		margin-top: 4px;
	}

	.popupWrap .btn_close {
		position: absolute;
		right: 30px;
		top: 12px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		margin-top: 1.5%;
	}

	/* 반응형 (550px 이하): rcsMsgSendContent 관련 */
	#rcsMsgSendContent .l_box45,
	#rcsMsgSendContent .r_box35,
	#rcsMsgSendContent .r_box20,
	#rcsMsgSendContent .send_box {
		width: 100% !important;
		height: auto;
		padding: 16px;
		margin: 0;
		margin-bottom: 8px;
	}

	#rcsMsgSendContent #msgContent {
		width: 100%;
		height: 180px;
	}

	#rcsMsgSendContent .filebox {
		margin: 8px 0;
	}

	#rcsMsgSendContent #fileInput {
		width: 100% !important;
	}

	#rcsMsgSendContent #msgBottom {
		flex-direction: column;
		align-items: flex-end;
	}

	#rcsMsgSendContent #msgBottom #charDisplay {
		margin-left: 0 !important;
		margin-top: 4px;
		text-align: right;
		float: none;
	}

	#rcsMsgSendContent [name="addButtonBtn"] {
		width: 100% !important;
		min-width: 100% !important;
		margin: 4px 0 !important;
	}

	#rcsMsgSendContent .l_box45 .dp_flex .dp_mobile_flex input,
	#rcsMsgSendContent .l_box45 .dp_flex .top_btns {
		width: 100%;
	}

	#rcsMsgSendContent .l_box45 #srchRecipientForm .top_btns button {
		margin: 0;
		width: auto;
	}

	#rcsMsgSendContent .l_box45 .dp_flex .dp_mobile_flex div {
		width: 100%;
		margin: 8px 0 0;
		padding: 0;
	}

	#rcsMsgSendContent .l_box45 .dp_flex .w-25p button {
		width: auto;
	}

	#rcsMsgSendContent #srchRecipientForm {
		flex-direction: column;
	}

	#rcsMsgSendContent #srchRecipientForm .dp_mobile_flex {
		flex-direction: row;
		width: 100%;
	}

	#msgSendDiv .l_box45 .dp_flex .w-25p button {
		width: auto;
	}

	/* #rcsMsgSendContent #rcs_top_btns {
        flex-direction: column;
        align-items: flex-end;
    }*/

	#rcsMsgSendContent .l_box45 .dp_flex {
		flex-direction: column;
		align-items: normal;
	}

	#rcsMsgSendContent .form-content {
		flex: 1;
	}

	.icon-list {
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.icon-list .radiobox label img {
		width: 20px;
		height: 20px;
	}

	.icon-list .radiobox .no-img {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
	}

	#previewArea {
		padding: 6px;
	}

	#previewArea .m-title span,
	#previewArea .m-title2 span {
		font-size: 14px;
		white-space: normal;
	}

	#previewArea .m-logo {
		width: 20px;
		height: 20px;
	}

	#previewArea .m-logo2 {
		width: 30px;
		height: 30px;
	}

	#previewArea .card .title {
		font-size: 13px;
	}

	#previewArea .card .description {
		font-size: 11px;
	}

	#previewArea .button-group {
		flex: 1 1 0;
		gap: 6px;
	}

	#previewArea .button-group .btn {
		width: 100%;
		height: 32px;
		font-size: 13px;
	}

	/*rcs 승인상태*/
	.statusInfo .tooltip {
		display: none;
		position: absolute;
		width: 80%;
		background: rgba(0, 0, 0, 0.85);
		color: #F8F7FC;
		padding: 10px;
		border-radius: 6px;
		font-size: 10px;
		z-index: 3;
		white-space: normal;
		overflow: auto;
	}

	#rcsMngPage .loading-overlay {
		width: 100%;
	}

	#srchChatbotMngSelect,
	#srchBrandMngSelect {
		width: 30%;
	}

	/* 주소록 유형 관리 */
	#mainCategory,
	#subCategory {
		width: 25%;
	}
}

@media (max-width: 768px) {

	#mainCategory,
	#subCategory,
	#popupMainCategory,
	#popupMainKindSelect,
	#popupAdbkKindNm {
		width: 100% !important;
		/* 모바일에서는 전체폭 */
		margin-right: 0;
		/* 오른쪽 마진 제거 */
		margin-bottom: 5px;
		/* 아래쪽에 여백 */
	}

	.popupAdbkKind {
		flex-direction: column !important;
		width: 100% !important;
	}

	.popupAdbkKind .form-group {
		display: flex;
		flex-direction: column !important;
		width: 100% !important;
		margin-bottom: 16px;
	}

	.popupAdbkKind .form-group .dp_flex {
		flex-direction: column !important;
		width: 100% !important;
		align-items: flex-start;
	}

	.popupAdbkKind .form-group label {
		display: block;
		width: 100% !important;
		margin: 0 0 6px 0 !important;
	}

	.popupAdbkKind .form-group select,
	.popupAdbkKind .form-group input {
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}

	.popupAdbkKind .form-group .btnBox {
		width: 50% !important;
		margin: 0 auto 10px auto !important;
		text-align: center;
	}

	.popupAdbkKind .form-group .btnBox a {
		display: block;
		width: 100%;
	}

	.popupAdbkKind .radio-group {
		width: 100% !important;
		margin: 0 !important;
		display: flex;
		justify-content: flex-start;
		gap: 12px;
	}

	#popupAdbkKindBtn {
		display: flex !important;
		justify-content: space-between;
		/* 양옆 배치 */
		gap: 8px;
		/* 버튼 간격 */
		margin-top: 16px;
	}

    #popup #adbkGrpDtlPop #dtName {
    width: 100% !important;
    flex-wrap: wrap;         /* 줄바꿈 허용 */
    }
    #popup #adbkGrpDtlPop #dtName input[type="text"] {
    flex: 1 0 100%;          /* 첫 줄 전폭 */
    }
    #popup #adbkGrpDtlPop #dtName .openInnerbtnBox {
    flex: 0 0 100%;          /* 버튼을 다음 줄로 */
    margin-top: 8px;         /* 살짝 간격 */
    }
}
@media (max-width: 1290px) {
    /* userGroup – 모든 입력 요소 한 줄 */
    #userGroupContent input[type="text"],
    #userGroupContent input[type="password"],
    #userGroupContent input[type="number"],
    #userGroupContent input[type="email"],
    #userGroupContent input[type="file"],
    #userGroupContent select,
    #userGroupContent textarea {
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box;
    }

    /* form-group 컬럼 세로 정렬 */
    #userGroupContent .form-group-row {
    flex-direction: column;
    }

    #userGroupContent .form-group-col,
    #userGroupContent .form-group-l,
    #userGroupContent .form-group-r {
    width: 100% !important;
    }

    /* 제한량/단가 한 줄 유지 */
    #userGroupContent .form-group-col > .dp_flex {
      flex-direction: row !important;
      align-items: center;
      gap: 6px;
    }

    /* 건 / 원 input 크기 줄이기 */
    #userGroupContent .form-group-col > .dp_flex input[type="text"] {
      width: 130px !important;   /* 필요하면 60px까지 줄여도 됨 */
      min-width: 130px !important;
      text-align: right;
    }

    /* 단위 텍스트 (건, 원) */
    #userGroupContent .form-group-col > .dp_flex p {
      margin: 0 2px;
      white-space: nowrap;
      font-size: 0.9rem;
    }

    /* userGroup radio 버튼은 항상 가로 정렬 */
    #userGroupContent .radio-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 16px;
    }

    #userGroupContent .radio-group input[type="radio"] {
    margin: 0;
    transform: scale(1); /* 혹시 줄어든 경우 대비 */
    }

    #userGroupContent .radio-group label {
    margin: 0;
    width: auto !important;
    white-space: nowrap;
    }

    #userGroupContent .btn_basic,
    #userGroupContent .act_btns {
    display: inline-flex;          /* 핵심 */
    align-items: center;           /* 세로 가운데 */
    justify-content: center;       /* 가로 가운데 */
    text-align: center;
    padding: 0 12px;               /* 위아래 패딩 제거 */
    line-height: normal;           /* line-height 간섭 제거 */
    }
}

@media (max-width: 780px) {
    /* label도 위로 */
    #userGroupContent label {
    display: block;
    width: 100% !important;
    margin-bottom: 6px;
    }

    /* 버튼 영역도 전폭 */
    #userGroupContent .openInnerbtnBox,
    #userGroupContent .btn_basic,
    #userGroupContent .act_btns {
    width: 100%;
    }

    /* 주소 / 좌표 / 검색 버튼 포함 row */
    #userGroupContent .address-row-top,
    #userGroupContent .latlng-row,
    #userGroupContent .dp_flex {
    flex-direction: column;
    align-items: stretch;
    }

    #userGroupContent .latlng-row {
      flex-wrap: wrap;
      flex-direction: row !important;
      align-items: center !important;
      gap: 6px;
    }

    #userGroupContent .latlng-row .form-group-col {
      flex: 1 1 0;
    }

    #userGroupContent .latlng-row #mapBtn {
       flex: 0 0 100%;
       display: flex;
       justify-content: flex-end;  /* 오른쪽 정렬 (선택) */
       margin-top: 6px;
    }

    #userGroupContent .dp_flex > * {
    width: 100% !important;
    margin-bottom: 6px;
    }
    }
    @media (max-width: 550px) {
    #userGroupContent .form-group-row {
    padding: 8px 0;
    }

    #userGroupContent input,
    #userGroupContent select,
    #userGroupContent textarea {
    font-size: 0.95rem;
    }

    /* 무제한 체크 + 입력 묶음도 세로 */
    #userGroupContent .message-type-check-div,
    #userGroupContent .limit_div,
    #userGroupContent .limit_div .dp_flex {
    flex-direction: column;
    width: 100%;
    }

/* 건 / 원 input 크기 줄이기 */
    #userGroupContent .form-group-col > .dp_flex input[type="text"] {
      width: 130px !important;
      min-width: 130px !important;
      font-size: 0.9rem;
    }

    #userGroupContent .form-group-col > .dp_flex p {
      font-size: 0.85rem;
    }

	#popupAdbkKindBtn button {
		flex: 1 1 auto !important;
		/* flex 아이템으로 비율 나눔 */
		max-width: 46% !important;
		/* 두 개가 한 줄에 들어오도록 */
		width: auto !important;
		/* 기본 100% 폭 해제 */
		display: inline-flex !important;
		/* block → inline-flex */
		justify-content: center;
		/* 텍스트 가운데 */
		align-items: center;
	}

	#popup #adbkGrpDtlPop .body .dp_flex {
		flex-direction: column;
	}

	#popup #adbkGrpDtlPop #dtName {
		width: 100% !important;
		flex-wrap: wrap;
		/* 줄바꿈 허용 */
	}

	#popup #adbkGrpDtlPop #dtName input[type="text"] {
		flex: 1 0 100%;
		/* 첫 줄 전폭 */
	}

	#popup #adbkGrpDtlPop #dtName .openInnerbtnBox {
		flex: 0 0 100%;
		/* 버튼을 다음 줄로 */
		margin-top: 8px;
		/* 살짝 간격 */
	}

	/* statistics */
	.statistics_wrap .top_btns {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	.statistics_wrap .top_btns button {
		width: 100%;
	}

	.statistics_wrap .datePicker input {
		width: 100%;
	}

	.statistics_wrap .datePicker span {
		display: none;
	}
}