/*대외수상*/
.cawList { overflow: hidden; }
.cawList li { float: left; width:275px; overflow: hidden; margin:0 0 60px 86.66px;  }
.cawList li:nth-child(4n+1) { margin-left: 0; } 
.cawList li a { overflow: hidden; }
.cawList li div { width:100%; height:350px; box-sizing:border-box; border:1px solid #cfcfcf; position: relative; }
.cawList li div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-width: 100%; max-height: 100%; }
.cawList li .subject { overflow: hidden; margin-top: 10px;  color: #060a15; font-size:18px; line-height:120%; text-overflow:ellipsis; white-space:nowrap; text-align: center; letter-spacing: -.5px; }
.cawList li .tit { overflow: hidden; margin-top: 5px; font-size:16px; text-align: center; font-weight: 300; color: #787c85;  } 

/*스템코 소식*/
.gallList { overflow: hidden; }
.gallList li { float: left; width: 420px; margin:0 0 85px 50px; }
.gallList li:nth-child(3n+1) { margin-left: 0; }
.gallList li div { width: 100%; overflow: hidden; height: 295px; position: relative; box-sizing:border-box; border:1px solid #f5f5f5; }
.gallList li div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-width:100%; }
.gallList li h3 { margin-top: 15px; color: #060a15; font-size:20px; font-weight: 700; line-height:120%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.gallList li .txt { overflow: hidden; color: #6a6e79; font-size:16px; line-height:140%; margin-top: 10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; height: 22px; }
.gallList li .date { color: #b3b6bc; font-family: "Montserrat"; font-size:14px; line-height:120%; margin-top: 10px; }


/*미디어*/
.mediaList { overflow: hidden; }
.mediaList > div { margin-top: 80px; padding-top: 80px; border-top:1px solid #cfcfcf; }
.mediaList > div:first-child { margin-top: 0; border-top:none; padding-top: 0;  }
.mediaList h3 { font-family: "Montserrat"; font-size:28px; line-height:120%; font-weight: 700; color: #060a15; position: relative; padding-left:25px; }
.mediaList h3:before { content: ""; display: block; width: 18px; height: 18px; border-radius:50%; box-sizing:border-box; border:5px solid #6a6e79; position: absolute; top: 8px; left: 0;  }
.mediaList ul { margin-top: 40px; width: 100%; overflow: hidden; }
.mediaList li { float: left; width: 670px; margin-left: 20px; }
.mediaList li:first-child { margin-left: 0; }
.mediaList li p { font-size:20px; color: #060a15; font-weight: 700; line-height:120%; }
.mediaList li div { width: 100%; height:430px; background: #e5e5e5; position: relative; overflow: hidden; margin-top: 20px; }
.mediaList li div iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }




/*boardView*/
.boardView h3 { width: 100%; height: 130px; display: table; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background: #f6f6f6; padding:0 10px; box-sizing:border-box; }
.boardView h3 span { display: table-cell; vertical-align: middle; color: #060a15; font-size:20px; line-height:120%; font-weight: 700; text-align: center; }
.boardView h3+p { text-align: right; margin:15px 10px 0 0; font-size:14px; color: #b3b6bc; letter-spacing: -.5px;  }
.boardView h3+p i { margin:0 7px; font-style:normal; }
.boardView .contents { width: 100%; overflow: hidden; padding:20px 0 50px; border-bottom:1px solid #ddd; }


/*페이징*/
.page{ position:relative;margin-top:30px}
.page ul{text-align:center;}
.page ul li{display:inline;}
.page ul li a{display:inline-block;zoom:1;*display:inline;color:#808080;border:1px solid #dbdbdb;padding:8px 13px}
.page ul li a:hover, .page ul li.on a{display:inline-block;zoom:1;*display:inline;color:#fff;border:1px solid #676767;background:#676767;}



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

	/*대외수상*/
	.cawList li { width:23.5%; margin:0 0 20px 2%; }
	.cawList li div { height:25vw; }
	.cawList li div img { max-width: auto; max-height: auto; min-width:100%; }
	.cawList li .subject { overflow: hidden; margin-top: 10px; overflow: hidden; color: #060a15; font-size:18px; line-height:120%; text-overflow:ellipsis; white-space:nowrap; text-align: center; letter-spacing: -.5px; }
	.cawList li .tit {  font-size:15px; } 

	/*스템코 소식*/
	.gallList li { width: 32%; margin:0 0 15px 2%; }
	.gallList li div { height: 25vw; }
	.gallList li h3 { margin-top: 10px;  }



	/*미디어*/
	.mediaList > div { margin-top: 40px; padding-top: 40px;  }
	.mediaList ul { margin-top: 20px; }
	.mediaList li { width: 49%; margin-left: 2%; }
	.mediaList li div { height:30vw; margin-top: 10px; }



}


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

	/*대외수상*/
	.cawList li { width:49%; margin-bottom: 20px;  }
	.cawList li:nth-child(2n+1) { margin-left: 0; }
	.cawList li div { height:45vw; }
	.cawList li .subject { font-size:16px; }
	.cawList li .tit {  font-size:14px; } 



	/*스템코 소식*/
	.gallList li { width: 100%; margin:0 0 20px 0; }
	.gallList li div { height: 54vw; }
	.gallList li h3 { margin-top: 10px; font-size:18px;  }
	.gallList li .txt { font-size:15px; margin-top: 5px; height:auto; }
	.gallList li .date {  margin-top: 5px; }



	/*미디어*/
	.mediaList li { float: none; width: 100%; margin: 0 0 20px; }
	.mediaList li div { height:50vw; margin-top: 10px; }
	.mediaList li p { font-size:16px; }



}