#tem-type-11{
    display:flex;
    gap:20px;
}
#tem-type-11 .image{
    width:200px;
    flex:0 0 200px;
	height: 296px;
}
#tem-type-11 .image img{
    display:block;
    width:100%;
    height:auto;
}
#tem-type-11 .inner{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
}
#tem-type-11 .inner .title{
    font-size:20px;
    font-weight:600;
    line-height:1.5;
    margin-bottom:20px;
}
#tem-type-11 .inner .info, #tem-type-11 .inner .date {
	font-size: 1rem;
    color: #363636;
}
#tem-type-11 .inner .button{
    background:#e50012;
    display:inline-block;
    color:#fff;
    border-radius:5px;
    font-size:14px;
    margin-left:auto;
    margin-top:auto;
	border:none;
}

#tem-type-11 .inner .button a{
	padding:5px 50px;
	color:#fff;
}

@media screen and (max-width: 39.9375em){
	#tem-type-11{
		gap:10px;
	}
	#tem-type-11 .inner .title{
		font-size: 18px;
	}
	#tem-type-11 .image{
		display: inline-block !important;
		width: 200px !important;
		margin-left: 0;
		margin-right: 0;
	}
	#tem-type-11 .inner .button a{
		padding: 5px 10px;
	}
}




#tem-type-12{
		display:flex;
		gap:20px;
	}

	#tem-type-12 .image{
		width:200px;
		flex:0 0 200px;
		height:296px;
	}

	#tem-type-12 .image img{
		display:block;
		width:100%;
		height:auto;
	}

	#tem-type-12 .inner{
		flex:1;
		min-width:0;
		display:flex;
		flex-direction:column;
	}

	#tem-type-12 .inner .title{
		font-size:20px;
		font-weight:600;
		line-height:1.5;
		margin-bottom:12px;
	}

	#tem-type-12 .inner .title a{
		color:#111;
		text-decoration:none;
	}

	#tem-type-12 .inner .info,
	#tem-type-12 .inner .date{
		font-size:1rem;
		color:#363636;
	}

	#tem-type-12 .inner .date{
		margin-bottom:15px;
	}

	#tem-type-12 .inner .date p{
		margin:0;
	}

	/* ¿ä¾à ¹Ú½º */
	#tem-type-12 .summary-box{
		position:relative;
		border:1px solid #f0b8c0;
		border-radius:6px;
		background:#fff;
		padding:14px 16px 15px;
		margin-top:2px;
		margin-bottom:15px;
		box-sizing:border-box;
	}

	/* »ó´Ü ¾ÆÀÌÄÜ + Á¦¸ñ */
	#tem-type-12 .summary-box .summary-head{
		display:flex;
		align-items:center;
		gap:6px;
		margin-bottom:9px;
		font-size:14px;
		font-weight:600;
		color:#333;
	}

	#tem-type-12 .summary-box .summary-icon{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		/*width:18px;
		height:18px;
		border-radius:50%;
		color:#fff;*/
		font-size:10px;
		font-weight:700;
		line-height:1;
	}

	#tem-type-12 .summary-box .summary-text{
		margin:0;
		font-size:13px;
		line-height:1.65;
		color:#444;
		word-break:keep-all;
	}

	/* »ó¼¼º¸±â ¹öÆ° */
	#tem-type-12 .inner .button{
		background:#e50012;
		display:inline-block;
		align-self:flex-end;
		color:#fff;
		border-radius:5px;
		font-size:14px;
		margin-left:auto;
		margin-top:auto;
		border:none;
		overflow:hidden;
	}

	#tem-type-12 .inner .button a{
		display:block;
		padding:7px 50px;
		color:#fff;
		text-decoration:none;
	}

	@media screen and (max-width: 39.9375em){
		/*#tem-type-12{
			gap:10px;
		}

		#tem-type-12 .inner .title{
			font-size:18px;
		}

		#tem-type-12 .image{
			display:inline-block !important;
			width:200px !important;
			margin-left:0;
			margin-right:0;
		}

		#tem-type-12 .summary-box{
			padding:10px 12px;
		}

		#tem-type-12 .summary-box .summary-text{
			font-size:12px;
			line-height:1.55;
		}

		#tem-type-12 .inner .button a{
			padding:5px 10px;
		}*/
		
		#tem-type-12 {
			display: flex;
			flex-direction: column;
			align-items: center; 
			gap: 10px;
			margin-bottom: 0;
		  }


		  #tem-type-12 .image {
			width: 160px;       
			flex: none;
			height: auto; 
			aspect-ratio: 3 / 4; 
			margin: 0 auto; 
			overflow: hidden;
		  }

		  #tem-type-12 .image img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		  }

		  #tem-type-12 .inner {
			display: flex;
			flex-direction: column;
			width: 100%;
		  }

		  #tem-type-12 .inner .title {
			font-size: 18px;
			font-weight: 600;
			line-height: 1.4;
			text-align: center; 
			margin-bottom: 5px;
		  }
		  
		  #tem-type-12 .inner .info,
		  #tem-type-12 .inner .date {
			font-size: 0.88rem;
			text-align: center;
			color: #363636;
			line-height: 1.4;
		  }

		  #tem-type-12 .inner .date {
			margin-bottom: 10px; 
		  }
		 
		  #tem-type-12 .summary-box {
			display: block !important;
			width: 100% !important;
			box-sizing: border-box !important;
			margin-top: 0 !important;
			margin-bottom: 12px !important;
			padding: 12px;
		  }

		#tem-type-12 .summary-box .summary-text{
			line-height:1.2;
		}

		#tem-type-12 .inner .button {
			display: block !important;
			width: 100% !important;
			margin: 0 !important;
			text-align: center;
			align-self: stretch;
		 }

		#tem-type-12 .inner .button a {
			display: block;
			padding: 3px 0;
			text-align: center;
		}
	}