@charset "utf-8";


/* COMMON */
img{
	width: 100%;
	height: auto;
}

.m_head{
	background: #262626;
}

.pc_head{
	/*background: ;*/
}

.pc{
	display: none;
}



/*s ====기본화면 모바일 기준====*/

#s1{
	margin-top: 60px;
}

#s1 ul li .tu{
	width: 100%;
	height: 30vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#s1 li:nth-child(1) .tu{
	background-image: url(../img/m5/tour1.jpg);
}
#s1 li:nth-child(2) .tu{
	background-image: url(../img/m5/tour2.jpg);
}
#s1 li:nth-child(3) .tu{
	background-image: url(../img/m5/tour3.jpg);
}
#s1 li:nth-child(4) .tu{
	background-image: url(../img/m5/tour4.jpg);
}
#s1 li:nth-child(5) .tu{
	background-image: url(../img/m5/tour5.jpg);
}
#s1 li:nth-child(6) .tu{
	background-image: url(../img/m5/tour6.jpg);
}
#s1 li:nth-child(7) .tu{
	background-image: url(../img/m5/tour7.jpg);
}
#s1 li:nth-child(8) .tu{
	background-image: url(../img/m5/tour8.jpg);
}

#s1 ul li .tu img{
	position: absolute;
	width: 66%;
	top: 50%;
	left: 50%;
	margin-left: -33%;
	transform: translateY(-45%);
}

#s1 ul li .txt{
	text-align: center;
	padding: 4vh 8% 5vh 8%; 
}
#s1 ul li .txt .subTit img{
	height: 8px;
	width: auto;
	/*margin-bottom: -8vh;*/
}
#s1 ul li .txt p:nth-child(2){
	font-size: 17px;
	font-weight: 600;
	margin: -0.7vh 0 2vh 0;
}

#s1 ul li .txt .line{
	height: 1px;
	width: 10%;
	margin: 0 auto 1.8vh auto;
	background: #222;
}
#s1 ul li .txt p:nth-child(4){
	margin-bottom: 2vh;
}
.subImg{
	width: 80%;
	height: auto;
	margin: 6% auto 0 auto;
}

/*e ====기본화면 모바일 기준====*/




/*s ====태블릿화면====*/

@media screen and (min-width:768px){
	.pc{
		display: block;
	}
	.mobile{
		display: none;
	}
	#s1 ul li .tu{
		height: 59vh;
	}
	#s1 ul li .tu img{
		width: 54%;
		margin-left: -27%;
	}
	
	#s1 ul li .txt{
		padding: 5.5vh 0 6.5vh 0; 
	}
	#s1 ul li .txt p:nth-child(2){
		font-size: 25px;
		margin: -0.1vh 0 3.4vh 0;
	}

	#s1 ul li .txt .line{
		width: 5%;
		margin: 0 auto 2.8vh auto;
	}
	#s1 ul li .txt p:nth-child(4){
		margin-bottom: 0;
		font-size: 13px;
		line-height: 1.5em;
		font-weight: 500;
	}
	.subImg{
		width: 50%;
		margin: 4% auto 0 auto;
	}
} /*768px끝*/

/*e ====태블릿화면====*/




/*s ====PC화면1====*/

@media screen and (min-width:1024px){
	
	#s1{
		margin-top: 65px;
	}
	.tu.left,
	.txt.left{
		width: 45%;
		float: left;
	}
	.tu.right,
	.txt.right{
		width: 45%;
		float: right;
	}
	
	#s1 ul li .tu{
		width: 55%;
		height: 770px;
	}
	#s1 ul li .tu img{
		width: 450px;
		margin-left: -225px;
	}
	
	/*s txt_height*/
	#s1 ul li .txt{
		padding: 80px 0 0 0; 
	}
	#s1 ul li:nth-child(6) .txt{
		padding: 65px 0 0 0;
	}
	#s1 ul li:last-child .txt{
		padding: 90px 0 0 0;
	}
	/*e txt_height*/
	
	
	#s1 ul li .txt p:nth-child(2){
		margin: -1px 0 25px 0;
	}
	#s1 ul li .txt .line{
		width: 393px;
		margin: 0 auto 34px auto;
	}
	#s1 ul li .txt p:nth-child(4){
		font-size: 14px;
		line-height: 1.7em;
		color: #454545;
		font-weight: 400;
	}
	
	.subImg{
		width: 353px;
		margin: 50px auto 0 auto;
	}
	
} /*1024px끝*/

/*e ====PC화면1====*/