@charset "UTF-8";


.fl_force {
 float:left !important;
}
.m5_force {
	margin-left:5px !important;
}
.m25_force {
	margin-left:25px !important;
}

/* ▼ clients */
#mr_wrap_clients {position:relative;}


/* clients */
#mr_container .clients 			 {}
#mr_container .clients .title {
	position:relative;
	background-color: var(--theme-color);
	padding: 20px 0 0 20px;
}

#mr_container .clients .title .img {
	position:absolute;
	top:0; left:0;
	display:block;
	max-width: 880px;
	height:73px;
}








#mr_container .clients .title .menu {display: flex; flex-wrap: wrap; text-align:center; padding:0px;color:#FFFFFF;}
#mr_container .clients .title .menu a{ color:#000000;}

#mr_container .clients .title .menu01 	  { display:block; 	width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu01_on  { display:block; 	width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu02 	  { display:block; 	width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu02_on  { display:block; 	width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}


#mr_container .clients .title .menu03 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu03_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu04 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu04_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu05 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu05_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu06 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu06_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu07 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu07_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu08 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu08_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu09 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu09_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clients .title .menu10 	  	{ display:block; width:120px; height:35px;background-color:var(--theme-color);color:var(--theme-color-button-text); font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clients .title .menu10_on   	{ display:block; width:120px; height:35px;background-color:#ffffff;color:#000000; font-size:11pt;font-weight:bold;text-align:center;line-height:40px;vertical-align:bottom;border-bottom:2px solid #FFFFFF;border-top-left-radius: 5px; border-top-right-radius: 5px;}


#mr_container .clients .wrap {margin:0 auto;}

#mr_container .clients .wrap .leftblock
{
	position:relative;
	float:left;
	margin-top:5px;
	margin-left:15px;
	width:223px;



/*
	padding:5px;
	overflow:hidden;
*/
	border:0px solid blue;
}

#mr_container .clients .wrap .leftblock .list_menu {
	border:0px solid green;
	margin:5px;
}

#mr_container .clients .wrap .leftblock .list_menu .leftmenuHead {
	position:relative;
	height:37px;
	background:url("/img/bg/bg_client.jpg") repeat 0 0;
	text-align:left;
	line-height:37px;
	font-size:14px;
	color:#ffffff;
	padding-left:20px;
}

#mr_container .clients .wrap .leftblock .list_menu table {text-align:left; border-collapse: collapse;}
#mr_container .clients .wrap .leftblock .list_menu .submenu01
{
	/*background-image:url('/img/clients/submenu_bg.gif');*/

/*
	vertical-align:middle;
	padding-left:17px;
	font-size:19px;
	font-weight:bold;
	color:#010101;
	width:250px;
	height:25px;
*/
}


#mr_container .clients .wrap .leftblock .list_menu .submenu02
{
	 vertical-align:middle;
	 padding-left:25px;
	 padding-top:10px;
	 background-image:url('/img/clients/submenu_bg2_213.gif');
}
#mr_container .clients .wrap .leftblock .list_menu .submenu02 a
{
	font-size:110%;
	font-weight:bold;
}
#mr_container .clients .wrap .leftblock .list_menu .image01 {vertical-align:middle; cursor:hand; }



.dhx_cal_containerclient {
	overflow: hidden;
}
.dhx_cal_containerclient div {
	-moz-user-select:none;
	-moz-user-select:-moz-none;
}



#mr_container .clients .wrap .rightblock
{
	padding-top:10px;padding-left:20px;
}









#mr_container .clients .wrap .rightblock .menu 				{float:left;text-align:center; padding:0px;color:var(--theme-color-button-text);}
#mr_container .clients .wrap .rightblock .menu a			{ color:var(--theme-color-button-text);}
#mr_container .clients .wrap .rightblock .menu01 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;  }
#mr_container .clients .wrap .rightblock .menu01_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu02 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu02_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu03 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu03_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu04 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu04_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu05 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu05_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu06 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu06_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu07 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu07_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu08 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu08_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}


#mr_container .clients .wrap .rightblock .menu09 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu09_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu10 	  	{float:left; display:block; width:180px; height:30px; border-radius: 3px; background-color:var(--theme-color-secondary); color: var(--theme-color-secondary-text); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .menu10_on   {float:left; display:block; width:181px; height:30px; border-radius: 3px; background-color:var(--theme-color); padding-top: 10px; margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .menu_btn 	  {float:left; display:block; min-width:140px; height:30px;background-color:#b7b7b7;padding:12px 5px 0;margin-left:1px;font-size:120%;font-weight:bold;border-radius:5px;}
#mr_container .clients .wrap .rightblock .menu_btn_on   {float:left; display:block; min-width:141px; height:30px;background-color:var(--theme-color);padding:12px 5px 0;margin-left:1px;font-size:120%;font-weight:bold;border-radius:5px;}

#mr_container .clients .wrap .rightblock .popmenu {float:left;text-align:center; padding:0px;color:#FFFFFF;}
#mr_container .clients .wrap .rightblock .popmenu a{color:#000000;}
#mr_container .clients .wrap .rightblock .popmenu01 	{float:left; display:block; width:250px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .popmenu01_on  {float:left; display:block; width:251px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}


#mr_container .clients .wrap .rightblock .yoilmenu {float:right;text-align:center; padding:0px;}
#mr_container .clients .wrap .rightblock .yoilmenu a{color:#000000;}
#mr_container .clients .wrap .rightblock .yoilmenu01 	  {float:left; display:block; width:250px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:100%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .yoilmenu01_on   {float:left; display:block; width:251px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:100%;font-weight:bold;}



#mr_container .clients .wrap .rightblock .Apppopmenu01 	    {float:left; display:block; width:199px; height:55px;background-color:#e8e8e8;padding-top:1px;margin-left:1px;font-size:200%;font-weight:bold;line-height:55px;}
#mr_container .clients .wrap .rightblock .Apppopmenu01_on  {float:left; display:block; width:198px; height:55px;background-color:var(--theme-color);padding-top:1px;margin-left:1px;font-size:200%;font-weight:bold;line-height:55px;color:white;}

#mr_container .clients .wrap .rightblock .chart {float:left;text-align:center;}
#mr_container .clients .wrap .rightblock .chart02 {
	float: left;
	text-align: center;
	margin-left: 60px;
}


#mr_container .clients .wrap .rightblock .submenu {float:left;text-align:center; padding:0px;}
#mr_container .clients .wrap .rightblock .submenu a{ color:#000000;}
#mr_container .clients .wrap .rightblock .submenu01 	  {float:left; display:block; width:180px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .submenu01_on    {float:left; display:block; width:181px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .submenu02 	  {float:left; display:block; width:180px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .submenu02_on    {float:left; display:block; width:181px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .submenu03 	  {float:left; display:block; width:180px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}
#mr_container .clients .wrap .rightblock .submenu03_on    {float:left; display:block; width:181px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;}

#mr_container .clients .wrap .rightblock .select10 {float:left; display: block; margin-top: 10px; margin-right: 5px; font-size:14px; height: 44px; padding-left: 3px; border: 1px solid darkgray; border-radius: 5px;  width:200px; text-align:center;}
#mr_container .clients .wrap .rightblock .inputBox01 {float:left; display: block; margin-top: 10px; margin-right: 5px; font-size:14px; height: 42px; padding-left: 5px; border: 1px solid darkgray; border-radius: var(--theme-input-radius);}
#mr_container .clients .wrap .rightblock .inputBox01Label {float:left; display: block; margin-top: 10px; margin-right: 5px; font-size:14px; height: 42px; padding-left: 5px;}



#mr_container .clients .wrap .rightblock .select11 {margin-right: 3px; font-size:14px; height: 32px; padding-left: 3px; border: 1px solid darkgray; border-radius: var(--theme-input-radius);  width:200px; text-align:center;}
#mr_container .clients .wrap .rightblock .inputBox02 {float:left; display: block; margin-top: 2px; margin-right: 5px; font-size:14px; height: 31px; padding-left: 5px; border: 1px solid darkgray; border-radius: var(--theme-input-radius);}


#mr_container .clients .wrap .rightblock .btn30 {float: left; display: block; margin-left: 3px; margin-right: 3px; color:var(--theme-color-button-text); font-size: 11pt; font-weight: bold; background-color: var(--theme-color-button); border: 0px solid; text-align: center; border-radius: var(--theme-input-radius); cursor: pointer; padding: 5px 15px;}
#mr_container .clients .wrap .rightblock .inputBox30 {float:left; display: block; font-size:14px; width: 180px; height: 38px; border: 1px solid darkgray; border-radius: var(--theme-input-radius);}
#mr_container .clients .wrap .rightblock .input30 {float:left; display: block; font-size:14px; width: 174px; height: 31px; margin: 4px 3px 0px 3px; border: 0px; outline: 0}

#mr_container .clients .wrap .rightblock .btnDelCon {width: 22px; height: 22px; color: var(--theme-color-button-text); background-color: var(--theme-color); border-radius: 50px; margin-top: 5px; margin-left: 2px; font-size: 8pt; padding-inline: unset!important; border: 0; outline: 0; cursor: pointer;}

#mr_container .clients .wrap .rightblock .input11 {float:left; display: block; font-size:14px; height: 31px; padding-left: 3px; margin-top: 5px; border: 0px; outline: 0}
#mr_container .clients .wrap .rightblock .x_btn01 {float:left; margin-left: 3px; margin-top: 12px; border: 1px solid darkgray; border-radius: 11px; background-color:#cecece; color:#FFF; font-size:10px; font-weight: bold; cursor:pointer;}


.inputClear .inputBox {float:left; display: block; margin-top: 10px; margin-right: 5px; font-size:14px; height: 32px; padding-left: 5px; border: 1px solid darkgray; border-radius: var(--theme-input-radius);}
.inputClear .input {float:left; display: block; font-size:14px; height: 21px; padding-left: 3px; margin-top: 5px; border: 0px; outline: 0}
.inputClear .x {
	float:left; 
	/* margin: 8px 3px;  */
	/* margin-top: 3px; */
	height: 14px; 
	border: 1px solid darkgray; 
	border-radius: 11px; 
	background-color:#cecece; 
	color:#FFF; 
	font-size:10px; 
	font-weight: bold; 
	cursor:pointer;
}


.col-info { width: 100%; }
.col-info .col-info-title { border: none; font-weight: bold; }
.col-info .col-info-icon { border: none; width: 25px; }
.col-info .col-info-icon img { width: 15px; height: 15px; }

#mr_container .clients .wrap .rightblock .content
{
	margin-top:10px;
	float:left;
}
#mr_container .clients .wrap .rightblock .content input {height:25px;}


#mr_container .clients .wrap .rightblock .dateinput {width:80px; height:20px; text-align:center;}
#mr_container .clients .wrap .rightblock .dateinputApp {width:70px; height:40px; text-align:center;}
#mr_container .clients .wrap .rightblock .input01 {width:100px; height:20px; text-align:center;}
#mr_container .clients .wrap .rightblock .input02 {width:160px; height:20px; text-align:center;}
#mr_container .clients .wrap .rightblock .input03 {width:250px; height:20px; text-align:center;}

#mr_container .clients .wrap .rightblock .btn01 {color:#FFF;float:left; position:relative; display:block; width:80px; height:18px; background-color:var(--theme-color); border:1px solid #903700; padding-top:4px; text-align:center;}
#mr_container .clients .wrap .rightblock .btn01 a {color:#FFF; text-decoration: none;}


#mr_container .btn02 {color: var(--theme-color-button-text);width:100px;height:30px;background-color:var(--theme-color);border:1px solid #903700;font-weight:bold;padding-top:4px; text-align:center;cursor:pointer;}

#mr_container .clients .wrap .rightblock .btn02Middle { color:var(--theme-color-button-text); background-color:var(--theme-color);border:1px solid var(--theme-color-border);font-weight:bold; text-align:center;cursor:pointer;border-radius:5px; padding: 5px 15px;}
#mr_container .clients .wrap .rightblock .btn02Short 	{ color:var(--theme-color-button-text); background-color:var(--theme-color);border:1px solid var(--theme-color-border);font-weight:bold; text-align:center;cursor:pointer;border-radius:5px; padding: 5px 15px;}

#mr_container .clients .wrap .rightblock .btn02App 		{font-size:130%;color:#FFF;width:70px;height:38px;background-color:var(--theme-color);border:1px solid #903700;font-weight:bold;padding-top:4px; text-align:center;}
#mr_container .clients .wrap .rightblock .btn03App 		{color:#FFF;width:70px;height:35px;background-color:var(--theme-color);border:1px solid #903700;font-weight:bold;padding-top:4px; text-align:center;}
#mr_container .clients .wrap .rightblock .toggle 	 		{font-size:150%;font-weight:bold;text-align:center;}



/* 가로세로 스크롤 시작*/


#mr_container .clients .wrap .rightblock .content .list_content
{
/*	overflow:scroll; */
}




/* ▼ clients */
/* clientsranker */
#mr_container .clientsranker {position:relative; width:100%; height:100%;}
#mr_container .clientsranker .wrap {position:relative; width:100%; height:100%;}
#mr_container .clientsranker .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_myrank.jpg") no-repeat 0 0;}
#mr_container .clientsranker .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;}

#mr_container .clientsranker .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#ffffff;  }
#mr_container .clientsranker .wrap .content .menu a{color:#000000;}

#mr_container .clientsranker .wrap .content .menu01 {float:left; 									 display:block; width:292px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clientsranker .wrap .content .menu02 {float:left; position:relative;display:block; width:292px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clientsranker .wrap .content .menu03 {float:left; position:relative;display:block; width:292px; height:22px;background-color:#e8e8e8;padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clientsranker .wrap .content .menu01_on {float:left; 							 display:block; width:293px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clientsranker .wrap .content .menu02_on {float:left; 							 display:block; width:293px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;border-top-left-radius: 5px; border-top-right-radius: 5px;}
#mr_container .clientsranker .wrap .content .menu03_on {float:left; 							 display:block; width:293px; height:22px;background-color:var(--theme-color);padding-top:8px;margin-left:1px;font-size:120%;font-weight:bold;border-top-left-radius: 5px; border-top-right-radius: 5px;}

#mr_container .clientsranker .wrap .content input {height:25px;}
#mr_container .clientsranker .wrap .content .btn02 {color:#FFF;width:90px;height:30px;background-color:var(--theme-color);border:1px solid #903700;font-weight:bold;padding-top:4px; text-align:center;}
#mr_container .clientsranker .wrap .content .btn03 {color:#FFF;width:90px;height:30px;background-color:var(--theme-color);border:1px solid #903700;font-weight:bold;padding-top:4px; text-align:center;}








/* **CRM Start*************************************************** */
.font01 { font-size:12px; font-weight:bold; color:#010101; }

.font05 { font-size:12px; font-weight:bold; color:#583535; }	/*타이틀용*/
.font06 { font-size:16px; font-weight:bold; color:#ff6719; }	/*서브타이틀용*/

.c0c0c0BorderTop {
	border-top:1px solid #c0c0c0;
}

.c0c0c0BorderLeft {
	border-left:1px solid #c0c0c0;
}

.c0c0c0BorderFirst {
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

.c0c0c0BorderSecond {
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

.c0c0c0BorderRight {
	border-right:1px solid #c0c0c0;
}
.c0c0c0BorderBottom {
	border-bottom:1px solid #c0c0c0;
}

.d8d2cbBorderTop {
	border-top:1px solid #d8d2cb;
}

.d8d2cbBorderFirst {
	border-left:1px solid #d8d2cb;
	border-right:1px solid #d8d2cb;
	border-bottom:1px solid #d8d2cb;
}
.d8d2cbBorderSecond {
	border-right:1px solid #d8d2cb;
	border-bottom:1px solid #d8d2cb;
}
.d8d2cbBorderBottom {
	border-bottom:1px solid #d8d2cb;
}

.d8d2cbBorderRight {
	border-right:1px solid #d8d2cb;
}
.d8d2cbBorderLeft {
	border-left:1px solid #d8d2cb;
}
.padding1 {padding:1px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}

.paddingleft5 {padding-left:5px;}
.paddingleft10 {padding-left:10px;}
.paddingleft25 {padding-left:25px;}

.paddingTop10 {padding-top:10px;}
.paddingTop5 {padding-top:5px;}

.lineheight15 {line-height:15px;}
.lineheight30 {line-height:30px;}

.margin5 {margin:5px;}

.marginl5 {margin-left:5px;}
.margint5 {margin-top:5px;}
.marginr5 {margin-right:5px;}
.marginb5 {margin-bottom:5px;}
.marginb10 {margin-bottom:10px;}
.marginb15 {margin-bottom:15px;}

.marginTop5 {margin-top:5px;}
.margin10 {margin:10px;}

.font80bold {font-size:80%;font-weight:bold;}
.font100bold {font-size:100%;font-weight:bold;}
.font110bold {font-size:110%;font-weight:bold;}
.font120bold {font-size:120%;font-weight:bold;}
.font130bold {font-size:130%;font-weight:bold;}
.font150bold {font-size:150%;font-weight:bold;}
.font200bold {font-size:200%;font-weight:bold;}

.colorRed {color:red;}
.colorBlue {color:blue;}
.colorGreen {color:green;}

.displayNone {display:none;}

.cursorPoint {
	cursor:pointer;
	text-decoration: underline;
}

.fLeft {float:left}
.fRight {float:right}

#searchBox select option {
	font-size:120%;font-weight:bold;
}

.fontweightBold {font-weight:bold;}

.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}
.fs200 {font-size:200%;}
.fs150 {font-size:150%;}
.fs130 {font-size:130%;}
.fs90 {font-size:90%;}
.fs80 {font-size:80%;}
.fs85 {font-size:85%;}
.fs95 {font-size:95%;}




.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h55 {height:55px;}
.h60 {height:60px;}

.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w75 {width:75px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}

.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}

.dottedRed {border:1px dotted #0066ff;}
.solidRed {border:1px solid red;}
/* **CRM End*************************************************** */



a.alinkStyle:link,a.alinkStyle:visited {
    color: blue;
    text-decoration: underline;

}

a.alinkStyle:hover, a.alinkStyle:active {
    color: red;
    text-decoration: underline;

}



.RbtnHeight2em {
	
	display      : inline-block;
	margin-left  : -2em;
	line-height  : 1.5em;
	vertical-align   : bottom;
	width            : 1.5em;
	height           : 1.5em;
	margin           : 0.125em;
	
	}





/* **client edit Start*************************************************** */
	.clientForm300 {width:300px;height:40px;text-align:left;font-size:130%;}
	.clientForm200 {width:200px;height:40px;}
	.clientForm200_200 {width:200px;height:40px;font-size:200%}
	.clientForm150 {width:150px;height:40px;font-size:200%}
	.clientForm100 {width:100px;height:40px;font-size:130%}
	.clientForm75  {width:75px;height:40px;font-size:130%}
	.clientForm50  {width:50px;height:40px;font-size:130%}
	.list_content .chart input {border:1px dotted #0066ff;}



/* **client edit End*************************************************** */
.LicenseInfoStatus{ border:#CCC solid 1px; background:#FFF; padding:10px; z-index:9999; display:none; min-height:20px; border-radius:2px; zoom:1; position:absolute;}

/* 부모 면적에 맞게 텍스트 축약 처리 */
.center-ellipsis {
	width: 100%; /* 부모 크기에 맞추기 */
	overflow: hidden; /* 부모 크기를 넘으면 숨김 */
	text-overflow: ellipsis; /* 초과하는 텍스트 축약 */
	white-space: nowrap; /* 개행 방지 */
	display: inline-block; /* block 사용 시 너비나 위치가 어긋남 */
	position: absolute; /* 부모의 크기를 이 텍스트가 늘리지 못하게 함 */
	transform: translate(-50%, -50%); /* 가로 세로 가운데 정렬 */
}



#msg .select01 {float:left; display: block; margin-top: 10px; margin-right: 5px;  font-size:14px; height: 22px; padding-left: 3px; border: 1px solid darkgray; border-radius: 3px;  width:100px; text-align: center;}
#msg .btn01 {float:left; display: block; margin-left: 3px; margin-right: 3px; color:#FFF; width:50px; font-size:13px;font-weight:bold; background-color:#ff6201;border:0px solid; text-align: center; border-radius:3px; cursor: pointer;}

.orangebar {position: sticky;top: 273px;left: 0px;width: 1200px;height: 35px;background-color: rgb(211, 84, 0);text-align: center;color: white;font-weight: bold;}
.orangebartext {text-align: left; color: white;font-weight: bold; padding-top: 10px; padding-left: 107px; font-size: 11pt;}

.graybar {position: sticky;top: 273px;left: 0px;width: 1200px;height: 35px;background-color: rgb(127, 127, 127);text-align: center;color: rgb(224, 224, 224);;font-weight: bold;}
.graybartext {text-align: left; color: white;font-weight: bold; padding-top: 10px; padding-left: 107px; font-size: 11pt;}

.category_layer {
	display: none;
}
.category_layer.on {
	z-index: 10;
	display: block;
	position: absolute;
	top: 75px;
	overflow: hidden;
	border: 1px solid darkgray;
	width: 177px;
	border-radius: 5px;
	box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%), 1px 1px 0 0 rgb(0 0 0 / 10%);
	background-color: #fff;
	box-sizing: border-box;
}

.category_item {
	display: list-item;
	text-align: -webkit-match-parent;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 28px;
	position: relative;
	padding: 10px;
	letter-spacing: -0.5px;
	color: #131313;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.category_item:hover {
	background: #fffaf2;
}


ul li a:link, a:visited, a:active {
	text-decoration: none;
	/* color: black; */
}

.searchlayer {
	display: none;
}

.searchlayer.on {
	display: flex;
	padding-left: 15px;
	padding-top: 10px;
}
.searchlayer .searchlayertitle {
	margin-top: 15px;
	font-size: 11pt;
	font-weight: bold;
}


.agencyManageTitle {
	text-decoration: underline;
	font-size: 14pt;
	font-weight: bold;
}

.agencyManageTbTitle {
	font-size: 12pt;
	width: 120px;
	height: 50px;
	text-align: right;
	padding-right: 10px;
}
.agencyManageTbInput {
	width: 200px;
	height: 50px;
}

.customerList {
	margin-top: 0px;
	width: 180px;
	border-radius: 5px;
	height: 28px;
}
.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
	font-size: 11pt;
	font-weight: bold;
}

.pop-layer .btn {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
	display: flex;
}

.pop-layer .btn .btn-r {
  /* width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD; */
  text-align: right;
	margin-left: 90px;
}

.pop-layer .btn .btn-l {
  /* width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD; */
  text-align: left;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
}

/** ------ 컬럼 클릭으로 정렬하기 스타일 시작 **/
/* 정렬 가능한 테이블 헤더 */
th.sortable {
	cursor: pointer;
	position: relative;
}

th.asc, th.desc {
	background-color: var(--theme-color-table-header-sortable);
}

/* 오름차순 정렬 가능한 헤더. 아직 정렬되기 전 상태 */
th.sortable::before {
	position: absolute;
	content: '';
	content: "△"; /* 오름차순 아이콘 */
	opacity: 0.5;
	right: 8px;
	top: 50%;
	transform: translateY(-70%);
	font-size: 0.8em;
}

/* 내림차순 정렬 가능한 헤더. 아직 정렬되기 전 상태 */
th.sortable::after {
	position: absolute;
	content: "▽"; /* 내림차순 아이콘 */
	opacity: 0.5;
	right: 8px;
	top: 50%;
	transform: translateY(-23%);
	font-size: 0.8em;
}
  
/* 오름차순 정렬 상태를 나타내는 아이콘 */
th.sortable.asc::before {
	content: "▲"; /* 오름차순 아이콘 */
	opacity: 0.6;
}

/* 내림차순 정렬 상태를 나타내는 아이콘 */
th.sortable.desc::after {
	content: "▼"; /* 내림차순 아이콘 */
	opacity: 0.6;
}

/* IsFromAgency 에 따른 변경 사항 */
#mr_container .clients .wrap .rightblock #searchBoxAgency {
	margin: 10px 0px 5px 0px;
}
#mr_container .clients .wrap .rightblock #searchBox {
	margin: 5px;
}

#mr_container .clients .wrap .rightblock #searchBoxAgency .input02,
#mr_container .clients .wrap .rightblock #searchBoxAgency .standard {
	margin-right: 5px;
	font-size:14px;
	height: 32px;
	border: 1px solid darkgray;
	border-radius: var(--theme-input-radius);
	padding-left: 5px;
	text-align:center;
	margin-top: 0px;
}

#mr_container #searchBoxAgency .btn02,
#mr_container .clients .wrap .rightblock #searchBoxAgency .btn02Short,
#mr_container .clients .wrap .rightblock #searchBoxAgency .btn02Middle {
	/* margin-left: 3px;
	margin-right: 3px; */
	color:var(--theme-color-button-text);
	font-size: 11pt;
	font-weight: bold;
	background-color: var(--theme-color);
	border: 0px solid;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

#mr_container #searchBoxAgency .btn02,

.leftMenu {
	display: flex;
}
.leftMenu-menu {
	width: 170px;
	background: var(--theme-color);
}
.leftMenu-contents {
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	float: left;
}

.left_menu_btn {
	float: left;
	display: block;
	min-width: 158px;
	height: 30px;
	background-color: var(--theme-color-menu-btn);
	padding: 12px 5px 0;
	margin-left: 1px;
	font-size: 120%;
	font-weight: bold;
	border-top: var(--theme-color) solid 1px;
}
.left_menu_btn_on {
	float: left;
	display: block;
	min-width: 158px;
	height: 30px;
	background-color: var(--theme-color-menu-btn-on);
	padding: 12px 5px 0;
	margin-left: 1px;
	font-size: 120%;
	font-weight: bold;
	border-top: var(--theme-color) solid 1px;
}

input.btnAgencyThemes,
button.btnAgencyThemes,
input.btnAgencyThemes {
	background: var(--theme-color-button);
	width: 90px;
	height: 34.5px;
	border: 1px solid var(--theme-color-border);
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	cursor: pointer;
	border-radius: var(--theme-input-radius);
	color: var(--theme-color-button-text);
}

label.btnAgencyThemes {
	background: var(--theme-color-button);
	width: 90px;
	height: 34.5px;
	border: 1px solid var(--theme-color-border);
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	cursor: pointer;
	padding: var(--theme-button-padding);
	border-radius: var(--theme-input-radius);
	color: var(--theme-color-button-text);
}

input.btnAgencyThemesOn,
button.btnAgencyThemesOn,
input.btnAgencyThemesOn {
	background: white;
	width: 90px;
	height: 35px;
	border: 1px solid var(--theme-color-border);
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	border-radius: var(--theme-input-radius);
	color: var(--theme-color-button-text);
}

a.btnAgencyThemes {
	background: var(--theme-color-button);
	border: 1px solid var(--theme-color-border);
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	cursor: pointer;
	color: #333333;
	padding: var(--theme-button-padding);
	border-radius: var(--theme-input-radius);
	color: var(--theme-color-button-text);
}

span.btnAgencyThemesOn,
a.btnAgencyThemesOn {
	background: white;
	border: 1px solid var(--theme-color-border);
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	color: #333333;
	padding: var(--theme-button-padding);
	border-radius: var(--theme-input-radius);
	color: var(--theme-color-button-text);
}

a.btnAgencyThemesOn:link, a.btnAgencyThemesOn:visited, a.btnAgencyThemesOn:active,
a.btnAgencyThemes:link, a.btnAgencyThemes:visited, a.btnAgencyThemes:active {
	text-decoration: none;
	color: #333333;
}


.ManagerCornDesc {
	background-color: var(--theme-color-menu-description);
	height: 50px;
	padding-left: 25px;
	display: flex;
	align-items: center; /* 세로 가운데 정렬 */
	/* justify-content: center; 가로 가운데 정렬 (필요시) */
}
.ManagerCornDesc .descTitle {
	color: #D25E24;
	font-size: 17px;
	font-weight: bold;
	font-family: var(--theme-font);
}
.ManagerCornDesc .descContents {
	font-family: var(--theme-font);
	padding-left: 30px;
}

.radio-buttons input[type="radio"] {
	display: none; /* 라디오 버튼 숨기기 */
}
.radio-buttons label {
	display: inline-block;
	padding: 5px 15px;
	margin-right: 5px;
	font-size: 11pt;
	cursor: pointer;
	border-radius: 5px;
	background-color: #b7b7b7;
	color: white;
}

.radio-buttons input[type="radio"]:checked + label {
	background-color: var(--theme-color); /* 선택된 버튼의 배경색 */
}