@charset "utf-8";
/***** 정책실행 (_app/practice) - 원본 practice.css 기준, .practice_wrap 범위로 한정 *****/


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



/* 뷰페이지 */
.practice_wrap .practice_view_date					{font-size:0.9em; color:#999; margin-top:8px;}
.practice_wrap .practice_content img				{max-width:100%; height:auto !important;}
.practice_wrap .practice_file						{margin:20px 0; padding:15px 20px; background:#f9f9f9; border:1px solid #e5e5e5;}
.practice_wrap .practice_file .tit					{font-weight:700; margin-bottom:5px;}
.practice_wrap .suggest_btn_list					{margin-top:20px; text-align:right;}


/* 관련제안 */
.practice_wrap .connection_wrap						{margin-top:40px;}
.practice_wrap .connection_wrap h5					{font-size:1.3em; font-weight:700; margin-bottom:15px;}
.practice_wrap .connection_wrap .suggest_list		{margin:0; overflow:hidden;}
.practice_wrap .connection_wrap .suggest_list li	{float:left; width:calc(33.8% - 20px); margin:0 20px 20px 0; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
.practice_wrap .connection_wrap .suggest_list li:nth-child(3n)	{margin-right:0;}
.practice_wrap .connection_wrap .suggest_list .wrap	{padding:20px;}
.practice_wrap .connection_wrap .suggest_top		{margin-bottom:12px;}
.practice_wrap .connection_list .wrap				{padding:15px 20px !important;}
.practice_wrap .connection_wrap .thum				{height:120px; overflow:hidden;}
.practice_wrap .connection_wrap .thum img			{width:100%; height:100%; object-fit:cover;}
.practice_wrap .connection_wrap .type				{font-weight:500; font-size:1em; color:#2d64a7; margin-bottom:3px;}
.practice_wrap .connection_wrap .title				{color:#333; font-size:0.95em; line-height:140%;}


/* 입력폼 */
.practice_wrap .practice_form_wrap h4				{text-align:center; font-size:1.9em; font-weight:500; letter-spacing:-1px; margin-bottom:30px;}
.practice_wrap .practice_form_wrap h4:after			{content:''; display:block; width:52px; height:1px; background:#333; margin:20px auto 0 auto;}
.practice_wrap .practice_field_wrap					{border-top:2px solid #4c4c4c;}
.practice_wrap .practice_field_wrap dl				{padding:15px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.practice_wrap .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_wrap .practice_field_wrap dl dd			{float:left; width:80%;}
.practice_wrap .practice_field_wrap .line			{line-height:40px;}
.practice_wrap .practice_field_wrap .input_form		{border:1px solid #ccc; min-height:38px; padding:0 10px; margin:0; box-sizing:border-box;}
.practice_wrap .practice_field_wrap .title .input_form	{width:95%;}
.practice_wrap .practice_field_wrap p				{margin-bottom:3px;}


@media screen and (max-width:1024px) {
	.practice_wrap .listbox .listHead				{padding:20px;}
	.practice_wrap .listbox .subject				{font-size:1.1em;}
	.practice_wrap .practice_form_wrap h4			{font-size:1.45em; margin-bottom:25px;}
}

@media screen and (max-width:768px) {
	.practice_wrap .listbox .list					{width:49%; margin:0 0 15px 0;}
	.practice_wrap .listbox .list:nth-child(2n)		{float:right;}
	.practice_wrap .practice_field_wrap dl dt		{float:none; width:100%; text-indent:0; margin-bottom:7px; line-height:100%;}
	.practice_wrap .practice_field_wrap dl dd		{float:none; width:100%;}
}

@media screen and (max-width:580px) {
	.practice_wrap .listbox .list					{float:none !important; width:100%;}
	.practice_wrap .listbox .img					{height:auto;}
	.practice_wrap .connection_wrap .suggest_list li	{float:none; width:100%; margin-right:0;}
	.practice_wrap .connection_wrap .thum			{height:150px;}
}