/* 관리자모드 *****/

.practice_ing_tag1			{background:#9ca0af;text-align:center;color:#fff;width:46px;line-height:20px;font-size:12px;}
.practice_ing_tag2			{background:#44bbc3;text-align:center;color:#fff;width:46px;line-height:20px;font-size:12px;}








/*  현장실습신청 LIST */
.practice_listbox:after				{content:""; display:block; clear:both;}
.practice_listbox li					{position:relative; float: left; width:32%; margin-right:2%; margin-bottom:20px;  border: 1px solid #ddd; border-radius: 10px;}
.practice_listbox li:nth-child(3n)	{margin-right:0px; float:right;}
.practice_listbox .img				{position:relative; height: 160px; overflow: hidden; border-top-left-radius: 7px; border-top-right-radius: 7px;  border-top: 1px solid #ddd; box-sizing: border-box; }
.practice_listbox .img img			{width:100%; height:100%; object-fit:cover;}
.practice_listbox dl					{padding: 25px 20px;}
.practice_listbox dt					{margin-bottom:15px; font-size: 1.2em; font-weight: 700; letter-spacing: -2px;  color: #333; line-height: 1.4; display: block; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;word-wrap: break-word;}
.practice_listbox dd					{padding:2px 0;}
.practice_listbox .btn01				{position:relative;padding-left: 12px; margin: 0 auto 25px auto; border: 1px solid #007ff4;  width: 105px; height: 34px; line-height: 30px;}
.practice_listbox .btn01:hover		{background:#007ff4 ;color:#fff;}
.practice_listbox .btn01				{  color: #5284df; font-weight:500; font-size:0.93em;}
.practice_listbox .btns:hover a		{  color: #fff;}
.practice_listbox .more				{display:block; position:absolute; right:10px; top:9px; width:13px; height:13px; cursor:pointer;}
.practice_listbox .more:after			{position:absolute; content:''; left:40%; top:50%; transform:translate(-50%, -50%); width:13px; height:1px; background:#00b8f7;}
.practice_listbox .more:before		{position:absolute; content:''; left:40%; top:50%; transform:translate(-50%, -50%); width:1px; height:13px; background:#00b8f7;}
.practice_listbox .tag				{position:absolute; top: 14px;left: -14px; background:#7e7e7e; width: 63px; height: 30px; font-size:0.85em; text-align: center; line-height: 30px;color:#fff; z-index:2;}
.practice_listbox li .layer			{display:none;  position:absolute; top:0; left:0;background:rgba(0,0,0,0.3) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%; transition:0.5s; text-align:center;}
.practice_listbox li:hover .layer		{display:block;}
.practice_listbox .listnot			{width:100% !important;padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:0px;border-left:0px;border-radius:0;}


.practice_listbox .ing				{background:#3f8af9;}
.practice_listbox .acc, .practice_listbox .end	{background:#7e7e7e;}



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

	.practice_listbox .tag				{font-size:0.85em;}
	.practice_listbox dl				{padding:20px;}
	.practice_listbox dl dt				{font-size:1.1em; margin-bottom:10px;}
	.practice_listbox dl dd				{font-size:0.85em; padding:0;}
	.practice_listbox .btn01			{font-size:0.85em; margin:0 auto 20px auto;}
}

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

	.practice_listbox li,
	.practice_listbox li:nth-child(3n),
	.practice_listbox li:nth-child(4n)	{width:calc(50% - 10px); margin-right:10px;}
	.practice_listbox li:nth-child(3n)	{float:left;}
	.practice_listbox li:nth-child(2n)	{margin-right:0px; float:right;}

}


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

	.practice_listbox li,
	.practice_listbox li:nth-child(2n),
	.practice_listbox li:nth-child(3n),
	.practice_listbox li:nth-child(4n)	{width:100%; margin-right:0px; float:none !important;}

	.practice_listbox .img				{height:100%;}

}






/*  현장실습신청 VIEW */
.practice_viewbox .infos				{padding:35px 40px; border:1px solid #ddd; border-bottom:5px solid #f0f0f0; margin-bottom:40px; overflow:hidden;}
.practice_viewbox .infos .tit			{font-weight:700; line-height:140%; font-size:1.5em; color:#333; letter-spacing:-1px; margin-bottom:12px;}
.practice_viewbox .infos .stat2			{float:left; width:80px; background:#7e7e7e; display:inline-block;margin-right:10px;height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px}
.practice_viewbox .infos  .ing			{background:#3f8af9;}
.practice_viewbox .infos .acc,
.practice_viewbox .infos .end			{background:#7e7e7e;}
.practice_viewbox dl					{overflow:hidden;  padding:5px 0;}
.practice_viewbox dl dt					{float:left; min-width:75px; font-weight:700; color:#222; background:url("../image/list_line.png") no-repeat right 50%; }
.practice_viewbox dl dd					{padding-left:85px; color:#444;}

.practice_viewbox .cont					{padding:40px 0px;}
.practice_viewbox .cont img				{max-width:100%;}

.practice_view_companys					{display:none;}
.practice_view_companys_td				{padding:20px !important;}

.practice_match_icon					{padding: 0px 8px; margin-left: 10px; font-size: 0.8em;background: #5575f7; color: #fff; border: 1px solid #5575f7;border-radius:5px;}


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

	.practice_viewbox .infos			{padding:20px; margin-bottom:20px;}
	.practice_viewbox .infos .tit		{font-size:1.2em; }
	.practice_viewbox dl				{font-size:0.95em; padding:3px 0;}

}

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

	.practice_viewbox .files li			{font-size:12px;}
	.practice_viewbox .files .tit		{display:none;}
	.practice_viewbox .files .txt		{float:none;width:100%;}

}