@charset "euc-kr";

@font-face {
  font-family:'LGEIcons';font-style:normal;font-weight:200;
  src:url('LGEIcons.eot');
  src:url('LGEIcons.eot?#iefix') format('embedded-opentype'),
  url('LGEIcons.woff') format('woff'),
  url('LGEIcons.ttf') format('truetype');
}

/*icon*/
.icon {text-decoration:none !important}
.mobile .iconM.af:after,
.mobile .iconM:before,
.process-ds > li:after, /* display_stock_list.html */
.icon:before {
    display:inline-block;font-family:'LGEIcons';font-weight:normal;vertical-align:middle;
    -webkit-font-smoothing:antialiased;/* Support for all WebKit browsers. */
    text-rendering:optimizeLegibility;/* Support for Safari and Chrome. */
    -moz-osx-font-smoothing:grayscale;/* Support for FF. */
    font-feature-settings:'liga';/* Support for IE. */
}

.icon.rd-close:before {content:'\e706'}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	/*margin: 0 auto 25px;*/
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
	z-index: 2;
}

.bx-wrapper img {
	max-width: 100%;
	display: inline-block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-controls { margin-top: 5px }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	display: none;
	min-height: 50px;
	background: url(https://www.lge.co.kr/lgekor/asset/css/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	color: #666;
	padding-top: 0px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 3px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: url('https://www.lge.co.kr/lgekor/asset/images/web/common/spliteCommon.png') no-repeat -400px -100px;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	outline: 0;
	margin: 1px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: -450px -100px;
}
.bx-wrapper .bx-pager.bx-default-pager a:focus {border: 1px dotted #eee; margin: 0;}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://www.lge.co.kr/lgekor/asset/css/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.lge.co.kr/lgekor/asset/css/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto > div {display: inline-block;}
.bx-wrapper .bx-controls-auto > .bx-pager {position: relative; width: auto;}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	margin: 1px;
	background: url('https://www.lge.co.kr/lgekor/asset/images/web/common/spliteCommon.png') no-repeat -400px -200px;
	outline: 0;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -450px -200px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	margin: 1px;
	background: url('https://www.lge.co.kr/lgekor/asset/images/web/common/spliteCommon.png') no-repeat -400px -150px;
	outline: 0;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -450px -150px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/*
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
 */
/*
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
 */
.mainSlideWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	position: absolute;
	bottom: 5.46875%;
	text-align: center;
	padding-left: 10px;
}
.mainSlideWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position: relative;}
.mainSlideWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position: relative;}

.mainSlideWrap .bx-wrapper .bx-controls {position: absolute; width: 100%; text-align: center; bottom: 5.46875%; line-height: 0; }
.mainSlideWrap .bx-wrapper .bx-controls > div {position: relative !important; display: inline-block; width: auto;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width : 1200px),
only screen and (max-device-width: 767px) {
	.bx-wrapper .bx-pager { font-size: 6px; line-height: 6px; }
	.hero-products .bx-wrapper .bx-pager { bottom: 3.46875% }
	.bx-wrapper .bx-pager.bx-default-pager a {
		border: 1px solid #666;
		background: #fff;
		width: 4px;
		height: 4px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #dc1e58;
		border: none;
		padding: 1px;
	}
}

/* 슬라이드 페이저 */
.usp_module .slideNew .bx-wrapper img {width:100%;}
.usp_module .slideNew .bx-wrapper .bx-controls {position:relative;height:12px;margin-top:10px;}
.usp_module .slideNew .bx-wrapper .bx-pager {bottom:0;}
.usp_module .slideNew .bx-wrapper .bx-pager .bx-pager-item, .usp_module .slideNew .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin:0 2px;}
.usp_module .slideNew .bx-wrapper .bx-pager.bx-default-pager a {width:9px;height:9px;border:0 none;border-radius:50%;background:#c3c3c5;}
.usp_module .slideNew .bx-wrapper .bx-pager.bx-default-pager a.active {width:19px;height:9px;padding:0;border-radius:9px;background:#dc1e58}
.usp_module .slideNew .dot-thumbs a {display:inline-block;text-indent: -9999px;width:9px;height:9px;border:0 none;border-radius:50%;background:#c3c3c5;margin-top: 10px;}
.usp_module .slideNew .dot-thumbs a.active {width:19px;height:9px;padding:0;border-radius:9px;background:#dc1e58}


.onM {display:none !important}
.onW {display:block !important}
/*********************** responsive ***********************/

section {margin:0 auto 0;position:relative}
section .hero {width:100%}
section .hero img {width:100%;height:auto}
section .hero.h img {height:100%;width:auto}
section.responsive {max-width:1600px}
section.responsive.title {/*padding:100px 0 25px 0;*/ padding:100px 0 0px 0}
section.responsive > section {max-width:1200px;/*padding:0 30px;*/ padding-left:30px;padding-right:30px}
section.responsive.full > section {max-width:1600px;padding:0}
.unit {position:relative}
.layer {position:absolute}
section.afterLine-4c {border-bottom:1px solid #4c4c4c}
section.afterLine-e5 {border-bottom:1px solid #e5e5e5}
section.responsive.devide {}
section.responsive.devide.top {margin-top:4px}
section.responsive.devide.bottom {margin-bottom:4px}

/*list*/
ul.noti {}
ul.noti > li {position:relative;padding-left:15px;line-height:24px}
ul.noti > li:before {content:'-';position:absolute;left:0}
ul.noti.star > li:before {content:'*';top:2px}
ul.noti.refer > li {padding-left:18px}
ul.noti.refer > li:before {content:'*'}
ul.noti.bullet > li:before {content:'';display:block;width:4px;height:4px;top:10px;left:3px;border-radius:50%;background:#747474}
ul.noti.comm li {padding-left:0}
ul.noti.comm li:before {content:''}

/*noti*/
ul.noti {}
ul.noti > li {line-height:1.7;font-size:14px}
ul.noti.bullet > li {line-height:1.6}
ul.noti.star > li,
ul.noti.refer > li {margin-bottom:2px;padding-left:12px;line-height:1.6}
ul.noti.star > li:before,
ul.noti.refer > li:before {top:3px}
ul.noti.bullet li:before {top:11px}
section.noti-box {padding:40px 0;background:#f9f9fb}
ul.noti.modi {margin-top:20px}
ul.noti.modi li {margin-bottom:0;font-size:14px;line-height:1.6}

/* layout*/
section.responsive .layout {text-align:center;padding-top:70px;padding-bottom:70px}
section.responsive .layout > * {display:block;text-align:center}
section.responsive .layout > .imgtxt {text-align:center}
section.responsive .layout > .imgtxt img {width:100%;max-width:300px}
section.responsive .layout > .unit {}
section.responsive .layout > .unit img {width:100%}
section.responsive .layout .headCopy {margin-bottom:25px;color:#333333}
section.responsive .layout .subDesc {margin-bottom:10px}
section.responsive .layout.left {}
section.responsive .layout.right {}
section.responsive .layout.reflect {text-align:center;padding-bottom:40px}
section.responsive.full .layout {text-align:center;padding-top:0;padding-bottom:70px}
.web section.responsive.full .layout.ver1 {text-align:center;padding-top:60px;padding-bottom:40px} /* 2016.06.20 추가 */


/* layout-2 */
section.responsive > .layout-2:nth-child(1) {padding-top:75px !important}
section.responsive > .layout-2:last-child {padding-bottom:75px !important}
section.responsive .layout-2.pt0 {padding-top:0 !important}
section.responsive .layout-2.pb0 {padding-bottom:0 !important}
section.responsive .layout-2.p0 {padding:0 !important}
section.responsive .layout-2 {display:table;table-layout:fixed;width:1200px;text-align:right;overflow:hidden}
section.responsive .layout-2.noneFlxed {table-layout:auto !important}
section.responsive .layout-2.small {width:1000px}
section.responsive .layout-2 > .hero {position:relative;z-index:1;display:inline-block;width:auto;vertical-align:middle}
section.responsive .layout-2 > .hero.img-vertical {width:46.4% !important}
section.responsive .layout-2 > .hero.table {width:90%}
section.responsive .layout-2 > .hero.table table.tbl_type_1 tbody th {padding:10px;text-align:center}
section.responsive .layout-2 > .hero:nth-child(1) {float:left}
section.responsive .layout-2 > .layer {position:relative;display:table-cell;vertical-align:middle;text-align:left;z-index:2}
section.responsive .layout-2 > .layer:nth-child(2) {padding-left:30px}
section.responsive .layout-2 > .layer.tar {text-align:right}
section.responsive .layout-2 > .layer.tar > .text {display:inline-block;text-align:left}
section.responsive .layout-2 > .unit h5 {font-weight:normal}
section.responsive .layout-2 > .title {display:block;text-align:center}
section.responsive .layout-2.modi {padding-left:0;padding-right:0} /* 2016-02-05 PSM */
section.responsive .layout-2.modi .hero {float:none;display:table-cell;text-align:center}
section.responsive .layout-2.modi .hero img {width:auto;max-width:100%}
section.responsive .layout-2.modi .layer {position:relative;padding:0 0 0 30px}
section.responsive .layout-2.modi .layer:nth-child(2) {padding-left:60px}
section.responsive .layout-2.modi .layer .bodyCopy {white-space:normal}
section.responsive .layout-2.modi .layer .subDesc {white-space:normal}
section.responsive .layout-2.modi .hero.modiLeft {padding-left:30px;text-align:left}
section.responsive .layout-2.modi .hero.modiRight {padding-right:30px;text-align:right}
section.responsive .layout-2.modi .hero.modiCenter {text-align:center}
section.responsive .layout-2.reflect:nth-child(1) {padding-top:0 !important}
section.responsive .layout-2.reflect:last-child {padding-bottom:0 !important}
section.responsive .layout-2.reflect.mTurn {padding-top:75px !important}
section.responsive .layout-2.diosDesign {padding:70px 0 60px 0}
section.responsive .layout-2.modi .hero .heroBoth {overflow:hidden}
section.responsive .layout-2.modi .hero .heroBoth li {float:left;width:auto;vertical-align:top}
section.responsive .layout-2.modi .hero .heroBoth li:first-child {margin-left:0 !important}
section.responsive .layout-2.modi .hero .heroBoth li .heroImg img {width:auto;max-width:100%}
section.responsive .layout-2.modi .hero .heroBoth li .subDesc {margin:20px 0 0 0;line-height:1.4}
section.responsive.full .layout-2 {width:100%}
section.responsive.full .layout-2 > .layer:nth-child(1) {padding-right:6.5%}
section.responsive.full .layout-2 > .layer:nth-child(2) {padding-left:6.5%}
section.responsive.full .layout-2.modi .layer {padding:0 0 0 230px}
section.responsive.full .layout-2.modi .layer:nth-child(1) {padding-right:30px}
section.responsive.full .layout-2.modi .layer:nth-child(2) {padding-left:60px;padding-right:150px}
section.diosTech {background-color:#d5d8dc}
section.diosTech .layout {padding-bottom:0}
section.diosTech .layout-2.modi {padding:70px 0 60px 0}
section.diosTech .layout-2.modi .hero {width:32%}
section.diosTech .layout-2.modi .layer .bodyCopy {font-size:38px}
section.diosTech hr.dvide {border-top:1px solid #eee}
section.responsive.divBoth .dvide {border:none}
section.responsive.divBoth .divTop .heroBoth li {margin-left:4%;max-width:48%}
section.responsive.divBoth .divBottom .hero {padding-left:12.5%}
section.responsive.divBoth .divBottom .heroBoth li {margin-left:10%;max-width:45%}
section.responsive .layout-2 .more_cont {margin-top:61px;display:block;overflow:hidden}
section.responsive .layout-2 .more_cont .hero {width:20%;float:left}
section.responsive .layout-2 .more_cont .hero img {max-width:100%;width:auto}
section.responsive .layout-2 .more_cont .copies {width:75%;float:left}
section.responsive .layout-2 .more_cont .copies * {white-space:normal}
section.responsive .layout-2 .bx-wrapper .bx-pager {position:relative}
section.responsive .layout-2 .index {position:relative;font-weight:700}
section.responsive .layout-2 .index:before {position:absolute;left:-36px;top:6px;content:'';display:inline-block;width:32px;height:1px;border-bottom:1px solid #b8b8b8}

/*font*/
.headCopy {font-size:46px;font-weight:200;margin-bottom:20px;color:#333333}
.headCopy .impact {display:block;font-size:50px}
.headDesc {font-size:20px;line-height:1.6}
.bodyCopy {font-size:46px;font-weight:200;margin-bottom:20px;white-space:nowrap;color:#333333}
.bodyCopy strong {font-weight:600}
.bodyCopy .shadow01 {text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.subCopy {font-size:30px;font-weight:200;margin-bottom:20px}
.subCopy .big {font-size:36px}
.subCopy .sub {font-size:24px;vertical-align:bottom}
.subCopy .small {font-size:18px;vertical-align:bottom}
.subCopy.impact {font-size:32px}
.subDesc {font-size:20px;line-height:1.6;margin-bottom:20px;white-space:nowrap}
.subDetail {font-size:16px;line-height:1.7}
/* 2017-05-24 */
.subDetail.footnote {font-size:16px;margin-top:22px;line-height:1.5}
.subDetail.footnote > li {font-size:16px}
.subDetail.footnote.left {margin-left:50px;margin-right:50px;text-align:left}
/* // 2017-05-24 */
.subDetail.more-tv {font-size:18px}

/* font 2017-05-24 */
.headCopyN {font-size:60px;font-weight:600;color:#000}
.headDescN {margin:31px auto 60px;font-size:26px;line-height:1.6;color:#000;white-space:nowrap}
.bodyCopyN {font-size:50px;font-weight:600;margin-bottom:20px;white-space:nowrap}
.bodyCopyN strong {font-weight:600}
.bodyCopyN .shadow01 {text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.subDescN {margin-top:25px;font-size:24px;line-height:1.6;margin-bottom:30px;white-space:nowrap}
.index-tit {padding-top:120px;position:relative;display:block}
.index-tit .index {position:absolute;width:20px;font-weight:bold;left:50%;margin-left:-10px;top:46px}
.index-tit .index:after {position:absolute;left:9px;bottom:30px;content:'';display:block;width:1px;height:46px;border-left:1px solid #aaa}
/* // font 2017-05-24*/


/* common */
.usp_module .print-area section.responsive .title {overflow:hidden;}
.usp_module .print-area section.responsive .noti.right {margin-top:20px;text-align:right;}
.usp_module .responsive .info {position:relative;z-index:2;padding:0 20px;text-align:left;white-space:normal;}
.usp_module .responsive .col_half {display:block;position:relative;z-index:1;vertical-align:middle;}
.usp_module .responsive .col_half .img {width:100%;height:auto;}
.usp_module .responsive .col_half + .info {margin-top:30px;}
.usp_module .bodyCopyN, .usp_module .headCopyN {position:relative;}
.usp_module .subDescN {white-space:normal;}
.usp_module .subDetailN {margin-top: -30px;margin-bottom: 60px;font-size: 20px;}
.usp_module .subDetailN.movieSec a {margin: 0 20px;}
.usp_module .layout-2.subLayout .subDescN {white-space:nowrap; line-height:1.6;}
.usp_module .responsive .layout-2.subLayout .img.auto {max-width: 100%;width:auto;}
.usp_module .responsive .layout .notice {margin: 20px 0 0 30px;}
.usp_module .responsive .layout .notice .noti {display:block; text-align:left;line-height: 1.5;}
.usp_module .responsive .layout .notice.notiR {margin: 20px 30px 0 0;}
.usp_module .responsive .layout .notice.notiR .noti {text-align:right;}
.usp_module .responsive .layout .notice.wNotiR {margin: 20px 30px 0 0;}
.usp_module .responsive .layout .notice.wNotiR .noti {text-align:right;}
.usp_module .responsive .layout .notice.center .noti {display:block; text-align:center;line-height: 1.5;}
.usp_module .responsive .layout .notice.right .noti {display:block; text-align:right;line-height: 1.5;}
.usp_module .responsive .layout-2.subLayout {max-width:1600px;width: 100%;/* box-sizing:border-box; */}
.usp_module .responsive .layout-2.subLayout.type1200 {max-width:1200px;}
.usp_module .responsive .layout-2.subLayout .col_half {text-align: center;}
.usp_module .responsive .layout-2.subLayout .col_half.left {text-align: left;}
.usp_module .responsive .layout-2.subLayout .col_half.right {text-align: right;}
.usp_module .responsive .layout-2.subLayout .layer .bodyCopyN {white-space: normal;}
.usp_module .responsive .layout-2.subLayout .idx_l {padding-left:125px;}
.usp_module .responsive .layout-2.subLayout .idx_l .index {left:-125px;}
.usp_module .responsive .layout-2.subLayout .idx_l.noList {padding-left: 20px;}
.usp_module .responsive .layout-2.subLayout .idx_l.wNoList {padding-left: 20px;}
.web .usp_module .responsive .layout-2.subLayout .col_half.wpr0 {padding-right:0;}
.web .usp_module .responsive .info + .col_half.wpl0 {padding-left:0;}
.usp_module .w1900,
.usp_module .responsive.w1900 > section {max-width: 1900px !important;}
.usp_module .headCopyN .sbj,
.usp_module .bodyCopyN .sbj {margin: 0 0 20px 0; font-size: 75%; display:block;}
.usp_module .responsive .letter1 {letter-spacing:-1px;}
.usp_module .responsive .letter2 {letter-spacing:-2px;}
.usp_module .responsive .subLayout ul.noti.star > li, .usp_module .responsive .subLayout ul.noti.refer > li {font-size: 16px;}
.usp_module .responsive .layout-2.subLayout.inSubLayout {width:95%;}
.usp_module .inBody {padding: 50px 120px; box-sizing: border-box; max-width: 1600px;}
.usp_module .inBody .layout-2.subLayout.inSubLayout {width: 100%;}
.mobile .usp_module .responsive .layout .notice.wNotiR {margin: 10px 0 0 0;}
.mobile .usp_module .responsive .layout .notice.wNotiR .noti {text-align: left;}
.mobile .usp_module .responsive .layout .notice.mNotiR {margin: 10px 20px 0 0;}
.mobile .usp_module .responsive .layout .notice.mNotiR .noti {text-align: right;}

/* layout-12 */
.usp_module .responsive .layout-12 {overflow:hidden;position:relative;width:100%;padding:20px 0;table-layout:fixed;text-align:right;}
.usp_module .responsive .layout-12 .more_cont {overflow:hidden;padding:0 150px 0 0;}
.usp_module .responsive .layout-12 .subDescN + .more_cont {margin-top:-20px;}
.usp_module .responsive .layout-12 .more_cont .hero {float:left;width:40px;margin:0 40px 0 0;padding:0;}
.usp_module .responsive .layout-12 .more_cont .txt_desc {overflow:hidden;}
.usp_module .responsive .layout-12 .more_cont .btn_rotate{position:relative; top:0; left:0; width:24px;height:24px;font-size:24px;border:1px solid #000;border-radius:12px; margin: 8px auto 0;}
.usp_module .responsive .layout-12 .more_cont .btn_rotate:after{content:"";display:block;width:12px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0deg);transition: transform 0.5s; background: #000;}
.usp_module .responsive .layout-12 .more_cont .btn_rotate:before {content:"";display:block;width:1px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0deg);transition: transform 0.5s; background: #000;}
.usp_module .responsive .layout-12 .more_cont .btn_rotate.rotate_on:after{transform:translate(-50%, -50%) rotate(-135deg);}
.usp_module .responsive .layout-12 .more_cont .btn_rotate.rotate_on:before{transform:translate(-50%, -50%) rotate(225deg);}
.usp_module .responsive .layout-12 .more_cont .copies {display:block;width:100%;font-size:18px;}
.usp_module .responsive .layout-12 .more_cont .copies * {white-space: normal;}
.usp_module .responsive .layout-12 .more_cont .copies strong {display:inline-block;margin:0 auto 10px;padding:0;font-weight:700;text-align:center;}
.mobile .usp_module .responsive .layout-12 .more_cont {overflow:hidden;padding:0 20px;}
.mobile .usp_module .responsive .layout-12 .subDescN + .more_cont {margin-top:-20px;}
.mobile .usp_module .responsive .layout-12 .more_cont .hero {float:none;width:64px;margin:0 auto 20px;}
.mobile .usp_module .responsive .layout-12 .more_cont .btn_rotate{position:relative; top:0; left:0; width:24px;height:24px;font-size:24px;border:1px solid #000;border-radius:12px; margin: 8px auto 0;}
.mobile .usp_module .responsive .layout-12 .more_cont .btn_rotate:after{content:"";display:block;width:12px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0deg);transition: transform 0.5s; background: #000;}
.mobile .usp_module .responsive .layout-12 .more_cont .btn_rotate:before {content:"";display:block;width:1px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0deg);transition: transform 0.5s; background: #000;}
.mobile .usp_module .responsive .layout-12 .more_cont .btn_rotate.rotate_on:after{transform:translate(-50%, -50%) rotate(-135deg);}
.mobile .usp_module .responsive .layout-12 .more_cont .btn_rotate.rotate_on:before{transform:translate(-50%, -50%) rotate(225deg);}
.mobile .usp_module .responsive .layout-12 .more_cont .copies {display:none;width:100%;}
.mobile .usp_module .responsive .layout-12 .more_cont .copies * {white-space: normal;}
.mobile .usp_module .responsive .layout-12 .more_cont .copies strong {display:inline-block;margin:0 auto 20px;padding:0;font-weight:700;text-align:center;}

.usp_module .responsive .bnr_slide .hero {width:50%;margin:0 auto;padding-left:20px;}
.usp_module .responsive .layout-13 {padding:20px 0;}
.usp_module .responsive .layout-14 {padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position: relative;}
.usp_module .responsive .layout-14.slide .prev {display:block;left: 10px;}
.usp_module .responsive .layout-14.slide .next {display:block;right: 10px;}
.mobile .usp_module .responsive .layout-14 .info {overflow:hidden;position:static;text-align:center;}
.mobile .usp_module .responsive .layout-14 .hero {margin:10px auto;padding:0;}
.mobile .usp_module .responsive .layout-14 .bnr_slide {padding-bottom:25%;}
.mobile .usp_module .responsive .layout-14 .info .subDescN {position:absolute;bottom:15px;left:0;width:100%;height:48px;margin-bottom:0;}
.mobile .usp_module .responsive .layout-14 .info .bodyCopyN {display:table;width:100%;height:70px;text-align:center;}
.mobile .usp_module .responsive .layout-14 .info .bodyCopyN strong {display:table-cell;vertical-align:middle;text-align:center;}

.mobile .usp_module .responsive .layout-14.slideBeauty .info .subDescN {
	top: 200px;
}
.mobile .usp_module .responsive .layout-14.slideBeauty .info .noti {top: 260px;}




@media screen and (max-width:767px) {
  .onM {display:block !important}
  .onW {display:none !important}

}


/* 768px 부터 */
@media only screen and (min-width:768px) {
	.usp_module .responsive .info {padding:0 70px;-webkit-box-sizing:border-box;box-sizing:border-box;}

	.usp_module .print-area section.responsive .idx_t {position:relative;padding-top:110px;}
	.usp_module .print-area section.responsive .idx_t .index {position: absolute;top:-60px;width: 45px;margin-left:-22px;}
	.usp_module .print-area section.responsive .idx_t .index:after {display:block;position:absolute;left:50%;bottom:30px;width:1px;height:46px;margin-left:-1px;border-left:1px solid #aaa;content:"";}
	.usp_module .print-area section.responsive .idx_l .index {top:12px;left:-60px;}

	.usp_module .print-area section.responsive .banner-1 {width:100%;}
	.usp_module .print-area section.responsive .layout-15 .idx_l .index {display:none;}

	.usp_module .bodyCopyN {font-size:30px;}
	.usp_module .subDescN {margin:10px 0 60px;line-height:1.5;}

	.usp_module .responsive .layout .info .subDescN {margin-bottom:0;}
	.usp_module .responsive .layout-12 .subDescN {margin-bottom:60px;}
	.usp_module .uspCollpase .responsive .info .subDescN {margin-bottom: 0;}
	.usp_module .uspCollpase .responsive .info .subDescN + .noti {margin-top: 10px;}

	.usp_module .responsive .info.onM + .col_half {padding-right:70px;}
	.usp_module .responsive .layout-12 .more_cont {padding:0 150px 0 0;}

	.usp_module .responsive .layout-12 .subDescN {margin-bottom:60px;}

	.usp_module .responsive .info {display:table-cell;width:50%;padding:0 0 0 60px;vertical-align:middle;}
	.usp_module .responsive .info + .col_half {padding-left:70px;padding-right:0;}
	.usp_module .responsive .info.onM + .col_half {padding-right:70px;padding-left:0;}

	.usp_module .responsive .col_half {display:table-cell;width:50%;padding-right:70px;vertical-align:middle;}
	.usp_module .responsive.inBody .col_half {width:60%;}
	.usp_module .responsive .subLayout.beautyLayout .col_half {padding-right: 0;}

	.usp_module .responsive .col_half + .info {padding-left:70px;}
	.usp_module .responsive .bnr_slide {max-width:1200px;margin:0 auto;padding:20px 60px;}
	.usp_module .responsive .bnr_slide .info {display:block;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.usp_module .responsive .bnr_slide .unit {width:50%;margin-bottom:50px;padding:0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.usp_module .responsive .bnr_slide .hero {position:absolute;top:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;}
	.usp_module .responsive .bnr_slide .hero .img {width:auto;}
	.usp_module .responsive .layout-12 {display:table;padding:75px 0;}
	.usp_module .responsive .layout-12 .more_cont {padding:0}
	.usp_module .responsive .layout-12 .more_cont .copies {display:block;font-size:18px;}
	.usp_module .responsive .layout-12 .more_cont .hero {float:left;width:64px;margin:0 40px 0 0;padding:0;}
	.usp_module .responsive .layout-12 .more_cont .txt_desc {overflow:hidden;}
	.usp_module .responsive .layout-12 .more_cont .copies strong {margin-bottom:10px;}
	.usp_module .print-area section.responsive .layout-15.section_title {text-align:center;}
	.usp_module .print-area section.responsive .layout-15.slide {padding:0 60px;}
	.usp_module .print-area section.responsive .layout-15 .banner-1 {display:block;max-width:1200px;margin:0 auto;}
	.usp_module .print-area section.responsive .layout-15 .slideUl.module li .banner-1 .unit {width:60% !important;margin:0;}
	.usp_module .print-area section.responsive .layout-15 .slideUl.module li .banner-1 .hero {width:39% !important;max-width:100%;text-align:left;}
	.usp_module .print-area section.responsive .layout-15 .slideUl.module li .banner-1 .hero .inner {}
	.usp_module .print-area section.responsive .layout-15 .slideUl.module li .banner-1 .hero img {max-width:100%;width:auto !important;}
	.usp_module .print-area section.responsive .layout-15 .slideUl.module li .banner-1.reverse .unit {width:60% !important;margin:0;}
	.usp_module .print-area section.responsive .layout-15 .slideUl.module li .banner-1.reverse .hero {width:39% !important;max-width:100%;text-align:right;}
	.usp_module .print-area section.responsive .layout-15 .idx_l {padding:0;}
	.usp_module .responsive .layout-13 .bnr_slide {padding:0;}
	.usp_module .responsive .layout-13 .bnr_slide .hero {padding-right:60px;}
	.usp_module .responsive .layout-14 {padding:75px 0;}
	.usp_module .responsive .layout-14 .bnr_slide .subDescN {margin-bottom:0;}
	.usp_module .responsive .layout-14 .bnr_slide .info {display:inline-block;width:54%;padding-left:5%;}
	.usp_module .responsive .layout-14 .bnr_slide .hero {display:inline-block;position:static;width:35%;margin:10px 0 0 8%;padding:0;vertical-align:middle;}
	/*170629 수정*/
	.usp_module .responsive .layout-14.layout_reset .bnr_slide .subDescN {white-space: nowrap;line-height: 1.6;margin: 10px 0 60px;}
	.usp_module .responsive .layout-14.layout_reset .bnr_slide .info{ width: 60%;}
	.usp_module .responsive .layout-14.layout_reset .bnr_slide .hero{width: 29%;}

	.web .img_txt_wrap {position:absolute;left:0;bottom:45px;width:100%;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
	.web .img_txt_wrap .tit {display:block;margin-bottom:10px;}

	.web .layout-16.slide .banner-1 {padding:30px 60px !important;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
	.web .layout-16.slide .banner-1 .hero {text-align:left;}
	.web .layout-16.slide .banner-1 .unit {width:70% !important;}

	#usp_add_info .add_info_tit .tit{margin-top:120px;font-size:40px;}
	#usp_add_info .add_info_tit .txt{font-size:18px;}
	#usp_add_info .info_list_wrap .list:nth-child(even) .text_box{margin-right:4%;}
	#usp_add_info .info_list_wrap .list:nth-child(even) .img_info{margin-left:4%;}
	#usp_add_info .info_list_wrap .list:nth-child(odd) .text_box{margin-left:4%;}
	#usp_add_info .info_list_wrap .list:nth-child(odd) .img_info{margin-right:4%;}
	#usp_add_info .info_list_wrap .text_box .tit{font-size:40px;}
	#usp_add_info .info_list_wrap .text_box .txt{margin-top:18px;font-size:18px;}
}
/* 1200px 부터 */
@media only screen and (min-width:861px) {

	.usp_module .bodyCopyN {font-size:40px;}
	.usp_module .subDescN {margin-top:30px;line-height:2;}
	.usp_module .uspCollpase .bodyCopyN {font-size: 35px;}
	.usp_module .bodyCopyN2 {font-size: 35px; font-weight: 600; white-space: nowrap; position: relative;}
	.usp_module .uspCollpase .contentBody .bodyCopyN2 {font-size: 28px;}
}
/* 1200px 부터 */
@media only screen and (min-width:1200px) {

	.usp_module .bodyCopyN {font-size:50px;}
	.usp_module .bodyCopyN2 {font-size:46px; font-weight: 600; white-space: nowrap; position: relative;}
	.usp_module .uspCollpase .bodyCopyN,
	.usp_module .uspCollpase .bodyCopyN2 {font-size: 38px;}
	.usp_module .uspCollpase .contentHead .bodyCopyN,
	.usp_module .uspCollpase .contentHead .bodyCopyN2 {font-size: 46px;}
	.usp_module .uspCollpase .contentBody .bodyCopyN,
	.usp_module .uspCollpase .contentBody .bodyCopyN2 {font-size: 38px;}
	.usp_module .slideNew .dot-thumbs a,
	.usp_module .slideNew .bx-wrapper .bx-pager.bx-default-pager a {width:14px;height:14px;}
	.usp_module .slideNew .dot-thumbs a.active,
	.usp_module .slideNew .bx-wrapper .bx-pager.bx-default-pager a.active {width:30px;height:14px;}

	.usp_module .print-area section.responsive .idx_l {padding-left:234px;}
	.usp_module .print-area section.responsive .idx_l .index {left:-125px;}
	.usp_module .print-area section.responsive .idx_l .index:before {width:45px;}

	.usp_module .responsive .info {padding:0;}
	.usp_module .responsive .info + .col_half {padding-left:100px;}
	.usp_module .responsive .info.onM + .col_half {padding-left:0;}
	.usp_module .responsive .col_half + .info {padding-left:230px;}
	.usp_module .print-area section.responsive .layout {padding:75px 0}
	/*.usp_module .print-area section.responsive .reverse {display:block;overflow:hidden;}
	.usp_module .print-area section.responsive .reverse .info {display:block;float:right;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.usp_module .print-area section.responsive .reverse .info:before {display:inline-block;width:1px;margin-left:-1px;padding:39% 0;vertical-align:middle;content:"";}
	.usp_module .print-area section.responsive .reverse .inner {display:inline-block;vertical-align:middle;}
	.usp_module .print-area section.responsive .reverse .col_half {display:block;float:left;padding:0 100px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;}*/
	.usp_module .responsive .bnr_slide {max-width:1200px;margin:0 auto;padding:20px 0;}
	.usp_module .responsive .bnr_slide .info {display:block;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.usp_module .responsive .bnr_slide .info.idx_l {padding-left:0;}
	.usp_module .responsive .bnr_slide .unit {width:50%;margin-bottom:50px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.usp_module .responsive .bnr_slide .hero {position:absolute;top:0;right:0;width:49%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;}
	.usp_module .responsive .bnr_slide .hero .img {}
	.usp_module .responsive .layout-13 {padding:75px 0;}
	.usp_module .responsive .layout-13 .bnr_slide {padding:0;}
	.usp_module .responsive .layout-13 .bnr_slide .hero {padding-right:0;}
	.usp_module .responsive .layout-13 .bnr_slide .info {padding:0;}
	.usp_module .responsive .layout-14 .info {overflow:hidden;width:54%;text-align:left;}
	.usp_module .print-area #usp_add_info section.responsive .layout-2 {overflow:visible;}
	.usp_module .print-area #usp_add_info section.responsive .layout-2 .idx_l {padding-left:0;}
	.usp_module .print-area #usp_add_info section.responsive .layout-2.subLayout .idx_l {padding-left:125px;}
	.usp_module .print-area #usp_add_info section.responsive .layout-2 .idx_l .index {top:8px;left:-125px;}
	.usp_module .print-area #usp_add_info section.responsive .layout-2 .idx_l .index:before {left:-56px;}
	.usp_module .print-area section.responsive .layout-15.layout-15 .idx_l {padding:0;}
	.usp_module .print-area section.responsive .layout-15 .banner-1.reverse {text-align:left}
	.usp_module .print-area section.responsive .layout-15.slide .prev {left:0;}
	.usp_module .print-area section.responsive .layout-15.slide .next {right:0;}

	.web .img_txt_wrap {bottom:80px;font-size:22px;}

	/* visual diff css */
	.visual_diff .twentytwenty-horizontal .twentytwenty-handle:before{margin-bottom:48px;}
	.visual_diff .twentytwenty-horizontal .twentytwenty-handle:after{margin-top:48px;}
	.visual_diff .twentytwenty-handle{width:90px;height:90px;margin-left:-45px;margin-top:-85px;border-radius:45px;background:#fff url('/lgekor/asset/images/usp/tv/be_af_handle_arrow.png') no-repeat center;background-size:50px auto}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1200px), only screen and (max-device-width: 767px) {
	.usp_module .subDetailN {font-size: 15px;}
}

@media (max-width: 1199px) and (min-device-width: 768px){

	/********* 냉장고 인터랙션 ********/
	.amount-counter {font-size: 40px;}
	.amount-chart .date {font-size: 24px; top: 18%;}
	.amount-counter small {font-size: 28px;}
	.usp_module .subDetailN {font-size: 16px;}
	.usp_module .responsive .subLayout.beautyLayout .idx_l {padding-left: 75px;}
	.usp_module .responsive .subLayout.beautyLayout .idx_l .index {left: -60px;}
	.usp_module .print-area section.responsive .beautyLayer .layerInner .hero {width: 100%;}
	.usp_module .print-area section.responsive .layer.beautyLayer {
		left: 70%;
		max-width: 243px;
		width: 100%;
	}
	.usp_module .print-area section.responsive .beautyLayer .layerInner .unit .bodyCopy {font-size: 18px !important;}

	/* subVisual */
	.subKeyVisual .title {order: 1; padding: 0 4% 0 8%;}
	.subKeyVisual.order2 .title {order: 2; padding: 0 8% 0 4%;}
	.subKeyVisual .title .bodyCopyN {font-size: 30px;}
	.subKeyVisual .title ul.noti.refer > li {font-size: 14px;}
	.subKeyVisual .unit {max-width: 40%;}
}

@media only screen and (max-device-width:767px) {
	.btn-play.btn-module {top: 69%;}
	.usp_module .responsive.w1900 .layout > * {padding: 0;}
	.usp_module .responsive .subLayout .subDescN {margin:10px 0 20px;white-space:normal; }
	.usp_module .responsive .layout-2.subLayout {display: box !important;-moz-box-orient: vertical;-webkit-box-orient: vertical;box-orient: vertical;}
	.usp_module .responsive .layout-2.subLayout .info {-moz-box-ordinal-group: 1;-webkit-box-ordinal-group: 1;box-ordinal-group: 1;}
	.usp_module .responsive .layout-2.centerType.subLayout .info .bodyCopyN, .usp_module .responsive .layout-2.centerType.subLayout .info .bodyCopyN2{text-align:center;}
	.usp_module .responsive .layout-2.centerType.subLayout .info .headDescN, .usp_module .responsive .layout-2.centerType.subLayout .info .subDescN{text-align:center;margin:12px auto 20px;}
	.usp_module .responsive .layout-2.centerType.subLayout .info .txt2{text-align:center;}
	
	.usp_module .responsive .layout-2.subLayout .col_half {padding: 0 20px;-moz-box-ordinal-group: 2;-webkit-box-ordinal-group: 2;box-ordinal-group: 2; margin-top: 20px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    order: 2;
  }
	.usp_module .responsive .layout-2.subLayout .link-box {margin-left:0;}
	.usp_module .responsive .layout-2.subLayout .link-box .subDesc {padding: 0;}
	.usp_module .responsive .layout-2.subLayout .col_half + .info {margin-top: 0;}
	.usp_module .responsive .layout-2.subLayout .idx_l {padding:0 20px 0 75px;}
	.usp_module .responsive .layout-2.subLayout .idx_l.mNoList {padding:0 20px 0 20px;}
	.usp_module .responsive .layout-2.centerType.subLayout .idx_l {padding:50px 20px 0;}
	.usp_module .responsive .layout-2.centerType.subLayout .idx_l .index {left:50%;top:-50px;}
	.usp_module .responsive .layout-2.centerType.subLayout .idx_l .index:before{display:block;width:1px;height:23px;border-bottom:none;border-left:1px solid #b8b8b8;margin:0 5px;}
	.usp_module .responsive .layout-2.subLayout .idx_l .index{left:-50px}
	.usp_module .responsive .layout-2.subLayout .idx_l .bodyCopyN2 .index {left:20px}
	.usp_module .responsive .layout-2.subLayout .idx_l.mNoList .index{left:-50px}
	.usp_module .responsive .layout-2.subLayout ul.notii, .usp_module .responsive .layout-2.subLayout ul.noti {padding:0;}
	.usp_module .responsive .layout-2.subLayout ul.noti.star > li, .usp_module .responsive .layout-2.subLayout ul.noti.refer > li {font-size:12px;}

	.mobile .usp_module .responsive .layout-14 .info .subDescN {position: absolute; top: 226px; left: 0; width: 100%; height: 48px; margin-bottom: 0;}
	.mobile .usp_module .responsive .layout-14 .info .noti {position: absolute; top: 292px; left: 0; width: 100%; height: 48px; margin-bottom: 0; padding: 5px 20px 0 0;}
	.mobile .usp_module .responsive .layout-14 .bnr_slide {padding-bottom:45%}
	.mobile .usp_module .subDetailN.movieSec {margin-top: 30px;}
	.mobile .usp_module .subDetailN.movieSec a {margin-top: 20px; display: block}
	.mobile .usp_module .print-area section.responsive .beautyLayer .layerInner .unit .bodyCopy {
		margin-top: 5%;
		margin-bottom: 15%;
		font-size: 15px !important;
	}

	/********* slide type2 2019-10-08 추가  ********/
	.usp_module .responsive .layout-14.slideVer2 .bnr_slide {padding: 0;}
	.usp_module .responsive .layout-14.slideVer2 .info .bodyCopyN {height: auto;}
	.usp_module .responsive .layout-14.slideVer2 .info .bodyCopyN,
	.usp_module .responsive .layout-14.slideVer2 .info .subDescN {word-break: keep-all;}
	.usp_module .responsive .layout-14.slideVer2 .bnr_slide .subDescN {line-height: 1.5; position: static;}
	.usp_module .responsive .layout-14.slideVer2 .hero {width: 75%;}
	.usp_module .responsive .layout-14.slideVer2 .bnr_slide .discrimer li {text-align: center;}

	/********* 냉장고 인터랙션 ********/
	section.responsive .layout > .unit em[class^="num0810"] {zoom:0.3;margin-left:-3%;}
	.showHide .knockBtn.btn {right:24.5%;top:58%; width: 15px; height:15px;padding:10px;}
	.showHide .knockBtn.btn:before,
	.showHide .knockBtn.btn:after {content:'';margin-left: -19px;margin-top: -19px;}
	.fadeCount.auto {min-height:100%;}
	.fadeCount.auto li {right: 20px; left: 20px;}
	.fadeCount li {top:0;}
	.showhideBox {position: absolute; right:17.5%; bottom:0;z-index:5;width:25%;}
	.fadeCount.camera li {right: 17%; bottom: 0; width: 29.5%; left: inherit;}
	section.responsive .layout-11 .slideUl li .visual {width: 37.8%;position: absolute;top: 5.6%;left: 11.8%;}
	section.responsive .layout-11 .slideUl li .visual.stiker {width: 29%; position: absolute; top: 8%; left: 15.3%;}
	.amount-chart{top:11%; }
	.amount-counter {top: 58%;font-size: 26px;}
	.amount-chart .date {font-size: 16px; top: 25%;}
	.amount-counter small {font-size: 18px;}
	.amount-chart {width:25%;top:13%; left:14%;}
	.amount-chart + .amount-chart {left: 58%;}
	.freshFilter {position: absolute; top: 7.6%; left: 48%; width: 25.5%;z-index: 5;}
	.usp_module .print-area section.responsive .beautyLayer {position: static;}

	/* subVisual */
	section.responsive.full > .subKeyVisual {flex-direction: column; padding: 8vw 0;}
	.subKeyVisual .title,
	.subKeyVisual.order2 .title {order: 1; padding: 0 20px; text-align: center;}
	.subKeyVisual .unit {max-width: 100%;}
	.subKeyVisual .unit,
	.subKeyVisual.order2 .unit {order: 2; padding: 8vw 20px 0 20px;}
	.subKeyVisual .title .bodyCopyN {font-size: 27px; line-height: 1.3; text-align:center;}
	.subKeyVisual .title .subDescN {line-height: 1.3; text-align:center;white-space: normal;}

	/* collapsible */
	.usp_module .bodyCopyN2 {font-size:21px; font-weight: 600;}
	.usp_module .uspCollpase .responsive .layout-2.subLayout .idx_l {padding: 0 20px 0 75px;}
	.usp_module .uspCollpase .responsive .layout-2.subLayout.centerType .idx_l{padding:30px 20px 0;}
	.usp_module .responsive .layout-2.subLayout.centerType .idx_l .bodyCopyN2 .index{left:50%;top:-20px;text-align:left;}
	.usp_module .responsive .contentBody .layout-2.centerType.subLayout .idx_l .index:before{height:18px;}
	.usp_module .uspCollpase .responsive .layout-2.subLayout .idx_l.wNoList {padding: 0 20px 0 75px;}
	.usp_module .uspCollpase .responsive .layout-2.subLayout .idx_l.mNoList {padding: 0 20px 0 20px;}
	.btn_collapse_more {font-size: 15px;}
	.btn_collapse_more a > em {text-align: center; width: 16px; height: 16px; text-indent: -1px;}
	.usp_module .responsive .wideLayout .bnr_slide .info {width: 100%; margin: 0; padding: 0; text-align: center;}
	.usp_module .responsive .wideLayout .bnr_slide .hero {width: 60%;}
	.sliderPage {position: relative; margin: 20px 0 0 0;}
	.sliderPage:after {position: absolute; top: 0; right: 0; width: 10vw; height: 100%; opacity: 1; transition: opacity 0.5s; content: ''; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 100%);}
	.sliderPage .sliderBody {margin: 0; border-bottom: 1px solid #c6c6c6; box-shadow: 0px 5px 10px 0px rgba(198,198,198,0.3);}
	.sliderBody .uspCollpase.swiper-slide .contentHead {border: 0;}
	.sliderBody .uspCollpase.swiper-slide .contentHead + .btn_collapse_more {padding-top: 0;}
	.sliderPage .sliderBody .uspCollpase.swiper-slide .contentBox {visibility: hidden; display: none;} 
	.sliderPage.foldBody .sliderBody .uspCollpase.swiper-slide .contentBox {visibility: visible; display: block;} /* 2019-06-20 수정 */
	.sliderPage.foldBody .sliderBody .uspCollpase.swiper-slide .contentBody {visibility: hidden; display: none;}
	.usp_module .sliderPage section.responsive .idx_t .bodyCopyN2 .index {top: 20px;}
	.sliderPage .sliderBody .contentHead .bodyCopyN,
	.sliderPage .sliderBody .contentHead .bodyCopyN2 {font-size: 21px;}
	.sliderPage .sliderBody .contentBody .bodyCopyN,
	.sliderPage .sliderBody .contentBody .bodyCopyN2 {font-size: 18px;}
	.sliderPage .sliderBody .txt2 {font-size:12px;}
	.sliderPage .sliderBody .contentHead.headOnly .btn_collapse_more{display:block;}
	.sliderBody .uspCollpase.swiper-slide .contentBody {display: block; padding: 0;}
	.sliderBody .uspCollpase.swiper-slide .subLayout .subTitle > img {max-width: 25%;}
	.sliderPage .swiper-button-prev, .swiper-button-next {width: 20px; height: 36px; background-size: 20px 36px; margin-top: 10px;}
	.sliderPage .uspCollpase .btn_collapse_more {position: relative; text-align: center; -webkit-box-ordinal-group: 1; box-ordinal-group: 1; margin: 0; padding: 20px 0; }
	.sliderPage .uspCollpase .btn_collapse_more .moreImg {border: 0;}
	.sliderPage .uspCollpase .btn_collapse_more .moreImg > img {width: auto; width: 122px;}
	.sliderPage .uspCollpase .close {position: static; text-align: center; padding: 20px 0; margin-left: 0;}
	.sliderPage .swipeTip {display: none; position: fixed; top: 50%; left: 50%; margin: -72px 0 0 -127px; z-index: 50;}
	.sliderPage .swipeTip img {width: 255px;}
	.sliderPage .swipeTip.on {display: block;}
	.sliderPage .uspCollpase .contentBox .close img {width: 122px;}
	.sliderNav {position: relative;}
	.sliderNav figure {position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 5px;} 
	.sliderNav figure .thumb {display: inline-block; width: 100%; padding: 0 4vw; border-right: 1px solid #d5d5d5; box-sizing: border-box;}
	.sliderNav figure .thumb > img {width: 85px; height: 75px;}
	.sliderNav .swiper-slide:last-child figure .thumb {border-right: 0;}
	.sliderNav figure > img {display: inline-block;}
	.sliderNav figure:before {content: ''; position: absolute; bottom: 7px; left: 50%; background: #d5d5d5; color: #d5d5d5; width: 70%; max-width: 110px; height: 4px; text-align: center; transform: translateX(-50%);}
	.sliderNav figure img {max-width: 100%;}
	.sliderNav figure figcaption {text-align: center; margin: 10px 3vw; width: 100%; overflow: hidden;}
	.sliderNav figure figcaption .title {font-size: 16px; font-weight: 800; color: #000; width: 100%; word-wrap:break-word;}
	.sliderNav figure figcaption .title.line_two{padding:9.5px 0;}/*한줄 타이틀 높이가 넓어질때 클래스 추가*/
	.sliderNav .swiper-slide-active figure figcaption .title {color: #c61a52;}
	.sliderNav .swiper-slide-active figure:before {background: #db1e58; color: #c61a52; animation: bar 0.5s forwards;}
	.sliderNav .swiper-slide-active figure:after {
		display:inline-block; width:0; height:0; border-style:solid; border-width:6px; transition-delay: 2s;
		content: ''; position: absolute; bottom: -5px; left: 50%; border-color:#db1e58 transparent transparent transparent; transform: translateX(-50%);
	}
	@keyframes bar {0%{width: 0;}100%{width: 70%;}}
	.sliderNav .swiper-button-prev {position: absolute; left: 2px; top: 15px; z-index: 100; width: 10px; background: url(/lgekor/asset/images/usp/kitchen/btn_img_slider_arrow_m.png) no-repeat center; background-size: 22.5px auto; background-position: 0 0;}
	.sliderNav .swiper-button-next {position: absolute; right: 2px; top: 15px; z-index: 100; width: 10px; background: url(/lgekor/asset/images/usp/kitchen/btn_img_slider_arrow_m.png) no-repeat center; background-size: 22.5px auto; background-position: -12px 0;}
	
	/* google layerpop */
	.mobile #googleAssistant {width: auto}
	.mobile .googleCont {padding: 30px 20px}
	.mobile .googleCont p {font-size: 12px;margin-bottom: 15px}
	.mobile .googleCont p strong {font-size: 16px}
	.mobile .googleCont .google img {width: 80%;}

	/* 에어컨 2019-06-24 추가*/
	.btnConsumerShop {margin: 0 20px;}
	.btnConsumerShop .tip {display: block; font-size: 14px; text-indent: -16px; margin: 0 0 0 20px;}
	.btnConsumerShop .linkBtnRed {margin: 10px 0 10px 20px;}

	/* discrimer 2019-08-21 추가 */
	section.responsive .discrimer {font-size: 12px; margin: 10px 10px 0 10px;}
	section.responsive .discrimer.center {margin: 10px 0 0 0;}
	section.responsive .text .discrimer,
	section.responsive .slideUl .discrimer {margin: 10px 0 0 0;}
	section.responsive .discrimer.f14 {font-size: 14px;}
}

@media (max-width: 480px) and (min-device-width: 200px){
	/********* 냉장고 인터랙션 ********/
	.amount-chart{width:29%; }
	.amount-counter {font-size: 20px;}
	.amount-chart .date {font-size: 13px; top: 25%;}
	.amount-counter small {font-size: 14px;}
}

/**
 * Swiper 3.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: December 13, 2016
 */
 .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  z-index: 10;
  width: 100%;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  /*width: 100%;
  height: 100%;*/
  width: 108px;
  height: 108px;
  display: inline-block;
  cursor: pointer;
}
.swiper-pagination-bullet {

}
.swiper-pagination-bullet:nth-child(1) {
  position: absolute;
  left: 0;
  bottom: 50px;
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_morning_off.png') 0 0 no-repeat !important;
}
.swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_morning_on.png') 0 0 no-repeat !important;
}
.swiper-pagination-bullet:nth-child(2) {
  position: absolute;
  left: 50%;
  bottom: 140px;
  margin-left: -56px;
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_afternoon_off.png') 0 0 no-repeat !important;
}
.swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_afternoon_on.png') 0 0 no-repeat !important;
}
.swiper-pagination-bullet:nth-child(3) {
  position: absolute;
  right: 0;
  bottom: 50px;
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_evening_off.png') 0 0 no-repeat !important;
}
.swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_evening_on.png') 0 0 no-repeat !important;
}
.swiper-container .pagination {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -222px;
  width: 100%;
  max-width: 447px;
  z-index: 5;
}
/*.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  background: url('/uploads/product/media/2016/12/15z970-g.aa7hk/btn_evening_off.png') 0 0 no-repeat !important;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}*/
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  /*background: #007aff;*/
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  /*background: #fff;*/
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  /*background: #000;*/
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  /*width: 100%;*/
  /*height: 100%;*/
  width: 108px;
  height: 108px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
 .swiper-container {
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
  .swiper-slide img {width: 100%;}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}



/* Slide */
/* Slide-bxslide ::Default slide */
.slide {overflow:visible}
.slideF {position:relative}
.slideF ul {}
.slideF ul li {text-align:center}
.slideF ul li img {width:100%}
.slideF.care .bx-wrapper .bx-controls {margin: 0 0 10px 0;}
.slideF.care .bx-wrapper .bx-pager {position: static;}
.slideUl {position:relative;overflow:hidden}
.slideUl > li {position:absolute}
.slideUl > li:first-child {position:relative}
.slide .next {position:absolute;top:50%;margin-top:-21px;right:0.5%;z-index:3}
.slide .next a,
.slide .next button {display:inline-block;width:20px;height:42px;background-position:-100px -50px;font-size: 0;}
.slide .prev {position:absolute;top:50%;margin-top:-21px;left:0.5%;z-index:3}
.slide .prev a,
.slide .prev button {display:inline-block;width:20px;height:42px;background-position:-50px -50px;font-size: 0;}

.slide.type02 {padding:70px 0 70px 0}
.slide.type02 strong {display:block;text-align:center;margin-bottom:20px}
.slide.type02 .slideF {}
.slide.type02 .slideF ul.slideUl {width:100%;overflow:hidden}
.slide.type02 .slideF ul.slideUl > li {/*width:25%;margin:0 0%;float:left;*/}
.slide.type02 .slideF ul.slideUl > li ul {overflow:hidden}
.slide.type02 .slideF ul.slideUl > li ul li {position:relative;width:23%;height:282px;margin:0 1%;float:left;text-align:center}
.slide.type02 .slideF ul.slideUl > li ul li img {display:inline-block !important;width:100%;max-width:220px}
.slide.type02 .slideF ul li .title {display:block;position:absolute;left:0;right:0;bottom:0;font-size:18px;font-weight:200;margin-top:15px}

.slide.type03 {}
.slide.type03 .bx-pager {bottom:20px}
.slide.type03 .bx-wrapper .slideUl li a {display:block}
.slide.type03 .bx-wrapper .slideUl li a .banner-1 {width:100%}
.bg-33 .slide.type03 {padding:0 0 30px 0;color:#fff}
.bg-33 .slide.type03 .bx-wrapper {margin:0 auto}
.bg-33 .slide.type03 .bx-pager {bottom:0px}

.slide.type04 {}
.slide.type04 ul.slideF {}
.slide.type04 ul.slideF li {display:none;text-align:center}
.slide.type04 ul.slideF li.on {display:block}
.slide.type04 ul.slideF li p {margin-top:10px}
.slide.type04 .slideC {}
.slide.type04 .slideC .on {text-decoration:underline}

.prev .bx-prev:focus,
.next .bx-next:focus {outline-color: rgba(0,0,0,0.2); outline-style: dotted; outline-width: 1px;}


/* common */
.print-area section.responsive .title {overflow:hidden;}
.print-area section.responsive .noti.right {margin-top:20px;text-align:right;}
.responsive .info {position:relative;z-index:2;padding:0 20px;text-align:left;white-space:normal;}
.responsive .col_half {display:block;position:relative;z-index:1;vertical-align:middle;}
.responsive .col_half .img {width:100%;height:auto;}
.responsive .col_half + .info {margin-top:30px;}
.bodyCopyN, .headCopyN {position:relative;}
.subDescN {white-space:normal;}
.subDetailN {margin-top: -30px;margin-bottom: 60px;font-size: 20px;}
.subDetailN.movieSec a {margin: 0 20px;}
.layout-2.subLayout .subDescN {white-space:nowrap; line-height:1.6;}
.responsive .layout-2.subLayout .img.auto {max-width: 100%;width:auto;}
.responsive .layout .notice {margin: 20px 0 0 30px;}
.responsive .layout .notice .noti {display:block; text-align:left;line-height: 1.5;}
.responsive .layout .notice.notiR {margin: 20px 30px 0 0;}
.responsive .layout .notice.notiR .noti {text-align:right;}
.responsive .layout .notice.wNotiR {margin: 20px 30px 0 0;}
.responsive .layout .notice.wNotiR .noti {text-align:right;}
.responsive .layout .notice.center .noti {display:block; text-align:center;line-height: 1.5;}
.responsive .layout .notice.right .noti {display:block; text-align:right;line-height: 1.5;}
.responsive .layout-2.subLayout {max-width:1600px; width: 100%; box-sizing:border-box;}
.responsive .layout-2.subLayout.type1200 {max-width:1200px;}
.responsive .layout-2.subLayout .col_half {text-align: center;}
.responsive .layout-2.subLayout .col_half.left {text-align: left;}
.responsive .layout-2.subLayout .col_half.right {text-align: right;}
.responsive .layout-2.subLayout .layer .bodyCopyN {white-space: normal;}
.responsive .layout-2.subLayout .idx_l {padding-left:125px;}
.responsive .layout-2.subLayout .idx_l .index {left:-125px;}
.responsive .layout-2.subLayout .idx_l.noList {padding-left: 20px;}
.responsive .layout-2.subLayout .idx_l.wNoList {padding-left: 20px;}
.web .responsive .layout-2.subLayout .col_half.wpr0 {padding-right:0;}
.web .responsive .info + .col_half.wpl0 {padding-left:0;}
.w1900,
.responsive.w1900 > section {max-width: 1900px !important;}
.headCopyN .sbj,
.bodyCopyN .sbj {margin: 0 0 20px 0; font-size: 75%; display:block;}
.responsive .letter1 {letter-spacing:-1px;}
.responsive .letter2 {letter-spacing:-2px;}
.responsive .subLayout ul.noti.star > li, .responsive .subLayout ul.noti.refer > li {font-size: 16px;}
.responsive .layout-2.subLayout.inSubLayout {width:95%;}
.inBody {padding: 50px 120px; box-sizing: border-box; max-width: 1600px;}
.inBody .layout-2.subLayout.inSubLayout {width: 100%;}
.mobile .responsive .layout .notice.wNotiR {margin: 10px 0 0 0;}
.mobile .responsive .layout .notice.wNotiR .noti {text-align: left;}
.mobile .responsive .layout .notice.mNotiR {margin: 10px 20px 0 0;}
.mobile .responsive .layout .notice.mNotiR .noti {text-align: right;}

/*  */
@media
/* only screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width :1200px), */
only screen and (max-device-width:767px) {
  	/* layout */
	section.responsive .layout {text-align:center;padding:30px 0 10px 0}

	/* 2017-05-24 추가 */
    section.responsive .layout > * {padding:0 20px}
    section.responsive .layout > .unit + .more_cont {margin-top:34px}
    section.responsive .layout > .more_cont {padding:0}
    /* // 2017-05-24 추가 */

	section.responsive .layout > .imgtxt img {width:100%;max-width:200px}
	section.responsive .layout .headCopy {margin-bottom:12px;color:#333333}
	section.responsive .layout .subDesc {margin-bottom:5px}
	section.responsive .layout > .unit img {width:100%}
	section.responsive .layout.reflect {text-align:center;padding-bottom:0}
	section.responsive.full .layout {text-align:center;padding:20px 0 20px 0}
	section.responsive .layout.ver1 .subDesc {padding-top:10px}

	.mobile section.responsive.readerMode .layout.pb0 .unit {padding:3.3% 11% 5% 11% !important}
	.mobile section.responsive.readerMode section.layout.pb0 .unit.vertical {background:url("/uploads/product/media/2016/12/22V270/bg_readerMode.jpg") 0 bottom no-repeat;padding:0 10% !important;height:auto}
	section.responsive.readerMode .layout.pb0 .unit img {width:100%}
	.mobile section.responsive.readerMode .layout-1 .layer.t30p {top:60% !important}
}

/*  */
@media
/* only screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width :1200px), */
only screen and (max-device-width:767px) {
  section.responsive .layout-2 {overflow:hidden;margin:0 !important;padding:20px 0 20px 0 !important;width:100% !important;display:-moz-box !important;display:-webkit-box !important;display:box !important;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical}
}
/*  */
@media
/* only screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width :1200px), */
only screen and (max-device-width:767px) {
  	/*noti-box*/
    .noti-box {position:relative;padding:20px 20px 50px 20px !important;vertical-align:middle;line-height:20px;font-size:13px}
    .noti-box.on {padding:20px !important}
    .noti-box .noti {padding:0}
    .noti-box.on ul {height:20px}
    .noti-box.on ul li {width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .noti-box button.icon {position:absolute;right:25px;bottom:15px;font-size:30px;vertical-align:middle;color:#d80546;z-index:2}
    ul.noti.refer {padding-top:10px}
    ul.noti.star > li,
    ul.noti.refer > li {margin-bottom:0;padding-left:12px;font-size:12px;line-height:1.5}
    ul.noti > li {font-size:12px}
    ul.noti.modi {margin-top:10px;padding-top:0}
    ul.noti.modi li {float:none !important;width:auto !important;margin-bottom:0;padding-left:10px !important;font-size:13px;line-height:1.4}
    ul.noti.bullet li {padding-left:12px}
    ul.noti.bullet li:before {top:6px}
  
    /*responsive*/
    section.responsive {}
    section.responsive > section {padding-left:0;padding-right:0}
    section.responsive.full > section {}
    section.cont {}
    section.responsive.title {padding-top:30px}
}







.electricRange_ver202008 .safety_system .noti {
  margin: 15px 0 0 30px;
}

.electricRange_ver202008 .safety_info {
  margin-top: 100px;
}

.electricRange_ver202008 .safety_info .list_con {
  padding: 35px 20px 0;
  border-bottom: 1px solid #dcdcdc;
}

.electricRange_ver202008 .safety_info .list_con>ul {
  overflow: hidden;
}

.electricRange_ver202008 .safety_info .list_con>ul>li {
  display: table;
  width: 33.3%;
  float: left;
  text-align: left;
  table-layout: fixed;
  margin: 35px 0;
}

.electricRange_ver202008 .safety_info .list_con>ul>li .img_con {
  display: table-cell;
  width: 30%;
}

.electricRange_ver202008 .safety_info .list_con>ul>li .img_con img {
  max-width: 100%;
}

.electricRange_ver202008 .safety_info .list_con>ul>li .txt_con {
  display: table-cell;
  padding-left: 20px;
}

.electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .tit {
  display: block;
  font-size: 28px;
  font-weight: bold;
}

.electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .s_txt {
  display: block;
  margin-top: 25px;
  font-size: 20px;
}

.electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .noti {
  margin-top: 20px;
}

.electricRange_ver202008 .safety_info .layout>.noti {
  margin-top: 20px;
  display: inline-block;
}

@media (max-width: 1399px) and (min-device-width: 1200px) {
  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .tit {
    font-size: 25px;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .s_txt {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1199px) {
  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .tit {
    font-size: 20px;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .s_txt {
    font-size: 14px;
  }
}

@media screen and (max-width:767px) {
  .electricRange_ver202008 .safety_system .title.white .headCopyN {
    color: #333;
  }

  .electricRange_ver202008 .safety_system .title.white .subDescN {
    color: #333;
  }

  .electricRange_ver202008 .safety_system .unit {
    padding: 0;
  }

  .electricRange_ver202008 .safety_system .noti {
    margin: 0;
  }

  .electricRange_ver202008 .safety_info {
    margin: 0;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li {
    width: 100%;
    margin: 2vw 0;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li .img_con {
    width: 20.5vw;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .tit {
    font-size: 3.6vw;
    margin-top: 10px;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .s_txt {
    font-size: 3.3vw;
    margin-top: 10px;
  }

  .electricRange_ver202008 .safety_info .list_con>ul>li .txt_con .noti {
    margin-top: 0;
    padding: 5px 0 0;
  }

  .electricRange_ver202008 .safety_info .layout>.noti {
    margin-top: 0;
  }
}