@charset "utf-8";
/* common*/
.main-feature {position:relative;width:100%;}
.main-feature .feature-box {position:relative;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:56.25%;}
.main-feature .feature-box .thumb {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
.main-feature .ico_note5 {position:absolute;width:100%;bottom:16.1%;left:4.16%;z-index:100}
.main-feature .slider-area.active {z-index:2}
div[class*="f-paging-"] a{position:relative;display:inline-block;overflow:hidden;margin-right:0.5%}
div[class*="f-paging-"] a > span{position:absolute;left:-99999px;font-size:0;line-height:0;}
.f-paging-type1 {position:absolute; width:100%; bottom:8.4%; left:4.16%;margin-left:-6px}
.f-paging-type1 a{position:relative;z-index:10;cursor:pointer;}
.f-paging-type1 a:before,
.f-paging-type1 a:after{content:'';position:absolute;display:block;top:50%;left:50%;border-radius:50%;}
.f-paging-type1 a:before,
.f-paging-type1 a:after {transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition:all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.f-paging-type1 a:after{width:0;height:0;border-width:1px;border-style:solid;opacity:0;}
.f-paging-type1 a:hover:after, .f-paging-type1 a.on:after{opacity:1;content:' ';}
.f-paging-type1 a.c-gold:before{background:url('/common/promotions/galaxy/note5/features/bg_f_kv_paging_gold.png') 0 0 no-repeat;background-size:cover}
.f-paging-type1 a.c-white:before{background:url('/common/promotions/galaxy/note5/features/bg_f_kv_paging_white.png') 0 0 no-repeat;background-size:cover}
.f-paging-type1 a.c-silver:before{background:url('/common/promotions/galaxy/note5/features/bg_f_kv_paging_silver.png') 0 0 no-repeat;background-size:cover}
.f-paging-type1 a.c-black:before{background:url('/common/promotions/galaxy/note5/features/bg_f_kv_paging_black.png') 0 0 no-repeat;background-size:cover}
.f-paging-type1 a.c-gold:after, .f-paging-type1 a.c-gold.on:after{border-color:#e6e6e6;}
.f-paging-type1 a.c-white:after, .f-paging-type1 a.c-white.on:after{border-color:#e6e6e6;}
.f-paging-type1 a.c-silver:after, .f-paging-type1 a.c-silver.on:after{border-color:#e6e6e6;}
.f-paging-type1 a.c-black:after, .f-paging-type1 a.c-black.on:after{border-color:#e6e6e6;}
.f-paging-type1 a{width: 58px;height: 58px;}
.f-paging-type1 a:before, .f-paging-type1 a:before{width:44px;height:44px;margin-top:-22px;margin-left:-22px;}
.f-paging-type1 a:hover:after, .f-paging-type1 a.on:after{width:48px;height:48px;margin-top:-25px;margin-left:-25px;}

@media (min-width:1024px) and (max-width:1280px){
	.main-feature .ico_obj-galaxys6edge .ico-logo {width:260px;}
	div[class*="f-paging-"] a{position:relative;display:inline-block;overflow:hidden;margin-right:0.1%}
	.f-paging-type1 a{width: 36px;height: 36px;}
	.f-paging-type1 a:before, .f-paging-type1 a:before{width:20px;height:20px;margin-top:-10px;margin-left:-10px;}
	.f-paging-type1 a:hover:after, .f-paging-type1 a.on:after{width:24px;height:24px;margin-top:-13px;margin-left:-13px;}
}

@media (min-width:768px) and (max-width:1023px) {
	.main-feature .ico_obj-galaxys6edge .ico-logo {width:200px;}
	.f-paging-type1 {bottom:7.4%}
	.f-paging-type1 a{width: 36px;height: 36px;}
	.f-paging-type1 a:before, .f-paging-type1 a:before{width:20px;height:20px;margin-top:-10px;margin-left:-10px;}
	.f-paging-type1 a:hover:after, .f-paging-type1 a.on:after{width:24px;height:24px;margin-top:-13px;margin-left:-13px;}
}

@media only screen and (max-width:767px) {
	.f-paging-type1 a{width: 36px;height: 36px;}
	.f-paging-type1 a:before, .f-paging-type1 a:before{width:20px;height:20px;margin-top:-10px;margin-left:-10px;}
	.f-paging-type1 a:hover:after, .f-paging-type1 a.on:after{width:24px;height:24px;margin-top:-13px;margin-left:-13px;}
}

/*.sub-box {position:relative;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:56.25%;}*/

.sub-feature1 {position:relative;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:56.25%;}
.sub-feature1 .sub-feature-box {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.sub-feature1 .sub-feature-box.active {z-index:2}
.sub-feature1.scroll-area {position:relative;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:97.39583333333333%;}
.sub-feature1 .sub-feature-box .thumb {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
.slider-area {position:relative;}
.slider-area .fadein-slider img {
	cursor:pointer;
	position:absolute;
    left:0;
	-webkit-transition:all 0.96s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition:all 0.96s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition:all 0.96s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition:all 0.96s cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
.slider-area .fadein-slider .feature-img-layer {opacity:1}

/*pc slide , mobile- block*/
.header-txt {position:relative;padding:4.16%;z-index:10;font-family: "sssB",sans-serif; color:#000;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.header-txt h3.tit {margin-bottom:1em}
.header-txt em.txt {font-size:0.8em;color:#333;line-height:1.25}
.header-txt em.txt.block {display:block;}
.header-txt span.txt {font-size:0.8em;color:#999;line-height:1.25}

.notice-txt {color:#999;margin-left:10px;font-size:22px;}
.notice-txt li{text-indent:-15px;}
.notice-txt li:before {content:"*";text-indent:-15px;padding:5px;}
.notice-txt2 {color:#999;margin-left:10px;text-indent:-15px;font-size:22px;}
.notice-txt2:before {content:"*";text-indent:-15px;padding:5px;}

.paging-type2 {bottom:2%}

.video-clip-mode .title {color:#d3d3d3; font-size:150px;line-height:0.5;margin-bottom:2%}
.video-clip-mode .title span {font-size:1em}
.video-type-tab {position:absolute; bottom:4.16%;width:70%;}
.video-type-tab.t-c {position:absolute; bottom:2.16%;left:4.16%;width:100%;text-align:center;}
.video-type {position:relative;z-index:100;}
.tab-video {display:inline-block; color:#999;font-size:24px;width:12%;float:left;}
.tab-video:first-child {margin-left:0;}
.video-type-tab.t-c {position:absolute; bottom:2.16%; left:0;text-align:center;width:100%}
.video-type-tab.t-c .video-type {text-align:center; width:100%;}
.video-type-tab.t-c .tab-video {float:none;margin:0;width:15%}

.ico-collage, .ico-serial, .ico-slow, .ico-selfie , .ico-filter , .ico-hdr-on  , .ico-hdr-off {position:relative;text-align:center;font-family: "sssB",sans-serif;padding-top:100px;}
.ico-hdr-on  , .ico-hdr-off {padding-top:85px;}
.ico-collage.on, .ico-serial.on, .ico-slow.on, .ico-selfie.on, .ico-filter.on, .ico-hdr-on.on  , .ico-hdr-off.on{color:#333;}
.ico-collage:before , .ico-serial:before , .ico-slow:before, .ico-selfie:before , .ico-filter:before , .ico-hdr-on:before  , .ico-hdr-off:before{content:"";display:block;position:absolute;top:0;-webkit-background-size:50% 50%;background-size: 50% 50%;}
.tab-video.ico-collage:before {width:100%;height:100%;background: url("/common/promotions/galaxy/note5/features/ico-collage.png") no-repeat center 0;}
.tab-video.ico-serial:before {width:100%;height:100%;background:url("/common/promotions/galaxy/note5/features/ico_serial.png") no-repeat center 0;}
.tab-video.ico-slow:before {width:100%;height:100%;background:url("/common/promotions/galaxy/note5/features/ico_slow.png") no-repeat center 0;}
.tab-video.ico-selfie:before {width:100%;height:100%;background:url("/common/promotions/galaxy/note5/features/ico_selfie.png") no-repeat center 0;}
.tab-video.ico-filter:before {width:100%;height:100%;background:url("/common/promotions/galaxy/note5/features/ico_filter.png") no-repeat center 0;}
.tab-video.ico-hdr-on:before {width:100%;height:100%;background:url("/common/promotions/galaxy/note5/features/ico_hdr_on_off.png") no-repeat center 0;}
.tab-video.ico-hdr-off:before {width:100%;height:100%;background:url("/common/promotions/galaxy/note5/features/ico_hdr_off_off.png") no-repeat center 0;}
.tab-video.ico-collage:hover:before , .tab-video.ico-collage.on:before {background: url("/common/promotions/galaxy/note5/features/ico-collage_on.png") no-repeat center 0;}
.tab-video.ico-serial:hover:before , .tab-video.ico-serial.on:before {background:url("/common/promotions/galaxy/note5/features/ico_serial_on.png") no-repeat center 0;}
.tab-video.ico-slow:hover:before , .tab-video.ico-slow.on:before {background:url("/common/promotions/galaxy/note5/features/ico_slow_on.png") no-repeat center 0;}
.tab-video.ico-selfie:hover:before , .tab-video.ico-selfie.on:before {background:url("/common/promotions/galaxy/note5/features/ico_selfie_on.png") no-repeat center 0;}
.tab-video.ico-filter:hover:before, .tab-video.ico-filter.on:before  {background:url("/common/promotions/galaxy/note5/features/ico_filter_on.png") no-repeat center 0;}
.tab-video.ico-hdr-on:hover:before, .tab-video.ico-hdr-on.on:before  {background:url("/common/promotions/galaxy/note5/features/ico_hdr_on.png") no-repeat center 0;}
.tab-video.ico-hdr-off:hover:before, .tab-video.ico-hdr-off.on:before  {background:url("/common/promotions/galaxy/note5/features/ico_hdr_off.png") no-repeat center 0;}

.ico-steady-video {position:absolute;right:4.16%;z-index:10;height:100%;color:#222;font-size:28px;font-family: "sssM",sans-serif;text-align:center;}
.ico-steady-video span {display:block;padding-top: 170px;background:url("/common/promotions/galaxy/note5/features/ico-steady-video.png") no-repeat 50% 50%;background-size:80% auto;}

@media only screen and (min-width:768px) {
	.video-clip-mode .title {color:#d3d3d3;font-size:120px;margin-bottom:1%}
	.video-clip-mode .title span {font-size:0.6em; line-height:1}
	.video-type-tab {position:absolute; bottom:4.16%;width:100%}
	.video-type {position:relative;z-index:100;margin-left:1.5%;}
	.ico-hdr-on, .ico-hdr-off  {padding-top:80px;}
	.ico-collage:before , .ico-serial:before , .ico-slow:before, .ico-selfie:before , .ico-filter:before , .ico-hdr-on:before, .ico-hdr-off:before {content:"";display:block;position:absolute;top:0;-webkit-background-size:100% 100%;background-size: 100% 100%;}
	.tab-video.ico-collage:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-serial:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-slow:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-selfie:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-filter:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-collage:hover:before , .tab-video.ico-collage.on:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-serial:hover:before , .tab-video.ico-serial.on:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-slow:hover:before , .tab-video.ico-slow.on:before {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-selfie:hover:before , .tab-video.ico-selfie.on:before  {width:100%;height:87px;background-size:87px auto;}
	.tab-video.ico-filter:hover:before ,.tab-video.ico-filter.on:before {width:100%;height:87px;background-size:87px auto;}
}

@media (min-width:768px) and (max-width:1279px) {
	.video-clip-mode .title span {font-size:80px;line-height:100%}
	.ico-collage:before , .ico-serial:before , .ico-slow:before, .ico-selfie:before , .ico-filter:before {content:"";display:block;position:absolute;top:0;-webkit-background-size:50% 50%;background-size: 50% 50%;}
	.tab-video {font-size:1.2em;}
	.ico-collage, .ico-serial, .ico-slow, .ico-selfie , .ico-filter  {padding-top:65px;}
	.ico-hdr-on, .ico-hdr-off {padding-top:60px;}
	.tab-video.ico-collage:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-serial:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-slow:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-selfie:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-filter:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-collage:hover:before , .tab-video.ico-collage.on:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-serial:hover:before , .tab-video.ico-serial.on:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-slow:hover:before , .tab-video.ico-slow.on:before {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-selfie:hover:before , .tab-video.ico-selfie.on:before  {width:100%;height:50px;background-size:50px auto;}
	.tab-video.ico-filter:hover:before ,.tab-video.ico-filter.on:before {width:100%;height:50px;background-size:50px auto;}
	.ico-type1 {position:relative;color:#222;font-size:1.2em;font-family: "sssM",sans-serif;text-align:center;} 
	.tab-video.ico-hdr-on:before , .tab-video.ico-hdr-off:before {background-size:50px auto;}
	.tab-video.ico-hdr-on:hover:before, .tab-video.ico-hdr-on.on:before , .tab-video.ico-hdr-off:hover:before, .tab-video.ico-hdr-off.on:before {background-size:50px auto;}
	.ico-steady-video span {display:block;padding-top: 100px; font-size:0.8em;background:url("/common/promotions/galaxy/note5/features/ico-steady-video.png") no-repeat 50% 50%;background-size:50% auto;}

}

@media only screen and (max-width:767px) {
	.video-clip-mode .title {display:none;}
	.video-type-tab {position:absolute; top:32%; left:0;text-align:center;width:100%;margin-left:0;}
	.video-type-tab.t-c {top:35%;}
	.video-type {text-align:center; width:100%;}
	.tab-video {float:none;margin:0;width:25%;font-size:12px}
	.ico-collage, .ico-serial, .ico-slow, .ico-selfie , .ico-filter {padding-top:45px;}

	.ico-collage:before , .ico-serial:before , .ico-slow:before, .ico-selfie:before , .ico-filter:before {content:"";display:block;position:absolute;top:0;-webkit-background-size:50% 50%;background-size: 50% 50%;}
	.tab-video.ico-collage:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-serial:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-slow:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-selfie:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-filter:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-collage:hover:before , .tab-video.ico-collage.on:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-serial:hover:before , .tab-video.ico-serial.on:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-slow:hover:before , .tab-video.ico-slow.on:before {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-selfie:hover:before , .tab-video.ico-selfie.on:before  {width:100%;height:35px;background-size:35px auto;}
	.tab-video.ico-filter:hover:before ,.tab-video.ico-filter.on:before {width:100%;height:35px;background-size:35px auto;}
	.ico-hdr-on, .ico-hdr-off {padding-top:45px;}
	.video-type-tab.t-c .tab-video , .video-type-tab.t-c .ico-hdr-off {font-size:12px; width:30%}
	.tab-video.ico-hdr-on:before , .tab-video.ico-hdr-off:before {background-size:30px auto;}
	.tab-video.ico-hdr-on:hover:before, .tab-video.ico-hdr-on.on:before , .tab-video.ico-hdr-off:hover:before, .tab-video.ico-hdr-off.on:before {background-size:30px auto;}
	.ico-type1 {position:relative;width:38%;}
	.ico-steady-video {position:absolute;left:4.16%}
	.ico-steady-video span {display:block;padding-top:60%;font-size:14px; text-align:center; background:url("/common/promotions/galaxy/note5/features/ico-steady-video.png") no-repeat center 50%;background-size:60% auto;}
}

.sub-feature1.history-feature-slider {position:relative;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:97.39583333333333%;}
.sub-feature1.history-feature-slider .sub-feature-box span.txt {color:#5c5c5c}
.sub-feature1.history-feature-slider .header-txt.etc {position:absolute;bottom:0%} 

@media only screen and (max-width:767px) {
	.sub-feature1.history-feature-slider {position:relative;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:159.7222222222222%;}
/*	.sub-feature1.history-feature-slider .paging-type2 {display:block;width:50%}*/
	.sub-feature1.history-feature-slider .paging-type2 {display:block;}
	.sub-feature1.history-feature-slider .sub-feature-box {width:200%;height:100%}
	.sub-feature1.history-feature-slider .header-txt {width:50%; padding:3.58% 2.58%}
	.sub-feature1.history-feature-slider .header-txt.etc {width:50%; top:0; padding:3.58% 2.58%}
	.sub-feature1.history-feature-slider .c-white em.txt {color:#fff}
}

@media only screen and (min-width:768px) {
	.sub-feature-box .col-one {width:100%;}
	.sub-feature-box .col-half {width:50%;}
	.sub-feature-box .col-third {width:36.64%;}
	.sub-feature-box .col-third-half {width:57.8%;}
	.header-txt.etc{position:absolute;bottom:4.16%}
	.header-txt.etc.p-0{padding-bottom:0;}
	.sub-feature-box .f-r {float:right;}
	.sub-feature-box .f-c {width:30%;margin:0 auto}
	.sub-feature-box .txt-left {text-align:left;}
	.sub-feature-box .txt-right {text-align:right;}
	.sub-feature-box .txt-center {text-align:center;}
	.sub-feature-box .c-white em.txt , .sub-feature-box em.txt.c-white {color:#fff;}
	.sub-feature-box .c-white span.txt {color:#fff;}
	.c-white .notice-txt , .c-white .notice-txt2 {color:#fff;}
	.header-type1 ,.header-type2 {font-size:18px;}
	.notice-txt , .notice-txt2{font-size:12px;}
	.sub-feature2 .header-txt {padding-left:55%;}
	a[class^="btn-type1"]{position:absolute;top:50%;width:48px; height:120px; background:rgba(229,229,229,0.6);z-index:5}
	a[class^="btn-type1"] span{background:url('/common/promotions/galaxy/note5/btn_t1_prevnext.png') no-repeat;background-size:200% 100%;box-sizing:border-box;cursor:pointer;opacity:0.6;}
	a[class*="btn-type1-next"] span{background-position:-48px 0;}
	.btn-type1-prev{left:4.16%;}
	.btn-type1-next{right:4.16%;}
	.btn-type1-prev , .btn-type1-next {margin-top:-60px;}
	.sub-feature2 {overflow:hidden;position:relative;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:37.5%;}
	.sub-feature2 .sub-feature-box {position:absolute; top:0; left:0;  z-index:-1; width:100%;  height:100%;  z-index:1 }
	.sub-feature2 .sub-feature-box.active {z-index:2}
	.sub-feature2 .sub-feature-box .thumb {position:absolute; top:0;  left:0;  z-index:-1; width:100%; height:100%; }

	.history-feature-slider .paging-type2 {display:none}

	.center-container {position: relative; min-height: 150px;}
	.center-area {position: absolute;
}
	.center-area:before {content: '';display: inline-block;vertical-align: middle;height: 100%;}
	.centered {display: inline-block;vertical-align: middle;}
}

@media only screen and (min-width:1024px) {
	.header-txt .header-type1  , .header-txt .header-type2 {font-size:20px;}
	.header-txt .notice-txt , .header-txt .notice-txt2 {font-size:14px;}
	a[class^="btn-type1"]{width:48px; height:120px;}
}

@media only screen and (min-width:1280px) {
	.header-txt .header-type1  , .header-txt .header-type2 {font-size:34px;}
	.header-txt .notice-txt , .header-txt .notice-txt2 {font-size:18px;}
}

@media only screen and (max-width:767px) {
	.header-kv {display:none}
	.header-txt em.txt{font-size:1em}
	.header-txt span.txt{font-size:1em}
	.header-txt .notice-txt{font-size:1em}
	.main-feature .feature-box {height:0;padding-bottom:159.7222222222222%;}
	.f-paging-type1 {width:100%; text-align:center;left:0;}
	.sub-feature1 {position:relative;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:159.7222222222222%;}
	.sub-feature1 .sub-feature-box {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
	.sub-feature1.scroll-area {padding-bottom:159.7222222222222%;}
	.sub-feature2 {position:relative;top:0;left:0;z-index:1;width:100%;}
	.sub-feature2 .sub-feature-box {position: relative;top:0;left:0;z-index:1;width:100%;height:0;padding-bottom:127.7777777777778%;}
	.sub-feature2 .sub-feature-box.active {z-index:2}
	.sub-feature2 .sub-feature-box .thumb {position:absolute; top:0;  left:0;  z-index:-1; width:100%; height:100%;}

	.sub-feature-box .c-white em.txt , .sub-feature-box em.txt.c-white {color:#fff;}
	
	.c-trans-white-black.c-white em.txt {color:#333;}
	.c-trans-white-black.c-white span.txt {color:#999;}

	.header-txt {padding:7.16% 5.16%;font-size:14px;}
	.header-txt .header-type1 .tit {margin-bottom:3%;line-height:1.5;}
	.header-txt .header-type2 {line-height:1.5;font-size:14px;}
	.header-txt .notice-txt li {font-size:11px; line-height:1.25}
	.header-txt .notice-txt2 {font-size:11px; line-height:1.25}

	a[class^="btn-type1"] span {display:none;}
	.slider-group .btn-type1-prev, .slider-group .btn-type1-next {display:none !important;}
	.btn-type1-prev , .btn-type1-next {display:none;}
}