*{margin:0; padding:0;}
ul,ol,dl{list-style:none;}
img , video{max-width:100%; border:0;}
a{text-decoration:none; color:#333; display:inline-block;}
table{border-collapse:collapse; border-spacing:0;}
input , select {vertical-align:middle;}
html{height:100%;}
label{cursor:pointer;}
i , em , address{font-style:normal; font-weight:normal;}
#component3891 { padding-bottom: 37px; width: 1060px; height: 750px; }

/*슬라이드 몸통 */

.slide{text-align:center; position:relative; width: 100%; margin: 0 auto; display: block; height:auto;}
.slide_ul{display: block;}
.slide_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:-1; display: block;}
.slide_ul>li img{}
.slide_btn{position: absolute; text-align: center; width: 100%; top: 670px;}
li{list-style: none; position: relative; display: inline-block; margin: 0 5px;}
.show{display:block;}
.slide_btn li .active{background: white !important; border-color: white !important; width: 55px !important; border-radius: 15px; transition: all 0.3s; opacity: 1 !important;}
.slide_btn li a{display: inline-block; background: #fff; cursor: pointer; margin: 0 2px; border: 1px solid #eee; border-radius: 50%; width: 18px; height: 18px; opacity: 0.8;}


@media (min-width:992px) and (max-width:1199px) {
    #component3891{width: 910px; height: 645px;}
    .slide_btn{top: 550px;}

}

@media (min-width:768px) and (max-width:991px) {
    #component3891{width: 690px; height: 490px;}
    .slide_btn{top: 400px;}
    #component8117{margin: 0px 0px 0px!important;}

}

@media (max-width:767px) {
	#component3891{width: 350px; height: 285px;}
    .slide_btn{top:195px;}
    #component8117{margin: 0px 0px 0px!important;}
}