
.gita_infobox						{position:relative; overflow:hidden; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 30px; }
.gita_infobox	li					{border:1px solid #ddd;padding:10px;box-sizing:border-box;overflow:hidden;}
.gita_infobox	li .img			{float:left;width:220px;overflow:hidden;}
.gita_infobox	li .img img		{width:100%;}
.gita_infobox	li .cont			{float:left;width:calc(100% - 220px);padding:0 0 0 20px;}
.gita_infobox	li .cont	 .tit				{font-size:1.15em;font-weight:500;padding:10px 0;color:#111;letter-spacing:-1px;}
.gita_infobox	li .cont	 .txt				{font-size:1em; padding:10px 0 0 0;color:#666;border-top:1px solid #e5e5e5;letter-spacing:-1px;line-height:140%;}
 


/* 신청폼 */
#gita_sinform_box					{background:#fafafa; padding:20px 30px; margin:30px 0; border:1px solid #ddd; border-top:2px solid #333;}
#gita_sinform_box .form_privacy_wrap	{background:#fff;padding:15px;}

.gita_view_box					{overflow:hidden;color:#333; line-height:42px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:10px 0;}
.gita_view_box .input_form		{border-color:#ccc;height:35px; line-height:35px;padding:5px;}	
.gita_view_line							{padding:5px 0;overflow:hidden;}
.gita_view_box div.title			{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;background:#F3F3F3;}
.gita_view_box div.content		{box-sizing:border-box;float:left;width:87%; padding-left:10px;background:#F3F3F3;}
.gita_view_box div.title0		{box-sizing:border-box;float:left;width:15%;font-weight:bold; text-indent:10px;}
.gita_view_box div.content0		{box-sizing:border-box;float:left;width:85%; padding-left:10px;}
.gita_view_box div.title1		{box-sizing:border-box;float:left;width:15%;font-weight:500; }
.gita_view_box div.content1		{box-sizing:border-box;float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.gita_view_box div.content1_col	{box-sizing:border-box;float:left;width:85%; padding-left:10px;}
.gita_view_box div.title2		{box-sizing:border-box;float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.gita_view_box div.content2		{box-sizing:border-box;float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.gita_view_box div.content2_col	{box-sizing:border-box;float:left;width:100%;border-top:1px solid #ddd;padding:10px 0px 0px 10px;}

.gita_view_box .input_form_w1			{width:50%;}

.gita_finishbox			{background-color:#f3f3f4;padding:20px 30px;margin:0 0 15px 0;}
.gita_form_btn			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} 


/* 사용시간 */
.room_table_time					{overflow:hidden; background:#fff; border:1px solid #d2d2d2; margin-top:20px; border-top:1px solid #252525; border-bottom:0; margin-bottom:20px;}
.room_table_time li					{float:left; width:33.3%; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:center; padding:3px 0; font-size:0.95em; cursor:pointer;}
.room_table_time li:nth-child(3n)	{border-right:0;}
.room_table_time li span			{color:#0956a6;}
.room_table_time .off				{background:#f5f5f5; text-decoration:line-through; color:#bbb;}
.room_table_time .off span			{color:#bbb;}
.room_table_time li:hover,
.room_table_time .on				{background:#ffa000; color:#fff;}
.room_table_time li:hover span,
.room_table_time .on span			{color:#fff;}



/* screen 1024*/
@media screen and (max-width:1024px) {

	#gita_sinform_box				{padding:20px; margin:20px 0;}
.gita_view_box .input_form_w1			{width:70%;}

.gita_infobox						{position:relative; overflow:hidden; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px 30px; }
.gita_infobox	li					{ padding:15px;  }
.gita_infobox	li .img			{width:35%; } 
.gita_infobox	li .cont			{width:65%;}


}


/* screen 785 */
@media screen and (max-width:785px) {

	.gita_view_box					{line-height:36px;}
	.gita_view_box div.title0,
	.gita_view_box div.content0,
	.gita_view_box div.title1,
	.gita_view_box div.content1_col	{float:none; width:100%; padding:0; text-indent:0;}
	
.gita_view_box .input_form_w1			{width:100%;}

 
.gita_infobox	li					{ padding:10px;  }
.gita_infobox	li .cont	 .tit				{font-size:1.1em; padding:0 0 10px 0;} 


}

/* screen 520px */
@media screen and (max-width:520px) {

.gita_infobox						{position:relative; overflow:hidden; display: grid; grid-template-columns: repeat(1, 1fr); gap: 15px 0; }
.gita_infobox	li .img			{width:150px; } 
.gita_infobox	li .cont			{width:calc(100% - 150px);}
}
