@charset 'utf-8';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address, em, img,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header, hgroup, menu, nav, section,
audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {min-width:320px;-webkit-text-size-adjust:100%;background:#000;overflow:hidden;}
body.list {overflow:auto;}
nav, ul {list-style:none;}
a {-webkit-tap-highlight-color:transparent;}

.swiper-container {position:relative;width:100%;max-width:640px;margin:0 auto;text-align:center;overflow:hidden;}
.swiper-container .swiper-wrapper {position:relative;z-index:10;}
.swiper-container .swiper-wrapper .swiper-slide {position:relative;display:table;}
.swiper-container .swiper-wrapper .swiper-slide .btn_wrap {position:relative;display:table-cell;vertical-align:middle;}
.swiper-container .swiper-wrapper .swiper-slide .btn_wrap .btn {position:relative;}
.swiper-container .swiper-wrapper .swiper-slide img {width:100%;height:auto;}
.swiper-container .sns {position:absolute;bottom:-200px;z-index:30;}
.swiper-container .sns img {width:100%;}
.swiper-container .sns ul {position:absolute;top:0;left:37.2%;width:100%;}
.swiper-container .sns ul li {float:left;width:12.5%;height:100px;margin:0 3.125% 0 0;}
.swiper-container .sns ul li a {display:block;width:100%;height:100%;font-size:0;line-height:0;text-indent:-5000px;}

.slide01 a {display:block;position:absolute;top:86.5%;left:50%;width:30%;height:7%;margin-left:-15%;z-index:400;font-size:0;line-height:0;text-indent:-5000px;}
.slide02 a {display:block;position:absolute;top:86.5%;left:50%;width:30%;height:7%;margin-left:-15%;z-index:400;font-size:0;line-height:0;text-indent:-5000px;}
.slide03 a {display:block;position:absolute;top:86.5%;left:50%;width:30%;height:7%;margin-left:-15%;z-index:400;font-size:0;line-height:0;text-indent:-5000px;}
.slide04 a {display:block;position:absolute;top:86.5%;left:50%;width:30%;height:7%;margin-left:-15%;z-index:400;font-size:0;line-height:0;text-indent:-5000px;}
.slide05 a {display:block;position:absolute;top:60%;left:50%;width:27.5%;height:23.5%;margin-left:15%;z-index:400;font-size:0;line-height:0;text-indent:-5000px;}

/* page */
.swiper-container .pagination {position:absolute;top:50%;right:10px;margin-top:-31px;z-index:20;}
.swiper-container .pagination .swiper-pagination-switch {display:block;width:7px;height:7px;margin:5px 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0521/navi.png') no-repeat 0 -12px;background-size:7px 19px;}
.swiper-container .pagination .swiper-active-switch {background-position:0 0;}
@media (min-width: 400px) {
	.swiper-container .pagination {position:absolute;top:50%;right:20px;margin-top:-62px;z-index:20;}
	.swiper-container .pagination .swiper-pagination-switch {display:block;width:14px;height:14px;margin:10px 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0521/navi.png') no-repeat 0 -24px;background-size:14px 38px;}
	.swiper-container .pagination .swiper-active-switch {background-position:0 0;}
}