.m_photo_wrap{overflow:hidden}
.m_photo_wrap li{float:left;width: calc(33.33% - 14px);margin:0 20px 20px 0;display: block;position: relative;}
.m_photo_wrap li:nth-child(3n){margin-right:0}
.m_photo_wrap li a { display:block; }
.m_photo_wrap li a:focus { border:1px dashed #000; z-index:9999999999}
.m_photo_wrap li .imgBox{/* width:305.95px; */display:block;position: relative;height: 174.8px;overflow: hidden;}
.m_photo_wrap li img{width: 100%;height: 100%;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;position: relative;}
.m_photo_wrap li a .txtBox{display: block;width: 100%;height:80px;font-size: 18px;padding: 18px 15px 0 15px;background-color: #fff;z-index: 10;position: relative;border:1px solid #e1e1e1}
.m_photo_wrap li .tit{display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;margin-bottom: 5px;line-height: 1.2 ;font-size: 18px;font-weight: bold;}
.m_photo_wrap li .date{color: #555;font-size: 15px;}

.m_photo_wrap li a:focus img,.m_photo_wrap li a:hover img{transform: scale(1.1);}

.m_conBox_8 h2:before{content: "";display: inline-block;width: 1px;height: 64px;position: absolute;left:50%;top: 0;background-color: #363844;margin-left: -1px;}
.m_conBox_8 p{text-align: center;color: #555;}
.m_photo_wrap.video .imgBox::before{content:"";display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.4) url(/user_res/images_council/main/m_video_ic.png) center center no-repeat;z-index: 10;background-size: 45px;}
    .cont iframe{margin:0px auto; display:block;}

@media only screen and (max-width: 950px) {

    .m_photo_wrap li{width: calc(50% - 14px);}
    .m_photo_wrap li .imgBox{width:100%}
    .m_photo_wrap li:nth-child(even){margin-right:0}
    .m_photo_wrap li:nth-child(odd){margin-right:14px}
}


@media only screen and (max-width: 650px) {

    .m_photo_wrap li{max-width:350px;width:100%;margin:10px auto !important;float:none}
    .m_photo_wrap li .imgBox{width:100%}
    .cont iframe{width:100%; height:100%; min-height:190px;}
}                                 

#instafeed{overflow:hidden}
#instafeed li {float:left;width: 33.33%;padding:0 10px;margin-bottom:20px;/* padding-bottom: 20px; *//* border-bottom: 2px solid #e1e1e1e1; *//* height: 241px; */}
#instafeed li img{width:100%;display:block;/* margin-bottom: 20px; *//* max-width:220px; */height: 100%;}
#instafeed li span{
    font-size: 1em;
    color: #3a3a3a;
    line-height: 1.5em;
}
#instafeed li a{display:block;border-bottom: 2px solid #e1e1e1e1;padding-bottom:20px;height: 100%;height: 322px;overflow: hidden;}       

/* blog */
.blogWrap .js-load {
    display: none;
}
.blogWrap .js-load.active {
    display: block;
}
.blogWrap .is_comp.js-load:after {
    display: none;
}
.blogWrap .btn-wrap{
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:26px;
	padding:4px 0;
    display: block;
	background:#f1f1f1;
}
.blogWrap .btn-wrap a{
	display:block;
}
.blogWrap .btn-wrap:hover{
	background:#93c575;
	color:#fff;
}

.blogWrap .blog_lists {
   width:100%;

}
.media_blog .lists_item{display:block !important} 

.blogWrap .lists_item {
	width:31.3%; 
	float:left;
	margin-right:3%;
	margin-bottom:1%;
}
.blogWrap .lists_item .blog_con{
	display:block;
	border:1px solid #eee;
	padding:15px 25px;
	font-size:11px;
}
.blogWrap .lists_item .blog_con:hover{
	border:1px solid #93c575;
}
.blogWrap .lists_item .blog_con i{
	font-size:15px;
	color: #4d8520;
	display:block;
}
.blogWrap .lists_item .blog_con strong.title{
	font-size:18px;
	display:block;
	margin-bottom:10px;
	height:48px;
	overflow:hidden;
}

.blogWrap .lists_item .blog_con span.con{
	display: inline-block;
	font-size: 15px;
	color: #777;
	margin-bottom:15px;
	line-height:18px;
	letter-spacing:-1px;
	width: 100%;
	height: 72px;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blogWrap .lists_item .blog_con span.bl_name{
	font-size:12px;
	margin-right:5px;
}
.blogWrap .lists_item .blog_con time{
	font-size:12px; margin-left:5px;
}
.blogWrap .lists_item:nth-child(3n){
	margin-right:0;
} 

.ellipsis {
  text-overflow:ellipsis;
  white-space:nowrap;
  word-wrap:normal;
  width:300px;
  overflow:hidden;
}

#instafeed li a .cont {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  line-height: 2em;
  height: 10em;
}

@media (max-width:850px){

	.blogWrap .lists_item{width:100%;margin:0;margin-bottom:10px}
	#instafeed li{width: 100%;}
	#instafeed li img{margin:0 auto;/* margin-bottom:20px */}
	#instafeed li a{height:401px;width:401px;margin:0 auto;display:block}
}    

@media (max-width:550px){

	.blogWrap .lists_item{width:100%;margin:0;margin-bottom:10px}
	#instafeed li{/* width:50%; *//* height: 406px; */height: auto;}
}   

@media (max-width:400px){

	#instafeed li{width:100%;}
	#instafeed li a{width:350px;height:350px}

}             




.bg1 { background:#2e3a4c; color:#fff;}
.bg1 .tit { font-size:22px; font-weight:600;  }
.Quize-event { border-top:1px dashed #ddd; margin-top:20px; }
.Quize-event > p{padding:20px 0}
.Quize-event li {width:100%;float:left;line-height: 1.5em;}
.Quize-event li dt { background:#28323a; color:#fff; text-align:center;padding:10px;font-weight:700;font-size:20px }
.Quize-event li dd {border:1px solid #ddd;min-height:150px;padding:20px;}
.Quize-event li dd > span{color:#175687;font-weight:700;margin-bottom: 10px;display: block;}
.Quize-event li dd .em_green{text-align:center;color:red}       

.quize_se td:not(.t_cen){text-align:left}   
.quize_se .cont{margin-top:20px;line-height:1.5em;font-size:15px;color:#636363;background-color: #f7f8fa;padding: 20px;}   


.conBox.type7.onx{padding:50px 50px 50px 200px;background:url(/upload_data/board_data/BBS_0000050/154882616972462.png) 30px center no-repeat}     
.conBox.type7.onx h3{font-size:25px;font-weight:500;color:#5b85a6;margin-bottom:20px}          

.quiz_list{margin-top:20px}
.quiz_list > li{margin-bottom:10px}
.quiz_list > li > span{display:inline-block;padding:5px 7px;background-color: #2c6297;border-radius:10px;color:white;font-size:14px;margin-right: 16px;min-width: 80px;text-align:center;}                                    
.quiz_list > li:nth-child(3) {position:relative;min-height:161px}
.quiz_list > li div{position:absolute;top:0;left: 98px;}

/*해운대 소식 문자 알리미 신청*/
.newsMessage {width: 100%; display: block; background-color: #59ceff;}
.newsMessage img{display: block; margin: 0 auto;}
.newsMessage_exp {margin-top: 40px;}
.newsMessage_exp p{
    padding: 40px 180px 10px 210px;
    min-height: 155px;
    background: url(/upload_data/board_data/BBS_0000050/168318240954691.png) no-repeat 50px 20px #f4f1fc;
	background-size: 120px;
} 
@media (max-width:800px){
	.newsMessage_exp p{padding: 40px 80px 10px 210px;}
}
@media (max-width:600px){
	.newsMessage_exp p{padding: 20px 40px 15px 200px;}
}
.privacyList {padding: 40px 40px !important; margin-left: 30px;}          

/*카카오톡 해운대신문 채널 추가*/
.kakaoCh {width: 100%; display: block; background-color: #ffe70b;}
.kakaoCh img {display: block; margin: 0 auto;}
@media (max-width:880px){
    .newsMessage img {width: 100%;}
	.kakaoCh img {width: 100%;}
}