
.main_slide {
	width: 100%; 
	height: 767px;
	padding-top: 110px;
	overflow:hidden;
	position: relative;
	z-index: 1;
}

.sli_wrap{
	width: 100%;
	height: 657px;
	position: relative;

}

.sli_array{
	width: 100%;
	height: 657px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	display: block;
	position: relative;
}
.main_slide .sli_statbtn_wrap {
	 width: 980px;
	 position: absolute;
	 bottom: 20px;
	 left: 50%;
	 margin-left: -490px;
	 z-index:9999;

}
.main_slide .statbtn{
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	bottom: 10px;
	cursor:pointer;


}

.main_slide .statbtn.pause{
	background: url('../images/slide/stopbtn.png')

}

.main_slide .statbtn.play{
	background: #c2c2c2;
	display:none;
	background: url('../images/slide/playbtn.png');
	text-shadow: 0px 1px 0px #ffffff55;
}

.sli_array .inner{
	width: 980px;
	margin: auto;
	top: 147px;
	height: 405px;
	position: relative;
}

.sli_wrap .slick-prev, 
.sli_wrap .slick-next {
	display: none !important;
}

.sli_wrap .slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 980px;
	left: 50%;
	margin-left: -490px;
    padding: 0;
    list-style: none;
    text-align: left;
    z-index: 999;
}

.sli_wrap .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}


.sli_wrap .slick-dots li:first-child{
	margin-left: 36px;
}

.sli_wrap .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 50px;
    height: 1px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.sli_wrap .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    text-align: center;
    background: rgba(34,34,34,0.4);
    box-shadow: 0px 1px 0px #ffffff55;
    -webkit-font-smoothing: antialiased;
}

.sli_wrap .slick-dots li.slick-active button:before {
    height: 3px;
    content: '';
    top: -2px;
	background: rgba(34,34,34,1);

}
.sli_wrap .slick-dots li button:hover:before,
.sli_wrap .slick-dots li button:focus:before
{
    opacity: 1;
}


.sli_wrap.slick-dotted.slick-slider {
	margin-bottom: 0;
}


.sli_array .tit{
	line-height: 68px;
	font-size: 52px;
	/* height: 144px; */
	color: #222;
	font-weight: 500;
	position: relative;
	opacity: 0;
	transform: translateY(30%);
	transition:  all .5s cubic-bezier(.41,.01,.27,1);

}

.sli_array .tit.active{opacity: 1;transform: translateY(0px);transition:  all .9s cubic-bezier(.41,.01,.27,1);margin-bottom: 20px;line-height: 1.3;}

.sli_array .tit img {margin-bottom:5px;}

.sli_array .desc{
	position: relative;
	line-height: 30px;
	font-size: 18px;
	color: #222;
	/* height: 152px; */
	font-weight: 300;
	transition:  all .7s ease;
	opacity: 0;
	transform: translateY(30%);
	transition:  all .5s ease;
	padding-bottom: 20px;
}

.sli_array .desc.active{
	opacity: 1;
	transform: translateY(0px);
	transition:  all .7s cubic-bezier(.41,.01,.27,1);
	transition-delay: .2s;


}

.more_v {
	width: 154px;
	height: 43px;
	background: url('../images/slide/sli_more.png');
	background-size: 154px 43px;
	display: block;
	text-align: center;
	color: #222;
	font-size: 16px;
	font-weight: 500;
	line-height: 43px;
	position: relative;
	left: 0;
	cursor:pointer;
	opacity: 0;
	transform: translateY(30px);
	transition:  all .5s ease;
}


.more_v.active{
	opacity: 1;
	transform: translateY(0px);
	transition:  all .5s ease;
	transition-delay: .4s;
}

.more_v.more_v_rv {
	background: url('../images/slide/sli_more_rv.png');
}

.more_v::before{
	content:"자세히 보기";
	color: #222;
	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 42px;
	z-index: 10;
}

.more_v::after{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 43px;
	background: url('../images/slide/sli_more.png');
	background-size: 154px 43px;	
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}
.more_v.more_v_rv::after{
	background: url('../images/slide/sli_more_rv.png');
}

.more_v:hover::after,
.more_v:focus::after {
	content:"";
	position: absolute;
	lefT: 0;
	top: 0;
	width: 154px;
	height: 43px;
	background: url('../images/slide/sli_more_on.png');
	background-size: 154px 43px;	
	transition:  all .4s cubic-bezier(.41,.01,.27,1);
}

.more_v.more_v_rv:hover::after,
.more_v.more_v_rv:focus::after {
	background: url('../images/slide/sli_more_on_rv.png');
}

.more_v:hover::before,
.more_v:focus::before {
	content:"자세히 보기";
	color: #fff;
	transition-delay: .4s;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.more_v:hover{
	z-index: 50;
	color: #fff;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.event_v {
	width: 154px;
	height: 43px;
	background: url('../images/slide/sli_more.png');
	background-size: 154px 43px;
	display: block;
	text-align: center;
	color: #222;
	font-size: 16px;
	font-weight: 500;
	line-height: 43px;
	position: relative;
	left: 0;
	cursor:pointer;
	opacity: 0;
	transform: translateY(30px);
	transition:  all .5s ease;
}


.event_v.active{
	opacity: 1;
	transform: translateY(0px);
	transition:  all .5s ease;
	transition-delay: .4s;

}

.event_v::before{
	content:"이벤트 참여하기";
	color: #222;
	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 29px;
	z-index: 10;
}

.event_v::after{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 43px;
	background: url('../images/slide/sli_more.png');
	background-size: 154px 43px;	
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.event_v:hover::after,
.event_v:focus::after {
	content:"";
	position: absolute;
	lefT: 0;
	top: 0;
	width: 154px;
	height: 43px;
	background: url('../images/slide/sli_more_on.png');
	background-size: 154px 43px;	
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.event_v:hover::before,
.event_v:focus::before {
	content:"이벤트 참여하기";
	color: #fff;
	transition-delay: .4s;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.event_v:hover{
	z-index: 50;
	color: #fff;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.more_v-w {
	width: 154px;
	height: 43px;
	background: url('../images/slide/sli_more-w.png');
	background-size: 154px 43px;
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 43px;
	position: relative;
	left: 0;
	cursor:pointer;
	opacity: 0;
	transform: translateY(30px);
	transition:  all .5s ease;
}


.more_v-w.active{
	opacity: 1;
	transform: translateY(0px);
	transition:  all .5s ease;
	transition-delay: .4s;

}

.more_v-w::before{
	content:"자세히 보기";
	color: #ffffff;
	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 42px;
	z-index: 10;
}
.more_v-w-e {
	/* background-size:185px 43px !important; */
}
.more_v-w-e::before{
	content:"이벤트 참여하기";
	left: 27px;
}

.more_v-w::after{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 43px;
	background: url('../images/slide/sli_more-w.png');
	background-size: 154px 43px;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.more_v-w:hover::after,
.more_v-w:focus::after {
	content:"";
	position: absolute;
	lefT: 0;
	top: 0;
	width: 154px;
	height: 43px;
	background: url('../images/slide/sli_more-w_on.png');
	background-size: 154px 43px;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.more_v-w:hover::before,
.more_v-w:focus::before {
	content:"자세히 보기";
	color: #222222;
	transition-delay: .4s;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}

.more_v-w-e:hover::before,
.more_v-w-e:focus::before {
	content:"이벤트 참여하기";
}

.more_v-w:hover{
	z-index: 50;
	color: #222222;
	transition:  all .4s cubic-bezier(.41,.01,.27,1);

}