@charset "utf-8";

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

/* R-nav */
/*#fp-nav{
	display: none;
}*/
/*
#fp-nav ul li a span,
.fp-slidesNav ul li a span{
    background: #ededed!important;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    background-color:#136396!important;
 }
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    background: #136396!important;
}
*/

/*#fp-nav.right{
	right: 4%!important;
}*/

/*s CONT BACK*/
#container{
	background: #000;
}
.section{
	width: 100%;
	height: 100vh;
	/*opacity: 0.95;*/
}
/*e CONT BACK*/


/*s info*/
#info .btn{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	width: 80%;
	margin-left: -40%;
}


/* BTN */
#info .btn .pc{
	display: none;
}

#info .btn .line{
	width: 100%;
	height: 2px;
	background: #fff;
	margin-top: 8%;
}
#info .btn .more{
	color: #222;
	width: 45%;
	padding: 3% 0;
	/*border: 1px solid #fff;*/
	background: #fff;
	text-align: center;
	margin: 15% auto 0 auto;
	animation: more 1.8s linear infinite;
}
#info .btn .viewPC{
	display: none;
}

@keyframes more{
			0%{opacity: 1;}
			80%{opacity: 0.5;}
			100%{opacity: 1;}
        }


/*e info*/


/*s MORE INFO_mobile*/
#more{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
}
#more.pc{
	display: none;
}
#more.mobile{
	background: rgba(255,255,255,0.9);
}

#more .closeM{
	width: 10%;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 900;
}

.mobile #mo_info{
	padding: 3vh 5% 0 5%;
	box-sizing: border-box;
}
.mobile #mo_info .tit{
	margin-bottom: 2vh;
}
.mobile #mo_info .tit p{
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.mobile #mo_info .tit p:nth-child(1){
	width: 70%;
	margin: 0 auto 0.6vh auto;
}

.mobile #mo_info .info_con{
	text-align: center;
}
.mobile #mo_info .info_con .form{
	margin-bottom: 1vh;
}
.mobile #mo_info .info_con .form .t1{
	font-size: 13px;
	font-weight: 600;
	padding: 0.3vh 0;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 0.5vh;
}
.mobile #mo_info .info_con .form .if{
	line-height: 1.6em;
}
.mobile #mo_info .info_con .form ul{
	padding: 0 5%;
	box-sizing: border-box;
}
.mobile #mo_info .info_con .form ul li{
	float: left;
	width: 16.666%;
	height: 8.8vh;
}
.mobile #mo_info .info_con .form ul li p{
	line-height: 1.2em;
	margin-bottom: 0.5vh;
}
.mobile #mo_info .info_con .form ul li img{
	width: 45%;
}

/*e MORE INFO_mobile*/


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



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

@media screen and (min-width:768px){
    
    /*s info*/
	
	/*#info{
		left: 6%;
	}*/
	
	/* BTN */
	#info .btn .mobile{
		display: none;
	}
	#info .btn .pc{
		display: block;
	}
	#info .btn{
		left: 5%;
		width: 50%;
		margin-left: 0;
	}
	#info .btn .line{
		width: 120%;
	}
	#info .btn .more{
		padding: 3.5% 0;
		margin: 12% 0 0 0;
	}
	
	/*e info*/
	
	/*s MORE INFO_mobile*/
	.mobile #mo_info{
		padding: 4vh 5% 0 5%;
	}
	.mobile #mo_info .tit{
		margin-bottom: 2.2vh;
	}
	.mobile #mo_info .tit p{
		font-size: 18px;
	}
	.mobile #mo_info .tit p:nth-child(1){
		width: 38%;
		margin: 0 auto 1.5vh auto;
	}
	.mobile #mo_info .info_con .form{
		width: 75%;
		margin: 0 auto 2vh auto;
	}
	.mobile #mo_info .info_con .form .t1{
		font-size: 15px;
		margin-bottom: 0.6vh;
	}
	.mobile #mo_info .info_con .form .if{
		line-height: 1.6em;
		font-size: 13px;
	}
	.mobile #mo_info .info_con .form ul li{
		width: 20%;
	}

	/*e MORE INFO_mobile*/
    
    } /*768px끝*/

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



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

@media screen and (min-width:1024px){


	/*s info*/
	
	#more .closePC{
		width: 30px;
		height: auto;
		position: absolute;
		top: 15px;
		right: 320px;
		z-index: 900;
		cursor: pointer;
	}
	
	/* BTN */
	#info .btn{
		left: 5%;
		width: 400px;
	}
	
	#info .btn .line{
		width: 130%;
		margin-left: 10px;
		margin-top: 25px;
	}
	
	#info .btn .more{
		padding: 15px 0;
		margin: 55px 0 0 10px;
		cursor: pointer;
		font-size: 13px;
		font-weight: 500;
		width: 160px;
	}
	#info .btn .viewM{
		display: none;
	}
	#info .btn .viewPC{
		display: block;
	}
	#info .btn .more:hover{
		animation: none;
	}
	
	/*s MORE INFO_pc*/
	.mobile{
		display: none;
	}
	#more.pc{
		display: block;
		position: absolute;
		top: 0;
		left: -100%;
		width: 1000px;
	}
	.pc .backBG{
		width: 100%;
		height: 100vh;
		background: rgba(255,255,255,0.9);
		transform: scale(1,1) rotate(0)skew(16deg,0) translate(0,0); 
		position: absolute;
		top: 0;
		left: -160px;
		z-index: 700;
	}
	.pc #mo_info{
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 800;
		width: 600px;
		margin-left: -405px;
		padding: 3vh 0;
		text-align: center;
	}
	
	.pc #mo_info .tit{
		width: 224px;
		margin: 0 auto 2.5vh auto;
		font-size: 17px;
		font-weight: 600;
	}
	.pc #mo_info .tit p:nth-child(1){
		margin-bottom: 1vh;
	}
	.pc #mo_info .info_con .form{
		margin-bottom: 2vh;
	}
	.pc #mo_info .info_con .form .t1{
		font-size: 17px;
		font-weight: 600;
		margin-bottom: 0.6vh;
	}
	.pc #mo_info .info_con .form .if{
		font-size: 15px;
		line-height: 1.5em;
	}
	.pc #mo_info .info_con .form .point1{
		font-size: 14px;
		color: #4b45e6;
		font-weight: 500;
	}
	.pc #mo_info .info_con .form .point2{
		font-size: 13px;
		margin-top: 0.2vh;
	}
	.pc #mo_info .info_con .form ul{
		margin-top: 1.2vh;
	}
	.pc #mo_info .info_con .form ul li{
		float: left;
		width: 19.8%;
		height: 115px;
		font-size: 14px;
		font-weight: 500;
		border: 1px solid rgba(0,0,0,0.2);
		line-height: 1.2em;
	}
    .pc #mo_info .info_con .form ul li img{
        width: 80%;
    }
	.pc #mo_info .info_con .form ul li:nth-child(1),
	.pc #mo_info .info_con .form ul li:nth-child(2),
	.pc #mo_info .info_con .form ul li:nth-child(3),
	.pc #mo_info .info_con .form ul li:nth-child(4){
		border-right: 0;
		border-bottom: 0;
	}
	.pc #mo_info .info_con .form ul li:nth-child(6),
	.pc #mo_info .info_con .form ul li:nth-child(7),
	.pc #mo_info .info_con .form ul li:nth-child(8),
	.pc #mo_info .info_con .form ul li:nth-child(9){
		border-right: 0;
	}
	
	.pc #mo_info .info_con .form ul li:nth-child(5){
		border-bottom: 0;
	}

	.pc #mo_info .info_con .form ul li p:nth-child(2){
		margin-top: 1vh;
	}
	/*e MORE INFO_pc*/
	
	/*e info*/
	
    
} /*1024px끝*/

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




/*s ====PC화면2====*/

@media screen and (min-width:1200px){

    
}

/*e ====PC화면2====*/