.t-oled {
	background: #000;
	color: #fff
}
/* 20231116 */
.t-oled .footnote {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  z-index: 10;
  letter-spacing: 0.2px;
}
/* //20231116 */

.t-oled .section-1,.t-oled .section-2,.t-oled .section-3,.t-oled .section-4,.t-oled .section-5,.t-oled .section-video,.t-oled .section-7,.t-oled .section-8,.t-oled .section-9 {
	overflow: hidden
}

.t-oled .web {
	display: block
}

@media only screen and (max-width: 1080px) {
	.t-oled .web {
		display:none
	}
}

.t-oled .mobile {
	display: none
}

@media only screen and (max-width: 1080px) {
	.t-oled .mobile {
		display:block
	}
}

.t-oled .t-oled-wrap {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative
}

.t-oled .t-oled-contents-wrap {
	width: 100%;
	max-width: 1284px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative
}

.t-oled .t-oled-contents-wrap.absolute {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0)
}

.t-oled .keyvisual {
	margin-top: -88px;
	position: relative;
	overflow: hidden;
	background: url("../img/w/t-oled-kv.jpg") no-repeat;
	background-size: 100% 100%
}

@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual {
		background:url("../img/m/t-oled-kv.jpg") no-repeat
	}
}

.t-oled .keyvisual img {
	display: none
}

@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual img {
		display:block;
		width: 100%
	}
}

.t-oled .keyvisual .panel {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.001);
	top: 0;
	z-index: 3;
	box-sizing: border-box
}

.t-oled .keyvisual br {
	display: block
}

@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual br {
		display:none
	}
}

.t-oled .keyvisual #toledYoutube {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 2577px;
	min-height: 1450px;
	z-index: 0;
	opacity: 0
}

.t-oled .keyvisual #toledYoutube:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 5
}

.t-oled .keyvisual #toledYoutube iframe {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto !important;
	background: #000
}

.t-oled .keyvisual #toledYoutube.loaded {
	transition: opacity .4s;
	opacity: 1
}

.t-oled .keyvisual .text-block {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	margin-top:-30px;
	z-index: 4
}

.t-oled .keyvisual .text-block h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
	color: #fff
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .keyvisual .text-block h2 {
		font-size:20px;
		line-height: 24px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual .text-block h2 {
		font-size:16px;
		line-height: 24px;
		font-weight: 300
	}
}

.t-oled .keyvisual .text-block h1 {
	font-size: 72px;
	font-weight: 300;
	line-height: 80px;
	color: #fff;
	margin-bottom: 23px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .keyvisual .text-block h1 {
		font-size:56px;
		line-height: 60px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual .text-block h1 {
		font-size:36px;
		line-height: 40px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual .text-block {
		padding:0 27px;
		box-sizing: border-box
	}

	.t-oled .keyvisual .text-block br {
		display: none
	}
}

.t-oled .keyvisual .video-btn {
	position: relative;
	bottom:0;
	left:0;
	display:block;
	margin:60px auto 0 auto;
	transform:none;
	opacity: 0
}

.t-oled .keyvisual .video-btn span {
	line-height:54px;
	font-size:20px;
	font-weight:400;
	color:#fff;
}
/* �묎렐�� �섏젙 | 踰꾪듉 �붿옄�� �섏젙 */
.t-oled .video-btn {
	position: absolute;
	bottom: 75px;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
	width: 240px;
	height: 56px;
	border-radius: 56px;
	z-index: 4;
	background-color:rgba(0, 0, 0, 0.7);
	border: 3px solid #fff;
}

@media only screen and (max-width: 1080px) {
	.t-oled .video-btn {
		width:auto;
		height: 36px;
		padding: 0 26px;
		border-width:2px;
	}
}

.t-oled .video-btn span {
	display: inline-block;
	font-size: 20px;
	line-height: 50px;
	font-weight: 400;
	color: #fff;
	white-space:nowrap;
}

@media only screen and (max-width: 1080px) {
	.t-oled .video-btn span {
		font-size:16px;
		line-height: 36px;
	}
}
/* //�묎렐�� �섏젙 */
.t-oled .video-btn span:before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #ffffff
}

@media only screen and (max-width: 1080px) {
	.t-oled .video-btn span:before {
		border-width:6px 0 6px 11px;
		position: relative;
		top: 1px
	}
}

.t-oled .padot_form {
	color: #fff;
	border: 1px solid #ac0c3c;
	border-radius: 3px;
	background: #ac0c3c;
	position: relative;
	left: 1px;
	display: inline-block;
	padding: 0 35px;
	margin: 32px auto 0;
	text-indent: 4px;
	font-size: 20px;
	line-height: 54px;
	font-weight: 400
}

@media only screen and (max-width: 1080px) {
	.t-oled .padot_form {
		height:36px;
		padding: 0;
		width: 100%;
		font-size: 16px;
		line-height: 36px
	}
}

.t-oled .padot_form:after {
	content: '>';
	display: inline-block;
	position: relative;
	right: 0;
	transition: all .2s
}

.t-oled .padot_form:hover:after {
	right: -5px
}

.t-oled .video-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 310;
	top: 0;
	background: #000
}

.t-oled .video-wrap iframe {
	width: 100%;
	height: 100%;
	background: transparent
}

.t-oled .video-wrap .close {
	position: absolute;
	right: 25px;
	top: 75px;
	display: block;
	width: 50px;
	height: 50px
}

.t-oled .video-wrap .close:before,.t-oled .video-wrap .close:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	position: relative;
	top: 25px
}

.t-oled .video-wrap .close:after {
	transform: rotate(135deg)
}

.t-oled .video-wrap .close:before {
	transform: rotate(45deg)
}

@media only screen and (max-width: 1080px) {
	.t-oled .video-wrap .close {
		top:50px;
		right: 20px;
		width: 30px;
		height: 30px
	}

	.t-oled .video-wrap .close:before,.t-oled .video-wrap .close:after {
		top: 15px
	}
}

.t-oled .animate-box {
	position: relative;
	top: 50px;
	opacity: 0
}

.t-oled .animate-box-r {
	position: relative;
	bottom: -50px;
	opacity: 0
}

.t-oled .text-block p {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300
}

.t-oled .text-block h2 {
	font-size: 56px;
	line-height: 1;
	font-weight: 300
}

.t-oled .section-video {
	position: relative
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video {
		background:url("../img/m/t-oled-bg-gradient.png") left bottom no-repeat;
		background-size: 100% auto
	}
}

.t-oled .section-video img {
	width: 100%;
	display: block
}

.t-oled .section-video .t-oled-contents-wrap {
	max-width: 1440px
}

.t-oled .section-video .section-part-1 {
	position: relative;
	padding: 13.02083% 0 15.625%;
	background: #000
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-1 {
		padding:75px 0 0;
		background: none
	}
}

.t-oled .section-video .section-part-1 .object-1 {
	position: relative;
	width: 55.55556%;
	left: 5.41667%;
	z-index: 2
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-1 .object-1 {
		left:0;
		width: 100%;
		padding: 0 27px;
		margin-top: 0;
		opacity: 1;
		box-sizing: border-box
	}
}

.t-oled .section-video .section-part-1 .object-2 {
	position: absolute;
	top: 19.16667%;
	left: 19.30556%;
	width: 55.55556%;
	height: 100%;
	z-index: 1;
	background: #111
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-1 .object-2 {
		display:none
	}
}

.t-oled .section-video .section-part-1 .text-object {
	position: absolute;
	width: 29.16667%;
	padding-right: 70px;
	right: 0;
	top: 58.33333%;
	z-index: 3
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-1 .text-object {
		top:auto;
		position: relative;
		width: 100%;
		padding: 25px 27px 0;
		box-sizing: border-box;
		text-align: center
	}
}

.t-oled .section-video .section-part-1 .text-object h2 {
	font-size: 56px;
	line-height: 60px;
	font-weight: 300;
	margin-bottom: 30px;
	position: relative
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-video .section-part-1 .text-object h2 {
		font-size:40px;
		line-height: 44px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-1 .text-object h2 {
		font-size:27px;
		line-height: 30px;
		opacity: 1;
		top: 0;
		margin-bottom: 20px
	}
}

.t-oled .section-video .section-part-1 .text-object p {
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
	position: relative;
	color: #d4d4d4
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-video .section-part-1 .text-object p {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-1 .text-object p {
		font-size:16px;
		line-height: 23px;
		opacity: 1;
		top: 0
	}
}

.t-oled .section-video .section-part-2 {
	position: relative;
	padding: 15.625% 0 13.02083%;
	background: #000
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-2 {
		padding:75px 0 0;
		background: none
	}
}

.t-oled .section-video .section-part-2 .object-1 {
	position: relative;
	width: 55.55556%;
	left: 42.56944%;
	top: 19.16667%;
	z-index: 2
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-2 .object-1 {
		left:0;
		width: 100%;
		padding: 0 27px;
		margin-top: 0;
		opacity: 1;
		box-sizing: border-box
	}
}

.t-oled .section-video .section-part-2 .object-2 {
	position: absolute;
	top: -17.36111%;
	left: 28.61111%;
	width: 55.55556%;
	height: 100%;
	z-index: 1;
	background: #111
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-2 .object-2 {
		display:none
	}
}

.t-oled .section-video .section-part-2 .text-object {
	position: absolute;
	width: 27.08333%;
	padding-left: 130px;
	left: 0;
	top: 7.5%;
	z-index: 3
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-2 .text-object {
		top:auto;
		position: relative;
		width: 100%;
		padding: 20px 27px 70px;
		box-sizing: border-box;
		text-align: center
	}
}

.t-oled .section-video .section-part-2 .text-object h2 {
	font-size: 56px;
	line-height: 1;
	font-weight: 300;
	margin-bottom: 30px;
	position: relative
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-video .section-part-2 .text-object h2 {
		font-size:40px;
		line-height: 44px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-2 .text-object h2 {
		font-size:27px;
		line-height: 30px;
		opacity: 1;
		top: 0;
		margin-bottom: 20px
	}
}

.t-oled .section-video .section-part-2 .text-object p {
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
	position: relative;
	color: #d4d4d4
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-video .section-part-2 .text-object p {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-video .section-part-2 .text-object p {
		font-size:16px;
		line-height: 23px;
		opacity: 1;
		top: 0
	}
}

.t-oled .section-video .video-btn {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.t-oled .section-video .video-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

.t-oled .section-video .video-wrap iframe {
	width: 100%;
	height: 100%
}

.t-oled .section-1 {
	text-align: center
}

.t-oled .section-1 .t-oled-contents-wrap {
	padding: 6.77083% 150px 7.23958%
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-1 .t-oled-contents-wrap {
		padding:95px 27px 85px
	}
}

.t-oled .section-1 h2 {
	font-size: 40px;
	line-height: 56px;
	font-weight: 300
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-1 h2 {
		font-size:30px;
		line-height: 40px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-1 h2 {
		font-size:20px;
		line-height: 28px
	}
}

.t-oled .section-2 {
	position: relative;
	overflow: hidden
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-2 {
		background:#000000
	}
}

.t-oled .section-2 .image-block {
	position: relative;
	font-size: 0
}

.t-oled .section-2 .image-block img {
	width: 100%
}

.t-oled .section-2 .image-block .object-2 {
	position: absolute;
	width: 100%;
	top: -100%;
	z-index: 3
}

.t-oled .section-2 .image-block .object-3 {
	position: absolute;
	width: 100%;
	z-index: 2;
	opacity: 0;
	top: 0
}

.t-oled .section-2 .text-block {
	max-width: 545px;
	padding: 132px 16% 10%
}

.t-oled .section-2 .text-block.bg-dimmed {
	background: transparent url("../img/w/t-oled-section-2-dimmed.png") no-repeat;
	background-position: 150px 0;
	background-size: 80% auto
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-2 .text-block {
		margin-top:0;
		padding: 75px 15% 10%;
		max-width: 430px
	}

	.t-oled .section-2 .text-block.bg-dimmed {
		background-position: 90px 0;
		background-size: 80% auto
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-2 .text-block {
		padding:0;
		margin-top: 20px;
		padding-bottom: 70px;
		max-width: 100%
	}

	.t-oled .section-2 .text-block.bg-dimmed {
		background: none
	}
}

.t-oled .section-2 .text-block h2 {
	margin-bottom: 31px;
	top: 0;
	opacity: 1
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-2 .text-block h2 {
		font-size:44px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-2 .text-block h2 {
		margin-bottom:25px;
		font-size: 32px;
		line-height: 35px;
		top: 50px;
	}
}

.t-oled .section-2 .text-block h3 {
	color: #d4d4d4;
	top: 0;
	opacity: 1;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-2 .text-block h3 {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-2 .text-block h3 {
		font-size:16px;
		line-height: 23px;
		top: 50px;
	}
}

.t-oled .section-2 .t-oled-contents-wrap {
	z-index: 4;
	max-width: 1920px
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-2 .t-oled-contents-wrap {
		position:static;
		left: 0;
		transform: translate(0, 0);
		padding: 0 27px;
		text-align: center
	}
}

.t-oled .section-3 {
	position: relative
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-3 {
		background:#0d0d0d
	}
}

.t-oled .section-3 .image-block {
	position: relative;
	font-size: 0
}

.t-oled .section-3 .image-block img {
	width: 100%
}

.t-oled .section-3 .image-block .object-1 {
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: 2;
	width: 100%
}

.t-oled .section-3 .t-oled-contents-wrap {
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	width: 100%;
	max-width: 1920px;
	box-sizing: border-box
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-3 .t-oled-contents-wrap {
		position:static;
		left: 0;
		transform: translate(0, 0);
		padding: 0 27px;
		text-align: center
	}
}

.t-oled .section-3 .text-block {
	max-width: 410px;
	padding-left: 16%;
	margin-top: 12%
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-3 .text-block {
		padding-left:15%
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-3 .text-block {
		margin-top:30px;
		padding-bottom: 70px;
		max-width: 100%;
		padding-left: 0
	}
}

.t-oled .section-3 .text-block h2 {
	margin-bottom: 28px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-3 .text-block h2 {
		font-size:44px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-3 .text-block h2 {
		margin-bottom:25px;
		font-size: 32px;
		line-height: 35px
	}
}

.t-oled .section-3 .text-block p {
	color: #fff;
	font-size: 22px;
	line-height: 32px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-3 .text-block p {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-3 .text-block p {
		font-size:16px;
		line-height: 23px;
		color: #d4d4d4
	}
}

.t-oled .section-4 {
	position: relative
}

.t-oled .section-4 .image-block {
	position: relative;
	font-size: 0
}

.t-oled .section-4 .image-block img {
	width: 100%
}

.t-oled .section-4 .image-block .bg {
	position: relative
}

.t-oled .section-4 .image-block .bg img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.t-oled .section-4 .image-block .bg img:first-child {
	position: relative;
	opacity: 1
}

.t-oled .section-4 .t-oled-contents-wrap {
	top: 110px;
	transform: translate(-50%, 0);
	z-index: 3;
	text-align: center
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-4 .t-oled-contents-wrap {
		top:80px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .t-oled-contents-wrap {
		top:70px;
		padding: 0 27px;
		position: relative
	}
}

.t-oled .section-4 .t-oled-contents-wrap.nav {
	width: 54.16667%;
	max-width: 1040px;
	bottom: 8.90869%;
	top: auto;
	font-size: 0;
	text-align: left;
	padding: 0 2.80449%
}

@media only screen and (min-width: 1920px) {
	.t-oled .section-4 .t-oled-contents-wrap.nav {
		padding:0 55px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .t-oled-contents-wrap.nav {
		width:50%;
		bottom: 8.5%;
		padding: 0;
		left: 9.3%;
		transform: translate(0, 0);
		position: absolute
	}
}

.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block {
	position: relative;
	width: 390px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block {
		width:300px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block {
		width:auto
	}
}

.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block>div {
	display: inline-block;
	position: relative;
	width: 33.33%
}

.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block>div img {
	width: 100%
}

.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block span {
	position: absolute;
	width: 130px;
	height: 100%;
	box-sizing: border-box;
	border: 4px solid #fff;
	display: block;
	top: 0
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block span {
		width:100px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .t-oled-contents-wrap.nav .nav-block span {
		width:33.33%;
		border-width: 2px
	}
}

.t-oled .section-4 .text-block {
	max-width: 900px;
	margin: 0 auto
}

.t-oled .section-4 .text-block h2 {
	margin-bottom: 30px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-4 .text-block h2 {
		font-size:44px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .text-block h2 {
		margin-bottom:20px;
		font-size: 32px;
		line-height: 35px
	}
}

.t-oled .section-4 .text-block h3 {
	font-size: 22px;
	line-height: 32px;
	color: #d0d0d0
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-4 .text-block h3 {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .text-block h3 {
		font-size:16px;
		line-height: 23px;
		color: #d4d4d4
	}
}

.t-oled .section-4 .switch-btn {
	font-size: 0;
	position: absolute;
	width: 55px;
	height: 55px;
	text-align: center;
	display: block;
	right: 15px;
	bottom: -15px
}

.t-oled .section-4 .switch-btn:before,.t-oled .section-4 .switch-btn:after {
	content: '';
	display: inline-block;
	width: 3px;
	height: 15px;
	background: #fff;
	margin: 0 3px;
	top: 50%;
	position: relative;
	transform: translate(0, -50%)
}

.t-oled .section-4 .switch-btn.play:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #ffffff;
	background: none
}

.t-oled .section-4 .switch-btn.play:after {
	display: none
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-4 .switch-btn {
		right:-70%
	}
}

.t-oled .section-5 {
	position: relative
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 {
		padding-bottom:0
	}
}

.t-oled .section-5 .image-block {
	position: relative;
	font-size: 0
}

.t-oled .section-5 .image-block img {
	width: 100%
}

.t-oled .section-5 .t-oled-contents-wrap {
	top: 150px;
	transform: translate(-50%, 0);
	z-index: 3;
	text-align: center;
	max-width: 850px;
	display: none
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .t-oled-contents-wrap {
		top:0;
		left: 0;
		transform: translate(0, 0);
		max-width: 100%;
		display: block
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .t-oled-contents-wrap .text-block {
		padding:0 27px;
		box-sizing: border-box;
		padding-bottom: 0
	}
}

.t-oled .section-5 .t-oled-contents-wrap .text-block h2 {
	margin-bottom: 31px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-5 .t-oled-contents-wrap .text-block h2 {
		font-size:44px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .t-oled-contents-wrap .text-block h2 {
		margin-bottom:20px;
		font-size: 32px;
		line-height: 35px
	}
}

.t-oled .section-5 .t-oled-contents-wrap .text-block h3 {
	margin-bottom: 47px;
	line-height: 32px;
	color: #d0d0d0;
	font-size: 22px;
	font-weight: 300;
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-5 .t-oled-contents-wrap .text-block h3 {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .t-oled-contents-wrap .text-block h3 {
		font-size:16px;
		line-height: 23px;
		margin-bottom: 30px
	}
}

.t-oled .section-5 .t-oled-contents-wrap.absolute {
	top: 90px;
	display: block
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-5 .t-oled-contents-wrap.absolute {
		top:45px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .t-oled-contents-wrap.absolute {
		display:block;
		top: 70px;
		position: relative
	}
}

.t-oled .section-5 .buttons {
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	border: 1px solid #fff;
	border-radius: 56px;
	position: relative;
	font-size: 0
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .buttons {
		max-width:450px;
		border-radius: 37px
	}
}

.t-oled .section-5 .buttons a {
	line-height: 56px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	width: 200px;
	display: inline-block;
	position: relative;
	color: #fff;
	z-index: 2
}
.t-oled .section-5 .buttons a sup {
  position: absolute;
  transform: translate(6px, -6px);
  font-family: 'verdana';
  font-size: 20px;
  /* font-weight: lighter; */
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .buttons a {
		line-height:40px;
		font-size: 16px;
		width: 33.33%
	}
}

.t-oled .section-5 .buttons a.active {
	color: #000000
}

.t-oled .section-5 .buttons .bg {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 200px;
	height: 56px;
	border: 1px solid #fff;
	border-radius: 56px;
	background: #fff
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .buttons .bg {
		height:39px;
		font-size: 16px;
		width: 33.33%;
		border-radius: 37px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .t-oled-wrap {
		margin-top:-50px
	}
}

.t-oled .section-5 .animate-set {
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: 1
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-5 .animate-set {
		width:100%
	}
}

.t-oled .section-5 .animate-set div {
	position: relative
}

.t-oled .section-5 .animate-set .bg {
	position: relative;
	z-index: 1
}

.t-oled .section-5 .animate-set .object-1 {
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;
	z-index: 2
}

.t-oled .section-5 .animate-set.set-1 {
	position: relative;
	z-index: 2;
	opacity: 1
}

.t-oled .section-5 .animate-set.set-1 .object-1 {
	opacity: 0
}

.t-oled .section-7 {
	padding: 240px 0;
	max-width: 820px;
	margin: 0 auto;
	text-align: center
}

.t-oled .section-7 br {
	display: block
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-7 br {
		display:none
	}
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-7 {
		padding:140px 0
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-7 {
		max-width:100%;
		padding: 80px 27px
	}
}

.t-oled .section-7 h2 {
	font-size: 56px;
	line-height: 64px;
	font-weight: 300;
	margin-bottom: 20px;
	position: relative;
	top: 50px;
	opacity: 0
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-7 h2 {
		font-size:40px;
		line-height: 44px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-7 h2 {
		font-size:27px;
		line-height: 30px
	}
}

.t-oled .section-7 p {
	font-size: 22px;
	line-height: 34px;
	font-weight: 300;
	color: #d4d4d4;
	position: relative;
	top: 50px;
	opacity: 0
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-7 p {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-7 p {
		font-size:16px;
		line-height: 23px
	}
}

.t-oled .section-7 a {
	top: 50px;
	opacity: 0
}

.t-oled .section-8 {
	position: relative
}

.t-oled .section-8 img {
	display: block
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 img {
		width:100% !important
	}
}

.t-oled .section-8 .image-block {
	overflow: hidden
}

.t-oled .section-8 .animate-box {
	opacity: 1
}

.t-oled .section-8 .front {
	position: absolute;
	top: 0;
	left: 0;
	width: 92.70833%;
	box-sizing: border-box;
	z-index: 2
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .front {
		position:static;
		width: 100% !important
	}
}

.t-oled .section-8 .front .image {
	border-right: 1px solid #8a8b8c;
	overflow: hidden
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .front .image {
		border-right:0
	}
}

.t-oled .section-8 .front .text-block {
	left: 100px
}

.t-oled .section-8 .front .text-block.collapse {
	left: 22px
}

.t-oled .section-8 .side {
	position: relative;
	top: 0;
	left: 140px;
	width: 92.70833%;
	box-sizing: border-box;
	z-index: 1
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .side {
		position:static;
		width: 100% !important
	}
}

.t-oled .section-8 .side .text-block {
	left: 60px;
	right: auto
}

.t-oled .section-8 .side .text-block.collapse {
	left: auto;
	right: 22px
}

.t-oled .section-8 .text-block {
	position: absolute;
	top: 83px;
	width: auto;
	z-index: 3
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .text-block {
		position:static;
		text-align: center;
		margin: 25px 0 0
	}
}

.t-oled .section-8 .text-block a {
	color: #fff
}

.t-oled .section-8 .text-block h2 {
	font-size: 48px;
	font-weight: 300
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-8 .text-block h2 {
		font-size:34px;
		line-height: 40px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .text-block h2 {
		font-size:27px;
		line-height: 30px
	}
}

.t-oled .section-8 .text-block p {
	font-size: 22px;
	line-height: 32px;
	color: #d4d4d4;
	font-weight: 400;
	margin-top: 6px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-8 .text-block p {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .text-block p {
		font-size:17px;
		line-height: 23px;
		font-weight: 300;
		margin-top: 15px
	}
}

.t-oled .section-8 .text-block.collapse {
	top: 125px;
	transform: rotate(90deg)
}

.t-oled .section-8 .text-block.collapse h2 {
	font-size: 24px;
	line-height: 32px;
	color: #7a7b7c
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .text-block.collapse h2 {
		font-size:27px;
		line-height: 30px;
		color: #fff
	}
}

.t-oled .section-8 .text-block.collapse p {
	display: none
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .text-block.collapse p {
		display:block;
		font-size: 17px;
		line-height: 23px;
		color: #d4d4d4;
		font-weight: 300
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-8 .text-block.collapse {
		transform:rotate(0);
		top: 0;
		position: static
	}
}

.t-oled .section-8 .slick-dots {
	text-align: center;
	margin: 30px 0 50px
}

.t-oled .section-8 .slick-dots button {
	width: 10px;
	height: 10px;
	background: #767676;
	opacity: 1
}

.t-oled .section-8 .slick-dots .slick-active button {
	background: #a50034
}

.t-oled .section-9 {
	position: relative
}

.t-oled .section-9 img {
	width: 100%;
	display: block
}

.t-oled .section-9 .contents-block {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 66.875%;
	margin-top: -12.5%;
	overflow: hidden;
	text-align: center
}
/* 20231116 */
.t-oled .section-9.product-video-section {
	max-width: 1440px;
	margin: 200px auto 0;
	padding-bottom: 160px;
}
.t-oled .section-9.product-video-section .product-video-section__title {
	font-size: 50px;
	color: #fff;
	font-weight: 300;
	text-align: center;
}
.t-oled .section-9.product-video-section .product-video {
	margin-top: 60px;
	display: flex;
	flex-direction: column;
	gap: 72px;
}
.t-oled .section-9.product-video-section .product-video .product-video__head {
	display: flex;
	flex-direction: column;
}
.t-oled .section-9.product-video-section .product-video .product-video__part {
	text-align: center;
	font-size: 20px;
}
.t-oled .section-9.product-video-section .product-video .product-video__title {
	font-size: 50px;
	color: #fff;
	font-weight: 300;
	text-align: center;
}
.t-oled .section-9.product-video-section .product-video .product-video__media {
	margin-top: 30px;
}
.t-oled .section-9.product-video-section .product-video .product-video__mask {
	width: 963px;
	height: 240px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.t-oled .section-9.product-video-section .product-video .product-video__image {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
}
.t-oled .section-9.product-video-section .product-video .product-video__image.product-video__image--mobile {
	display: none;
}
.t-oled .section-9.product-video-section .product-video .product-video__item:nth-child(1) .product-video__image {
	transform: translate(-50%, -54%) scale(0.5);
}
.t-oled .section-9.product-video-section .product-video .product-video__item:nth-child(2) .product-video__image {
	transform: translate(-50%, -44%) scale(0.5);
}
.t-oled .section-9.product-video-section .product-video .product-video__item:nth-child(3) .product-video__image {
	transform: translate(-50%, -50%) scale(0.7);
}
.t-oled .section-9.product-video-section .product-video .product-video__button {
	position: absolute;
	bottom: 75px;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
	width: 240px;
	height: 56px;
	border-radius: 56px;
	z-index: 4;
	background-color: rgba(0, 0, 0, 0.7);
	border: 3px solid #fff;
}
.t-oled .section-9.product-video-section .product-video .product-video__button span {
	display: inline-block;
	font-size: 20px;
	line-height: 56px;
	font-weight: 400;
	color: #fff;
	white-space: nowrap;
}
.t-oled .section-9.product-video-section .product-video .product-video__button span::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #ffffff;
}
@media only screen and (max-width: 1080px) {
	.t-oled .section-9.product-video-section {
		max-width: 1440px;
		margin: 60px auto 0;
		padding-bottom: 0;
	}
	.t-oled .section-9.product-video-section .product-video-section__title {
		font-size: 32px;
		margin: 0 auto;
		width: 70%;
		line-height: 32px;
	}
	.t-oled .section-9.product-video-section .product-video {
		margin-top: 20px;
		gap: 0;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__item {
		position: relative;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__head {
		position: absolute;
		width: 100%;
		left: 0;
		top: 70px;
		z-index: 1;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__part {
		font-size: 16px;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__title {
		font-size: 36px;
		line-height: 40px;
		margin: 10px auto 0;
		width: 80%;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__media {
		margin-top: 0;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__mask {
		width: 100%;
		height: auto;
		position: relative;
		margin: auto auto;
		overflow: visible;
		font-size: 0;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__image {
		position: static;
		left: auto;
		top: auto;
		width: 100%;
		transform: translate(0, 0) scale(1)!important;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__image.product-video__image--pc {
		display: none;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__image.product-video__image--mobile {
		display: inline;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__button {
		top: auto;
    transform: translate(-50%, 0);
    bottom: 50px;
		width: auto;
    height: 36px;
    padding: 0 26px;
    border-width: 2px;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__button span {
		font-size: 16px;
    line-height: 36px;
	}
	.t-oled .section-9.product-video-section .product-video .product-video__button span::before {
		border-width: 6px 0 6px 11px;
    position: relative;
    top: 1px;
	}
}
/* // 20231116 */

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-9 .contents-block {
		margin-top:-13%
	}
}

.t-oled .section-9 .contents-block h2 {
	padding-bottom: 50px
}

.t-oled .section-9 .contents-block h2 span {
	display: block;
	font-size: 22px;
	line-height: 34px;
	margin-bottom: 3px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-9 .contents-block h2 span {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .contents-block h2 span {
		font-size:16px;
		color: #d4d4d4
	}
}

.t-oled .section-9 .contents-block h2 span.title {
	font-size: 56px;
	line-height: 60px;
	margin-bottom: 40px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-9 .contents-block h2 span.title {
		font-size:44px;
		line-height: 50px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .contents-block h2 span.title {
		font-size:36px;
		line-height: 40px;
		margin-bottom: 0;
		color: #ffffff
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .contents-block {
		width:100%;
		z-index: 3;
		margin-top: 0;
		transform: translate(-50%, 0);
		top: 70px;
		padding: 0 27px;
		box-sizing: border-box
	}
}

.t-oled .section-9 .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -175px;
	margin-left: -642px;
	width: 66.875%;
	height: 29.62963%;
	overflow: hidden
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .inner {
		width:100% !important;
		height: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		left: 0;
		top: 0;
		position: relative
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .panel {
		display:none
	}
}

.t-oled .section-9 .image-block {
	position: relative
}

.t-oled .section-9 .image-block .mask-block {
	width: 100%
}

.t-oled .section-9 .image-block .mask-block img {
	position: relative;
	top: 0;
	left: 50%;
	display: block
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .image-block .mask-block img {
		width:100% !important;
		height: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		left: 0 !important;
		top: 0 !important
	}
}

.t-oled .section-9 .video-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

.t-oled .section-9 .video-wrap iframe {
	width: 100%;
	height: 100%
}

.t-oled .section-9 .video-btn {
	bottom: auto;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-9 .video-btn {
		top:auto;
		transform: translate(-50%, 0);
		bottom: 50px
	}
}

.t-oled .section-10 {
	position: relative;
	overflow: hidden;
	background: #111111
}

.t-oled .section-10 .t-oled-contents-wrap {
	top: 50%;
	transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-10 .t-oled-contents-wrap {
		padding:0 36px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-10 .t-oled-contents-wrap {
		padding:0 27px;
		position: static;
		transform: translate(0, 0);
		left: 0;
		top: 0;
		text-align: center;
		padding-bottom: 75px
	}
}

.t-oled .section-10 .t-oled-contents-wrap .text-block h2 {
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-10 .t-oled-contents-wrap .text-block h2 {
		font-size:30px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-10 .t-oled-contents-wrap .text-block h2 {
		font-size:27px;
		line-height: 30px;
		margin-bottom: 15px
	}
}

.t-oled .section-10 .t-oled-contents-wrap .text-block p {
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
	color: #d4d4d4
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-10 .t-oled-contents-wrap .text-block p {
		font-size:20px;
		line-height: 26px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-10 .t-oled-contents-wrap .text-block p {
		font-size:16px;
		line-height: 23px
	}
}

.t-oled .section-10 img {
	display: block;
	width: 100%
}

.t-oled .section-10 .link-btn {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	position: relative;
	left: 1px;
	display: inline-block;
	padding: 0 65px;
	margin: 40px auto 0;
	text-indent: 4px;
	font-size: 20px;
	line-height: 54px;
	font-weight: 400
}

@media only screen and (max-width: 1439px) and (min-width: 1081px) {
	.t-oled .section-10 .link-btn {
		margin:25px auto 0;
		line-height: 40px;
		padding: 0 45px
	}
}

@media only screen and (max-width: 1080px) {
	.t-oled .section-10 .link-btn {
		height:36px;
		padding: 0;
		width: 100%;
		font-size: 16px;
		line-height: 36px;
		margin-top: 30px
	}
}

.t-oled .section-10 .link-btn:after {
	content: '>';
	display: inline-block;
	position: relative;
	right: 0;
	transition: all .2s
}

.t-oled .section-10 .link-btn:hover:after {
	right: -5px
}

.t-oled .area_wrap {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	color: #000
}

.t-oled .area_wrap p {
	font-size: 38px;
	color: #000;
	line-height: 40px;
	text-align: center
}

.t-oled .area_wrap .btn {
	position: relative;
	left: -7px;
	display: block;
	width: 280px;
	margin: 51px auto 0 auto;
	text-indent: 4px
}

.t-oled .area_wrap .btn span {
	font-size: 20px
}

.t-oled .layer_area {
	display: none;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	outline: none;
	z-index: 999;
	transition: opacity .4s;
	color: #000
}

.t-oled .layer_wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	box-sizing: border-box;
	overflow-y: auto;
	font-size: 0;
	text-align: center;
	-webkit-overflow-scrolling: touch
}

.t-oled .layer_wrap:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.t-oled .layer_content {
	position: relative;
	display: inline-block;
	width: 1056px;
	font-size: 15px;
	vertical-align: middle;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	overflow: hidden
}

.t-oled .layer_content .btn_close {
	position: absolute;
	right: 0;
	top: 0;
	width: 115px;
	height: 115px;
	background: transparent url("../img/w/vidwall_layer_close.png") 38px 38px no-repeat;
	border: none
}

.t-oled .layer_area.active {
	opacity: 1
}

.t-oled .layer_form .tit {
	padding: 64px 0 16px 0;
	font-size: 46px;
	color: #333;
	letter-spacing: .8px
}

.t-oled .layer_form .des {
	width: 40%;
	margin: 0 auto;
	font-size: 20px;
	color: #333;
	line-height: 26px;
	letter-spacing: .1px
}

.t-oled .form {
	position: relative;
	max-width: 744px;
	margin: 0 auto;
	padding-top: 59px;
	text-align: left
}

.t-oled .form+.btn_area {
	padding-top: 39px;
	padding-bottom: 80px
}

.t-oled .form+.btn_area>.btn_type {
	width: 280px
}

.t-oled .form+.btn_area>.btn_type span {
	cursor: pointer
}

.t-oled .form .zelect_type01 .zelected {
	height: 52px;
	line-height: 52px
}

.t-oled .form .noti {
	position: absolute;
	right: 0;
	top: 77px;
	color: #b3b3b3;
	font-size: 16px;
	line-height: 1
}

.t-oled .form .noti sup {
	color: #b80f3c;
	font-size: 18px;
	vertical-align: top
}

.t-oled .form .label {
	position: relative;
	padding-bottom: 11px
}

.t-oled .form .label.inp_left1 {
	left: -1px;
	padding-bottom: 22px
}

.t-oled .form .label.inp_left2 {
	padding-bottom: 20px
}

.t-oled .form .label.inp_left3 {
	left: -2px;
	padding-bottom: 22px
}

.t-oled .form .label.inp_left4 {
	left: -1px;
	padding-top: 7px
}

.t-oled .form .label.inp_left5 {
	padding-top: 17px;
	padding-bottom: 4px
}

.t-oled .form .ver_gb .desc {
	margin-bottom: 10px;
	position: relative;
}/* �묎렐�� �섏젙 | 4李� | 2.4.3.18 */

.t-oled .form .ver_gb .desc input[type="checkbox"]{
	top:5px;
}

.t-oled .form .ver_gb .desc label {
	font-size: 22px;
	padding-left: 36px
}

.t-oled .form .ver_eu .label {
	padding-bottom: 7px
}

.t-oled .form .ver_eu .desc {
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 13px
}

.t-oled .form .input_gcheck.ver_eu .gcheck+.gcheck {
	margin-top: 2px
}

.t-oled .form .input_gcheck.ver_eu .gcheck label {
	padding-left: 32px;
	font-size: 18px
}

.t-oled .form .ver_eu .link {
	margin-top: 14px
}

.t-oled .form .input {
	padding-top: 1px
}

.t-oled .input_select .zelect_type01 {
	min-width: 100%
}

.t-oled .input_select .box .region {
	float: left;
	min-width: 350px
}

.t-oled .input_select .box .country {
	display: block;
	padding-left: 385px;
	width: 100%;
	min-width: 100%;
	box-sizing: border-box
}

.t-oled [class*="input_"] {
	margin-bottom: 14px
}

.t-oled input[type="checkbox"]+label::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../img/w/btn_checkbox20x20.png) 0 0 no-repeat
}

.t-oled input[type="checkbox"]:checked+label::before {
	background-position: 0 -240px
}

.t-oled input[type="checkbox"].disabled+label {
	color: #b3b3b3
}

.t-oled input[type="checkbox"].disabled+label::before {
	background-position: 0 -120px
}

.t-oled input[type="checkbox"]:focus+label {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);
	box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5)
}

.t-oled .col2_1 {
	float: left;
	width: 354px
}

.t-oled .col2_2 {
	float: right;
	width: 354px;
	margin-right: 1px
}

.t-oled .col2_2 .label {
	left: -1px
}

.t-oled .input_gmultiline {
	clear: both
}

.t-oled .form .input_select {
	padding-bottom: 26px
}

.t-oled .form .input_gline {
	padding-bottom: 26px
}

.t-oled .form .inp_short1 {
	padding-bottom: 16px
}

.t-oled .form .inp_short2 {
	padding-bottom: 18px
}

.t-oled .form .inp_short3 {
	padding-bottom: 11px
}

.t-oled .form .input_gcheck.ver_err {
	padding-top: 9px
}

.t-oled .form .inp_area {
	position: relative
}

.t-oled .form .inp_area .error {
	position: relative
}

.t-oled .form .inp_area .error span {
	position: absolute;
	left: 0;
	top: 12px;
	padding-top: 0
}

@media only screen and (max-width: 1080px) {
	.t-oled .area_wrap p {
		margin:0 27px;
		font-size: 18px;
		line-height: 24px
	}

	.t-oled .area_wrap .btn {
		left: 0;
		width: auto;
		margin: 19px 27px 0 27px
	}

	.t-oled .area_wrap .btn span {
		padding: 11px 0 11px 0;
		font-size: 16px;
		letter-spacing: -.2px;
		text-indent: 4px
	}

	.t-oled .layer_area {
		background: #fff
	}

	.t-oled .layer_wrap {
		padding: 0
	}

	.t-oled .layer_content {
		width: 100%;
		background: #fff
	}

	.t-oled .layer_form {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto
	}

	.t-oled .layer_content .btn_close {
		width: 57px;
		height: 57px;
		background: transparent url("../img/w/vidwall_layer_close.png") 23px 24px no-repeat;
		background-size: 17px auto
	}

	.t-oled .ani1 {
		-webkit-transition-delay: .0s;
		transition-delay: .0s
	}

	.t-oled .layer_form {
		padding: 0 27px;
		box-sizing: border-box
	}

	.t-oled .layer_form .tit {
		padding: 53px 0 5px 0;
		font-size: 31px;
		letter-spacing: .8px
	}

	.t-oled .layer_form .des {
		width: auto;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: .1px
	}

	.t-oled .form {
		max-width: 100%;
		margin: 0;
		padding-top: 43px
	}

	.t-oled .form+.btn_area {
		padding-top: 32px;
		padding-bottom: 60px
	}

	.t-oled .form+.btn_area>.btn_type {
		width: 100%
	}

	.t-oled .form .noti {
		left: 0;
		right: inherit;
		top: 16px;
		font-size: 12px;
		font-weight: 400
	}

	.t-oled .form .noti sup {
		font-size: 12px;
		font-weight: 400
	}

	.t-oled .form .label {
		padding-bottom: 5px;
		min-height: inherit
	}

	.t-oled .input_select .box .region {
		display: block;
		float: inherit;
		min-width: 100%;
		margin-top: 5px
	}

	.t-oled .input_select .box .country {
		display: block;
		width: 100%;
		min-width: 100%;
		margin-top: 7px;
		padding-left: 0
	}

	.t-oled [class*="input_"] {
		margin-bottom: 25px
	}

	.t-oled input[type="checkbox"]+label {
		padding: 1px 0 0 25px;
		font-size: 16px;
		font-weight: 300;
		line-height: 18px
	}

	.t-oled input[type="checkbox"]+label::before {
		width: 16px;
		height: 16px;
		background: url("../img/m/btn_checkbox32x32.png") 0 0 no-repeat;
		background-size: 16px auto
	}

	.t-oled input[type="checkbox"]:checked+label::before {
		background-position: 0 -120px
	}

	.t-oled input[type="checkbox"].disabled+label::before {
		background-position: 0 -60px
	}

	.t-oled .col2_1 {
		float: inherit;
		width: 100%
	}

	.t-oled .col2_2 {
		float: inherit;
		width: 100%;
		margin-left: 0
	}

	.t-oled .btn_area {
		padding: 20px 0 30px
	}

	.t-oled .form .input_select {
		padding-bottom: 0px
	}

	.t-oled .form .input_gline {
		padding-bottom: 0px;
		margin-bottom: 23px
	}

	.t-oled .form .input {
		padding-top: 0;
		margin-top: -3px
	}

	.t-oled .form .input_gmultiline .input {
		height: 111px
	}

	.t-oled .form .label.inp_left1 {
		left: 0;
		padding-bottom: 11px
	}

	.t-oled .form .label.inp_left2 {
		padding-bottom: 9px
	}

	.t-oled .form .label.inp_left3 {
		left: 0;
		padding-bottom: 9px
	}

	.t-oled .form .label.inp_left4 {
		left: -1px;
		padding-top: 0px
	}

	.t-oled .form .label.inp_left5 {
		padding-top: 0;
		padding-bottom: 4px
	}

	.t-oled .form .ver_gb .desc {
		margin-bottom: 22px
	}

	.t-oled .form .ver_gb .desc label {
		font-size: 14px;
		padding-left: 25px;
		margin-top: 0;
		line-height: 16px
	}

	.t-oled .form .ver_eu .label {
		padding-bottom: 3px
	}

	.t-oled .form .ver_eu .desc {
		font-size: 14px;
		margin-top: 0;
		margin-bottom: 8px;
		line-height: 16px
	}

	.t-oled .form .ver_eu .link {
		margin-top: 10px
	}

	.t-oled .form .input_gcheck .link {
		line-height: 13px
	}

	.t-oled .form .input_gcheck .link a {
		position: relative;
		border: none;
		padding-left: 17px
	}

	.t-oled .form .input_gcheck .link a:nth-of-type(1) {
		width: 35%;
		padding-left: 0
	}

	.t-oled .form .input_gcheck .link a:nth-of-type(1):after {
		content: '';
		position: absolute;
		right: 0;
		top: 1px;
		width: 1px;
		height: 20px;
		background: #dddee0
	}

	.t-oled .form .input_gcheck.ver_err {
		padding-top: 0;
		position: relative;
		top: -1px;
		left: 1px
	}

	.t-oled .form .input_gcheck.ver_eu .gcheck+.gcheck {
		margin-top: -2px
	}

	.t-oled .form .input_gcheck.ver_eu .gcheck label {
		padding-left: 25px;
		font-size: 14px
	}

	.t-oled input[type="checkbox"]+label:before {
		left: -1px;
		top: 4px;
		width: 16px;
		height: 16px;
		background: url(../img/m/btn_checkbox32x32.png) 0 0 no-repeat;
		background-size: 16px auto
	}
}

/*# sourceMappingURL=t-oled.css.map */
._section-video {width:100%; padding-bottom:5.57291%;}
.t-oled ._section-video .video-wrap {left:0;}
._section-video ._section-area {position:relative; margin:0 auto; max-width:1440px;}
._section-video ._row-1 {width:100%;}
._section-video ._row-2 {width:100%;}
._section-video ._row-2::after {content:''; display:block; clear:both;}
._section-video ._row-2 > div {float:left; width:50%;}
._section-video ._section-part {position:relative; box-sizing:border-box;}
._section-video ._part-area::after {content:''; display:block; clear:both;}

._section-video ._part-video {position:relative; z-index:1;}
._section-video ._part-video img {width:100%; display:block;}
._section-video ._part-desc {position:absolute; font-weight:300; z-index:2;}
._section-video ._part-title {font-size:48px; line-height:60px;}
._section-video ._part-text {margin-top:30px; font-size:22px; line-height:32px;}

._section-video ._row-2 ._part-desc {position:relative; margin-top:10%;}
._section-video ._row-2 ._part-text {margin-top:4.72727%; font-size:22px; line-height:32px;}

._section-video ._part-1 {margin-top:/* 16.59722% */16.59722%; padding-left:5.48611%;}
._section-video ._part-1 ._part-video-bg {position:absolute; left:19.30556%; /* top:0; */ margin-top:6.73611%; width:55.55556%; padding-top:41.66667%; background:#111111;}
._section-video ._part-1 ._part-video {float:left; width:58.70683%;}
._section-video ._part-1 ._part-desc {left:66.80556%; top:0; margin-top:8.61111%;}
._section-video ._part-1 ._part-desc ._part-title {padding-right:40%;}
._section-video ._part-1 ._part-desc ._part-text {padding-right:32%;}
._section-video ._part-1 .footnote { position: absolute; left: 0; bottom: -32px; }

._section-video ._part-2 {margin-top:/* 19.93056% */19.93056%; margin-bottom:15.55556%; padding-right:5.41667%;}
._section-video ._part-2 ._part-video-bg {position:absolute; left:25.13889%; /* top:0; */ width:55.55556%; padding-top:41.66667%; background:#111111;}
._section-video ._part-2 ._part-video {float:right; margin-top:8.73715%; width:58.73715%;}
._section-video ._part-2 ._part-desc {left:5.48611%; top:0; margin-top:12.01389%; width:27.83333%;}
._section-video ._part-2 .footnote { position: absolute; left: 0; bottom: -32px; }

._section-video ._part-3 {padding-right:6.38889%; padding-left:5.41667%; padding-top:4.16667%;}
._section-video ._part-3 ._part-video-bg {position:absolute; left:29.30556%; width:67.08333%; margin-top:30.97222%; padding-top:50.41667%; background:#111111;}
._section-video ._part-3 ._part-title {font-size:44px;}
._section-video ._part-3 ._part-text {padding-right:20%;}
._section-video ._part-3 .footnote { margin-top: 20px; }

._section-video ._part-4 {padding-left:6.25%; padding-right:5.48611%; padding-top:4.16667%;}
._section-video ._part-4 ._part-video-bg {position:absolute; left:3.88889%; width:67.08333%; padding-top:50.41667%; background:#111111;}
._section-video ._part-4 ._part-text {padding-right:25%;}
._section-video ._part-4 .footnote { margin-top: 20px; }

._section-video ._section-part .video-btn {top:50%; left:50%; transform:translate(-50%, -50%);}

.t-oled .section-2 .text-block.bg-dimmed {background-size:auto 100%;}
.t-oled .section-2 .text-block {position:relative; max-width:600px; z-index:50;}
.t-oled .section-2 .text-block h2 {letter-spacing:-1.5px;}
.t-oled .section-2 .text-block h2 + h3 {padding-right:10%;}

._touch-action ._touch-btn {position:absolute; left:70.88541%; top:0; margin-top:30.57297%; width:105px; height:105px; opacity:1; z-index:30;}
._touch-action ._touch-btn > div {position:absolute; left:50%; top:50%; background:#fff; transform:translate(-50%, -50%);}
._touch-action ._touch-btn ._touch-e-1 {width:53px; height:53px; border-radius:100%; opacity:0; z-index:10;}
._touch-action ._touch-btn ._touch-e-2 {width:71px; height:71px; border-radius:100%; opacity:0; z-index:8;}
._touch-action ._touch-btn ._touch-e-3 {width:90px; height:90px; border-radius:100%; opacity:0; z-index:6;}
._touch-action ._touch-btn ._touch-e-4 {width:105px; height:105px; border-radius:100%; opacity:0; z-index:4;}
._touch-action ._touch-btn.active ._touch-e-1 {animation:ani-e1 .6s normal ease-in-out;}
._touch-action ._touch-btn.active ._touch-e-2 {animation:ani-e2 .7s normal ease-in-out;}
._touch-action ._touch-btn.active ._touch-e-3 {animation:ani-e3 .8s normal ease-in-out;}
._touch-action ._touch-btn.active ._touch-e-4 {animation:ani-e4 .9s normal ease-in-out;}
._touch-action ._touch-layer {position:absolute; left:44.16667%; top:0; margin-top:15.15625%; width:30.72917%; padding-top:20%; background:url('../img/w/_n_touch-layer.png') 0 0 no-repeat; background-size:100% auto; opacity:0; transition:opacity .5s; z-index:20;}
._touch-action ._touch-layer.active {opacity:1;}

._section-faq {width:100%; margin-bottom:14.16667%;}
._section-faq ._section-area {position:relative; margin:0 auto; max-width:1440px;}
._section-faq ._section-title {padding-top:9.23611%; margin-bottom:55px; font-size:56px; line-height:60px; text-align:center; font-weight:300;}
._section-faq ._faq-list {width:100%; padding:0 132px; box-sizing:border-box;}
._section-faq ._faq-list h3 {margin-top:50px; margin-bottom:19px; font-size:30px; line-height:32px; color:#d0d0d0;}
._section-faq ._faq-list p {padding:0 12px; font-size:22px; font-weight:300; line-height:32px; color:#d0d0d0;}

._section-lineup {width:100%; margin-top:9.23611%; margin-bottom:2.08333%}
._section-lineup ._section-area {position:relative; margin:0 auto; max-width:1440px;}
._section-lineup ._section-title {font-size:56px; line-height:60px; text-align:center; font-weight:300;}
/* 20231116 */
._section-lineup ._product-list {position:relative; width:100%; margin-top:120px; overflow:hidden; box-sizing:border-box;}
._section-lineup ._product-list ._product-list-w {display:flex; flex-wrap: wrap; gap: 104px 0;justify-content: center;}
._section-lineup ._product-list ._product-list-m {display:none;}
._section-lineup ._product-list ._prd-item { text-align:center; box-sizing:border-box; width:50%;}
._section-lineup ._product-list ._prd-item ._prd-title {position:relative; font-size:40px; line-height:1; color:#fff; margin-top: 70px;}
._section-lineup ._product-list ._prd-item ._prd-title span {display:block; margin-bottom:15px; font-size:22px; font-weight:300; color:#d4d4d4;}
._section-lineup ._product-list ._prd-item ._prd-footnote {color: #eaebee; font-size: 12px; text-indent: -100px; }
._section-lineup ._product-list ._prd-item ._prd-desc {margin-top:45px; font-size:22px; font-weight:300; line-height:32px; color:#d0d0d0;}
._section-lineup ._product-list ._prd-item ._prd-img {position:relative; width:100%;}
._section-lineup ._product-list ._prd-item ._prd-img img { max-width: 100%; }
._section-lineup ._product-list ._prd-item-2 ._prd-icon {position:absolute; left:50%; top:-44px; width:109px; height:30px; margin-left:-55px; line-height:30px; font-size:14px; color:#d0d0d0; text-align:center; background:#92680f; border-radius:15px;}
._section-lineup ._product-list ._prd-item-2 ._prd-icon span {font-size:14px; line-height:30px;}
._section-lineup ._prd-link {position:relative; display: inline-block; width:242px; margin: 66px auto 0; height:58px; line-height:56px; box-sizing:border-box; border:1px solid #fff; border-radius:3px; font-size:20px; color:#fff;}
/* //20231116 */
._section-lineup ._prd-link span::after {content:''; position:relative; top:-2px; right:0; display:inline-block; margin-left:10px; width:6px; height:10px; vertical-align:middle; background:url('../img/w/_n_lineup-icon.png') 0 0 no-repeat; transition:all .2s;}
._section-lineup ._prd-link:hover span::after {right:-5px;}

._section-mov {position:relative; width:100%; padding-top:56.25%;}
._section-mov ._section-area {position:absolute; left:0; top:0; width:100%; height:100%;}
._section-mov ._section-area ._mov-title {position:absolute; left:0; top:0; margin-top:6.09375%; width:100%; text-align:center; color:#fff; font-weight:300; z-index:10;}
._section-mov ._section-area ._mov-title h2 {position:relative; top:50px; font-size:56px; line-height:60px; font-weight:300; transition:all 1s; opacity:0;}
._section-mov ._section-area ._mov-title h3 {position:relative; top:50px; margin-top:27px; padding:0 15.1%; font-size:22px; line-height:32px; transition:all 1s; -webkit-transition-delay:0.3s; transition-delay:0.3s; opacity:0; color:#d0d0d0;}
._section-mov ._section-area ._mov-title .footnote {position:relative; top:50px; font-size:18px; transition:all 1s; -webkit-transition-delay:0.3s; transition-delay:0.3s; opacity:0; color:#d0d0d0;}
._section-mov ._section-area ._mov-title.active h2,
._section-mov ._section-area ._mov-title.active h3 {top:0; opacity:1;}
._section-mov ._section-area ._mov-title.active .footnote {top:0; opacity:1; margin-top: 4px;}
._section-mov ._section-area ._mov-intro {width:100%; background:#000;}
._section-mov ._section-area ._mov-intro video {width:100%; display:block;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-1 {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/w/_mov-intro-cover-1.jpg') 0 0 no-repeat; background-size:100% auto; opacity:0; z-index:2; transition:opacity 1s;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-1.active {opacity:1;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-1::after {content:''; position:absolute; left:0; top:2px; width:100%; height:100%; background:url('../img/w/_n_mov-1-alpha-bottom.png') 0 100% no-repeat; background-size:100% auto;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-1::before {content:''; position:absolute; left:0; top:-2px; width:100%; height:100%; background:url('../img/w/_n_mov-1-alpha-top.png') 0 0 no-repeat; background-size:100% auto;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-2 {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/w/_mov-intro-cover-2.jpg') 0 0 no-repeat; background-size:100% auto; opacity:0; z-index:1; transition:opacity 1s;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-2.active {opacity:1; z-index:3;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-2::after {content:''; position:absolute; left:0; top:2px; width:100%; height:100%; background:url('../img/w/_n_mov-1-alpha-bottom.png') 0 100% no-repeat; background-size:100% auto;}
._section-mov ._section-area ._mov-intro ._mov-intro-cover-2::before {content:''; position:absolute; left:0; top:-2px; width:100%; height:100%; background:url('../img/w/_n_mov-1-alpha-top.png') 0 0 no-repeat; background-size:100% auto;}
._section-mov ._section-area ._mov-step-wrap {position:relative; width:59.85401%; z-index:1;}
._section-mov ._section-area ._mov-step-1 {position:absolute; left:0; top:0; padding:16.14583% 0 0 28.64583%; width:100%; box-sizing:border-box; opacity:0; z-index:0; transition:opacity 1s;}
._section-mov ._section-area ._mov-step-1 video {width:100%; display:block;}
._section-mov ._section-area ._mov-step-1.active {opacity:1; z-index:6;}
._section-mov ._section-area ._mov-step-2 {position:absolute; left:0; top:0; padding:16.14583% 0 0 28.64583%; width:100%; box-sizing:border-box; opacity:0; z-index:0; transition:opacity 1s;}
._section-mov ._section-area ._mov-step-2 video {width:100%; display:block;}
._section-mov ._section-area ._mov-step-2.active {opacity:1; z-index:6;}
._section-mov ._section-area ._mov-step-cover {position:absolute; left:-0.36585%; top:-1.30434%; right:-0.36585%; bottom:-0.86956%; background:rgba(0,0,0,0.75); opacity:0; z-index:-1; transition:opacity .6s;}
._section-mov ._section-area ._mov-step-cover.active {opacity:1; z-index:1;}
._section-mov ._section-area ._mov-step-cover span {display:block; width:100%; padding:23.17073% 12% 0 12%; font-size:30px; font-weight:300; text-align:center; box-sizing:border-box; color:#fff;}
._section-mov ._section-area ._mov-step-cover > div {margin:0 auto; width:105px; height:105px; opacity:1; z-index:30;}
._section-mov ._section-area ._mov-step-cover > div > div {position:absolute; left:50%; top:60%; transform:translate(-50%, -50%);}
._section-mov ._section-area ._mov-step-cover > div ._touch-i-1 {width:53px; height:53px; background:#444 url('../img/w/_n_touch-arrow.png') 50% 50% no-repeat; border-radius:100%; opacity:0; z-index:10; transition:opacity 1s;}
._section-mov ._section-area ._mov-step-cover > div ._touch-i-2 {width:53px; height:53px; background:#333; border-radius:100%; opacity:0; z-index:8;}
._section-mov ._section-area ._mov-step-cover > div ._touch-i-3 {width:71px; height:71px; background:#222; border-radius:100%; opacity:0; z-index:6;}
._section-mov ._section-area ._mov-step-cover > div ._touch-i-4 {width:90px; height:90px; background:#111; border-radius:100%; opacity:0; z-index:4;}
._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-1 {opacity:1;}
._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-2 {animation:ani-i2 1s normal infinite ease-in;}
._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-3 {animation:ani-i3 1s normal infinite ease-in;}
._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-4 {animation:ani-i4 1s normal infinite ease-in;}

._section-mov ._section-area ._mov-btn {position:absolute; left:0; bottom:12%; width:100%; font-size:0; text-align:center; z-index:-1; opacity:0; transition:all .8s;}
._section-mov ._section-area ._mov-btn.active {opacity:1; bottom:15%; z-index:20;}
._section-mov ._section-area ._mov-btn ._mov-btn-wrap {position:relative; display:inline-block; width:600px; border:1px solid #fff; border-radius:28px; box-sizing:border-box; background:rgba(0,0,0,0.8);}
._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div {position:relative; float:left; width:50%; height:54px; line-height:54px; font-size:20px; font-weight:bold; color:#fff; z-index:2;}
._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div a {display:block; width:100%; height:100%; color:#fff; font-weight:bold;}
._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div.active a {color:#000;}
._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-bg {position:absolute; left:0; top:0; width:50%; height:54px; background:#fff; box-sizing:border-box; border:1px solid #fff; border-radius:28px; z-index:0; transition:all .2s;}
._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-bg::after {content:''; position:absolute; left:50%; top:100%; border:8px solid transparent; border-top-color:#fff;}
._section-mov ._section-area ._mov-btn-text {position:absolute; left:0; bottom:10%; width:100%; text-align:center; z-index:20; opacity:0; transition:all .8s; -webkit-transition-delay:0.3s; transition-delay:0.3s; }
._section-mov ._section-area ._mov-btn-text.active {opacity:1; bottom:13%;}
._section-mov ._section-area ._mov-btn-text ._mov-text {position:absolute; left:0; top:0; width:100%; padding:0 35%; box-sizing:border-box; opacity:0; transition:opacity .6s; font-size:20px; line-height:24px; font-weight:300; color:#d0d0d0; z-index:1}
._section-mov ._section-area ._mov-btn-text ._mov-text.active {opacity:1; z-index:2;}

._section-slider {width:100%; padding-top:7.34375%; margin-bottom:9.63541%;}
._section-slider ._section-area {position:relative; margin:0 auto; max-width:1440px;}
._section-slider ._section-title {margin-bottom:13px; text-align:center;}
._section-slider ._section-title h2 {font-size:56px; line-height:60px; font-weight:300;}
._section-slider ._section-title h3 {margin-top:38px; font-size:36px; line-height:60px; font-weight:300;}
._section-slider ._slider {position:relative; width:100%; margin:0 auto; padding-top:34.86111%; overflow:hidden; box-sizing:border-box;}
._section-slider ._slider.active {padding-top:0;}
._section-slider ._slider .slick-slide {position:relative;}
._section-slider ._slider .slick-list.draggable {padding:0 !important;}
._section-slider ._slider ._item {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:137.91667% !important; height:79.08366% !important; text-align:center; transition:height .4s, width .4s;}
._section-slider ._slider ._item-1 {background:url('../img/w/_n_slick-item-1.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-2 {background:url('../img/w/_n_slick-item-2.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-3 {background:url('../img/w/_n_slick-item-3.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-4 {background:url('../img/w/_n_slick-item-4.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-5 {background:url('../img/w/_n_slick-item-5.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-6 {background:url('../img/w/_n_slick-item-6.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-7 {background:url('../img/w/_n_slick-item-7.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-8 {background:url('../img/w/_n_slick-item-8.jpg') 50% 50% no-repeat; background-size:100% 100%;}
._section-slider ._slider ._item-wrap {position:absolute; left:6.33213%; right:4%; top:4.18326%; text-align:left; opacity:0; transition:opacity .6s;}
._section-slider ._slider ._item-wrap._item-wrap-bottom {top:initial; top:auto; bottom:13.34661%;}
._section-slider ._slider ._item-title {font-size:36px; line-height:60px; color:#fff;}
._section-slider ._slider ._item-desc {margin-top:-3px; font-size:20px; line-height:20px; color:#fff;}
._section-slider ._slider ._item-4 ._item-wrap._item-wrap-bottom ._item-desc {letter-spacing:-.5px;}

._section-slider ._slider .slick-slide > div {padding-top:104.58333%;}
._section-slider ._slider .slick-center {z-index:3;}
._section-slider ._slider .slick-center ._item {width:174.375% !important; height:100% !important;}
._section-slider ._slider .slick-center ._item-wrap {opacity:1;}
._section-slider ._slider .slick-center + .slick-slide {z-index:2;}
._section-slider ._slider .slick-list {}
._section-slider ._slider ._cover-l {position:absolute; left:-10px; top:0; width:23.05556%; height:100%; z-index:5;}
._section-slider ._slider ._cover-l::after {content:''; position:absolute; left:9px; top:0; width:100%; height:100%; background:url('../img/w/_n_side-left.png') 0 0 no-repeat; background-size:100% auto;}
._section-slider ._slider ._cover-r {position:absolute; right:-10px; top:0; width:23.05556%; height:100%; z-index:5;}
._section-slider ._slider ._cover-r::after {content:''; position:absolute; right:9px; top:0; width:100%; height:100%; background:url('../img/w/_n_side-right.png') 100% 0 no-repeat; background-size:100% auto;}

._section-slider ._slider .slick-prev {z-index:100; left:11.11111%; top:38.29059%; margin-top:0; width:30px; height:55px; background:url('../img/w/_n_slick-prev.png') 0 0 no-repeat;}
._section-slider ._slider .slick-next {z-index:100; right:11.11111%; top:38.29059%; margin-top:0; width:30px; height:55px; background:url('../img/w/_n_slick-next.png') 0 0 no-repeat;}
._section-slider ._slider .slick-dots {margin-top:4.93056%; font-size:0;}
._section-slider ._slider .slick-dots button {opacity:1;}
._section-slider ._slider .slick-dots .slick-active button {background:#a8a8a8;border-color: #a8a8a8;}/* �묎렐�� �섏젙 | 1.4.11.02 */
._section-slider ._slider .slick-dots li {margin:0 6px;}

.t-oled .keyvisual .text-block h1 {margin-bottom:0; font-weight:600; font-size:82px;}
.t-oled .keyvisual .text-block p {margin-top:4px; margin-bottom:43px; font-size:28px; font-weight:300; color:#fff;}
.t-oled .section-8 em {position:absolute; left:99px; bottom:79px; font-size:18px; color:#fff; font-weight:300; opacity:0; transition:opacity .3s;}
.t-oled .section-8 em.active {opacity:1;}
.t-oled .section-5 em {position:absolute; right:22px; bottom:10px; font-size:14px; color:#fff; font-weight:300; z-index:10; letter-spacing:-.2px;}
.t-oled .keyvisual ._scroll-btn {width:320px; height:56px; border-radius:3px; background:rgba(172,12,60,0.6); border:none;}
.t-oled .keyvisual ._scroll-btn span {font-size:21px; letter-spacing:1px;}
.t-oled .keyvisual ._scroll-btn span::before {display:none;}
.t-oled .section-1 {background:#262626;}
.t-oled .section-7 {padding:6.66666% 150px 7.23958% 150px; max-width:100%; background:#262626;}
.t-oled .section-7 .t-oled-contents-wrap {padding:0; max-width:820px;}

@media only screen and (max-width: 1080px) {
	._section-video {background:rgb(0,0,0); background:linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(0,0,0,1) 100%); padding-bottom:20.83333%;}
	._section-video ._part-video-bg {display:none;}
	._section-video ._part-1 {padding:0; margin:0;}
	._section-video ._part-1 ._part-video {float:none; width:85%; margin:0 auto;}
  ._section-video ._part-1 .footnote { position: static; margin-top: 10px; }
	._section-video ._part-1 ._part-desc {float:none; position:static; margin:25px 27px; text-align:center;}
	._section-video ._part-1 ._part-desc ._part-title {padding-right:0; font-size:27px; line-height:30px;}
	._section-video ._part-1 ._part-desc ._part-text {padding-right:0; font-size:16px; line-height:23px; margin-top:20px;}
	._section-video ._part-2 {padding:0; margin:27.08333% 0 0 0;}
	._section-video ._part-2 ._part-video {float:none; width:85%; margin:0 auto;}
  ._section-video ._part-2 .footnote { position: static; margin-top: 10px; }
	._section-video ._part-2 ._part-desc {float:none; position:static; margin:25px 27px; text-align:center; width:auto;}
	._section-video ._part-2 ._part-desc ._part-title {padding-right:0; font-size:27px; line-height:30px;}
	._section-video ._part-2 ._part-desc ._part-text {padding-right:0; font-size:16px; line-height:23px; margin-top:20px;}
	._section-video ._row-2 > div {float:none; padding:0; width:auto;}
	._section-video ._part-3 {padding:0; margin:27.08333% 0 0 0;}
	._section-video ._part-3 ._part-video {float:none; width:85%; margin:0 auto;}
  ._section-video ._part-3 .footnote { position: static; margin-left: 27px; }
	._section-video ._part-3 ._part-desc {float:none; position:static; margin:25px 27px; text-align:center; width:auto;}
	._section-video ._part-3 ._part-desc ._part-title {padding-right:0; font-size:27px; line-height:30px;}
	._section-video ._part-3 ._part-desc ._part-text {padding-right:0; font-size:16px; line-height:23px; margin-top:20px;}
	._section-video ._part-4 {padding:0; margin:27.08333% 0 0 0;}
	._section-video ._part-4 ._part-video {float:none; width:85%; margin:0 auto;}
  ._section-video ._part-4 .footnote { position: static; margin-left: 27px; }
	._section-video ._part-4 ._part-desc {float:none; position:static; margin:25px 27px; text-align:center; width:auto;}
	._section-video ._part-4 ._part-desc ._part-title {padding-right:0; font-size:27px; line-height:30px;}
	._section-video ._part-4 ._part-desc ._part-text {padding-right:0; font-size:16px; line-height:23px; margin-top:20px;}
	.t-oled .section-2 .text-block {max-width:100%;}
	.t-oled .section-2 .text-block h3 + p {padding-right:0;}
	.t-oled .section-2 .t-oled-contents-wrap {transform:none;}
	._touch-action ._touch-layer {position:absolute; left:39.58333%; top:0; margin-top:8.61111%; width:45%; padding-top:27.77778%; background:url('../img/m/_n_touch-layer.png') 0 0 no-repeat; background-size:100% auto;}

	._touch-action ._touch-btn {position:absolute; left:79.44444%; margin-top:31.11111%; width:33px; height:33px;}
	._touch-action ._touch-btn ._touch-e-1 {width:17px; height:17px;}
	._touch-action ._touch-btn ._touch-e-2 {width:22px; height:22px;}
	._touch-action ._touch-btn ._touch-e-3 {width:28px; height:28px;}
	._touch-action ._touch-btn ._touch-e-4 {width:33px; height:33px;}
	._touch-action ._touch-btn.active ._touch-e-1 {animation:ani-e1m .6s normal ease-in-out;}
	._touch-action ._touch-btn.active ._touch-e-2 {animation:ani-e2m .7s normal ease-in-out;}
	._touch-action ._touch-btn.active ._touch-e-3 {animation:ani-e3m .8s normal ease-in-out;}
	._touch-action ._touch-btn.active ._touch-e-4 {animation:ani-e4m .9s normal ease-in-out;}

	._section-slider {width:100%; margin-bottom:0;}
	._section-slider ._section-title {margin-bottom:13px; text-align:center;}
	._section-slider ._section-title h2 {font-size:27px; line-height:30px; font-weight:300;}
	._section-slider ._section-title h3 {margin-top:20px; font-size:18px; line-height:30px; font-weight:300;}
	._section-slider ._slider {width:100%; padding-top:59.72222%/*126.94444%*/;}
	._section-slider ._slider ._slider-wrap {height:0;}
	._section-slider ._slider.active {padding-top:0/*126.94444%*/;}
	._section-slider ._slider.active ._slider-wrap {height:auto;}
	._section-slider ._slider ._slider-wrap {/* position:absolute; left:0; top:0; width:100%; */}
	._section-slider ._slider ._item {position:static; transform:none; width:100% !important; height:auto !important; padding-top:59.72222%; transition:none;}
	._section-slider ._slider ._item-1 {background:url('../img/m/_n_slick-item-1.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-2 {background:url('../img/m/_n_slick-item-2.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-3 {background:url('../img/m/_n_slick-item-3.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-4 {background:url('../img/m/_n_slick-item-4.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-5 {background:url('../img/m/_n_slick-item-5.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-6 {background:url('../img/m/_n_slick-item-6.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-7 {background:url('../img/m/_n_slick-item-7.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-8 {background:url('../img/m/_n_slick-item-8.jpg') 50% 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider ._item-wrap {position:static; text-align:center; opacity:1; transition:none; padding:0 13.88889%; box-sizing:border-box;}
	._section-slider ._slider ._item-title {margin-top:30px; font-size:22px; line-height:30px; color:#fff;}
	._section-slider ._slider ._item-desc {margin-top:16px; font-size:18px; line-height:23px; color:#fff;}
	._section-slider ._slider ._item-4 ._item-wrap._item-wrap-bottom ._item-desc {letter-spacing:0;}

	._section-slider ._slider .slick-slide > div {padding-top:0;}
	._section-slider ._slider .slick-center ._item {width:100% !important; height:100% !important;}
	._section-slider ._slider ._cover-l {display:none;}
	._section-slider ._slider ._cover-r {display:none;}

	._section-slider ._slider .slick-prev {z-index:100; left:4.58333%; top:0%; margin-top:26.388889%; width:15px; height:28px; background:url('../img/w/_n_slick-prev.png') 0 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider .slick-next {z-index:100; right:4.58333%; top:0%; margin-top:26.388889%; width:15px; height:28px; background:url('../img/w/_n_slick-next.png') 0 0 no-repeat; background-size:100% auto;}
	._section-slider ._slider .slick-dots {margin:0; padding:30px 0 50px; font-size:0; text-align:center;}
	._section-slider ._slider .slick-dots button {opacity:1; background:#767676; width:10px; height:10px;}
	._section-slider ._slider .slick-dots .slick-active button {background:#a50034;}
	._section-slider ._slider .slick-dots li {margin:0 3px;}

	.t-oled .section-8 .front {position:relative;}
	.t-oled .section-8 em {position:absolute; left:initial; left:auto; right:28px; bottom:initial; bottom:auto; top:0; margin-top:52%; font-size:7px; color:#fff; font-weight:300; opacity:1; transition:none; z-index:2;}
	.t-oled .section-5 em {text-align:right; bottom:-40px; top:auto; margin-top:8px; font-size:8px; line-height:1.3; padding-left:37.5%;}
	.t-oled .section-5 {padding-bottom:13.55556%;}
	.t-oled .keyvisual .text-block {margin-top:-50px;}
	.t-oled .keyvisual .text-block h1 {font-weight:600; font-size:40px; line-height:40px;}
	.t-oled .keyvisual .text-block p {margin:5px 0 20px 0; font-weight:300; font-size:18px; line-height:22px;}
	.t-oled .keyvisual .text-block h2 {display:block; font-size:16px; line-height:20px;}
	.t-oled .keyvisual .video-btn {display:inline-block; margin:25px auto 0 auto;}
	.t-oled .keyvisual .video-btn span {line-height:40px; font-size:16px; font-weight:300;}

	._section-lineup {width:100%; margin-top:8%; margin-bottom:27.63889%;}
	._section-lineup ._section-title {font-size:32px; line-height:30px; text-align:center; font-weight:300;}
	._section-lineup ._product-list {position:relative; width:100%; margin-top:5.55556%; overflow:hidden; box-sizing:border-box; padding:0;}
	/* 20231116 */
	._section-lineup ._product-list ._product-list-w { flex-direction: column; gap: 30px 0; }
	._section-lineup ._product-list ._prd-item { width: 100%; }
	._section-lineup ._product-list ._prd-item ._prd-title {position:relative; font-size:20px; line-height:1; color:#fff; margin-top: 40px;}
	._section-lineup ._product-list ._prd-item ._prd-title span {display:block; font-size:12px; font-weight:300; color:#d4d4d4;}
	._section-lineup ._product-list ._prd-item ._prd-footnote { text-indent: 0; text-align: left; padding: 0 30px; box-sizing: border-box;}
	._section-lineup ._product-list ._prd-item ._prd-img {position:relative; width:100%;}
	._section-lineup ._product-list ._prd-item ._prd-img img {max-width: 100%;}
	._section-lineup ._prd-link {width:165px; height:37px; line-height:35px; margin-top: 24px; box-sizing:border-box; border:1px solid #fff; border-radius:3px; font-size:16px; color:#fff;}
	/* //20231116 */
	._section-lineup ._prd-link span::after {content:''; position:relative; top:-1px; display:inline-block; margin-left:7px; width:5px; height:8px; vertical-align:middle; background:url('../img/m/_n_lineup-icon.png') 0 0 no-repeat; background-size:100% ;}
	
	._section-mov {position:relative; width:100%; padding-top:0; padding-bottom:50px;}
	._section-mov ._section-area {position:static; left:0; top:0; width:100%; height:100%;}
	._section-mov ._section-area ._mov-title {position:relative; left:0; top:0; margin-top:55px; margin-bottom:15px; width:100%; text-align:center; color:#fff; font-weight:300; z-index:10;}
	._section-mov ._section-area ._mov-title h2 {position:relative; top:50px; font-size:32px; line-height:35px; font-weight:300; transition:all 1s; opacity:0;}
	._section-mov ._section-area ._mov-title h3 {position:relative; top:50px; margin-top:25px; padding:0 6.94444%; font-size:16px; line-height:23px; transition:all 1s; -webkit-transition-delay:0.3s; transition-delay:0.3s; opacity:0; color:#d0d0d0;}
	._section-mov ._section-area ._mov-title .footnote { font-size: 14px; margin: 18px 27px; }
  ._section-mov ._section-area ._mov-title.active h2,
	._section-mov ._section-area ._mov-title.active h3 {top:0; opacity:1;}
	._section-mov ._section-area ._mov-m-wrap {position:relative;}
	._section-mov ._section-area ._mov-intro {width:100%; background:#000;}
	._section-mov ._section-area ._mov-intro video {width:100%;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-1 {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/m/_mov-intro-cover-1-m.jpg') 0 0 no-repeat; background-size:100% auto; opacity:0; z-index:2; transition:opacity 1s;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-1.active {opacity:1;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-1::after {background:url('../img/m/_n_mov-1-alpha-bottom.png') 0 100% no-repeat; background-size:100% auto;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-1::before {background:url('../img/m/_n_mov-1-alpha-top.png') 0 0 no-repeat; background-size:100% auto;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-2 {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/m/_mov-intro-cover-2-m.jpg') 0 0 no-repeat; background-size:100% auto; opacity:0; z-index:1; transition:opacity 1s;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-2.active {opacity:1; z-index:3;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-2::after {background:url('../img/m/_n_mov-1-alpha-bottom.png') 0 100% no-repeat; background-size:100% auto;}
	._section-mov ._section-area ._mov-intro ._mov-intro-cover-2::before {background:url('../img/m/_n_mov-1-alpha-top.png') 0 0 no-repeat; background-size:100% auto;}
	._section-mov ._section-area ._mov-step-wrap {position:relative; width:72.56637%;}
	._section-mov ._section-area ._mov-step-1 {position:absolute; left:0; top:0; padding:16.80556% 0 0 21.52778%; width:100%; box-sizing:border-box; opacity:0; z-index:5; transition:opacity 1s;}
	._section-mov ._section-area ._mov-step-1 video {width:100%;}
	._section-mov ._section-area ._mov-step-1.active {opacity:1; z-index:10;}
	._section-mov ._section-area ._mov-step-2 {position:absolute; left:0; top:0; padding:16.80556% 0 0 21.52778%; width:100%; box-sizing:border-box; opacity:0; z-index:4; transition:opacity 1s;}
	._section-mov ._section-area ._mov-step-2 video {width:100%;}
	._section-mov ._section-area ._mov-step-2.active {opacity:1; z-index:10;}
	._section-mov ._section-area ._mov-step-cover {position:absolute; left:-1.21951%; top:-0.84745%; right:-1.21951%; bottom:-0.84745%; background:rgba(0,0,0,0.75); opacity:0; z-index:-1; transition:opacity .6s;}
	._section-mov ._section-area ._mov-step-cover.active {opacity:1; z-index:1;}
	._section-mov ._section-area ._mov-step-cover span {display:block; width:100%; padding:13% 10% 0 10%; font-size:15px; font-weight:300; text-align:center; box-sizing:border-box; color:#fff;}
	._section-mov ._section-area ._mov-step-cover > div {margin:0 auto; width:33px; height:33px; opacity:1; z-index:30;}
	._section-mov ._section-area ._mov-step-cover > div > div {position:absolute; left:50%; top:65%; transform:translate(-50%, -50%);}
	._section-mov ._section-area ._mov-step-cover > div ._touch-i-1 {width:17px; height:17px; background:#444 url('../img/w/_n_touch-arrow.png') 50% 50% no-repeat; background-size:13px 13px; border-radius:100%; opacity:0; z-index:10; transition:opacity 1s;}
	._section-mov ._section-area ._mov-step-cover > div ._touch-i-2 {width:22px; height:22px; background:#333; border-radius:100%; opacity:0; z-index:8;}
	._section-mov ._section-area ._mov-step-cover > div ._touch-i-3 {width:28px; height:28px; background:#222; border-radius:100%; opacity:0; z-index:6;}
	._section-mov ._section-area ._mov-step-cover > div ._touch-i-4 {width:33px; height:33px; background:#111; border-radius:100%; opacity:0; z-index:4;}
	._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-1 {opacity:1;}
	._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-2 {animation:ani-i2m 1s normal infinite ease-in;}
	._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-3 {animation:ani-i3m 1s normal infinite ease-in;}
	._section-mov ._section-area ._mov-step-cover > div.active ._touch-i-4 {animation:ani-i4m 1s normal infinite ease-in;}

	._section-mov ._section-area ._mov-btn {position:relative; left:0; bottom:50px; margin-top:26px; width:100%; font-size:0; text-align:center; z-index:-1; opacity:0; transition:all .8s;}
	._section-mov ._section-area ._mov-btn.active {opacity:1; bottom:0; z-index:20;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap {position:relative; display:inline-block; width:306px; border:1px solid #fff; border-radius:28px; box-sizing:border-box; background:rgba(0,0,0,0.8);}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div {position:relative; float:left; width:50%; height:36px; line-height:36px; font-size:15px; font-weight:bold; color:#fff; z-index:2; letter-spacing:-.5px;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-1 {width:62%;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-2 {width:38%;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div a {display:block; width:100%; height:100%; color:#fff; font-weight:bold;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div a span {position:relative; top:2px;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap > div.active a {color:#000;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-bg {position:absolute; left:0; top:0; width:62%; height:100%; background:#fff; box-sizing:border-box; border:1px solid #fff; border-radius:26px; z-index:0; transition:all .2s;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-2.active + ._mov-btn-bg {width:38%;}
	._section-mov ._section-area ._mov-btn ._mov-btn-wrap ._mov-btn-bg::after {content:''; position:absolute; left:50%; top:100%; border:5px solid transparent; border-top-color:#fff;}

	._section-mov ._section-area ._mov-btn-text {position:relative; left:0; bottom:50px; width:100%; margin-top:12px; text-align:center; z-index:20; opacity:0; transition:all .8s; -webkit-transition-delay:0.3s; transition-delay:0.3s; }
	._section-mov ._section-area ._mov-btn-text.active {opacity:1; bottom:0;}
	._section-mov ._section-area ._mov-btn-text ._mov-text {position:absolute; left:0; top:0; width:100%; padding:0 6.25%; box-sizing:border-box; opacity:0; transition:opacity .6s; font-size:16px; line-height:23px; font-weight:300; color:#d0d0d0; z-index:1}
	._section-mov ._section-area ._mov-btn-text ._mov-text.active {position:static; opacity:1; z-index:2;}

	.t-oled .keyvisual ._scroll-btn {width:auto; height:36px;}
	.t-oled .keyvisual ._scroll-btn span {line-height:36px;}
	.t-oled .section-1 .t-oled-contents-wrap {padding:25.69444% 27px 26.25% 27px;}
	.t-oled .section-7 {padding:25.83333% 27px 25.97222% 27px;}
}

.t-oled .keyvisual {background:url("../img/w/_n_t-oled-kv.jpg") 50% 64% no-repeat; background-size:auto 1350px;}
.t-oled .keyvisual .panel {background:url("../img/w/_n_t-oled-kv-alpha.png") 0 100% no-repeat; background-size:100% auto;}
.t-oled .keyvisual .panel::after {content:''; position:absolute; left:0; bottom:0; right:0; height:5px; background:#000;}


@media only screen and (max-width: 1080px) {
	.t-oled .keyvisual {background:url("../img/m/_n_t-oled-kv.jpg") no-repeat;}
	.t-oled .keyvisual .panel {background:url("../img/m/_n_t-oled-kv-alpha.png") 0 100% no-repeat; background-size:100% auto;}
}

@media only screen and (max-width: 1900px) and (min-width: 1081px) {
	._section-mov ._section-area ._mov-title {margin-top:5%;}
	._section-mov ._section-area ._mov-title h3 {padding:0 13%;}
}
@media only screen and (max-width: 1800px) and (min-width: 1081px) {
	.t-oled .keyvisual .panel {background:url("../img/w/_n_t-oled-kv-alpha.png") 0 100% no-repeat; background-size:cover;}
	._section-mov ._section-area ._mov-title {margin-top:4%;}
	._section-mov ._section-area ._mov-title h3 {padding:0 10%;}
	._section-mov ._section-area ._mov-step-cover span {padding-top:20%;}
}
@media only screen and (max-width: 1600px) and (min-width: 1081px) {
	._section-mov ._section-area ._mov-title h3 {padding:0 5%;}
	._section-mov ._section-area ._mov-step-cover span {padding:20% 2% 0 2%;}
}
@media only screen and (max-width: 1500px) and (min-width: 1081px) {
	._section-mov ._section-area ._mov-title {margin-top:3%;}
	._section-mov ._section-area ._mov-title h3 {padding:0 3%;}
	._section-mov ._section-area ._mov-step-cover span {padding-top:18%;}
}
@media only screen and (max-width: 1400px) and (min-width: 1081px) {
	._section-mov ._section-area ._mov-title {margin-top:2%;}
	._section-mov ._section-area ._mov-title h3 {padding:0 2%;}
	._section-mov ._section-area ._mov-step-cover span {padding-top:15%;}
	._section-mov ._section-area ._mov-title h3 {margin-top:10px;}
}
@media only screen and (max-width: 1300px) and (min-width: 1081px) {
	._section-mov ._section-area ._mov-title h3 {font-size:18px; line-height:22px;}
	._section-mov ._section-area ._mov-step-cover span {font-size:25px;}
	._section-mov ._section-area ._mov-btn-text ._mov-text {padding:0 25%;}
	._section-mov ._section-area ._mov-btn.active {bottom:16%;}
	._section-mov ._section-area ._mov-btn-text.active {bottom:14%;}
	._section-lineup ._product-list ._prd-item ._prd-desc {margin-top:25px;}
}
@media only screen and (max-width: 1200px) and (min-width: 1081px) {
	._section-lineup ._product-list ._prd-item ._prd-desc {font-size:18px; line-height:24px;}
	._section-lineup ._product-list ._prd-item-2 ._prd-title, ._section-lineup ._product-list ._prd-item-2 ._prd-desc {padding:0 10%;}
}

@keyframes ani-e1 {
0% {width:53px; height:53px; opacity:0;}
50% {width:73px; height:73px; opacity:1;}
100% {width:53px; height:53px; opacity:0;}
}
@keyframes ani-e2 {
0% {width:71px; height:71px; opacity:0;}
60% {width:91px; height:91px; opacity:0.7;}
100% {width:71px; height:71px; opacity:0;}
}
@keyframes ani-e3 {
0% {width:90px; height:90px; opacity:0;}
70% {width:110px; height:110px; opacity:0.35;}
100% {width:90px; height:90px; opacity:0;}
}
@keyframes ani-e4 {
0% {width:105px; height:105px; opacity:0;}
80% {width:125px; height:125px; opacity:0.1;}
100% {width:105px; height:105px; opacity:0;}
}
@keyframes ani-e1m {
0% {width:17px; height:17px; opacity:0;}
50% {width:20px; height:20px; opacity:1;}
100% {width:17px; height:17px; opacity:0;}
}
@keyframes ani-e2m {
0% {width:22px; height:22px; opacity:0;}
60% {width:25px; height:25px; opacity:0.7;}
100% {width:22px; height:22px; opacity:0;}
}
@keyframes ani-e3m {
0% {width:28px; height:28px; opacity:0;}
70% {width:31px; height:31px; opacity:0.35;}
100% {width:28px; height:28px; opacity:0;}
}
@keyframes ani-e4m {
0% {width:33px; height:33px; opacity:0;}
80% {width:36px; height:36px; opacity:0.1;}
100% {width:33px; height:33px; opacity:0;}
}
@keyframes ani-i1 {
0% {width:53px; height:53px; opacity:1;}
50% {width:63px; height:63px; opacity:1;}
100% {width:53px; height:53px; opacity:1;}
}
@keyframes ani-i2 {
0% {width:71px; height:71px; opacity:0;}
60% {width:81px; height:81px; opacity:0.7;}
100% {width:71px; height:71px; opacity:0;}
}
@keyframes ani-i3 {
0% {width:90px; height:90px; opacity:0;}
70% {width:100px; height:100px; opacity:0.35;}
100% {width:90px; height:90px; opacity:0;}
}
@keyframes ani-i4 {
0% {width:105px; height:105px; opacity:0;}
80% {width:115px; height:115px; opacity:0.1;}
100% {width:105px; height:105px; opacity:0;}
}
@keyframes ani-i1m {
0% {width:17px; height:17px; opacity:0;}
50% {width:20px; height:20px; opacity:1;}
100% {width:17px; height:17px; opacity:0;}
}
@keyframes ani-i2m {
0% {width:22px; height:22px; opacity:0;}
60% {width:25px; height:25px; opacity:0.7;}
100% {width:22px; height:22px; opacity:0;}
}
@keyframes ani-i3m {
0% {width:28px; height:28px; opacity:0;}
70% {width:31px; height:31px; opacity:0.35;}
100% {width:28px; height:28px; opacity:0;}
}
@keyframes ani-i4m {
0% {width:33px; height:33px; opacity:0;}
80% {width:36px; height:36px; opacity:0.1;}
100% {width:33px; height:33px; opacity:0;}
}