@charset "utf-8";
@import url("swiper.css");

/***********************************
* Elements Default Set.
***********************************/
img,
video { max-width: 100%; }
iframe { border: 0; }
button::-moz-focus-inner,
a:focus,
a:active {
	outline-offset: -1px;
	overflow: hidden;
}
video { overflow: hidden; -webkit-tap-highlight-color: transparent; display:block}
video::-webkit-media-controls {
	display: none !important;
}

/***********************************
* [COMMON] Default
***********************************/
.a11y { overflow: hidden; position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 1; }
.wrap {position: relative; height:100%;}

.ss_samsung p {margin-bottom:0;}
.body_wrapper {max-width:inherit;}


#contents {position:relative; font-family:'SamsungOne', 'Microsoft YaHei', 'SECGCWM', '微软雅黑', Tahoma, Verdana, Arial, Simsun, '宋体', sans-serif; font-size:1.8vw;}
#contents > * { max-width: 1920px; margin-left:auto; margin-right:auto;}
.btns {clear:both; padding:1em 0 0;}
.btn { min-width:10vw; padding:0.9vw 1.95vw; text-align: center; cursor: pointer; font-stretch:expanded; font-weight: 800; font-size: 1.1vw; color: #020202; border: 1px solid #3f3f3f; border-radius: 1.88vw;
	transition: 200ms ease-out; background: url('../img/bg-btn.png') 50% 50% no-repeat; background-size: 0 0;
}
.btn:hover {color:#fff; background-size: 110% 500%;}

.section-figure-desc.margin-right-none {
	margin-right: 0;
}

.section-figure-desc.margin-left-none {
	margin-left: 0;
}

@media only screen and (min-width: 1440px) {
	#contents {font-size:26px;}
	.btn {font-size:16px; min-width:140px; padding:15px 28px;}
}
@media only screen and (min-width: 769px) {
	.s2 {display: none;}
}
@media only screen and (max-width: 768px) {
	.s3,
	.s4 {display: none;}
	#contents {font-size:3.38vw;}
	.btn {font-size:2.6vw; min-width: 20vw; padding:3vw 7vw; border-radius: 7vw; }
}

._resolution-event > * {transition: opacity 500ms ease-out; min-width:100%;}
._resolution-event .pc {}
._resolution-event .mobile {opacity: 0;}

@media only screen and (max-width: 768px) {
	._resolution-event .pc {opacity: 0; }
	._resolution-event .mobile { opacity: 1; }
}

/***********************************
* [COMMON] Section Default
***********************************/
.section-header {}
.section-header .wrap {/*width:80%*/; margin:0 auto; text-align: center;}
.section-header-tit {font-family: 'SamsungSharpSans', 'SamsungIFRg', sans-serif; font-size:3.23em; font-weight:bold;}
.section-header-subtit {font-size:1.46em; font-weight:bold;}
/*header.page .section-header-desc {font-family: 'SamsungSharpSans', 'SamsungIFRg', sans-serif; font-size:1.46em; font-weight:bold;}*/
.reference {}
.section-figure-tit {font-family: 'SamsungSharpSans', 'SamsungIFRg', sans-serif; font-size:1.92em; line-height:1.2; color:#111; font-weight:bold;}/* todo :: font-sizeWhat is hdr 기준 */

section.page {padding-top:8.3em;}
/*section.page:first-of-type {margin-top:60px;}*/
section .section-header-tit {padding-bottom:0.1em;}
section .section-header-subtit {}
section .section-header-desc {padding-top:2.4em; line-height: 1.5; margin-left:auto; margin-right:auto;width:80%;}
section .section-header-subtit + .section-header-desc {padding-top:1.7em;}
section .section-figure {position: relative; margin:3em auto 0;}
section .section-figure.extended-bottom-margin {margin: 4em auto 0}
section .section-figure + .section-figure {margin-top:7.2em;}
section .section-figure-header {}
section .section-figure-tit {padding-bottom:0.6em;}
section .section-figure-desc {line-height: 1.4;width:80%;margin: 0 auto;}
section .section-figure-item {text-align: center; position: relative;}
/* Sticky Bar */
#contents .sticky-bar {position:absolute; z-index: 31; width: 100%; max-width: none;}

@media only screen and (max-width: 768px) {
	.section-header .section-header-tit {font-size: 9.9vw;}
	.section-header-tit {line-height: 1.1}
	header.page .section-header-desc {margin-top: 0.6em;}
/*	section.page:first-of-type {margin-top:3.08em;}*/
}
/***********************************
* [COMMON] TOP BUTTON
***********************************/
.ss_samsung .btn-go-top.on{display:block;opacity:.6}
.ss_samsung .btn-go-top{display:none;position:fixed;bottom:20px;right:20px;width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;background:#e1e3e5;opacity:0;z-index:1020;border-radius:5px}
.ss_samsung .btn-go-top a{color:#000;display:block}


/***********************************
* [COMMON] VIDEO
***********************************/
.external-video {position:relative;}
.external-video .trigger-handler{position: absolute; top: 50%; left:50%; width:98px; height:98px; margin:-49px 0 0 -49px; background:url('../img/btn-play.png') no-repeat; background-size: 100%; text-indent: -5000px; overflow: hidden; visibility: hidden;}
.external-video .video {position: absolute; top:1px; left:0; right:0; bottom:0; display: none; z-index: 1;}
.external-video .video  > * {width:100%; height:100%;}

@media (max-width: 768px) {
	.external-video .video {display: block;}
	section .section-header-desc {
		width: 90%;
	}
	section .section-figure-desc {
		width: 90%;
	}
}

/***********************************
* [COMMON] SWIPER
***********************************/
.swiper-prev {
	position:absolute; top:50%; left:0; display:block; z-index:2; width:2.23em; height:7.7em; border:0; overflow:hidden; text-indent:-1000%; cursor:pointer; margin-top:-3.85em;
	background:transparent url('../img/btn-slide-prev.png') 0 0 no-repeat; background-size:100%;
}
.swiper-next {
	position:absolute; top:50%; right:0; display:block; z-index:2; width:2.23em; height:7.7em; border:0; overflow:hidden; text-indent:-1000%; cursor:pointer; margin-top:-3.85em;
	background:transparent url('../img/btn-slide-next.png') 0 0 no-repeat; background-size:100%;
}
.swiper-pagination {width:100%; margin-top:0; text-align: center; padding-top:2.3em; }
.swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 16px; text-indent: -9999em; border: 1px solid #111; border-radius: 50%; margin: 0 5px; background-color: transparent; opacity: 1; }
.swiper-pagination .swiper-pagination-bullet:hover,
.swiper-pagination .swiper-pagination-bullet:active { display: inline-block; width: 16px; height: 16px; text-indent: -9999em; border: 1px solid #111; border-radius: 50%; margin: 0 5px; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #111; }
.swiper-button-disabled {display: none;}

/***********************************
* [COMMON] Layers
***********************************/
.layer { display: none; position: fixed; top: 0; left: 0; z-index: 1000000; outline: 0; width:100%; }
.layer > * { }
.layer * { -webkit-tap-highlight-color: transparent; }
.layer *::-moz-selection,
.layer *::selection { background: transparent; }
.layer::after { display: block; position: fixed; z-index: -1; top: 0; right: 0; height: 100%; width: 100%; background: #000; opacity: 0.8; content: ""; }
.layer button {display: block;width: 3.34em;height: 3.34em;border: 0;position: absolute;top: 0;right: 0;opacity: 0.8;overflow: hidden;text-indent: -9999em;background: url("../img/layer_close.png") no-repeat 0 0;background-size: 100%;cursor: pointer;z-index: 101;}
.layer button.swiper-button-disabled {display: none;}

@media (min-width: 769px) {
	#contents .sticky-bar .logo, #contents .sticky-bar .product-info-summery {
		display: none;
	}

	#contents .sticky-bar.sticky-ing .logo, #contents .sticky-bar.sticky-ing .product-info-summery {
		display: block;
	}
	.section-figure-desc.margin-right-none {
		margin-right: 0;
	}

	.section-figure-desc.margin-left-none {
		margin-left: 0;
	}
}

/* video layer */
.layer.layer-video{height:100%;}
.layer.layer-video div{display:table; height:100%;}
.layer.layer-video div div{display:table-cell; vertical-align:middle;}
.layer.layer-video video{width:100%;}
.layer.layer-video .layer-close{width:66px; height:66px;}