/*bmh 기본 세팅*/
.fl{float:left;}
.fr{float:right;}
.clb:after{content:"";display:block; clear:both;}
.none-pc{display:none!important;}
.pcmo_link{display:block;position:absolute;width:100%;height:100%; left:0;top:0;}

.ab-center{position:absolute; top:50%;left:50%;transform: translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}


.col-1{width:100%!important;display:block;}
.col-2{width:50%!important;display:block;}
.col-3{width:33.3%!important;display:block;}
.col-4{width:25%!important;display:block;}
.col-5{width:20%!important;display:block;}

.lato{font-family: 'Lato', sans-serif;}
.noto{font-family: 'Noto Sans KR'; }
.lora{font-family: 'Lora', serif; }

/*트레블 페이지 css*/
.content{max-width:1240px;padding:0 20px;margin:0 auto}/*순서 바꾸지 말것*/
.t-wrap{max-width:1240px;margin:100px auto;overflow: hidden;}/*순서 바꾸지 말것*/

.travels-list{overflow: hidden;}
.travels-list__list{margin-left:-50px;}
.travels-list__item{padding-left:50px;margin-bottom:146px;position:relative;}
.travels-list__inbox{position:relative;}
.travels-list__inner.type-img{position:relative;overflow: hidden}
.travels-list__inner.type-txt{background-color:#fff;width:100%;position:absolute;bottom:-50px;transition:all .3s}
.travels-list__img{width:100%;}
.travels-list__btn{top:105%;width:74%;height:60px; line-height:60px;background-color:#fff; text-align: center;transition:all .3s }
.travels-list__span{display: inline-block;font-size:16px;color:#3e8793;padding-left:23px;background:url('http://img.einet.kr/P202005002/responsive/travel/t-icon.png') no-repeat left center/ 23px 18px;}
.travels-list__item:hover .travels-list__btn{top:50%;}
.travels-list__item:hover .travels-list__inner.type-txt{bottom:-75px;}
.travels-list__tit{text-align: center;color:#222;font-size:18px;}
.travels-list__txt{width:100%;text-align: center;margin-top:15px;color:#3e8793;background-color:#fff;}





@media ( max-width: 1024px ) {
/*    기본세팅*/
    .m-col-1{width:100%!important;display:block;}
    .m-col-2{width:50%!important;display:block;}
    .m-col-3{width:33.3%!important;display:block;}
    .m-col-4{width:25%!important;display:block;}
    .m-col-5{width:20%!important;display:block;}
    
    .none-1024{display:none!important;}
    .none-pc{display:inline-block!important;}
    .mo_link{display:block;position:absolute;width:100%;height:100%; left:0;top:0;}
    
    .t-wrap{margin:50px auto;}
    .travels-list__item{margin-bottom:68px;position:relative!important}
    .travels-list__inner.type-txt{bottom:-60px;padding:20px 0;left:50%;transform: translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);width:74%;}
    .travels-list__item:hover .travels-list__inner.type-txt{bottom:-60px;}
    
    
}



/*기존
.travels {
	max-width: 1400px;
	margin: 90px auto 140px;
}
.travels_list {
	margin-top: 120px;
	padding-bottom: 20px;
}
.travels_list .list {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.travels_list .list .thumbnails {
	width: 100%; height: 100%;
}
.travels_list .list .thumbnails::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background-color: transparent;
	transition: background-color 0.3s linear;
}
.travels_list .list:hover .thumbnails::after {
	background-color: rgba(255,255,255,0.3);
}
.travels_list .list:nth-child(1) {
	width: 596px;
	height: 549px;
	margin-left: 183px;
}
.travels_list .list:nth-child(2) {
	width: 576px;
	height: 364px;
	margin-top: 185px;
	margin-left: 8px;
}
.travels_list .list:nth-child(3),
.travels_list .list:nth-child(4),
.travels_list .list:nth-child(5),
.travels_list .list:nth-child(8),
.travels_list .list:nth-child(9) {
	width: 366px;
	height: 364px;
	margin-top: 8px;
	margin-left: 8px;
}
.travels_list .list:nth-child(3) {
	margin-left: 38px;
}
.travels_list .list:nth-child(6),
.travels_list .list:nth-child(7) {
	width: 590px;
	height: 359px;
	margin-top: 8px;
}
.travels_list .list:nth-child(6) {
	margin-left: 188px;
}
.travels_list .list:nth-child(7) {
	margin-left: 8px;
}
.travels_list .list:nth-child(8) {
	width: 590px;
	height: 364px;
	margin-top: 8px;
	margin-left: 38px;
}
.travels_list .list:nth-child(9) {
	width: 366px;
	height: 364px;
	margin-top: 8px;
	margin-left: 8px;
}

.travels_list .name {
	position: absolute;
	top: 15px; left: 20px;
	font-size: 30px;
	letter-spacing: -0.025em;
	color: #fff;
	text-shadow: 0 2px 6px rgba(0,0,0,0.56);
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.travels_list .name.name_32671 { 
	top: auto; bottom: 15px;
}
.travels_list .name.name_32675 { 
	right: 20px; left: auto;
}

@media ( max-width: 1420px ) {
	.travels {
		max-width: calc(100% - 30px);
	}
	.travels .travels_list .list {
		width: calc(33.3% - 5px); height: auto;
		margin-top: 8px;
		margin-left: 0;
		box-shadow: none;
	}
	.travels .travels_list .list:nth-child(3n-1) {
		width: calc(33.4% - 6px);
		margin: 8px 8px 0 8px;
	}
	.travels_list .list .thumbnails {
		height: auto;
		padding-top: 56.25%;
	}
	.travels_list .name {
		font-size: 24px;
		line-height: 1.1;
	}
	.travels_list .name.name_32671 { 
		top: 15px; bottom: auto;
	}
	.travels_list .name.name_32675 { 
		right: auto; left: 15px;
	}
}


@media ( max-width: 1024px ) {
	.travels {
		margin: 35px auto 55px;
	}
	.travels_list {
		margin-top: 35px;
		padding-bottom: 0;
	}
	.travels .travels_list .list {
		width: calc(50% - 2px);
		margin-top: 4px;
	}
	.travels .travels_list .list:nth-child(3n-1) {
		width: calc(50% - 2px);
		margin: 4px 0 0 0;
	}
	.travels .travels_list .list:nth-child(odd) {
		margin: 4px 2px 0 0;
	}
	.travels .travels_list .list:nth-child(even) {
		margin: 4px 0 0 2px;
	}
	.travels_list .list .thumbnails {
		height: 45vw;
		max-height: 240px;
		padding-top: 0;
	}
	.travels .travels_list .name {
		left: 15px;
		font-size: 14px;
		text-shadow: 0 1px 3px rgba(0,0,0,0.56);
	}

}

*/