/*
@media (max-width: 3840px) { 
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:33.33% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }
			.fleximg {border:0px solid blue;box-sizing:border-box;height:232px !important } 
			.fleximg img {width:100%;height:100%;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:82px !important;padding:10px;font-size:18px;font-weight:500;line-height:160%;text-align:justify;border:0px solid blue}
			.flexbbsinfo {font-size:16px;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {font-size:16px;text-align:justify;line-height:160%;padding:15px;border:0px solid blue }
}

@media (max-width: 900px) { 
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:50% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }	
			.fleximg {border:0px solid blue;box-sizing:border-box;height:232px !important } 
			.fleximg img {width:100%;height:100%;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:82px !important;padding:10px;font-size:18px;font-weight:500;line-height:160%;text-align:justify;border:0px solid blue}
			.flexbbsinfo {font-size:16px;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {font-size:16px;text-align:justify;line-height:160%;padding:15px;border:0px solid blue }
}


@media (max-width: 600px) { 
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:100% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }
			.fleximg {border:0px solid blue;box-sizing:border-box;height:232px !important }
			.fleximg img {width:100%;height:100%;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:82px !important;padding:10px;font-size:18px;font-weight:500;line-height:160%;text-align:justify;border:0px solid blue}
			.flexbbsinfo {font-size:16px;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {font-size:16px;text-align:justify;line-height:160%;padding:15px;border:0px solid blue }
}

*/


/* photo형  original img height: 232px*/

@media (max-width: 3840px) { /*4K*/
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:33.33% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }
			.fleximg {border:0px solid blue;box-sizing:border-box;height:auto !important;overflow:hidden } 
			.fleximg img {width:100%;max-width:100%;height:auto;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120%;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {
				font-size:16px;
				padding:10px;
				text-align:justify;
				line-height:150%;
				border:0px solid #FFFFFF;
				height:82px;
				overflow:hidden;
				width:calc(100% - 10px);
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-word;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;			
			}
}

@media (max-width: 1180px) { 
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:33.33% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }
			.fleximg {border:0px solid orange;box-sizing:border-box;height:auto !important;overflow:hidden } 
			.fleximg img {width:100%;max-width:100%;height:auto;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120%;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {
				font-size:16px;
				padding:10px;
				text-align:justify;
				line-height:150%;
				border:0px solid #FFFFFF;
				height:82px;
				overflow:hidden;
				width:calc(100% - 10px);
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-word;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;			
			}
}


@media (max-width: 990px) {  
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:50% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }	
			.fleximg {border:0px solid red;box-sizing:border-box;height:auto !important;overflow:hidden }
			.fleximg img {width:100%;max-width:100%;height:auto;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120%;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {
				font-size:16px;
				padding:10px;
				text-align:justify;
				line-height:150%;
				border:0px solid #FFFFFF;
				height:82px;
				overflow:hidden;
				width:calc(100% - 10px);
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-word;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;			
			}
}


@media (max-width: 600px) { 
	.flexcontainer {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem {width:100% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap {border-radius:12px;border:1px solid #CCCCCC;padding:0;margin:0 }
			.fleximg {border:0px solid blue;box-sizing:border-box;height:auto !important;overflow:hidden }
			.fleximg img {width:100%;max-width:100%;height:auto;border-top-left-radius:11px;border-top-right-radius:11px}
			.flexbbssubject {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120% !important;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc {
				font-size:1.14rem;
				padding:10px;
				text-align:justify;
				line-height:150%;
				border:0px solid #FFFFFF;
				height:82px;
				overflow:hidden;
				width:calc(100% - 10px);
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-word;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;			
			}
}






/* photo 2 */
/* img size 460px */

@media (max-width: 3840px) { /*4K*/
	.flexcontainer2 {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem2 {width:33.33% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap2 {padding:0;margin:0 }
			.fleximg2 {border:0px solid blue;box-sizing:border-box;height:auto !important;overflow:hidden } 
			.fleximg2 img {width:100%;max-width:100%;height:auto;}
			.flexbbssubject2 {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120%;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo2 {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc2 {
				font-size:1.14rem;
				padding:10px;
				text-align:justify;
				line-height:150%;
				border:1px solid #FFFFFF;
				height:62px;
				overflow:hidden;
				width:calc(100% - 10px);
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-word;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
}





@media (max-width: 1180px) { 
	.flexcontainer2 {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem2 {width:33.33% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap2 {padding:0;margin:0 }
			.fleximg2 {border:0px solid blue;box-sizing:border-box;height:auto !important;overflow:hidden } 
			.fleximg2 img {width:100%;max-width:100%;height:auto;}
			.flexbbssubject2 {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120% !important;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo2 {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc2 {font-size:1.14rem;padding:10px;text-align:justify;line-height:150%;border:0px solid red;height:62px;overflow:hidden;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
}


@media (max-width: 990px) { 
	.flexcontainer2 {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem2 {width:50% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap2 {padding:0;margin:0 }
			.fleximg2 {border:0px solid blue;box-sizing:border-box;height:auto !important;overflow:hidden } 
			.fleximg2 img {width:100%;max-width:100%;height:auto;}
			.flexbbssubject2 {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120%;text-align:left;border:0px solid blue;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo2 {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc2 {font-size:1.14rem;padding:10px;text-align:justify;line-height:150%;border:0px solid red;height:62px;overflow:hidden;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
}


@media (max-width: 600px) { 
	.flexcontainer2 {display:flex;flex-wrap:wrap;border:0px solid green}
		.flexitem2 {width:100% !important; border:0px solid #CCCCCC;overflow:hidden;padding:10px }
			.flexitemWrap2 {padding:0;margin:0 }
			.fleximg2 {border:0px solid blue;box-sizing:border-box;height:auto !important;overflow:hidden } 
			.fleximg2 img {width:100%;max-width:100%;height:auto;}
			.flexbbssubject2 {height:42px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:160%;text-align:left;border:0px solid bluewidth:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}
			.flexbbsinfo2 {font-size:1rem;padding:5px 0;text-align:right;font-weight:500;padding-right:10px;border:0px solid blue }
			.flexbbsdesc2 {font-size:1.14rem;padding:10px;text-align:justify;line-height:150%;border:0px solid red;height:62px;overflow:hidden;width:calc(100% - 10px);overflow:hidden !important;text-overflow:ellipsis !important;white-space: nowrap !important;}


.autoCutstr10px {
	border:0px solid blue;
	width:calc(100% - 10px);
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space: nowrap !important;
}