@charset "utf-8";

.swiper-container {
	/*
	width: 100%;
	height: 100%;
	*/
}

.swiper-slide {
	/*
	background		: #fff;

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

.top_swiper
{
	width			: 235px;
	height			: 90px;
}

.top_swiper .swiper-button-next,
.top_swiper .swiper-button-prev
{
	padding			: 0px;
	margin			: 0px;
	line-height		: 0px;
	margin-top		: -15px;
	height			: 24px;
	width			: 24px;
	right			: 0px;

}
.top_swiper .swiper-button-prev
{
	left			: 0px;
}

.top_swiper .swiper-button-next:after,
.top_swiper .swiper-button-prev:after
{
	font-family		: auto;
	content			: '';
	padding			: 0px;
	margin			: 0px;
	height			: 24px;
	width			: 24px;
	background		: url('../img/menu/swiper_btn2.svg') center center  no-repeat;
}


.top_swiper .swiper-button-prev:after
{
	background		: url('../img/menu/swiper_btn1.svg') center center  no-repeat;
}










.maincont_swiper
{

	display: block;
}

.maincont_swiper .swiper-button-next,
.maincont_swiper .swiper-button-prev
{
	display: none;

}





.maincont_swiper .swiper-pagination
{
	position		: absolute;
	z-index			: 1;
	bottom			: 5px!important;
}

.maincont_swiper .swiper-pagination .swiper-pagination-bullet
{
	width: 14px;
	height: 14px;
	background: #505050;
	opacity: 0.2;
	display: none;
}

.maincont_swiper .swiper-pagination .swiper-pagination-bullet-active
{
	background		: #505050!important;
	opacity: 1;
	display: none;
}














.main_swiper_bg
{
	background		: #a6998d;
	position		: relative;

}

.main_bg
{
	position		: absolute;
	width			: 100%;
	height			: 254px;
	background		: #fff;
	bottom			: 0px;

}

.main_swiper
{
	position		: relative;
	width			: 2800px;
	height			: 612px;
	padding-top		: 72px;
	left			: 50%;
	margin-left		: -453px;
}

.main_swiper .swiper-container
{
	height			: 684px;
	overflow		: visible;
}

.swiper-slide
{
}

.main_swiper .swiper-button-next:after,
.main_swiper .swiper-button-prev:after
{
	font-family		: auto;
	content			: '';
}

.main_swiper .swiper-button-next,
.main_swiper .swiper-button-prev
{
	height			: 480px;
	width			: 80px;
	top				: 20px;
}

.main_swiper .swiper-button-prev
{
    left			: 0%;
    right			: auto;
    margin-left		: -40px;
	background		: url('../img/main/main_swiper_l.svg') center center  no-repeat;
}
.main_swiper .swiper-button-next
{
    left			: 0%;
    right			: auto;
    margin-left		: 870px;
	background		: url('../img/main/main_swiper_r.svg') center center  no-repeat;
}







.main_swiper .swiper-pagination {
	
	position		: absolute;
    top				: 480px;
    left			: 0;
    width			: 930px;
    z-index			: 100;
}

.swiper-pagination-bullet-active
{
	background		: #000!important;
}

.main_bane
{
	position		: relative;
	background		: #fff;
	border-radius	: 4px;
	width			: 800px;
	margin-left		: 58px;
	height			: 460px;
	box-shadow		: 0px 30px 30px rgba(0, 0, 0, 0.1);
}

.main_bane strong
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	color			: #212121;
	font-size		: 36px;
	line-height		: 150%;
	display			: block;

}



.main_bane p
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #212121;
	font-size		: 21px;
	line-height		: 150%;
	letter-spacing	: -1px;
	display			: block;
	padding-top		: 24px;
}

.main_bane span
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #9D8531;
	font-size		: 18px;
	line-height		: 150%;
	letter-spacing	: -1px;
	display			: block;
	padding-top		: 24px;
}



.main_button
{
	position		: absolute;
	left			: 60px;
	bottom			: 60px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #fff;
	font-size		: 18px;
	background		: #212121;
	height			: 42px;
	padding			: 0 18px;
	border-radius	: 4px;
	border			: 0px;
}

.main_swiper_img
{
	position		: absolute;
	top				: 90px;
	right			: 60px;
}

.main_swiper_name
{
	position		: absolute;
	z-index			: 1;
	bottom			: 94px;
	right			: 58px;
	width			: 72px;
	height			: 72px;
	background		: #9D8531;
	border-radius	: 100px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #fff;
	text-align		: center;
	line-height		: 70px;

}





.main_swiper .swiper-slide-active .main_bane .main_swiper_img 
{
	animation:expand 0.9s 0.5s backwards;
}
.main_swiper .swiper-slide-active .main_bane .main_swiper_name 
{
	animation:hang 0.5s 1s backwards;
}

@keyframes txtToTop { 0% {margin-top:20px; opacity:0;}  100% {margin-top:0; opacity:1;} }
@keyframes conOpacity { 0% {opacity:0; margin-left:100px;} 20% {opacity:0; margin-left:50px;} 100% {opacity:1; margin-left:0px;} }
@keyframes expand { 0% {transform:scale(0); opacity:0;}  100% {transform: scale(1); rotate(.001deg); opacity:1;} }
@keyframes hang{ 0% {transform:scale(0); opacity:0; margin-bottom:40px; margin-right:40px;}  100% {transform: scale(1); rotate(.001deg); opacity:1; margin-bottom:0px; margin-right:0px;} }