.detail {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailBox {
    width: 60vw;
    min-height: 20vw;
    padding: 1vw;
    box-shadow: 0 0 10px lightgray;
    margin: 2vw 0;
}

.detailTitle {
    width: 100%;
    font-size: 1.5vw;
    font-weight: bold;
    color: #222;
    text-align: center;
}

.detailTime {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1vw;
    border-bottom: 1px solid lightgray;
}

.detailTime div {
    font-size: 0.8vw;
    color: gray;
}

.timeText {
    margin-right: 5vw;
}

.detailContent {
    width: 100%;
    padding: 1vw 0.5vw;
}



@media (max-width: 768px) {

	.detailTitle {
	    font-size: 3.5vw;	
	}

	.detailTime div {
		font-size: 2.8vw;
		color: gray;
	}

	.detailBox {
	    width: 95%;

	}

	.detailContent {
		overflow: auto;
	}
}