@charset "utf-8";
.tbl_wrap table{border:0 !important;}

.pm-box{display:flex; width:100%; gap:20px; border-radius:20px; box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); border:1px solid #ebe4f1}

.img_area { position:relative; text-align:center; border-radius:20px; overflow:hidden;}
.img_area img{border-radius: 20px; max-width:100%;}

.txt_area { position:relative; width:100%; padding:20px;}
.noimg_area{width:100% !important;margin-right:0px;padding:0px !important}
.td_subject img { margin-left:3px}

.tbl_head01 td{padding:20px 0px !important;}
.tbl_head01 tbody tr:hover td{background:#fff !important;}


.bo_content_head{display:flex; gap:30px}
.pm-cate{background:#f4f0f7; padding:2px 7px; font-size:13px; font-weight:normal; border-radius:5px; color:var(--theme-color); display:inline-block; margin-bottom:10px;}

.txt-subject{font-size:20px; font-weight:bold}

.pm-box .txt_area ul{display:flex; gap:10px 20px; flex-wrap: wrap;; width:100%;}
.pm-box .txt_area ul li{width:48%; display:flex; gap:20px; align-items:center;}
.pm-items-label{font-weight:bold; min-width:80px;}

.img_area > a:hover img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}

.pm-gray-box img{filter: grayscale(100%);  transition: all .5s ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.pm-gray-box a:hover img{filter: grayscale(0%);  transition: all .5s ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}


/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:840px){
	.pm-box .txt_area ul li {width:100%}
	.bo_content_head{flex-direction: column;}
	.con-tbl tbody th{width:100px}
}

/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:480px){
	.pm-box {    flex-direction: column;}
	.btn-wr2 .btn, .btn-wr2 span{width:100%; padding:15px 0}
}


.program-list-search {
	.h3{margin-bottom:15px !important; padding-bottom:5px; border-bottom:3px solid var(--theme-color);}
	label{margin-left:5px}
	.item-label{font-weight:bold; width:150px; }
	.search-item-box{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd}
	.item-content{width:100%}
	.item-content ul{display:flex; flex-wrap: wrap; gap:10px 20px}
	#stx{width:100%}

}

/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:480px){
	.search-item-box{    flex-direction: column; gap:10px}
}