@charset "utf-8"; 

.onW {display:block !important;}
.onM {display:none !important;}
button {border:none;}
.pt30{padding-top:30px !important;}
.pt0{padding-top:0 !important;}
.pb30{padding-bottom:30px !important;}
.pb20{padding-bottom:20px !important;}
.pb0{padding-bottom:0 !important;}
.mt30{margin-top:30px !important;}
sub, sup { font-size: 80%; }
.sp {display:block; background:url('/kr/images/washing-machines/md08920833/usp/spliteCommon.png') 0 0 no-repeat; overflow:hidden; text-indent:-9999px}
.unit {position:relative}
.layer {position:absolute}
.t20p {top: 20% !important;}
.bg-e9 {background:#e9edf0}
.bg-f2 {background:#f2f5f6}
.c-fff {color:#fff !important}
.sp {display:block; background:url('/kr/images/washing-machines/md08920833/usp/spliteCommon.png') 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
.btn-play {position:absolute; top:50%; left:50%; display:inline-block; width:116px; height:116px; margin:-56px 0 0 -56px; background-position:-150px -50px; opacity:0.8;}
.unit {position:relative;}
ul, ol {list-style:none; padding:0; margin:0;}
.slideUl {overflow:hidden;}
#featureIdx02, #featureIdx03, #featureIdx04, #featureEtc {margin-top:10px}
#featureIdx05 {margin-top:4px;}
.tit-index {display:none;}
.headCopy {font-size:46px; font-weight:400; margin-bottom:20px; color:#333}
.bodyCopy {font-size:44px; font-weight:400; margin-bottom:20px; color:#333; line-height:1.2; letter-spacing:-0.05em;}
.bodyCopy strong {font-weight:600}
.subCopy {font-size:30px; font-weight:200; margin-bottom:20px}
.subDesc {font-size:19px; line-height:1.6; margin-bottom:20px; letter-spacing:-0.05em;}
hr.dvide {display:block; width:100%; max-width:1200px; padding:0; margin:0; border:0; border-top:1px solid #ddd; margin:auto}
hr.dvide.both {margin:75px auto}

section {position:relative; margin:0 auto 0;}
section.responsive {max-width:1600px;}
section.responsive .layout {padding:75px 0;}
section.responsive > section {max-width:1200px; padding-left:30px; padding-right:30px}
section.responsive.full > section {max-width:1600px; padding:0}
section .hero {width:100%;}
section.responsive.full .layout {text-align:center;}
section.responsive .layout > * {display:block; text-align:center}
section.responsive .layout .headCopy {margin-bottom:25px; color:#333}

section.responsive .title.layer {text-align:center; position:absolute; top:7%; left:0; width:100%; color:#fff; z-index:2; box-sizing:border-box;}
section.responsive .title.layer h3 {position:relative; letter-spacing:-2px; font-size:2.8vw; font-weight:400; word-break:keep-all; padding-top:6vw; line-height:1.3; color:#fff;}
section.responsive .title.layer h3:before {content:""; position:absolute; top:0; left:50%; height:5vw; width:1px; background:#fff;}
section.responsive .title.layer h4 {font-size:1.4vw; word-break:keep-all; line-height:1.7; font-weight:200; margin-top:2.3vw;}

/* layout-1 */
section.responsive .layout-1.left > .layer {display:inline-block; width:auto !important; right:auto; margin-left:30px; left:0px; text-align:left}
section.responsive .layout-1.right > .layer {display:inline-block; width:auto !important; left:auto; margin-right:30px; right:0px; text-align:left}
section.responsive .layout-1.modi > .layer {top:73px}
section.responsive.full > .layout-1.left > .layer {left:50%; margin-left:-40%}

/* layout-2 */
section .hero {width:100%}
section .hero img {width:100%; height:auto}
section.responsive .layout-2 {display:table; table-layout:fixed; width:100%; max-width:1200px; text-align:right; overflow:hidden}
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:nth-child(1) {padding-top:75px;}
section.responsive > .layout-2:last-child {padding-bottom:75px;}

ul.subDescL.modi {overflow:hidden; margin-top:40px; padding-top:0; width:auto}
ul.subDescL.modi li {float:left; margin-right:0; text-align:left}
ul.subDescL.modi.ea2 li {margin-left:8%; width:39%}
ul.subDescL.modi.ea3 li {margin-left:5%; width:29%}
ul.subDescL.modi li:first-child {margin-left:0}
ul.subDescL.modi li .thumImg img {width:auto; max-width:100%}
ul.subDescL.modi li .subDesc {margin:10px 0 0 0; line-height:1.4; text-align:center}
ul.subDescL.modi.ea2 li .subDesc > em {color:#d80546}

section.responsive .discrimer {font-size: 16px; margin: 20px 20px 0 20px; text-align: left;}
section.responsive .text .discrimer,
section.responsive .slideUl .discrimer {margin: 10px 0 0 0;}
section.responsive .discrimer li {line-height: 1.5; word-break: keep-all; text-align: left;}
section.responsive .discrimer.star li,
section.responsive .discrimer.dash li {text-indent: -6px; margin-left: 9px;}
section.responsive .discrimer.referMark li {text-indent: -10px; margin-left: 12px;}
section.responsive .discrimer li:before {display: inline-block; margin: 0 5px 0 0;}
section.responsive .discrimer.star li:before {content: "*";}
section.responsive .discrimer.dash li:before {content: "-";}
section.responsive .discrimer.referMark li:before {content: "※";}

section.noti-box {padding:40px 0; background:#f9f9fb;}
.noti {text-align:left}
ul.noti > li {position:relative; padding-left:15px; line-height:1.7; font-size:14px;}
ul.noti.refer > li {margin-bottom:2px; padding-left:12px; line-height:1.6;}
ul.noti.refer > li:before {content:'*'; position:absolute; left:0; top:3px;}
ul.noti.comm li {padding-left:0}

.banner-1 {display:block; padding:25px 0 40px 0 !important; overflow:hidden; width:1200px; margin:auto}
.banner-1 .hero {width:340px; display:inline-block; width:auto !important; max-width:34%; vertical-align:middle}
.banner-1 .hero img {width:100% !important; height:auto !important}
.banner-1 .unit {display:inline-block; width:auto !important; margin-left:0px; max-width:60%; vertical-align:middle; text-align:left; margin-left:80px}
.banner-1 strong.banner-title {font-size:36px; margin:0px 0 13px 0; font-weight:400; display:block}
.banner-1 p.banner-txt {font-size:20px; margin:0; font-weight:200; display:block}
.slide .banner-1 {display:inline-block; text-align:center; padding:15px 0 30px 0 !important}

/* Slide */
.slide {overflow:visible}
.slideF {position:relative}
.slideF ul li {text-align:center}
.slideF ul li img {width:100%}
.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}
.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}

.slide.modi {padding:40px 0}
.slide.modi .banner-1 {padding:0 !important}
.slide.modi .bx-wrapper .bx-controls {position:relative; margin-top:20px}
.slide.modi .bx-wrapper .bx-controls .bx-pager {position:relative; bottom:0}
.slide.modi .bx-wrapper .bx-controls .bx-pager.bx-default-pager a {margin:0}
.slide.modi .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.slide.modi .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin:0 4px}
.slide.modi .bx-wrapper .bx-viewport .banner-1 {padding:0 !important; text-align:left}
.slide.modi .bx-wrapper .bx-viewport .banner-1 .hero {width:32% !important; max-width:32%; margin-left:6%; text-align:center}
.slide.modi .bx-wrapper .bx-viewport .banner-1 .hero img {width:auto !important; max-width:100%}

section.responsive.subLayout .layout {padding-bottom: 40px;}
section.responsive.subLayout .layout-2 .layer {padding-left: 7vw;}
section.responsive .layout-2.zz .layer {width: 39%;}
.noti.aa {padding-left: 5vw;}
.grpGap03 {margin-top: 50px;}

ul.subDescL.modi li {max-width: 210px;}
section.responsive.etc .layout-2 > .hero {padding: 0 0 50px 50px;}

#featureIdx02{padding-bottom:75px;}

.drop-info{text-align:left;margin-top:12px;}
.drop-info.on .btn_drop{display:none}
.drop-info .dropContent{display:none;background:#f4f4f4;padding: 24px;color: #000;}
.drop-info .btn_drop{display:block;position: relative;width: 100%;height: 32px;padding: 7px 13px;max-width: 112px;text-align: center;border-radius:20px;border:1px solid #222;color:#000;font-size: 14px;font-weight:500;cursor:pointer;margin-top:12px;}
.drop-info .btn_drop span{color:#000;-webkit-box-sizing:border-box;box-sizing:border-box}
.drop-info .btn_drop:hover{border-color: #fa263e!important;background-image: linear-gradient(280deg,#fb5a72,#fa263e)!important;}
.drop-info .btn_drop:hover span{color:#fff;}
.drop-info .dropContent .btn_drop{display:block;position: relative;max-width:70px!important;margin-top: 24px;padding:0 0 0 12px !important;    height: 32px;    text-align:left}
.drop-info .dropContent .btn_drop span{line-height:32px;}
.drop-info .dropContent .btn_drop:after {content: '';background-image: url(/lg5-common/images/icons/btn-arr-24x24-black2.svg);background-repeat: no-repeat;background-position: center;transform: rotate(270deg);width: 15px;height: 15px;background-size: 100%;position: absolute;right: 12px;top: 8px;text-align: center;vertical-align: middle;font-weight: 400;    vertical-align: top;}
.drop-info .dropContent .btn_drop:hover:after{background-image: url(/lg5-common/images/icons/btn-arr-24x24-white2.svg);transform: rotate(270deg);}
.drop-info .dropContent strong.tit {display: block;color: #000;margin-top: 30px;padding-bottom: 10px;font-size: 16px;font-weight: 700;line-height: 26px;}
.drop-info .dropContent strong.tit.first {margin-top: 0;}
.drop-info .dropContent .bullet-list{margin-top:0;font-size: 14px;line-height: 24px;color: #000;}
.drop-info .dropContent .bullet-list .b-txt:before{display:none;}



@media only screen and (max-width: 767px) {
    body {font-size:12px; line-height:1.3;}
    .onW {display:none !important;}
    .onM {display:block !important;}    
    .sp {background-size:300px 300px}
    .grpGap03 {margin-top:6px}
    #featureIdx01,#featureIdx02,#featureIdx03,#featureIdx04 {margin-top:0px}
    hr.dvide {width:90%;}
    hr.dvide.both {margin:15px auto}
    .banner-1 {width:100%; overflow:hidden;}
    .mc {text-align:center;}
    .onMC {display:block;text-align:center !important}
    .headCopy {font-size:20px;font-weight:400;margin-bottom:15px;padding:0 20px;color:#000}
    .bodyCopy {font-size:20px;margin-bottom:10px;padding:0 20px;white-space:normal;color:#000}
    .subDesc  {font-size:14px;line-height:1.6;padding:0 20px;margin-bottom:0;white-space:normal}
    .noti {display:block;font-size:14px;padding:5px 20px 0 20px}

    section.responsive > section {padding-left:0;padding-right:0}
    section .hero {width:100%}
	section .hero img {width:100%;height:auto}
    section.responsive .layout {text-align:center;padding:30px 0 10px 0}
    section.responsive .layout .headCopy {margin-bottom:12px;color:#333333}

    section.responsive .title.layer {top:6.8%;}
    section.responsive .title.layer h3 {font-size:7vw; padding-top:16vw;}
    section.responsive .title.layer h3:before {content:""; position:absolute; top:0; left:50%; height:13vw; width:1px; background:#fff;}
    section.responsive .title.layer h4 {font-size:4vw; margin-top:3vw;}

    section.responsive .layout-1 > .layer {text-align:center;left:0 !important;right:0 !important;margin:auto !important;top:30px !important}

    /* layout-2 */
	section.responsive > .layout-2:nth-child(1) {padding-top:30px !important}
	section.responsive > .layout-2:last-child {padding-bottom:30px !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 {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}
	section.responsive .layout-2 > .hero {display:block;width:100% !important;-moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;}
	section.responsive .layout-2 > .hero.slide {padding-bottom:10px}
	section.responsive .layout-2 > .hero.img-vertical {width:90% !important;padding:0 5%}
	section.responsive .layout-2 > .layer {display:block;position:relative;padding:0 !important; white-space:normal;-moz-box-ordinal-group:2;-webkit-box-ordinal-group:2;box-ordinal-group:2;margin:30px 0;width:100%;}
    section.responsive .layout-2 > .layer > * {padding:0 20px}
    section.responsive .layout-2.modi .hero {float:none;display:block;margin:0 auto;width:90% !important;text-align:center}
    section.responsive .discrimer {font-size: 12px; margin: 10px 10px 0 10px;}

    .noti-box {position:relative;padding:20px 20px 50px 20px !important;vertical-align:middle;line-height:20px;font-size:13px}
    .noti-box .noti {padding:0}
    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}    
	
    section.responsive .layout-2>.layer {margin: 0;}
    section.responsive .layout-2>.hero {margin: 0 auto; padding: 0 20px; box-sizing: border-box; width: 100% !important;}
    section.responsive .layout-2.modi .layer {box-ordinal-group: 1; -webkit-box-ordinal-group: 1;}
    section.responsive .layout-2.modi .hero {box-ordinal-group: 2; -webkit-box-ordinal-group: 2;}
    section.responsive .slide.type03 {margin: 0 20px; width: calc(100% - 40px);}
    section.responsive.subLayout .layout {padding-bottom: 0;}
    section.responsive.subLayout .layout-2 {padding-top: 0px !important;}
    section.responsive.subLayout .layout-2 .hero {margin-top: 30px;}
    section.responsive.subLayout .layout .headCopy {margin-bottom: 0;}
    section.responsive.subLayout .layout .headCopy img {width: 24px; height: 6px;}
    section.responsive.subLayout .layout-2 .layer {box-ordinal-group: 1; -webkit-box-ordinal-group: 1;}
    section.responsive.subLayout .layout-2 .hero {box-ordinal-group: 2; -webkit-box-ordinal-group: 2;}
    section.responsive .layout .headCopy,
    section.responsive .layout-2 .bodyCopy,
    section.responsive .layout-2 .subDesc,
    .noti {word-break: keep-all;}
    .noti.aa {padding-left: 0;}
    .mc {text-align: center;}

    #featureIdx02 section.responsive.full>.layout-1.modiLeft .layer,
    #featureIdx02 section.responsive.full>.layout-1.modiLeft .layer .layerTxt {height: calc(100% - 30px);}
    

    section.responsive .layout-2.zz .layer {width:100%;}
    #featureIdx02 section.responsive.full>.layout-1.modiLeft .layer .layerTxt .noti {position: absolute; bottom: 20px;}

    ul.subDescL.modi.ea2 li {width: 45%;}
    ul.subDescL.modi li .thumImg img {width:100%}
	ul.subDescL.modi li .subDesc {margin:10px 0 0 0;padding:0;line-height:1.4;text-align:center}

    .slide .prev, .slide .next {display:none;}
    .slide.modi {width:95%;padding:20px 0 15px 0 !important}
	.slide.modi .banner-1 {padding:0 !important}
	.slide.modi .banner-1 .hero {margin-left:0}
	.slide.modi .banner-1 .unit .banner-title {margin:0 0 10px 0}
	.slide.modi .bx-wrapper .bx-controls {position:relative;margin-top:5px}
	.slide.modi .bx-wrapper .bx-controls .bx-pager {bottom:0 !important}
	.slide.modi .bx-wrapper .bx-controls .bx-pager.bx-default-pager a {margin:0}
	.slide.modi .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
	.slide.modi .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin:0 4px}
	.slide.modi .bx-wrapper .bx-viewport .banner-1 {padding:0 !important}
	.slide.modi .bx-wrapper .bx-viewport .banner-1 .unit {max-width:61%; margin-left:0; padding:0 0 0 3%;vertical-align:middle}
	.slide.modi .bx-wrapper .bx-viewport .banner-1 .hero {margin-left:0;vertical-align:middle}
	.slide.modi .bx-wrapper .bx-pager,
	.slide.modi .bx-wrapper .bx-controls-auto {position:relative}
	.slide.modi .bx-wrapper .bx-viewport .banner-1 strong.banner-title {margin-top:0}
	.slide.modi .bx-wrapper .bx-viewport .banner-1 p.banner-txt {padding-right:0}
	.slide.hWide {padding:20px 0 15px 0 !important}
	.slide.modi .bx-wrapper .bx-viewport .banner-1 .unit .icon img {width:15%}

    .banner-1 strong.banner-title {font-size:16px;margin:5px 0 10px 0;font-weight:400;display:block}
    .banner-1 p.banner-txt {font-size:12px !important;margin:0;font-weight:400;display:block;padding:0 20px 0 0;}
    .slideF {margin-bottom:10px;}
    .slideF .bx-wrapper .bx-controls {position:absolute;bottom:0;left:0;width:100%;margin:5px 0;}
    .slideF .bx-wrapper .bx-controls .bx-pager {position:static;}
    .slideF .bx-wrapper .bx-pager .bx-pager-item, .slideF .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin:0 2px;}
    .slideF .bx-wrapper .bx-pager.bx-default-pager a {border-radius:6px;background-color:#ddd;border-color:#ddd; box-sizing:content-box;}
    .slideF .bx-wrapper .bx-pager.bx-default-pager a.active {width:20px;background-color:#dc1e58;}

    section.responsive .layout-2.zz>.hero:nth-child(1) {float: none;}
    section.responsive.etc .layout-2 > .hero {padding:0 0 20px 0}

    #featureIdx02{padding-bottom:30px;}

    .drop-info{padding: 0 16px !important;}
    .drop-info .dropContent strong.tit{font-size:14px;}
    .drop-info .dropContent .bullet-list{font-size:12px;margin-top:0;}
    .drop-info .btn_drop{font-size:12px;}
}
                                                      
@media only screen and (min-width: 1900px) {
    section.responsive .title.layer h3 {font-size:54px;}
    section.responsive .title.layer h4 {font-size:27px;}
}

/* bxslider */
.bx-wrapper {position:relative; margin:0 auto 0; padding:0; *zoom:1; z-index:2;}
.bx-wrapper img {max-width:100%; display:inline-block;}
.bx-wrapper .bx-viewport {-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%;}
.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('/kr/images/washing-machines/md08920833/usp/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;}
.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;}
.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('/kr/images/washing-machines/md08920833/usp/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('/kr/images/washing-machines/md08920833/usp/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;}
@media only screen and (max-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;}
}