@charset "utf-8";

/* 새글 스킨 (latest) */
.programm-list{display:grid; grid-template-columns: repeat(4, 1fr); width:1600rem; height:100%; margin:0 auto;}
.programm-item{width:100%; height:100%; text-align:center;}
.programm-item > a{display:flex; align-items: center; width:100%; height:100%; padding:50rem; box-sizing:border-box; color:#fff;}
.programm-item > a h3{display:block; font-size:25rem; font-weight:800; color:#fff; line-height:1em; word-break:keep-all;}
.programm-item > a p{display:block; margin:24rem 0; font-size:16rem; font-weight:400; color:#fff; line-height:1.4em; word-break:keep-all;}
.programm-item > a .view-btn{display:flex; justify-content: center; align-items: center; margin:0 auto; border-radius: 50rem; width:125rem; height:30rem; font-size:15rem; font-weight:800; color:#fff; line-height:1em; background:var(--color-point); transition:all 0.3s ease;}
.programm-item > a:hover .view-btn{background:#000;}

@media all and (max-width:1700px){
	.programm-list{width:100%;}
}
@media all and (max-width:1300px){
	.programm-item > a{padding:50rem 20rem;}
}
@media all and (max-width:768px){
	.programm-list{grid-template-columns: repeat(2, 1fr);}
	.programm-item > a{padding:40rem 20rem;}
	.programm-item > a h3{font-size:22rem;}
	.programm-item > a p{font-size:15rem;}
}
@media all and (max-width:480px){
	.programm-list{grid-template-columns: repeat(2, 1fr);}
	.programm-item > a{padding:20rem 10rem;}
	.programm-item > a h3{font-size:16rem;}
	.programm-item > a p{margin:10rem 0; font-size:12rem;}
	.programm-item > a .view-btn{font-size:12rem; width:90rem; height:24rem;}
}