@charset "utf-8";

/*bbs 메인 영역*/
#main{ margin-top: 25px; }
.bbs_main{display: flex; gap:30px; }
.bbs_photo{width: 695px; background-color: #bbbbbb; overflow: hidden;}
.bbs_photo a img{width: 100%; object-fit: cover; height: 100%;}
.bbs_content{width: 414px; overflow: hidden;}
.bbs_top{  border-bottom: 1px solid #d9d9d9; padding-bottom: 18px; padding-top: 8px; box-sizing: border-box; display: block;}
.bbs_title{margin-bottom: 18px;}
.bbs_content .t34{font-weight: 600; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbs_sub_title{font-weight: 500; margin-bottom: 12px; transform : rotate(0.04deg);}
.bbs_content .t14{color: #747474; line-height: 1.5; font-size: 14px; transform : rotate(0.04deg);}
.bbs_bottom{display: flex; justify-content: space-between; align-items: end; margin-top: 16px;}
.bbs_sm_title{font-weight: 500; line-height:24px; margin-bottom:6px; box-sizing: border-box; transform : rotate(0.04deg);}
.bbs_sm_photo{width: 150px; height: 110px; background-color: #313131; overflow: hidden;}
.bbs_sm_photo img{width: 100%; object-fit: cover; height: 100%;}
.bbs_sm_content{width: 255px;}
.bbs_main .t14{height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bbs_top:hover .bbs_title{text-decoration: underline; text-decoration-thickness: 2px;  text-underline-offset: 4px; }
.bbs_bottom:hover .bbs_sm_title{text-decoration: underline;}

/*item., 공통*/ 
.large_item{display: block;}
.item{ width: 436px; display: flex; justify-content: space-between; gap:10px; align-items: center; ;}
.item_photo{width: 128px; height: 75px;  background: #8d8d8d; overflow: hidden;}
.item_box{display: flex; flex-direction: column; gap: 10px}
.item_photo img{width: 100%; object-fit: cover; height: 100%;}
.date{font-size: 14px; color:#9c9c9c; margin-top: 12px; display: block; transform : rotate(0.04deg);}
.item .t16{font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transform : rotate(0.04deg); line-height: 1.3; }
.large_item:hover .t19{text-decoration: underline;}
.item:hover .t16{text-decoration: underline;}

/*주요뉴스*/
#container #content .news-primary{margin-top: 14px; display: flex; gap:20px}
#container #content .news-primary .large_item{width: 363px;}
#container #content .large_item_photo{width: 100%; height: 218px; background-color: #313131; overflow: hidden;}
#container #content .large_item_photo img{width: 100%; object-fit: cover; height: 100%;}
#container #content .large_item_content{margin-top: 10px;}
.news-primary .t19{font-weight: 500; line-height: 1.3; }
.news-primary .t16{transform : rotate(0.04deg); line-height: 1.3; font-weight:500}
.news-primary .t14{color:#747474; line-height: 1.5; margin-top: 4px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; transform : rotate(0.04deg); }
.news-primary .large_item_content .t14{color:#747474; line-height: 1.5; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transform : rotate(0.04deg);}

/*보도*/
.report{display: flex; justify-content: space-between; margin-top: 14px;}
.report_gallery{display: flex; flex-direction: column; gap:10px}
.report_photo{width: 307px; height: 155px;  position: relative;}
.report_photo img{width: 100%; object-fit: cover; height: 100%;}
.gradient{background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 47.1%, rgba(0, 0, 0, 0.74) 89.68%); width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 3;}
.report_photo > .t16{color:#fff; position: absolute; bottom: 10px; left:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; z-index: 4; transform : rotate(0.04deg); padding: 0 5px; box-sizing:border-box;}
.report_content {width: calc(100% - 320px); }
.report_content ul{width: 100%; text-overflow: ellipsis;  overflow: hidden; font-size: 16px; }
.report_content ul li{line-height: 40px; transform : rotate(0.04deg);}
.report_content ul li a{overflow: hidden; text-overflow: ellipsis;   white-space: nowrap;  display: block; font-weight:500}
.report_content ul li:hover a{text-decoration: underline;}

/*시사, 문화*/
.list{display: flex; justify-content: space-between;}
.list .issues, .list .culture, .list .interview, .list .feature{width: 48%;}
.list .large_item{margin-top: 14px;} 
.list .large_item_photo{width: 390px;}
.list .item{margin-top: 20px; overflow: hidden; width: auto;}
.list .large_item_content .t19{font-weight: 500; overflow: hidden; text-overflow: ellipsis;   white-space: nowrap;  transform : rotate(0.04deg);}
.list .large_item_content .t14{color:#747474; line-height: 1.5; margin-top: 6px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transform : rotate(0.04deg);}

@media screen and (max-width:1040px) {
	/*main*/
	#main{margin-top: 0;}
	#main .bbs_main{flex-direction: column; gap:10px; height: auto; }
	.bbs_photo{width: 100%;}
	#main .bbs_content{width: 100%; padding: 0 12px; box-sizing: border-box;}
	#main .bbs_bottom{display: none;}
	
	/*news*/
	#container #content .news-primary .large_item{width: 100%;}
	#content .large_item_photo{width: 100%;}
	#content .news-primary {flex-direction: column; gap:30px}
	.item{gap:10px; width: 100%;}
	
	/*report*/
	.report{flex-direction: column; width: 100%;}
	.report_gallery{flex-direction: row; }
	.report_photo{width: 50%;}
	.report_content ul:last-child{display: none;}
	.report_content{width: 100%;}
	
	/*list*/
	.list{flex-direction: column;}
	.list .issues, .list .large_item_photo, .list .culture, .list .interview, .list .feature{width: 100%;}
	.list .item{flex-direction: column; width: 50%; }
	.list .item_box{flex-direction: row;}
	.list .item_photo {width: 100%; height: 100px;}
	.list .interview .item, .list .feature .item{width: 100%; flex-direction: row;}
	.list .interview .item_photo, .list .feature .item_photo{width: 40%;}
	
	
	/*이슈*/
	.issues .item_content, .culture .item_content{width: 100%;}
	
	/*문화*/
	.feature, .culture{margin-top: 28px;}
}