@charset "utf-8";
/*
.view-buttons a:hover { background-color: #067dfd; }
.view-buttons a:nth-child(0):hover { content: "url(/images/icon/img_icon_on.png)"; }

/* 프로그램 섹션 */

.program {
/*	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
	flex-basis: calc(33.333% - 20px);			/* 3열 레이아웃 */
/*
	max-width: calc(33.333% - 20px); */			/* 카드 최대 너비 */  
}

.program-section .program { 
	position: relative;
	width: 100%;
	margin-top: 1.5%;
	padding-bottom: 0px;
	display: inline-block;
}

.program-section .line {
	border-bottom: 2px dotted #dddddd;
    margin-top: 20px;
}

.program-section .program h4 {
	font-weight: 700;
	font-size: 28px;
	text-align: left;
	padding-top:75px;
}
.program-section .program ul {
/*	width:102.1%;*/
	margin:0 -1.05%;
}
.program-section .program ul li {
	position: relative;
/*	width: 31.23%; */ /* 3개 */
	/*width: 22.9%;	  4개 */
	margin: 0 1.05% 3%;
	float: left;
/*	border:1px solid #ccc;*/
	width:calc(91% / 4);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.program-section .program ul li:hover {
/*	box-shadow: 0 0 15px rgba(0,0,0,0.2);*/
}

/*
.program-section .program ul li:hover .tx_box strong { color: #fff; }
.program-section .program ul li:hover .tx_box h6 { color: #fff; }
.program-section .program ul li:hover .tx_box em { color: #fff; }
*/

.program-section .program ul li .tx_box p {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #95d12b;
	padding: 10px 15px;
	border-radius: 30px;
	color: #fff;
}

.program-section .program ul li .img_box {
	position:relative;
	height:265px; */ /* 3줄 
/*	height: 240px   /* 4줄 */
	font-size:0;
	    overflow: hidden;
}

.program-section .program ul li .img_box img { 
/*	object-fit: cover;*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	transform: translate(-50%,-50%);*/
/*	width: 100%;*/
/*	height: 100%;*/
	z-index: -1; 
}
.program-section .program ul li:hover .img_box::after { 
/*	z-index: 200;
	content: '';
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;*/
}
.program-section .program ul li .tx_box {
	height: auto;
	padding: 20px;
	background: #fff;
}
.program-section .program ul li:hover .tx_box {
/*	background-color: #f4f4f4;*/
}
.program-section .program ul li .tx_box strong { 
	display: block;
	margin-bottom: 10px;
	height: auto;
	min-height: 64px;
	font-size: 20px;
	color:#333;
	font-weight:600;
}
.program-section .program ul li .tx_box h6 { 
	display:block;
	margin-bottom: 5px;
	height: auto;
/*	min-height: 64px;
	font-size: 18px;*/
	min-height: 50px;
	font-size: 16px;
	color:#666;
	font-weight:400;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.program-section .program ul li .tx_box strong, .program-section .program ul li .tx_box h6 { 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 원하는 라인수 */
    -webkit-box-orient: vertical;
}
.program-section .program ul li .tx_box .date {
	display: block;
	margin: 20px 10px 0;
	font-size:16px;
/*  font-family: 'NanumSquareB';*/
}

.program-section .program ul li .button {
	margin: 0 auto;
	text-align:center;
}

.program ul li:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.program img {
width: 100%;
/*height: 180px;
object-fit: cover; */
}
.program strong, .program h6, .program .date { margin: 10px; }

/* 리스트형 스타일 */
.program-section .program-list.list-view .program {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	align-items: flex-start; /* 아이템들을 위로 정렬 */
}

/* 각 프로그램 카드 스타일 */
.program-section .program-list.list-view .program ul {
	width:100%;
}

.program-section .program-list.list-view .program ul li {
	margin: 0 1.05% 5%;
	display: flex; /* 카드 내부 요소들을 가로로 배치 */
	align-items: center;
	margin-bottom: 20px; /* 카드 간 간격 */
	width: 100%; /* 카드 최대 너비 */
	background-color: #fff;
}

.program-section .program-list.list-view .program .img_box {
	width: 22rem;
/*	height: 13rem;*/
	height:100%;
	z-index: 20;
	font-size: 0;
}

.program-section .program-list.list-view .program img {
	border-radius: 5px;
}

.program-section .program-list.list-view .program div {
	/* flex: 1; /* 텍스트 내용이 나머지 공간을 차지 */
	width: 100%;
}

.program-list.list-view .program ul li .tx_box { background:none; }

.program-list.list-view .program ul li:hover .tx_box strong { color: #333; }
.program-list.list-view .program ul li:hover .tx_box h6 { color: #333; }
.program-list.list-view .program ul li:hover .tx_box em { color: #333; }

.program-list.list-view .program ul li .button {
	display: block;
/*	width: 25%;*/
	width: 50%;
	text-align: center;
}

.mobile_span {
		display:none;
	}
	
.mobile-input {
/*	width:30% !important;*/
	width:26% !important;
	margin-right:10px !important;
}
	
.top_icon_img > a > img {
	width:50%
}

/*	.mo-none-2 {*/
/*		display:none;*/
/*	}*/

.status-div {
	display:flex;
}

.chk-star {
	    position: relative;
}

.chk-star::before {
    content: "*";
    display: inline;
    position: absolute;
    left: -10px;
}


/* 반응형 스타일 */
@media screen and (max-width: 1409px) {
	.program-section .program ul li {
		width: calc(93% / 3);
/*        width: calc(95% / 2);*/
}
}

@media screen and (max-width: 1281px) {
  /** 타블렛 가로, 노트북 */
}

@media (max-width: 1024px) {
/** 타블렛 가로, 노트북 */
	.program-section .program {	}

	.program-section .program ul li .img_box {
/*        height: 20vw;*/
    }
	.program-list.list-view .program img {

	}
	.program-section .program ul li .tx_box {
        padding: 15px;
    }

	.program-list.list-view .program .img_box {
		width: 18rem;
		height: 10rem;
		z-index: 20;
	}

	.program-section .program.list-view ul li .tx_box {
        padding: 0 0 8px 0;
    }
	
  .program-section .program ul li .tx_box strong {
	    font-size: 18px;
}
}


@media (max-width: 884px) {

	.m-mt {
		margin-top:10px;
	}

	.mobile-input {
		    width: 30% !important;
/*			margin-bottom:10px !important;*/
	}

	.status-div {
		display:block;
	}
	.program-section .program ul li .img_box {
/*        height: 22vw;*/
    }

	.program-list.list-view .program ul li .button {
		display: block;
		width: 30%;
		text-align: center;
	}
	
	/*윤혜진 250207 추가*/
	.program-list.list-view .program ul li .tx_box {
		width:50%;
	}
	.program-section .program ul li .tx_box strong {
		    font-size: 16px;
}

.input-100 {
		width:100% !important;
}

}

@media (max-width: 768px) {
/** 모바일 가로, 타블렛 세로 */

/*	.mo-none-2 {*/
/*		display:block;*/
/*	}*/
/*	*/
/*	.mo-none {*/
/*		display:none;*/
/*	}*/


	
	.mobile_span {
		display:inline-block;
		font-weight:bold;
		margin-right:10px;
		width:100px;
	}
	
	.mo1 {
		margin-right:25px;
	}
	
	.program {
		flex: 1 1 45%;
	}

	.view-buttons button {
		padding: 8px 15px;
	}

	.program-section .program ul li .tx_box .date { margin:4px 0 0; font-size: 12px; }
	.program-section .program ul li .tx_box strong { font-size: 15px; margin:0; min-height: 44px; }
	.program-section .program ul li .tx_box h6 { margin:4px 0 0; font-size: 13px; min-height: 42px; }

	.program-list.list-view .program img {
		width: 15.4375rem; 
        height: 13.5625rem;
	}
	
	.program-section .program ul li {
/*		width: calc(90% / 3);*/
        width: calc(95% / 2);
}

.program-section .program ul li {
		margin:10px auto;
}
}

@media (max-width: 480px) {
/*모바일 세로 */
	.program {
		flex: 1 1 100%;
	}
	.program-section .program ul li .img_box {
        height: 340px;
    }
	.program-section .program ul li {
/*		width: 95%;*/
width:100%;
	}

	.view-buttons {
		display:none;
	}

}