@charset "utf-8";

/********************************************* global *********************************************/
*, html, body, div, ul, li, a {margin:0; padding:0; vertical-align:top;}
ol, ul, li {list-style:none;}		/*목록 뷸릿 없애기 초기화*/
img {vertical-align:top;}
a, span {vertical-align:top;}
/* *********************************************************************************************************************************** */

.device{height:auto; overflow:hidden;}
.device_wrap {position:relative; *zoom:1;}
.device_wrap:after {display:block; clear:both; content:"";}

/*
.device .arr_lr {position:absolute; top:50%; z-index:10; width:12%; height:50%; text-align:center;}
.device .arr_lr span {display:inline-block; width:70%; margin-top:-70%;}
*/
.device .arr_lr {display:block; position:absolute; top:0px; z-index:10; width:10%; height:100%;  text-align:center;}
.device .arr_lr:hover {background:url(../images/arr_bg.png) repeat;}
.device .arr_lr span {position:absolute; width:30px; top:50%; margin-top:-45px; display:inline-block; }
.device .arr_lr img { }
.device .arrow-left {left:0px;}
.device .arrow-left > span {left:50%; margin-left:-15px;}
.device .arrow-right {right:0px;}
.device .arrow-right > span {right:50%; margin-right:-15px;}

.swiper-container {position:relative; z-index:1; margin:0 auto;}

.swiper-wrapper {position:relative;}

.swiper-slide {float:left; width:100px; height:auto;}
.swiper-wp8-horizontal {-ms-touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x;}

.swiper-slide img {width:100%; height:auto;}

.dgc_mobile_image_slide_pagination {margin-top:-5px; text-align:center;}

.swiper-pagination-switch {display:inline-block; width:16px; height:16px; margin:20px 15px; cursor:pointer; border-radius:20px;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 -mst-border-radius:20px; 
 -ms-border-radius:20px;
}