/* get travel */

/* travel */
/*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;}
.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;}
    .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;}
    
    
}

/*여행지 상세보기*/
/*
    html, body {
      position: relative;
      height: 100%;
    }
    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
*/

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


/*상단 슬라이드 커스텀*/
.tt-slide{height:100vh;background:#f6f6f6}
.tt-slide__img{width:100%}
.travel-top .swiper-button-prev, .travel-top .swiper-button-next{width:86px;height:100px; opacity:0.7}
.travel-top .swiper-button-prev:hover,.travel-top .swiper-button-next:hover{opacity:1;}
.travel-top .swiper-button-prev{left:0;background:url('http://img.einet.kr/P202005002/responsive/travel/s-prev.png')#222 no-repeat center center /24px 44px;}
.travel-top .swiper-button-next{right:0;background:url('http://img.einet.kr/P202005002/responsive/travel/s-next.png')#222 no-repeat center center /24px 44px;}
.travel-top .swiper-pagination-bullet-active{background-color:#fff;}
.travel-top .swiper-pagination-bullet{background-color:#fff;}
.travel-top .pagination-wrap{position:absolute;width:100%;bottom:140px;}
.travel-top .scroll-wrap{position: absolute;bottom:0;left:50%; text-align: center;width:100%;height:49px;transform: translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:10;text-align: center;}
.travel-top .scrollDown{display:inline-block; position:static;height:48px;}

.travel-top{position:relative;overflow: hidden}


/*section1*/
.travel-1{background-color:#f6f6f6;padding:150px 0;text-align: center;}
.travel-1__tit{color:#222;font-size:40px;}
.travel-1__ko{margin-top:18px;color:#3e8a96;font-size:22px;}
.travel-1__txt{position:relative;padding-top:145px;color:#444;font-size:16px;line-height:1.8;}
.travel-1__txt:before{content:"";display:inline-block;width:1px; height:50px;background-color:#222221;position:absolute;top:50px;left:50%; transform: translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.travel-1__info{margin-top:45px;}
.travel-1__item{display:inline-block;font-size:16px;line-height:1.9; color:#444;padding-left:20px;}
.travel-1__item.type-addr{background:url('http://img.einet.kr/P202005002/responsive/travel/addr-icon.png')no-repeat left center/20px 30px;}
.travel-1__item.type-car{background:url('http://img.einet.kr/P202005002/responsive/travel/car-icon.png')no-repeat left center/20px 30px;padding-left:24px}

.travel-1__btn{display:inline-block;margin-top:75px;padding:0 60px;line-height:60px; height:60px; border:1px solid #222;font-size:16px;    transition: all .3s;}
.travel-1__span{position:relative;vertical-align:top;display:inline-block;padding-right:44px;color:#222;}
.travel-1__icon{vertical-align:middle;position:absolute;top:28px;left:100px;display:inline-block;width:34px; ;height:5px;background:url('http://img.einet.kr/P202005002/responsive/travel/btn-icon.png') no-repeat right center / 4px 5px;}
.travel-1__icon:after{content:""; display: inline-block;width:100%; height:1px; position:absolute;top:2px;right:0;background-color:#000;}
.travel-1__btn:hover{color:#fff; background-color:#3e8a96;border:1px solid #3e8a96;}
.travel-1__btn:hover .travel-1__icon{animation: line  0.2s  ease-in-out forwards;background:url('http://img.einet.kr/P202005002/responsive/travel/btn-icon_on.png') no-repeat right center / 4px 5px;}
.travel-1__btn:hover .travel-1__icon:after{content:""; display: inline-block;width:100%; height:1px; position:absolute;top:2px;right:0;background-color:#fff;}
.travel-1__btn:hover .travel-1__span{color:#fff;}


/*트레블2*/
.travel-2__tit{color:#222;font-size:50px;}
.travel-2__ko{color:#444;font-size:22px;margin-top:15px;}
.travel-2__slide{margin-top:60px; }


/*하단슬라이드 커스텀*/
.travel-2__slide{position:relative;}
.slide2__img{width:100%;}
.slide2__inbox{width:100%;text-align: left;position:relative;}
.slide2__inner.type-img{overflow: hidden;}

.slide2__inbox:hover .slide2__img{transform: scale(1.1);transition:all 0.3s;}
.slide2__num{margin-top:34px;font-size:18px;}
.slide2__txt{margin-top:14px;font-size:18px; color:#888;}
.slide2__inbox:hover .slide2__num,.slide2__inbox:hover .slide2__txt{color:#3e8793}

.slide2__btnbox{position:absolute; top:-120px; right:0;width:130px; height:60px;}
.slide2__btnbox .swiper-button-prev, .slide2__btnbox .swiper-button-next{width:60px;height:60px;top:0;}
.slide2__btnbox .swiper-button-prev{left:0;border:1px solid #888;background:url('http://img.einet.kr/P202005002/responsive/travel/slide2-l-btn.png')#fff no-repeat center center /60px 60px;}
.slide2__btnbox .swiper-button-prev:hover{left:0;background:url('http://img.einet.kr/P202005002/responsive/travel/slide2-l-btn_on.png')#3e8793 no-repeat center center /60px 60px; border:1px solid #3e8793;}
.slide2__btnbox .swiper-button-next{right:0;border:1px solid #888;background:url('http://img.einet.kr/P202005002/responsive/travel/slide2-r-btn.png')#fff no-repeat center center /60px 60px;}
.slide2__btnbox .swiper-button-next:hover{right:0;border:1px solid #3e8793;background:url('http://img.einet.kr/P202005002/responsive/travel/slide2-r-btn_on.png')#3e8793 no-repeat center center /60px 60px;}


.travel-2 .swiper-container{overflow: initial}




/*화살표 키프레임*/

@keyframes line{
0% {
width:5px;
}
100% {
width:60px;
}
}



@media ( max-width: 1024px ) {
/*    슬라이드 모바일 커스텀*/
.tt-slide{height:280px;}
.travel-top .swiper-container{padding-bottom:25px;}
.travel-top .pagination-wrap{height:35px;bottom:0px;}
.travel-top .swiper-pagination swiper-pagination-bullets{top:0;}
.travel-top .swiper-pagination-bullet{background:#aaa;height:4px; width:4px;border-radius: 2px;}
.travel-top .swiper-pagination-bullet-active {background: #3e8a96;width: 20px;border-radius: 2px;}

/*    재생정지버튼*/
.btn-wrap{position:absolute;bottom:0px; right:18px;width:38px; height:12px;z-index:20;}
.s-btn{width:11px; height:12px;}
.s-btn.type-play{background:url('http://img.einet.kr/P202005002/responsive/travel/play-icon.png')no-repeat center center /11px 12px;}
.s-btn.type-stop{background:url('http://img.einet.kr/P202005002/responsive/travel/stop-icon.png')no-repeat center center /11px 12px;}



.travel-1{padding:50px 0;}
.travel-1__tit{color:#222;font-size:24px;line-height:1.2;}
.travel-1__ko{margin-top:10px;color:#3e8a96;font-size:16px;}
.travel-1__txt{font-size:14px;line-height:1.8;padding-top:70px;}
.travel-1__txt:before{content:"";display:inline-block;width:1px; height:25px;background-color:#222221;position:absolute;top:20px;left:50%; transform: translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.travel-1__item{display:inline-block;font-size:14px;line-height:1.8; color:#444;padding-left:20px;}
.travel-1__btn{margin-top:36px;padding:0 50px;line-height:50px;height:50px;font-size:13px;}
.travel-1__span{position:relative;vertical-align:top;display:inline-block;padding-right:36px;color:#222;}
.travel-1__icon{top:23px;left:80px;width:30px; ;height:5px;}

.travel-2__tit{font-size:34px;}
.travel-2__ko{font-size:14px;margin-top:15px;}
.travel-2__slide{margin-top:28px; }



.slide2__num{font-size:15px;margin-top:20px;}
.slide2__txt{font-size:15px;margin-top:10px;}
}