

/* 리스트	 ======================================*/
.listbox							{overflow:hidden; width:100%;}
.listbox .list						{position:relative; float:left; width:calc(34% - 2%); margin:0 2% 2% 0; box-sizing:border-box; border:1px solid #ddd;}
.listbox .list:hover				{border-color:#5193f6;}
.listbox .list:nth-child(3n)		{margin-right:0px;}
.listbox .img						{position:relative; height:260px; overflow:hidden;}
.listbox .img img					{width:100%;}
.listbox .layer						{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.3) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%;}
.listbox .list:hover .layer			{display:block;}
.listbox .listHead					{padding:30px; }
.listbox .subject					{font-size:1.2em; line-height:1.4; color: #333; font-weight:700; overflow: hidden; height:50px; text-overflow: ellipsis;  -o-text-overflow: ellipsis; display: -webkit-box; 
									-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color:#333; }
.listbox .date						{font-size: 0.95em; color: #999; margin-top:12px;}
.listbox .m_text					{border-top: 1px solid #e0e0e0; font-size: 0.85em; padding: 7px 0px 6px 0px; margin-left: 10px; text-align:left;}
.listbox .nolist					{float:none; width:100%; margin:0; border-top:2px solid #5e5e5e; padding:70px 0; text-align:center;border-bottom:1px solid #dfdfdf; }


/* screen 1024 */
@media screen and (max-width:1024px) {

	.listbox .listHead				{padding:20px;}
	.listbox .subject				{font-size:1.1em;}
	.listbox .date					{font-size: 0.85em;}
}


/* screen 768 */
@media screen and (max-width:768px) {

	.listbox .list					{width:49%; margin:0 0 15px 0;}
	.listbox .list:nth-child(2n)	{float:right;}
}

/* screen 580 */
@media screen and (max-width:580px) {

	.listbox .list					{float:none !important; width:100%; }
	.listbox .img					{height:100%;}

}



/* 실행 뷰페이지 ===================================================================================== */
.practice_view_date					{font-size:0.9em; color:#999; }


/* 관련제안 리스트 ===================================================================================== */
.connection_wrap .suggest_list		{margin:0;}
.connection_wrap .suggest_list li	{width:calc(33.8% - 20px); margin:0 20px 0 0;}
.connection_wrap .suggest_list li:nth-child(3)	{margin-right:0;}
.connection_wrap .suggest_list .wrap	{padding:30px 20px;}
.connection_wrap .suggest_top		{margin-bottom:12px;}
.connection_list .wrap				{padding:15px 20px !important;}
.connection_wrap .thum				{height:120px;}
.connection_wrap .thum img			{width:100%; height:100%; object-fit: cover;}
.connection_wrap .type				{font-weight:500; font-size:1em; color:#2d64a7; margin-bottom:3px;}
.connection_wrap .title				{color:#333; font-size:0.95em; line-height:140%;}



/* 실행 폼 ===================================================================================== */
.practice_form_wrap					{}
.practice_form_wrap h4				{text-align:center; font-size:1.9em; font-weight:500 letter-spacing:-1px; padding:0; margin-bottom:30px;}
.practice_form_wrap h4:after		{content: ''; display: block; width:52px; height:1px; background:#333; margin:20px auto 0 auto; }

.practice_field_wrap				{border-top:#4c4c4c solid 2px;}
.practice_field_wrap dl				{padding:15px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.practice_field_wrap dl dt			{font-weight:500 color:#333; font-size:1.1em; float:left; width:20%;  text-indent:15px; line-height:40px;}
.practice_field_wrap dl dd			{float:left; width:80%;}
.practice_field_wrap .line			{line-height:40px;}
.practice_field_wrap  .input_form	{border:1px solid #ccc; min-height:38px; padding:0 10px; margin:0; -webkit-border-radius: 0;}
.practice_field_wrap .title .input_form	{width:95%; }
.practice_field_wrap textarea		{width:98%; padding:10px !important;}
.practice_field_wrap select			{float:left;padding:0; min-width:20%;height:40px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.practice_type						{display:none;}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.practice_form_wrap h4				{font-size:1.45em; margin-bottom:25px;}
	.practice_form_wrap h4:after			{margin:15px auto 0 auto;}
	.practice_field_wrap dl dt			{font-size:1em;}

	.connection_wrap .suggest_comment dd		{height:60px; -webkit-line-clamp:3;}

}


/* screen 768 */
@media screen and (max-width:768px) {


	.practice_field_wrap dl dt			{float:none; width:100%; text-indent:0; margin-bottom:7px; line-height:100%;}
	.practice_field_wrap dl dd			{float:none; width:100%;}
	.practice_field_wrap  .input_form	{min-height:33px;}
	.practice_field_wrap .title .input_form	{width:90%;}
	.practice_field_wrap textarea			{width:100%;}

}



/* screen 580  */
@media screen and (max-width:580px) {

	.connection_wrap .thum					{height:150px;}
	.connection_wrap .suggest_list li		{min-height:100%; width:100%;}

}





