@charset "utf-8";
/*
gallery/index.html
*/

.gallery-stage {overflow:hidden;position:relative;top:0;left:0;width:100%;height:0;margin-bottom:4.166666%;padding-bottom:56.25%;}
.gallery-stage-canvas {position:absolute;top:0;left:0;width:100%;height:100%;}

.gallery-thumbs {display:block;}
.gallery-thumbs-inner {overflow:hidden;position:relative;width:100%;margin:4.166666% 0 0;}
.gallery-thumbs .thumbList-arrow {position:absolute;top:0;z-index:10;width:10%;height:100%;}
.gallery-thumbs .thumbList-arrow.prev {left:0;background:url("/common/promotions/galaxy/note5/gallery/btn_gallery_prevBtn.png") no-repeat 80% 50%;}
.gallery-thumbs .thumbList-arrow.next {right:0;background:url("/common/promotions/galaxy/note5/gallery/btn_gallery_nextBtn.png") no-repeat 20% 50%;}
.gallery-thumbs .thumbList {position:relative;top:0;left:0;z-index:5;font-size:0;white-space:nowrap;}
.gallery-thumbs .thumbList * {box-sizing:border-box;}
.gallery-thumbs .thumbList-item {overflow:hidden;position:relative;display:inline-block;width:25%;height:0;margin-left:8px;padding-bottom:14.0625%;opacity:0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gallery-thumbs .thumbList-item.js-center {opacity:1;}
.gallery-thumbs .thumbList-item a {display:block;width:100%;height:100%;}
.gallery-thumbs .thumbList-item-img {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;}
.gallery-thumbs .thumbList-item-img img {width:100%;height:auto;}

/* Gallery Custom Horizontal Scroll */
.gallery-scroll-wrap {position:relative;padding:0 80px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gallery-scroll {position:relative;margin-right:100px;font-size:0;}
.gallery-scroll-base {position:relative;width:100%;height:16px;padding:60px 0;font-size:0;cursor:pointer;}
.gallery-scroll-base:after {content:"";position:absolute;top:50%;left:0;z-index:-1;width:100%;height:1px;background:#dedede;}
.gallery-scroll-thumb {position:relative;left:0;top:50%;z-index:10;display:inline-block;width:88px;height:16px;margin:-8px 0 0 -44px;background:url("/common/promotions/galaxy/note5/gallery/btn_scroll_thumb.png") no-repeat 50% 50%;cursor:pointer;}

.gallery-scroll-count {position:absolute;top:50%;right:-120px;margin-top:-0.5em;font-size:24px;color:#7e7e7e;font-family: "sssM",sans-serif;line-height:1;}
.gallery-scroll-count_current {color:#292929;text-decoration: underline;}
.gallery-scroll-count_divide {margin:0 5px;}
.gallery-scroll-count_total {}

@media only screen and (max-width:767px){
    .gallery-thumbs-inner {margin:8.888888888% 0;}
    .gallery-thumbs {padding:0 2.777%}
    .gallery-thumbs .thumbList-arrow {display:none;}
    .gallery-thumbs .thumbList-item {margin:0;}
    .gallery-scroll-wrap {display:none;}
}