/* Media 공통 */
#MediaWrap{margin-bottom:200px}
#MediaWrap > *{transition:all .5s;}
.MediaTitleBox{padding-top:90px;}
.MediaTitle{font-size:60px;color:#000;font-family:'GF';font-weight:bold;text-align:center;}
.MediaMenuBox{display:flex;justify-content:center;margin:30px auto;}
.MediaMenuBox > li{white-space:nowrap;margin:0 6px;}
.MediaMenuBox > li > a{display:inline-block;padding:12px 20px;color:#505968;font-size:17px;box-sizing:border-box;background-color:#f3f4f6;border-radius:15px;text-align:center;font-family:'NanumSquareB';}
.MediaMenuBox > li > a.Active{background-color:#505968;color:#fff}
.MediaTopBg{height:570px;background:url('../img/Media_about_bg.png') 100% / cover no-repeat;}

@media screen and (max-width:768px){
	.MediaTitleBox{padding-top:80px;}
	.MediaTitle{font-size:35px;}
	.MediaMenuBox{margin:20px auto;}
	.MediaMenuBox > li{margin:0 5px}
	.MediaMenuBox > li > a{padding:10px 15px;font-size:14px;}
	.MediaTopBg{height:180px;}
}

.MediaListContainer{margin:0 auto 0px auto;max-width:1200px;}
.MediaListTitle{margin:100px 0 35px 0;font-size:32px;color:#1e1d1d;font-family:'NanumSquareEB';display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.MediaListBox{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.MediaList{margin-bottom:50px;width:30%;border-radius:12px;box-sizing:border-box;box-shadow: 0 0 15px 0 #e6e6e6;-webkit-transition: all .3s ease;transition: all .3s ease;margin-right:5%;overflow:hidden;}
.MediaList:nth-child(3n){margin-right:0;}
.MediaList:hover{-webkit-transform: translateY(-6px);transform: translateY(-6px);-ms-transform: translateY(-6px);box-shadow: 4px 12px 22px 6px rgb(0 0 0 / 18%);}
.MediaListIconBox{margin-top:30px;padding:0 21px;}
.MediaListIconBox > *{vertical-align:middle;}
.MediaListIconBox > span{margin-lefT:5px;padding:6px 8px;font-size:12px;color:#292929;font-family:'nt-L';background-color:#eee;border-radius:5px;}
.MediaListConBox{padding:0 21px}
.MediaListConTitle{margin-top:20px;font-size:24px;color:#1e1d1d;font-family:'NanumSquareR';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space: normal;line-height: 1.2;height: 2.4em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.MediaListConDate{margin-top:12px;font-size:14px;color:#5e5e5e;font-family:'nt-R';}
.MediaListConTxt{margin:30px 0 20px 0;min-height:102px;font-size:17px;color:#5e5e5e;font-family:'nt-L';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space: normal;line-height:1.2;height: 6.0em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.MediaListConImg{margin:30px 0 20px 0;width:100%;height:155px;border-radius:20px;}
.MediaListConImg.Insta{height:280px;border-radius:0;}
.MediaListTagContainer{padding:0 21px}
.MediaListTagBox{margin-bottom:30px;width:100%;border-collapse:collapse;table-layout:fixed;}
.MediaListTag{display:inline-block;padding-right:2px;font-size:11px;font-family:'dotum';color:#5e5e5e;}
.NullData{padding:200px 0;text-align:center;font-family:'nt-R';font-size:30px;border-radius:12px;box-shadow: 0 0 15px 0 #e6e6e6;}

.MediaSearchBox{display:table;}
.MediaSearchBox > *{vertical-align:bottom;}
.MediaSearchBox > select{width:132px;height:28px;border:1px solid #f0f0f0;box-sizing:border-box;}
.MediaSearchBox > input{padding-left:5px;width:224px;height:28px;border:1px solid #f0f0f0;box-sizing:border-box;margin:0 10px;}
.MediaSearchBox > .SearchBtn{display:inline-block;width:47px;height:28px;line-height:28px;text-align:center;background-color:#ebebeb;font-size:15px;font-family:'nt-L';color:#5e5e5e;cursor:pointer;}


/* page */
.PagingBox{display:table;margin:40px auto;}
.PagingBox > form > *{vertical-align:middle}
.pg_page, .pg_current{font-size:18px;font-family:'NanumSquareR';color:#8d8d8d;margin:0 15px}
.pg_current{color:#333}
.pg_prev, .pg_next{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;background-color:#ececec;border-radius:30px}

/* view */
.table{display:table}
.row{display:table-row}
.cell{display:table-cell;vertical-align:middle}

#MediaViewWrap{margin:0 auto;max-width:1200px;}
.MediaViewTitle{padding:100px 0 120px 0;font-size:55px;font-family:'NanumSquareEB';color:#1e1d1d;text-align:center;}
.MediaBoardTable{width:100%;border-collapse:collapse;table-layout:fixed;height:115px;border-top:2px solid #000;border-bottom:1px solid #e9e9e9;}
.MediaBoardTitle{font-size:25px;font-family:'NanumSquareR';color:#1e1d1d;}
.MediaBoardDate{width:120px;text-align:right;font-size:17px;font-family:'NanumSquareR';color:#5e5e5e;}
.MediaBoardContent{padding:50px 0;min-height:400px;font-family:'nt-L';font-size:18px;}
.MediaBoardContent *{max-width:100%;}
.MediaNaviTable{width:100%;height:80px;border-collapse:collapse;table-layout:fixed;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;color:#8d8d8d;font-size:19px;font-family:'NanumSquareL';}
.MediaNavi > span{margin:0 13px;}
.MidiaGoListBtn{margin:60px auto 180px auto;width:160px;height:55px;line-height:55px;font-size:19px;font-family:'NanumSquareR';color:#424242;border:1px solid #000;text-align:center;cursor:pointer;transition:0.3s;}
.MidiaGoListBtn:hover{background-color:#46c3bb;border:1px solid #46c3bb;color:#fff;}

@media screen and (max-width:1200px){
	.MediaListContainer{width:95%;max-width:781px}
	.MediaList{width:48%;margin-right:4%;}
	.MediaList:nth-child(3n){margin-right:4%;}
	.MediaList:nth-child(2n){margin-right:0;}

}
@media screen and (max-width:768px){
	.MediaListTitle{margin-top:25px;margin-bottom:15px;font-size:28px;overflow:hidden;}
	.MediaList{width:49%;margin-bottom:20px;margin-right:2%;}
	.MediaList:nth-child(3n){margin-right:2%;}
	.MediaList:nth-child(2n){margin-right:0;}
	.MediaListIconBox > img{width:25px;}
	.MediaListConBox{padding:0 10px;}
	.MediaListIconBox{padding:0 10px;margin-top:20px;}
	.MediaListConTitle{font-size:15px;margin-top:15px;}
	.MediaListConDate{font-size:13px;}
	.MediaListConImg{height:90px;margin-top:10px;margin-bottom:20px;}
	.MediaSearchBox{width:100%;clear:both;display:flex;justify-content:end;margin:10px auto;margin-top:15px;}
	.MediaSearchBox > select{width:80px}
	.MediaSearchBox > input{width:150px}
	.MediaListConImg.Insta{height:150px;margin-bottom:0;}

	.MediaListConTxt{font-size:13px;margin-top:10px;margin-bottom:20px;min-height:70px;height:5.8em;}
	.MediaListTagBox{margin-bottom:20px;}
	.MediaListTagBox > tbody > tr > td:first-child{display:none;}
	.MediaListTagContainer{padding:0 10px;display:none;}
	.MediaListIconBox > span{font-size:10px;}

	.pg_page, .pg_current{font-size:16px;margin:0 10px}
	.pg_prev, .pg_next{width:40px;height:40px;line-height:40px;} 

	/* view */
	#MediaViewWrap{margin:0 auto;}
	.MediaViewTitle{padding:50px 0 60px 0;font-size:35px;}
	.MediaBoardTitle{display:block;margin:10px 0;width:100%;font-size:18px;}
	.MediaBoardDate{display:block;width:100%;font-size:16px;margin-bottom:10px;}
	.MediaBoardTable{height:auto;}
	.MediaBoardContent{padding:20px 0;font-size:15px;}
	.NullData{margin-top:30px;}
	.MediaNaviTable{font-size:15px;height:60px;}
	.MidiaGoListBtn{margin-top:30px;width:130px;height:40px;line-height:40px;font-size:17px;margin-bottom:100px;}
}