@charset 'utf-8';
@charset "utf-8";

body {  
	-ms-overflow-style: none;  
	overflow: auto;  
}

::-webkit-scrollbar {  
	display: none;  
}

.travel1 .loader {
	width:100%;
	padding-bottom:56.25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition: all 0.3s ease-in-out;
}

.travel1_wrap {
	position:relative;
	width:100%; height:100vh;
	overflow:hidden;
}
.travel1_wrap .service_slogan {
	position:absolute;
	top:25vh; left:13vw;
	font-size:14px;
	z-index:2;
}
.travel1_wrap .service_slogan h3 {
	font-family:"Lobster",sans-serif;
font-size:60px;
font-weight:400;
font-style:normal;
line-height:58.8px;
letter-spacing:0px;
color:rgba(255,255,255,1);
text-shadow:rgba(0,0,0,0.4) 1px 2px 6px;
background-color:rgba(0,0,0,0);
padding:0;
margin:0px 0px 7px 0px;

}
.travel1_wrap .service_slogan h5 {
	font-family:"Noto Sans KR",sans-serif;
font-size:29px;
font-weight:normal;
font-style:normal;
line-height:51px;
letter-spacing:0;
color:rgba(255,255,255,1);
text-shadow:rgba(0,0,0,0.4) 1px 2px 6px;
padding:0px;
margin:0;
}
.travel1_wrap .service_slogan p {
	padding-bottom:20px;
	color:#fff;
	font-family:'Noto Sans KR', sans-serif;
	font-size:17px;
	font-weight:500;
}
.travel1_wrap .swiper-pagination-p {
	display:none;
}
.travel1_wrap .swiper-pagination {
	position:relative;
	padding-bottom:20px;
	text-align:left;
}
.travel1_wrap .swiper-pagination .swiper-pagination-bullet {
	margin: 0 7px;
	width: 9px; height: 9px;
	border-radius: 30px;
	background: #fff;
	transition: width 0.5s;
	opacity: 1;
}
.travel1_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 46px;
	background: #fff;
}
.travel1_wrap .swiper-button-next {
	margin:0;
	width:103px; height:164px;
	background-image: url('http://img.einet.kr/responsive/home/carousel/theme01/arrow-right.png');
	background-size:cover;
	background-repeat:no-repeat;
	transform:translateY(-50%);
}
.travel1_wrap .swiper-button-prev {
	margin:0;
	width:103px; height:164px;
	background-image: url('http://img.einet.kr/responsive/home/carousel/theme01/arrow-left.png');
	background-size:cover;
	background-repeat:no-repeat;
	transform:translateY(-50%);
}
.travel1_wrap .service_slogan .viewInfo {
	display:inline-block;
	font-family:"Open Sans",sans-serif;
font-size:18px;
font-weight:normal;
font-style:normal;
line-height:normal;
letter-spacing:0;
color:rgba(255,255,255,1);
text-shadow:rgba(0,0,0,0.5) 1px 2px 6px;
padding:10px 20px 10px 0;
margin:0;
	/*
	padding:10px 20px 10px 0;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	text-shadow:1px 1.7px 6px rgba(0, 0, 0, 0.46);
	*/
	cursor:pointer;
}
.travel1_wrap .service_slogan .viewInfo i {
	margin-right: 10px;
	padding: 11px 14px;
	color:#fff;
	border:2px solid #fff;
	border-radius:50%;
}



.travel2_wrap {
	position:absolute;
	bottom:3%; right:3%;
	width:90%;
	padding:0 50px;
	overflow:hidden;
}

.travel2_wrap .swiper-slide {
	border:1px solid #fff;
	cursor:pointer;
}
.travel2_wrap .swiper-slide:hover,
.travel2_wrap .swiper-slide.active {
	border-width:3px;
}
.travel2_wrap .swiper-slide .loader::after {
	content:'';
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	background-color:rgba(0, 0, 0, 0.4);
	transition: background 0.5s;
}
.travel2_wrap .swiper-slide:hover .loader::after,
.travel2_wrap .swiper-slide.active .loader::after {
	background-color: transparent;
}
.travel2_wrap .slogan {
	position:absolute;
	padding:0 10px;
	top:50%; right:0; left:0;
	margin:auto;
	transform:translateY(-50%);
	color:#fff;
	font-size:14px;
	text-align:center;
	opacity:1;
	transition: opacity 0.5s;
}
.travel2_wrap .swiper-slide:hover .slogan,
.travel2_wrap .swiper-slide.active .slogan {
	opacity:0;
}


.travel3_wrap {
	position:fixed;
	top:0; left:0;
	padding:130px 50px 0;
	width:600px; height:100%;
	font-size:14px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transform: all 0.5s;
	-o-transform: all 0.5s;
	transition: all 0.5s;
	background-color:rgba(255, 255, 255, 0.95);
	z-index:10000;
	opacity:0;
	overflow-x:hidden;
}
.travel3_wrap.OPEN {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity:1;
}
.travel3_wrap .travel_info {
	position:relative;
	text-align:center;
}
.travel3_wrap .travel_info a {
	display:inline-block;
	padding:14px 17px;
	color:#fff;
	border-radius:50%;
	background-color:#5DC2AC;
	cursor:pointer;
}
.travel3_wrap .travel_info .name {
	color:#222;
	text-align:left;
}
.travel3_wrap .travel_info .name h3 {
	font-family:"Lobster",sans-serif;
font-size:60px;
font-weight:400;
font-style:normal;
line-height:54px;
letter-spacing:0px;
color:rgba(34,34,34,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:50px 0px 0px 0px;
margin:0;

}
.travel3_wrap .travel_info .name h5 {
	font-family:"Noto Sans KR",sans-serif;
font-size:30px;
font-weight:normal;
font-style:normal;
line-height:normal;
letter-spacing:0;
color:rgba(34,34,34,1);
text-shadow:none;
padding:20px 0 0 0;
margin:0;
}
.travel3_wrap .travel_info .name p {
	padding-top:8px;
	color:#888;
	font-family:'Noto Sans KR', sans-serif;
	font-size:17px;
	font-weight:normal;
}
.travel3_wrap .travel_info .contents {
	margin-top:20px;
	height: 48vh;
	font-family:'맑은 고딕','Malgun Gothic','Noto Sans KR', sans-serif;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	word-break:keep-all;
	overflow-y: auto;
}
.travel3_wrap .travel_info .contents p,
.travel3_wrap .travel_info .contents span {
	font-family:'Noto Sans KR', sans-serif !important;
}


@media (max-width:1400px) {
	.travel1_wrap {
		height: auto;
	}
	.travel1_wrap .service_slogan h3 {
		font-size:35px;
	}
	.travel1_wrap .service_slogan h5 {
		font-size:22px;
		line-height:1.44;
	}
	.travel1_wrap .service_slogan p {
		font-size:14px;
	}
	.travel1_wrap .service_slogan .viewInfo {
		font-size:15px;
	}
	.travel1_wrap .service_slogan .viewInfo i {
		padding: 7px 9px;
	}



	.travel3_wrap {
		padding:150px 30px 50px;
	}
	.travel3_wrap .travel_info .name {

	}
	.travel3_wrap .travel_info .name h3 {
		font-size:20px;
	}
	.travel3_wrap .travel_info .name h5 {
		font-size: 16px;
	}
	.travel3_wrap .travel_info .name p {
		font-size: 14px;
	}
}

@media (max-width:820px) {
	.travel1 {
		padding-top:50px;
	}

	.travel1_wrap .service_slogan {
		position:relative;
		padding:20px 15px;
		top:initial; left:initial;
	}

	/* eng_title1 mobile */
	.travel1_wrap .service_slogan h3 {
color:rgba(34,34,34,1);
font-size:24px;
text-shadow:none;
}


	/* han_title1 mobile */
	.travel1_wrap .service_slogan h5 {
color:rgba(68,68,68,1);
font-size:18px;
line-height:1.44;
text-shadow:none;
}


	.travel1_wrap .service_slogan p {
		color:#888;
		font-size:12px;
		text-shadow:0 0 0;
	}
	.travel1_wrap .swiper-button-next, .travel1_wrap .swiper-button-prev {
		display:none;
	}
	.travel1_wrap .swiper-pagination-p {
		display:block;
		padding: 10px 0;
		text-align:center;
	}
	.travel1_wrap .swiper-pagination-p .swiper-pagination-bullet {
		width: 5px; height: 5px;
		background: #ccc;
	}
	.travel1_wrap .swiper-pagination-p .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 37px;
		background: #ccc;
	}
	.travel1_wrap .service_slogan .swiper-pagination-m {
		display:none;
	}

	.travel1_wrap .service_slogan .viewInfo {
font-size:15px;
color:#5DC2AC;
text-shadow:none;
}
.travel1_wrap .service_slogan .viewInfo i {
padding: 6px 8px;
color:#5DC2AC;
padding: 7px 9px;
border-color:#5DC2AC;
}
	

	.travel2_wrap {
		position:relative;
		top:initial; right:initial; bottom:initial; left:initial;
		padding:0 0 50px 0;
		/*padding:0 0 50px 15px;*/
		width:100%;
	}
	.travel2_wrap .swiper-slide {
		border:0;
		width:200px !important;
		cursor:pointer;
	}
	.travel2_wrap .swiper-slide .loader::after {
		background-color:transparent;
	}
	.travel2_wrap .swiper-slide:hover .loader::after,
	.travel2_wrap .swiper-slide.active .loader::after {
		background-color:transparent;
	}
	.travel2_wrap .slogan {
		position:relative;
		top:initial; right:initial; bottom:initial; left:initial;
		padding:10px 0 10px 10px;
		color:#444;
		font-size:14px;
		font-weight:normal;
		line-height:0.72;
		letter-spacing:0.7px;
		text-align:left;
		transform: initial;
		opacity:1;
	}
	.travel2_wrap .swiper-slide:hover .slogan,
	.travel2_wrap .swiper-slide.active .slogan {
		opacity:1;
	}
	.travel2_wrap .swiper-slide:hover .slogan span,
	.travel2_wrap .swiper-slide.active .slogan span {
		color:#222;
		font-weight:bold;
		border-bottom:2px solid #222;
	}
	.travel2_wrap .swiper-button-next,
	.travel2_wrap .swiper-button-prev {
		display:none;
	}

	.travel2_wrap .swiper-wrapper .swiper-slide:first-child {
		margin-left:15px;
	}


	.travel3_wrap {
		width: 100%;
		top:0; right:0; left:0;
		margin:auto;
		padding:0;
		-webkit-transform: initial;
		   -moz-transform: initial;
			-ms-transform: initial;
			 -o-transform: initial;
				transform: initial;
		background-color:transparent;
		opacity:0;
		visibility: hidden;
	}
	.travel3_wrap.OPEN {
		opacity:1;
		visibility: visible;
		background-color: rgba(0, 0, 0, 0.65);
	}
	.travel3_wrap .travel_info {
		width:85%; height: 85vh;
		margin:15% auto 0;
		padding:0 20px 50px;
		background-color:rgba(255, 255, 255, 0.95);
		overflow:hidden;
	}
	.travel3_wrap .travel_info a {
		margin-top:15px;
	}
	.travel3_wrap .travel_info .contents {
		height: 55vh;
	}
}