/* 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:82px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:160%;text-align:justify;border:0px solid blue;text-overflow: ellipsis}
			.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;text-align:justify;line-height:160%;padding:15px;border:0px solid blue;height:82px;overflow:hidden }
}

@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:82px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:160%;text-align:justify;border:0px solid blue;text-overflow: ellipsis}
			.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;text-align:justify;line-height:160%;padding:15px;border:0px solid blue;height:82px;overflow:hidden;text-overflow: ellipsis; word-break:break-all; }
}


@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:82px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:160%;text-align:justify;border:0px solid blue;text-overflow: ellipsis}
			.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;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: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:82px !important;padding:10px;font-size:1.2rem;font-weight:500;line-height:120% !important;text-align:justify;border:0px solid blue;text-overflow: ellipsis}
			.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;text-align:justify;line-height:160%;padding:15px;border:0px solid blue }
}


/* 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: wrap !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 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;}

}



/*blog type 2022/07/28 */


@media (max-width: 3840px) { 

			.flexcontainer3 {display:flex;border:0px solid red !important;margin-bottom:0px;width:100%;cursor:pointer}
			.flexcontainer3 .flexitem3left {width:272px !important;border:0px solid blue}
				.fleximg3 img {width:100%;max-width:100%;height:auto;}

			.flexcontainer3 .flexitem3right{flex:1;width:auto;border:0px solid green}
				.flexbbssubject3 {
					height:42px !important;
					padding:10px;
					font-size:1.2rem;
					font-weight:500;
					line-height:160%;
					text-align:left;
					border:0px solid blue;
					width:calc(100% - 10px);
					overflow:hidden !important;
					text-overflow:ellipsis !important;
					white-space: wrap !important; /* /nowrap을 주면 특정사이즈에서 더이상 줄지 않는다 */
					}
				.flexbbsinfo3 {font-size:1rem;font-weight:300;padding-left:20px;border:0px solid blue ;text-align:left;margin-top:15px}
				.flexbbsdesc3 {
					  padding-left:20px;
					  text-align:justify;
					  display: -webkit-box;
					  display: -ms-flexbox;
					  display: box;
					  margin-top:1px;
					  max-height:80px;
					  overflow:hidden;
					  vertical-align:top;
					  text-overflow: ellipsis;
					  word-break:break-all;
					  -webkit-box-orient:vertical;
					  -webkit-line-clamp:3
				}

				/*
				.flexbbsdesc3_width800 {
					display:none;
					font-size:1.14rem;
					padding-left:20px;
					text-align:justify;
					line-height:150%;
					border:0px solid red;
					width:calc(100% - 10px);
					overflow:hidden !important;
					text-overflow:ellipsis !important;
					white-space: wrap !important;
				}
				*/

}



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


/* 비디오 모달로 띄우기 */


.video_modal_popup.reveal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999998
}

.video_modal_popup .video-wrapper {
    position: relative;
    width: 80%;
    padding-bottom: 45%;
    z-index: 9999999;
}

.video_modal_popup .video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.video_modal_popup.reveal .video_modal_popup-closer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 9999998
}