@charset "utf-8";

/* 메인페이지 콘텐츠 서식 */
section{
	clear:both;
}
.swiper-container {
      width: 100%;
      height: 700px;
	  overflow:hidden;
}
.swiper-slide {	background: #fff; }
.swiper-slide img{	width:100%; }

/* 퀵메뉴 */
.quick_menu{
	width:1300px;margin:0px auto;
	padding:50px 0px;
}
.quick_menu ul{text-align:center;}
.quick_menu ul li{
	display:inline-block;
	margin-right:60px;
	text-indent:-9999px; /* 화면 바깥으로 보내서 안보이게함. */
}
.quick_menu ul li:last-child{margin-right:0px;}

.quick_menu ul li a{
	display:block;
	width:300px;
	height:107px;background-repeat:no-repeat;
	background-position:center
}
.quick_menu ul li:first-child a{
	background-image:url('../img/img_btn_section_1_off.png');
}
.quick_menu ul li:first-child:hover a{
	background-image:url('../img/img_btn_section_1_on.png');
}

.quick_menu ul li:nth-child(2) a{
	background-image:url('../img/img_btn_section_2_off.png');
}
.quick_menu ul li:nth-child(2):hover a{
	background-image:url('../img/img_btn_section_2_on.png');
}

.quick_menu ul li:last-child a{
 margin-left: 60px;
	background-image:url('../img/img_btn_section_3_off.png');
}
.quick_menu ul li:last-child:hover a{
	background-image:url('../img/img_btn_section_3_on.png');
}

/* needs 서식 */
.needs{
	background-color:#c8161d;
	padding:100px 0px;
	text-align:center;
	color:#fff;
}
.needs > h3{
	font-size:30px;
	font-weight:bold;
	padding-bottom:20px;
  text-transform: uppercase;
}
.needs > span{
	font-size:50px;
}
.needs > p{
	padding-top:10px;
	font-size:20px;
	line-height:180%;
}

/* instar */
.instar{
	width:1300px;
	margin:0px auto;
	padding:100px 0px;
}

.instar > h3{
	text-align:center;
	text-transform: uppercase;
	font-size:30px;
	margin-bottom:80px;
}
.instar > h3 img{
/*
	position:relative;
	top:5px;
*/
	transform: translateY(5px);
}

.instar > ul{}
.instar > ul > li{
	width:178px;
/*	float:left;*/
	display:inline-block;
	padding-bottom:3px;
}

.instar > ul > li img{
	width:100%;
}

/*  해피댄스 스튜디오 */
.studio{
	background-image:url('../img/studiotour_join_img.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	height:600px;
	padding-top:350px;
	color:#fff;
	text-align:center;
}

.studio > h3{
	font-size:50px;
	font-weight:bold;
	position:relative;
	top:20px;
	opacity: 0;
	transition:0.5s;
}

.studio > p{
	font-size:22px;
	padding:14px 0px;
	position:relative;
	top:20px;opacity: 0;
	transition:1s;
}

.studio > span{
	font-size:50px;
	display:block;
	margin-bottom:50px;
	position:relative;
	top:20px;
	opacity: 0;
	transition:1.5s;
}

.studio > a{
	position:relative;
	border:1px solid #fff;
	padding:20px 25px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	background-color:rgba(0,0,0,.6);
	top:20px;
	transition:2s;
	opacity: 0;
}

.on{
	top:0 !important;
	opacity: 1 !important;
}



.popup {}

.pp_1, .pp_2{
 width: 450px;
 height: 695px;
 position:absolute;
 top:50px; left: 5px;
 z-index: 99999;
 display:none;
}

.close_wrap{
 line-height: 30px;
 background: #000;
 color: #fff;
 text-align: right;
 padding-right: 20px;
 display:none;
}

.pp_2{
 left: 460px;
 display:none;
}