.travels {
	position: relative;
	width: 100%;
	padding: 120px 0;
	background: url(../images/travel/travels_bg.jpg) left top no-repeat;
	overflow: hidden;
}
.travels_wrap {
	position: relative;
	width: 100%; height: 1000px;
	max-width: 1520px;
	margin: auto;
}
.travels_wrap .list {
	position: absolute;
	display: inline-block;
	width: calc(33.3% - 13px);
	vertical-align: top;
	overflow: hidden;
}
.travels_wrap .list::before {
	content: '';
	position: absolute;
	top: 0; bottom: 0; right: 0; left: 0;
	margin: auto;
	width: 30px; height: 30px;
	background: url(../images/travel/btn_plus.png) 0 0 no-repeat;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: opacity 0.4s, visibility 0.4s;
}
.travels_wrap .list:hover::before {
	opacity: 1;
	visibility: visible;
}
.travels_wrap .list::after {
	content: '';
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 0;
	margin: auto;
	background: rgba(34,34,34,0.3);
	transition: width 0.4s;
}
.travels_wrap .list:hover::after {
	width: 100%;
}
.travels_wrap .list .num {
	position: absolute;
	top: 20px; left: 20px;
	font-size: 14px;
	color: #fff;
	z-index: 2;
}
.travels_wrap .list h5 {
	position: absolute;
	right: 20px; bottom: 20px;
	font-size: 20px;
	color: #fff;
	transition: bottom 0.3s;
	z-index: 1;
}
.travels_wrap .list:hover h5 { bottom: 45px; }
.travels_wrap .list h6 {
	position: absolute;
	right: 20px; bottom: 20px;
	font-size: 16px;
	color: #ccc;
	opacity: 0;
	visibility: hidden; 
	z-index: 1;
	transition: opacity 0.3s, visibility 0.3s;
}
.travels_wrap .list:hover h6 {
	opacity: 1;
	visibility: visible;
}

.travels_wrap .list:nth-child(1) { /* 루지 */
	top: 0; left: 0;
	height: 320px;
}
.travels_wrap .list:nth-child(2) { /* 케이블카 */
	bottom: 0; left: 0;
	height: 660px;
}
.travels_wrap .list:nth-child(3) { /* 달아공원 */
	top: 0; right: 0; left: 0;
	margin: auto;
	height: 660px;
}
.travels_wrap .list:nth-child(4) { /* 박경리기념관 */
	bottom: 0;  right: 0; left: 0;
	margin: auto;
	height: 320px;
}
.travels_wrap .list:nth-child(5) { /* 동피랑벽화마을 */
	top: 0; right: 0;
	height: 320px;
}
.travels_wrap .list:nth-child(6) { /* 이순신공원 */
	top: 0; bottom: 0; right: 0;
	margin: auto;
	height: 320px;
}
.travels_wrap .list:nth-child(7) { /* 육지도여객터미널 */
	bottom: 0; right: 0;
	height: 320px;
}