/* slider : ¸ÞÀÎÆäÀÌÁö ½½¶óÀÌ´õ º£³Ê */
*{
-webkit-box-sizing: border-box;
}
.slideshow {width: 100%; position: relative; }
.slider {}
.slider li, ul { width: 100%; }
.slider li {overflow: hidden;}
.slider li img {width: 100%; height: 700px;}
.slider .caption {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 15px 50px; display: flex; flex-direction: column;
justify-content: center; align-items: center; text-align: center; color: #fff; z-index: 1;}
.slider .caption h1 {font-size: 50px;}
.slider .caption p {margin-top: 10px; font-size: 20px;}
.pagination {position: absolute; top: 70%; width: 100%; display: flex; justify-content: center; z-index: 5;}
.pagination li {font-size: 20px; margin: 2px 5px; color: #858585; cursor: pointer;}
.left, .right {position: absolute; top: 0; height: 100%; display: flex; align-items: center;
color: #fff; font-size: 35px; cursor: pointer; z-index: 2;}
.left {left: 10px;}
.right {right: 10px;}

/* banner-icon */
.slideshow .banner_icon {z-index: 4; position: absolute; left: 0; bottom: 0px; width:100%; height: 67px; background-color: rgba(0,0,0,0.5);}
.slideshow .banner_icon ul {overflow: hidden;}
.slideshow .banner_icon li {float: left; width: 25%; text-align: center; padding-top: 7px; }
.slideshow .banner_icon li a {color: #fff; font-size: 16px;}
.slideshow .banner_icon li a:hover {color:#c5111c; }
.slideshow .banner_icon li span {display: block;}

@media screen and (max-width: 600px){
.slider .caption p{display: none;}
.slider li img {width: 100%; height: 200px;}
.slider .caption h1{font-size: 35px;}
.left, .right{font-size: 30px;}
.slider li img{width: 600px;}
.pagination{display: none;}
.slideshow .banner_icon {display: none;}
}