/*s:css1*/ @charset "euc-kr"; @media print{ #headerWrap,#footerWrap {display:none} body {zoom:0.5;-webkit-print-color-adjust:exact} } #contentWrap {/*opacity:0;*/} .open-market #contentWrap {opacity:1} /* Reset */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} html{font-size:14px;line-height:1.3;background:#fff;color:#000; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; } html,body,button,input,select,textarea{font-family:LGSmHaL,sans-serif;font-weight:lighter} body{margin:0;padding:0;color:#000} strong.h7 {font-size:1.3em;margin:1.3em 0;font-weight:normal;line-height:1.3em} b,strong{font-weight:200} p,pre{margin:0} sub,sup{font-size:50%;line-height:0;position:relative} sub{vertical-align:sub} sup{vertical-align:super} dl,menu,ol,ul{margin:0;padding:0} dd{margin:0 0 0 0} ul,ol{list-style-image:none;list-style:none;padding:0;margin:0} img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:0px none;margin:0;padding:0} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-family:'LGSmHaL','inherit';font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;border:none} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} span{vertical-align:top} a{vertical-align:top;color:#000;text-decoration:none} a:hover {text-decoration:underline} mark {background-color:transparent;color:inherit} body{ height:100%; font-family:'LGSmHaR'; font-weight:lighter; color:#000; letter-spacing:-0.5px; } /* Common */ .ir {position:absolute;top:-9999px !important;left:-9999px !important;width:0;height:0;overflow:hidden} .dn {display:none} .blind {position:absolute;width:0px;height:0px;line-height:1px;left:-9999px;top:-9999px} .fll {float:left} .ovh {overflow:hidden !important} .ovxh {overflow-x:hidden !important} .ovyh {overflow-y:hidden !important} /* align */ .centerd {text-align:center} .centerd > * {display:inline-block;margin:auto} .centerd > h3 {display:block} .tal {text-align:left} .tar {text-align:right} .fwb {font-weight:bold} .fwn {font-weight:normal} .fll {float:left} .flr {float:right} .cb:after {display:block;content:'';clear:both} .vm {vertical-align:bottom;display:inline-block} /* input text */ input[type=text], input[type=password], input[type=submit], input[type=button], select {-webkit-appearance:none;-moz-appearance:none;appearance:none} input[type=button] {margin:1px;padding:0;width:0;height:0;overflow:hidden} select.common-select { -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block;height:32px;min-width:100px;padding:7px 24px 6px 15px;font-size:14px;color:#333;vertical-align:middle;border:1px solid #b4bec8;border-radius:5px;background:#f6f7f9 url('/lgekor/asset/images/web/common/bg_select01.png') right top no-repeat; } .ttalk200_layer .tt_inputWrap .rf_trans ul.rft_transmit input {width:13px !important;height:13px !important;position:relative !important;background:none !important;left:-1px !important;top:-4px !important;border:1px dotted #666 !important;margin:0 3px 0 !important} /* radio, checkbox */ .radio {} .radio li {} .radio li label {font-size:18px} label {display:inline-block;vertical-align:middle;line-height:1.4} input[type="radio"] {display:inline-block;vertical-align:middle;position:fixed;left:-9999px;top:0} input[type="radio"] + label {position:relative;padding-left:25px;margin:1px} input[type="radio"] + label:before {content:'';display:inline-block;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background:url('/lgekor/asset/images/web/common/spliteCommon.png') 0 -150px no-repeat} input[type="radio"] + label.topbtn:before {top:0;margin-top:0} input[type="radio"]:checked + label:before {background-position:-50px -150px} .checkbox {} input[type="checkbox"] {display:inline-block;vertical-align:middle;position:fixed;left:-9999px;top:0} input[type="checkbox"] + label {position:relative;padding-left:25px;margin:1px} input[type="checkbox"] + label:before {content:'';display:inline-block;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background:url('/lgekor/asset/images/web/common/spliteCommon.png') 0 -100px no-repeat} input[type="checkbox"] + label.topbtn:before {top:0;margin-top:0} input[type="checkbox"]:checked + label:before {background-position:-50px -100px} input[type="radio"]:focus + label {border:1px dotted #666;margin:0} input[type="checkbox"]:focus + label {border:1px dotted #666;margin:0} input[type="button"]:focus + label {border:1px dotted #666;margin:0} /* Splite image */ .sp {display:block;background:url('/lgekor/asset/images/web/common/spliteCommon.png') 0 0 no-repeat;overflow:hidden;text-indent:-9999px} .mobile .sp {display:block;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') 0 0 no-repeat;overflow:hidden;text-indent:-9999px;background-size:300px 300px} /* Font */ /* font - responsive */ body {font-size:14px;line-height:1.3;font-weight:200} .titleLine {display:block;font-size:54px;font-weight:200} .titleLine > img {display:block;margin:10px auto} .titleSubB {display:block;font-size:30px;font-weight:200} .titleSubR {display:block;font-size:28px;font-weight:200} .headLine {display:block;font-size:40px;font-weight:200} .subLineB {display:block;font-size:22px;font-weight:200} .subLine {display:block;font-size:20px;font-weight:200} .contTitle {display:block;font-size:24px;font-weight:200} .contTitleB {display:block;font-size:24px;font-weight:400} /* font - color */ .c-f {color:#fdfdfd !important;text-shadow:0px 0px 20px #000} .c-fff {color:#fff !important;} .c-3 {color:#333 !important;text-shadow:none !important} .c-9 {color:#999 !important;text-shadow:none !important} .c-e8 {color:#e8ecef !important} .c-d8 {color:#a50034 !important} .c-c9 {color:#c90454 !important} .c-f .headCopy {color:#fdfdfd !important} .c-f .bodyCopy {color:#fdfdfd !important} .c-e8 .headCopy {color:#e8ecef !important} .c-e8 .bodyCopy {color:#e8ecef !important} .mobile .onM-c-f {color:#fdfdfd !important} /* backgorund-color */ .bg-ff {background:#fff} .bg-fa {background:#fafafa} .bg-33 {background:#333} .bg-e8 {background:#e8ecef} .bg-ee {background:#eeecea} .bg-f6 {background:#f6f6f6} .bg-f9 {background:#f9f9fb} .bg-eb {background:#ebeff2} .bg-ec {background:#ecf0f3} .bg-e9 {background:#e9edf0} .bg-c3 {background:#c3c6ca} .bg-f1 {background:#f1f3f5} .bg-f2 {background:#f2f5f6} .bg-5d {background:#5d6470} .bg-3f4 {background:#3f4044} .bg-f2ede3 {background:#f2ede3} .bg-3f {background:#3f4044 !important} .m-bg-ff {background:#fff} .bg-gra-f9 { background:rgb(249,249,251);/* Old browsers */ background:-moz-linear-gradient(top, rgba(249,249,251,1) 0%, rgba(249,249,251,1) 50%, rgba(241,242,246,1) 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,251,1)), color-stop(50%,rgba(249,249,251,1)), color-stop(100%,rgba(241,242,246,1)));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(249,249,251,1) 0%,rgba(249,249,251,1) 50%,rgba(241,242,246,1) 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(249,249,251,1) 0%,rgba(249,249,251,1) 50%,rgba(241,242,246,1) 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(249,249,251,1) 0%,rgba(249,249,251,1) 50%,rgba(241,242,246,1) 100%);/* IE10+ */ background:linear-gradient(to bottom, rgba(249,249,251,1) 0%,rgba(249,249,251,1) 50%,rgba(241,242,246,1) 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fb', endColorstr='#f1f2f6',GradientType=0 );/* IE6-9 */ } /*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 - gnb 600 ~ */ .icon.care:before {content:'\e601'} .icon.display-dc:before {content:'\e603'} .icon.event:before {content:'\e609'} .icon.shop:before {content:'\e600'} .icon.membership:before {content:'\e602'} .icon.cs:before {content:'\e604'} .icon.company:before {content:'\e605'} .mobile .icon.shop:before {content:'\e610'} .mobile .icon.membership:before {content:'\e611'} .mobile .icon.cs:before {content:'\e612'} .mobile .icon.company:before {content:'\e613'} .icon.search:before {content:'\e606'} .icon.map-point:before {content:'\e607'} .icon.menu:before {content:'\e608'} .icon.download:before {content:'\e9c7'} /* 2016.06.21 추가 download */ .icon-download3:before {content:"\e9c7"} .icon.download3:before {content:'\e798'} .icon.rentalcare span{display:inline-block;margin-top:2px;margin-right:10px;width:32px;height:29px;background:url('/lgekor/asset/images/web/common/icon_rental_care.png') no-repeat 0 0} .icon.bestshop span{display:inline-block;margin-top:2px;margin-right:10px;width:32px;height:31px;background:url('/lgekor/asset/images/web/common/icon_best_shop.png') no-repeat 0 0} .icon.onlineshop span{display:inline-block;margin-top:2px;margin-right:10px;width:32px;height:31px;background:url('/lgekor/asset/images/web/common/icon_online_shop.png') no-repeat 0 0} .icon.healthCare span{display:inline-block;margin-top:2px;margin-right:10px;width:32px;height:31px;background:url('/lgekor/asset/images/web/common/icon_home_health.png') no-repeat 0 0} .icon.counsel span{display:inline-block;margin-top:2px;margin-right:10px;width:32px;height:31px;background:url('/lgekor/asset/images/web/common/icon_counsel.png') no-repeat 0 0}/* 20200211 매장상담신청 추가 */ .lgThinQ .icon > span{display:inline-block;margin-top:0;margin-right:10px;width:33px;height:33px;background:url('/lgekor/asset/images/web/common/icon_lgthinQ.png') no-repeat 0 0} /* icon - usp 620 ~ */ .icon.special:before {content:'\e620'} .icon.spec:before {content:'\e621'} .icon.benefit:before {content:'\e622'} .icon.review:before {content:'\e623'} .icon.shop02:before {content:'\e624'} .icon.customer:before {content:'\e625'} .icon.rd-plus:before {content:'\e626'} .icon.rd-minus:before {content:'\e627'} .icon.rd-arrow-r:before {content:'\e628'} .icon.trophy:before {content:'\e629'} .icon.trophy02:before {content:'\e630'} /* icon - share & scrap 691 ~ */ .icon.sns-fb:before {content:'\e691'} .icon.sns-tw:before {content:'\e692'} .icon.sns-kt:before {content:'\e693'} .icon.sns-scrap:before {content:'\e694'} .icon.share:before {content:'\e695'} /* icon - etc 700 ~ */ .icon.nav-prev:before {content:'\e700'} .icon.nav-next:before {content:'\e701'} .icon.nav-up:before {content:'\e702'} .icon.nav-down:before {content:'\e703'} .icon.plus:before {content:'\e704'} .icon.minus:before {content:'\e705'} .icon.rd-close:before {content:'\e706'} .icon.rd-docu:before {content:'\e707'} .icon.rd-cabinet:before {content:'\e708'} .icon.rd-more:before {content:'\e709'} .icon.rd-arrow-r02:before {content:'\e710'} .icon.rd-question:before {content:'\e783'} .icon.nav-prev02:before {content:'\e711'} .icon.nav-next02:before {content:'\e712'} .icon.item:before {content:'\e713'} .icon.bus:before {content:'\e714'} .icon.subway:before {content:'\e715'} .icon.print:before {content:'\e716'} .icon.map-point02:before {content:'\e717'} .icon.phone:before {content:'\e718'} .icon.refresh:before {content:'\e719'} .icon.confirm:before {content:'\e720'} .icon.rd-arrow-d01:before {content:'\e721'} .icon.rd-arrow-u01:before {content:'\e722'} .icon.none:before {content:'\e723'} .icon.rd-close.cf:before {color:#fff} /* icon - fni - recipe */ .icon.recipe:before {content:'\e780'} .icon.theme:before {content:'\e781'} .icon.ingredient:before {content:'\e782'} /* icon - display stock product list 790 ~ */ .icon.search02:before {content:'\e790'} .icon.map-point03:before {content:'\e791'} .icon.cart:before {content:'\e792'} .icon.shop03:before {content:'\e793'} /* top button */ .move-top {position:relative;opacity:0; -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; transition:opacity .4s ease; } .move-top.show {opacity:1; -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; transition:opacity .4s ease; } .move-top.show.force {opacity:0 !important} .move-top > a {display:block;position:fixed;right:1px;bottom:1px;z-index:9999999;height:50px;width:50px;background-position:-150px -200px} /*array*/ .array {overflow:hidden;margin:14px 0} .array > li {float:left;/*font-size:18px;*/} .array.f13 > li {font-size:13px} .array > li:after {content:'|';margin:0 8px} .array > li:last-child:after {display:none} .array > li.on a {color:#a50034} html>body .array > li + li:before {content:'|';margin:0 8px} /*ie8*/ html>body .array > li:after {display:none} /*ie8*/ .array.noLine {} .array.noLine > li {margin:0 8px 0 0} .array.noLine > li:after {content:'';margin:0 8px 0 0;display:none} .array.noLine > li:before {content:'';margin:0 0px 0 0;display:none} .array.arrow {} .array.arrow > li {} .array.arrow > li:after {content:'>'} html>body .array.arrow > li + li:before {content:'>';margin:0 8px} /*ie8*/ html>body .array.arrow > li:after {display:none} /*ie8*/ /*accM*/ .accM {background:#fff !important} /*faq*/ .faq {overflow:hidden;padding-bottom:60px !important} .faq .faq-head {padding:60px 0 35px 0;color:#fff;text-align:center;border-bottom:1px solid #bbb} .faq .faq-head h3 {margin-bottom:30px} .faq ul.faq-list {margin:30px 0 30px 0;padding-bottom:30px;color:#fff;border-bottom:1px solid #bbb} .faq ul.faq-list a {color:#a1a1a1} .faq ul.faq-list > li > strong {margin:15px 0;/*padding-left:50px;*/ vertical-align:middle} .faq ul.faq-list > li > strong button {vertical-align:middle} .faq ul.faq-list > li > strong button:before {content:'\e626';display:inline-block;vertical-align:middle;font-family:'LGEIcons';font-weight:normal;font-size:30px;color:#fff;margin-right:6px;vertical-align:top;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'} .faq ul.faq-list > li > strong.on button:before {content:'\e627'} .faq ul.faq-list > li > strong:first-child {margin:30px 0 15px 0} .faq ul.faq-list > li > strong {display:block;color:#fff;font-size:22px;line-height:40px;cursor:pointer} .faq ul.faq-list > li > strong b {display:block;font-weight:normal;font-size:18px} .faq ul.faq-list > li > div {margin-left:46px;overflow:hidiven;display:none} .faq ul.faq-list > li > div b {font-size:18px;font-weight:200} .faq ul.faq-list > li > div ul {margin-top:30px} .faq ul.faq-list > li > div li {font-size:18px;font-weight:normal;line-height:30px} .faq ul.faq-list > li > div li:before {content:'- '} .faq a.more {float:right;color:#fff;text-decoration:underline;font-size:16px} .faq a.more:after {content:'';display:block;clear:right} /*event faq*/ .faq.event-faq {} .faq.event-faq .faq-head {color:#333;font-size:30px} .faq.event-faq .faq-head h3 {font-weight:200} .faq.event-faq .faq-head p {font-size:20px;line-height:1.6} .faq.event-faq ul.faq-list {color:#666} .faq.event-faq ul.faq-list > li > strong {color:#333} /*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:''} /*table*/ table.tbl_type_1 {width:100%;border-top:2px solid #333} table.tbl_type_1 thead th {padding:10px 0;border-right:1px solid #c1c1c1;border-bottom:1px solid #333;text-align:center;font-weight:normal} table.tbl_type_1 thead :last-child {border-right:none} table.tbl_type_1 tbody th {text-align:left;padding:10px 0 10px 50px;border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;font-weight:200} table.tbl_type_1 tbody td {padding:10px 0;border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;text-align:center} table.tbl_type_1 tbody :last-child {border-right:none} table.tbl_type_1.small {border:1px solid #3333;border-top:2px solid #333} table.tbl_type_1.small tbody td, table.tbl_type_1.small thead th {padding:1px 3px;font-size:11px} /* share & scrap & print */ .share-scrap {} .share-scrap .btn-share {height:30px;width:30px} .share-scrap .btn-share:before {font-size:30px;color:#999} .share-scrap .array.scrap {display:inline-block;margin:0 30px 0 0;font-size:16px;vertical-align:middle} .share-scrap .snsBtns {display:inline-block;vertical-align:middle} .share-scrap .snsBtns > a {display:inline-block !important;height:30px;width:31px;font-size:30px;color:#999;text-align:center;vertical-align:middle} .share-scrap .snsBtns > a:before {line-height:30px;vertical-align:top} .onW .share-scrap .snsBtns > a.onM.sns-kt{display:none !important} .popupInfo .share-scrap {padding:4px 0 19px 0} .popupInfo .share-scrap .btn-share, .popupInfo .share-scrap .array.scrap {display:none} .popupInfo .share-scrap .snsBtns {display:block;text-align:center} .popupInfo .share-scrap .snsBtns > a {height:48px;width:48px;margin:0 5px;font-size:48px} .popupInfo .share-scrap .snsBtns > a:before {line-height:48px} .mobile .popupInfo .share-scrap .snsBtns > a.sns-scrap.onW{display:none !important} /* 2018-03-02 수정 */ /* common tab */ .common-tab {display:table;table-layout:fixed;width:100%;border-bottom:1px solid #bbb;background-color:#fff;width:1200px \0/IE8;margin:0 auto \0/IE8} .common-tab.no-child {margin-bottom:0} .common-tab > li {display:table-cell;position:relative} .common-tab > li > a {display:block;position:relative;padding-left:30px;font-size:18px;color:#333;line-height:2.667;text-decoration:none;border-top:1px solid #bbb;border-right:1px solid #bbb} .common-tab > li:first-child > a {border-left:1px solid #bbb} .common-tab > li > a.more {} .common-tab > li > a.more:after {content:'';display:block;position:absolute;top:50%;right:20px;height:8px;width:14px;margin-top:-4px;background:url('/lgekor/asset/images/web/common/spliteCommon.png') -100px -100px no-repeat} .common-tab > li > a:hover, .common-tab > li.selected > a {font-weight:normal;color:#a50034} .common-tab > li > a:hover:before, .common-tab > li.selected > a:before {content:'';display:block;position:absolute;right:0;bottom:-1px;left:0;z-index:1;height:2px;width:100%;background-color:#a50034} .common-tab > li:first-child > .sub-common-tab {display:none;left:0px} .sub-common-tab {display:none;position:absolute;top:100%;right:0px;left:-1px;z-index:5;border:1px solid #bbb;border-top:0px none;background-color:#fff} .sub-common-tab > li {} .sub-common-tab > li > a {display:block;padding-left:30px;font-size:18px;color:#333;line-height:2.778;border-top:1px solid #e1e1e1} .sub-common-tab > li > a:hover {color:#a50034;text-decoration:none} .gray-tab {display:table;table-layout:fixed;width:100%;background-color:#a5a5a5} .gray-tab > li {display:table-cell;background-color:#a5a5a5} .gray-tab > li > button {width:100%;padding:10px 0;color:#fff;font-weight:normal} .gray-tab > li + li {border-left:1px solid #FFF} .gray-tab > li.selected {background:#666} /* product compare list / product contents toggle title */ .toggle-contents {} .toggle-contents .title {display:block;position:relative;box-sizing:border-box;width:100%;padding:0 30px;font-size:18px;font-weight:normal;color:#333;line-height:2.778;text-align:left;text-decoration:none;border-bottom:1px solid #fff;background-color:#ced3d9} .toggle-contents .title.icon:before {display:block;position:absolute;top:0;right:30px;color:#595959} .toggle-contents .title.on {color:#fff;background-color:#666} .toggle-contents .title.icon.on:before {color:#fff} .toggle-contents .toggleTit { display:block; position:relative; box-sizing:border-box; width:100%; padding:0 30px; font-size:18px; font-weight:normal; color:#333; line-height:2.778; text-align:left; text-decoration:none; border-bottom:1px solid #fff; background-color:rgba(165, 0, 52, 0.9); background-color:transparent\9\0; } .toggle-contents .toggleTit strong {color:#fff} /* search contents container */ .search-contents {overflow:hidden;padding-top:35px;padding-bottom:0px;background-color:#fff} .search-contents.line {border-bottom:1px solid #cecece} .search-contents.with-title {margin-top:-35px} /* filter */ .search-contents .filter {} .search-contents .filter label {height:20px;font-size:16px;margin-right:5px} /* sorting */ .search-contents .sorting {} .search-contents .sorting .array > li {font-size:16px} .search-contents .sorting .array > li:before {margin:0 10px;color:#d1d1d1} /* search word */ .search-contents .search-word {display:block;padding:10px 0 6px 0;text-align:right;vertical-align:middle} .search-contents .search-word select { -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block;height:32px;min-width:100px;padding:7px 12px 6px 15px;font-size:14px;color:#333;vertical-align:middle;border:1px solid #b4bec8;border-radius:5px;background:#f6f7f9 url('/lgekor/asset/images/web/common/bg_select01.png') right top no-repeat; } .search-contents .search-word label {margin-right:5px;font-size:16px} .search-contents .search-word input[type=text] {height:30px;width:283px;padding:0 0 0 10px;font-size:14px;color:#333;line-height:2.143;vertical-align:middle;border:1px solid #b4bec8;border-radius:5px;background-color:#f6f7f9} .search-contents .search-word .btn-search {height:32px;min-width:80px;padding:0 10px;font-size:14px;color:#fff;line-height:2.286;vertical-align:middle;border-radius:5px;background-color:#a50034} /* count */ .search-contents .count {float:left;padding-top:5px;font-size:16px;color:#333;line-height:2.625} .search-contents .count > mark {font-weight:normal;color:#a50034} /* list image type */ .common-tab + .list-type-image {margin-top:50px} .list-type-image {overflow:hidden;margin-top:15px;padding-top:1px;border-left:1px solid #ccc} .list-type-image > li {float:left;box-sizing:border-box;width:25%;margin-top:-1px;padding:30px 30px 40px 30px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc} .list-type-image.none {margin-top:10px;border:0px none} .list-type-image.none > li {float:none;width:100%;font-size:18px;text-align:center;border:0px none} .list-type-image.none > li em {color:#a50034;text-decoration:underline} .list-type-image .item {color:#333;line-height:1.714;text-decoration:none} .list-type-image .item .thumb {display:block;height:110px;width:100%} .list-type-image .item .title {display:block;overflow:hidden;height:84px;margin-top:24px;font-size:16px;font-weight:normal;line-height:1.75} .list-type-image .item .title > mark {font-weight:normal} .list-type-image .item .desc {overflow:hidden;height:69px;margin-top:8px;font-size:14px} .list-type-image .item .reference {margin-top:8px} .list-type-image .item .reference > .category {display:inline-block;margin-top:6px;padding:0 9px;line-height:22px;background-color:#e0e0e0} .list-more {margin-top:30px} .list-more > a {display:block;font-size:16px;color:#333;text-align:center;line-height:3.125;text-decoration:none;background-color:#e0e0e0} .list-more > a mark {color:#a50034;font-weight:normal;background-color:transparent} /* list image type - simple */ .list-type-image.simple .item .title {height:56px} /* list image type - awards */ .list-type-image.awards > li {padding-top:20px} .list-type-image.awards .item {display:block;text-align:center} .list-type-image.awards .item .thumb {max-height:140px;height:140px;max-width:100%;width:auto;display:inline;/*width:100%;*/} .list-type-image.awards .item em, .list-type-image.awards .item p {text-align:left} /* list-type-table */ .ltt-container {margin-top:35px} .ltt-container .count-results {font-size:16px;color:#333} .ltt-container .count-results > mark {font-weight:normal;color:#a50034} /* list type table */ .list-type-table {table-layout:fixed;width:100%;margin-top:20px;border-top:2px solid #333;border-bottom:1px solid #ccc} .list-type-table thead tr {background-color:#f4f5f7} .list-type-table thead th {position:relative;font-size:14px;font-weight:normal;color:#333;line-height:3.333} .list-type-table thead th:after {content:'|';position:absolute;left:0;color:#c1c1c1} .list-type-table thead th:first-child:after {content:''} .list-type-table tbody tr {border-top:1px solid #ccc} .list-type-table tbody td, .list-type-table tbody th {padding:16px 0 13px 0;font-size:16px;font-weight:lighter;color:#333;text-align:center} .list-type-table tbody td.l {padding-left:20px;text-align:left} .list-type-table tbody td.num {font-size:14px} .list-type-table tbody td.category {font-weight:normal} .list-type-table tbody td .btn-view {font-size:16px;font-weight:normal;color:#a50034;text-decoration:underline} .list-type-table tbody .title {padding-left:30px;text-align:left} /* list type table paging */ .paging {padding-top:30px;text-align:center} .paging > a {display:inline-block;height:21px;width:30px;padding-top:9px;font-size:12px;color:#333;text-align:center;text-decoration:none;border:1px solid #dcdcdc;background-color:#fff} .paging > a:hover, .paging > a.on {color:#fff;border:1px solid #666;background-color:#666} .paging > a.prev {margin-right:17px} .paging > a.next {margin-left:17px} /* view-type-table */ .view-type-table {table-layout:fixed;width:100%;border-top:2px solid #333;border-bottom:1px solid #ccc} .view-type-table > thead > tr {border-bottom:1px solid #ccc} .view-type-table > thead > tr.title th {padding-right:250px;font-size:18px;line-height:1.667;background-color:#f4f5f7} .view-type-table > thead > tr.title th:after {content:''} .view-type-table > thead > tr.title th > mark {color:#a50034} .view-type-table > thead > tr.title th > .share-scrap {position:absolute;top:8px;right:30px} .view-type-table > thead > tr.title th .badge {display:inline-block;margin-top:-4px;padding:0 10px;font-size:14px;font-weight:normal;color:#ffffff;vertical-align:middle;background-color:#39c2b7} .view-type-table > thead > tr.title th .badge.online {background-color:#f36f23} .view-type-table > thead > tr > th {position:relative;height:50px;padding-left:30px;font-size:16px;font-weight:normal;color:#333;text-align:left;line-height:30px} .view-type-table > thead > tr > th:after {content:'|';position:absolute;right:0;color:#c1c1c1} .view-type-table > thead > tr > td {padding:0 30px 0 20px;font-size:16px;color:#333;line-height:30px} .view-type-table > thead > tr > td .btns {float:right;vertical-align:middle} .view-type-table .btn-i {display:inline-block;padding:0 25px;font-size:15px;color:#333;text-align:center;line-height:28px;border:1px solid #bbb;border-radius:5px;background-color:#fff} .view-type-table > tbody > tr > td {/*padding:40px 0 50px 0;*/ padding:0} .view-type-table > tbody > tr > td .contents {margin:20px auto;/*text-align:center;*/ text-align:left} .view-type-table > tbody > tr > td .contents.alignC {width:730px;margin:20px auto} #version-under4 .view-type-table tbody > tr > td .contents {width:730px} /* under 4.0 */ #version-under4 .view-type-table tbody > tr > td .contWide {width:100%;margin:50px 0} #version-under4 .view-type-table tbody > tr > td .contWide .contWideIn {padding:0 40px} #version-under4 .view-type-table tbody > tr > td .contWide .contWideIn iframe {width:100%;height:630px} .view-type-table > tbody > tr > td .contents.video {overflow:hidden;margin:0;padding:0 30px;text-align:center} .view-type-table > tbody > tr > td .video-area {float:left;height:360px;width:56.14035087719298%;margin-right:4.385964912280702%;background-color:#000} .view-type-table > tbody > tr > td .video-area video {width:100%;height:100%} .ltt-navigation {padding-top:50px} .ltt-navigation > p {overflow:hidden;height:50px;margin-top:2px;font-size:16px;color:#333;line-height:50px;background-color:#eee} .ltt-navigation .title {display:inline-block;width:160px;padding-left:30px;font-weight:normal} .ltt-navigation .title.icon:before {margin-right:20px} .ltt-btns {overflow:hidden;padding-top:30px;text-align:right} .ltt-btns .left {float:left} .ltt-btns a {display:inline-block;min-width:80px;padding:0 20px;font-size:16px;font-weight:normal;color:#fff;text-align:center;line-height:2.5;border-radius:5px;background-color:#a50034} .ltt-btns a.options {background-color:#666} /*20170621 광고홍보 영상사이즈 조절*/ .view-type-table > tbody > tr > td .video-area.resize {width:53.3%;margin-right:7%;background-color:#FFF} .mobile .view-type-table > tbody > tr > td .video-area.resize {width:auto;margin-right:7%;background-color:#FFF;margin:0 20px 20px 20px} /* dm request */ #dmRequest .message {padding-bottom:18px;font-size:16px;color:#333} #dmRequest .forms input[type=text], input[type=password] {box-sizing:border-box;height:40px;width:168px;padding-left:10px;font-size:18px;line-height:2.111;vertical-align:middle;border:1px solid #b4bec8;border-radius:5px;background-color:#f6f7f9} #dmRequest .forms select {display:inline-block;height:40px;min-width:168px;padding:10px 12px 8px 15px;font-size:18px;color:#333;vertical-align:middle;border:1px solid #b4bec8;border-radius:5px;background:#f6f7f9 url('/lgekor/asset/images/web/common/bg_select01.png') right center no-repeat} #dmRequest .forms {overflow:hidden;padding:15px 10px 20px 10px;border-top:1px solid #ccc} #dmRequest .forms > p {font-size:18px;color:#333;vertical-align:middle} #dmRequest .forms .controls {padding-top:5px} #dmRequest .forms .fl {margin-right:25px;padding-top:5px} #dmRequest .forms .fl + .controls label {margin-right:15px;font-size:16px} #dmRequest .forms label {font-size:18px} #dmRequest .forms > .box {margin:13px -10px 0 -10px;border:1px solid #dcdcdc;background-color:#fff} #dmRequest .forms > .box .box-title {position:relative;margin-bottom:-1px;padding:0 20px;font-size:16px;color:#333;line-height:50px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc} #dmRequest .forms > .box .box-title:first-child {border-top:0px none} #dmRequest .forms .required {color:#a50034} #dmRequest .forms > .box .box-title button {display:block;position:absolute;top:50%;right:15px;z-index:1;width:50px;margin-top:-25px;line-height:50px} #dmRequest .forms > .box .box-content {overflow:auto;height:68px;margin:10px 20px;padding-top:6px;padding-bottom:6px;font-size:14px;color:#666;line-height:1.714} #dmRequest .forms > .box .box-content.no-scroll {height:auto} #dmRequest .forms > .btns {text-align:center} #dmRequest .forms > .btns a {display:inline-block;padding:0 52px;font-size:20px;font-weight:normal;color:#fff;text-align:center;text-decoration:none;line-height:2.8;border-radius:6px;background-color:#a50034} /* product Option */ .option-select {background:#333;/*margin-top:25px;*/ box-sizing:border-box;/*padding:50px 30px;*/ padding:30px 30px 30px} .option-select h3.title {font-size:24px;color:#fff;font-weight:200;margin-bottom:35px} .option-select > section {position:relative} .prdlist-opt {display:table;table-layout:fixed;/*height:100%;*/ width:100%;color:#fff} .prdlist-opt > li {display:table-cell;padding-left:10px;/*padding-right:20px;*/ padding-right:10px;border-right:1px solid #999} .prdlist-opt > li:first-child {padding-left:0 !important} .prdlist-opt > li:last-child {width:140px;height:210px;padding-right:0 !important;border-right:0px none;vertical-align:middle;text-align:right} .prdlist-opt > li .opt-title {font-size:20px;font-weight:normal} .prdlist-opt > li .opts {/*overflow:auto;overflow-x:hidden;*/ overflow:hidden;box-sizing:border-box;max-height:168px;margin-top:16px;padding-top:0px;padding-right:20px} .prdlist-opt > li .opts li {overflow:hidden;float:left;height:40px;width:100%} .prdlist-opt > li.twin .opts li {width:50%} .prdlist-opt > li .opts li label {display:block;font-size:16px;line-height:1.5} .prdlist-opt > li .opts input:focus + label {border:1px dotted #eee} .prdlist-opt > li .opts li label:before {top:0;margin-top:0} .prdlist-opt > li .opts li label img {position:absolute;right:20px;top:3px;width:28px;height:13px;border:1px solid #a9aaa6;border-radius:1px} .prdlist-opt > li .opts li label img.roseGold {border:1px solid #54463b} .prdlist-opt > li.large {width:26%} .prdlist-opt > li.large .opts li label {padding-right:50px} .opt-result {display:inline-block;color:#fff;text-align:center} .opt-result p {font-size:46px;margin-top:10px} .opt-result p > mark {color:#fff;background-color:transparent} .opt-result .btn-reset {display:inline-block;margin-top:20px;padding:10px 20px;color:#fff;font-size:16px} .opt-result .btn-reset.icon:before {margin-right:5px;font-size:20px;line-height:20px} .opt-result .btn-reset span {vertical-align:middle} .prdlist-opt.no-result li:first-child {width:200px} .prdlist-opt li.thumb {position:relative;width:auto !important;padding-left:0;vertical-align:middle} .prdlist-opt li.thumb > img {position:absolute;right:0;bottom:-30px} .prdlist-opt li.thumb > p {position:relative;padding-left:50px;font-size:26px;line-height:1.54} /* Button */ .btn-n, .btn-r.none {display:inline-block;border:0px solid #bbb;padding:10px 0px 10px 4px;border-radius:4px;vertical-align:middle} .btn-n:hover {text-decoration:underline;color:#a50034} .btn-n.on {text-decoration:underline;color:#a50034} .btn-r {display:inline-block;border:1px solid #bbb;padding:10px 13px;border-radius:4px;background:#fff;vertical-align:middle} .btn-r.on {border:1px solid #a50034;color:#fff;background:#a50034} .btn-detail {display:block;text-align:center} .btn-detail a,.btn-detail button {font-size:18px;line-height:24px;vertical-align:bottom !important} .btn-detail a span:before ,.btn-detail button span:before {margin-top:-2px} .btn-play {display:inline-block;width:116px;height:116px;background-position:-150px -50px;position:absolute;left:50%;top:50%;margin:-56px 0 0 -56px;opacity:0.8} .btn-splay {display:inline-block;overflow:hidden;text-indent:-9999px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') 0 0 no-repeat;width:56px;height:56px;background-position:-240px -60px !important;position:absolute;left:50%;top:50%;margin:-29px 0 0 -29px;opacity:0.7;background-size:300px 300px} .btn-splay:active:after {padding:0;margin:0;opacity:1;transition:0s} /* Button - sns*/ .sns-shortcut ul {display:inline-block;overflow:hidden} .sns-shortcut ul > li {float:left;margin-left:10px} .sns-shortcut ul > li > a {display:inline-block;height:27px;width:27px;text-decoration:none} .sns-shortcut ul > li > a.fb {background-position:-200px 0} /* facebook */ .sns-shortcut ul > li > a.tw {background-position:-250px 0} /* twitter */ .sns-shortcut ul > li > a.nc {background-position:-300px 0} /* naver cafe */ .sns-shortcut ul > li > a.sl {background-position:-350px 0} /* social lg */ .sns-shortcut ul > li > a.kt {background-position:-400px 0} /* kakao talk */ .sns-shortcut ul > li > a.ln {background-position:-450px 0} /* line */ .sns-shortcut ul > li > a.bk {background-position:-250px -200px} /* blog */ .sns-shortcut ul > li > a.ig {background-position:-500px -100px} /* instagram */ .sns-shortcut ul > li > a.po {background-position:-550px -100px} /* post */ .sns-shortcut ul > li > a.print {width:60px;height:27px;line-height:27px;background-position:-500px 0;text-indent:0} /* print */ .sns-shortcut ul > li > a.print.icon:before {margin-right:5px;font-size:15px} /*banner*/ .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;/*width:34% !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;/*width:64%;*/ max-width:60%;vertical-align:middle;text-align:left;/*margin-left:20px;*/ margin-left:80px} .banner-1 strong.banner-title {font-size:36px;margin:0px 0 13px 0;font-weight:200;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-bxslide ::Default slide */ .slide {overflow:visible} .slideF {position:relative} .slideF ul {} .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.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} /* Slide-tg-slide ::toggle slide */ .tg-btn.on.rd-plus:before, .tg-btn.on .rd-plus:before {content:'\e627'} .tg-btn.on.plus:before, .tg-btn.on .plus:before {content:'\e705'} .tg-btn.on.nav-down:before, .tg-btn.on .nav-down:before {content:'\e702'} /*jScrollPane ::custom scroll in product list*/ .jspContainer {overflow:hidden;position:relative} .jspPane {position:absolute} .jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:100%;background:red} .jspCap{display:none} .jspTrack{background:#3d3d3d;position:relative} .jspDrag{background:#a50034;position:relative;top:0;left:0;cursor:pointer} /*.jspDrag:before {content:'\e608';display:inline-block;position:absolute;top:50%;left:1px;margin-top:-5px;font-family:'LGEIcons';font-size:10px}*/ .jspCorner{background:#eeeef4;float:left;height:100%} /*category-info*/ .category-info {} .category-info dt {display:none} .category-info ul {display:table;table-layout:fixed;width:100%} .category-info ul li {position:relative;display:table-cell;/*width:240px;*/text-align:center;padding:50px 0} .category-info ul li a:hover {text-decoration:none} .category-info ul li a:hover strong {text-decoration:underline} /*2017.12.21*/ .category-info ul li strong {display:block;font-size:16px;font-weight:200;/*margin-bottom:10px;*/} .category-info ul li strong i.icon:before {color:#a50034;font-size:13px;margin-top:-5px;margin-left:5px;display:none} .category-info ul li .thumb {max-width:190px;height:170px;margin:auto;width:80%} .category-info ul li .thumb img {width:100%;vertical-align:middle} .category-info ul li .thumb:after {display:inline-block;height:100%;content:'';vertical-align:middle} .category-info ul li + li:after {position:absolute;left:0;top:50%;margin-top:-40px;content:'';width:1px;height:80px;border-left:1px solid #ccc} /* search shop - paging */ .srhShop-paging {overflow:hidden;margin-top:20px;font-size:18px;line-height:34px;text-align:right} .srhShop-paging .paging-btn {float:right} .srhShop-paging .paging-btn button {float:left;margin-left:20px} .srhShop-paging .paging-btn button + button {margin-left:10px} .srhShop-paging .paging-btn button i.icon {color:#666;font-size:30px} /*********************** basic layout - 1200,1600 psd ***********************/ /*all*/ body {} .web body {min-width:1024px} .mobile body {} .web .onM {display:none !important} .web .onM.onW {display:block !important} .mobile .onW {display:none !important} .pad .sns-scrap {display:none !important} .open-market .offO {display:none !important} hr.space {display:block;margin:0;border:none !important} hr.line {display:block;margin:0;border:none !important;border-top:1px solid #ddd} hr.etc-line {display:block;margin:30px 0 0;border-top:1px solid #ddd} /* skip nav */ #skip_nav{height:0} #skip_nav dt{overflow:hidden;position:absolute !important;width:1px;height:1px} #skip_nav dd a{display:block;position:absolute;top:-10000px;left:0;z-index:999999;width:100%;font-size:16px;text-align:center} #skip_nav dd a.on{position:absolute;top:0;left:0;height:14px;padding:20px 0;background:#272727;font-weight:bold;color:#fff} /*header*/ #headerWrap {position:relative;z-index:10;background-color:#333} .gnb-main-container {max-width:1600px;margin:0 auto;padding:0 30px;box-sizing:border-box} /* gnb CI */ .gnb-main-container > h1 {float:left;height:43px;width:164px;margin-top:7px;position:relative;z-index:9;} .gnb-main-container > h1 > a {display:block;overflow:hidden;height:100%;width:100%;text-indent:-9999px;background:url('/lgekor/asset/images/web/common/spliteCommon.png') 0 0 no-repeat} /* gnb navigation */ .gnb-main-container .gnb-main {position:static;padding-left:17%} .gnb-main-container .gnb-list {display:table;height:100%;width:100%} .gnb-main-container .gnb-list > li {display:table-cell;height:100%} .gnb-main-container .gnb-list > li > a {display:block;position:relative;z-index:5;font-size:18px;color:#fff;line-height:80px;text-align:center} .gnb-main-container .gnb-list > li > a.selected {color:#333;text-decoration:none; background:#d7d9de;/* Old browsers */ background:-moz-linear-gradient(top, #d7d9de 0%, #dedfe3 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d9de), color-stop(100%,#dedfe3));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #d7d9de 0%,#dedfe3 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #d7d9de 0%,#dedfe3 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #d7d9de 0%,#dedfe3 100%);/* IE10+ */ background:linear-gradient(to bottom, #d7d9de 0%,#dedfe3 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d9de', endColorstr='#dedfe3',GradientType=0 );/* IE6-8 */ } .gnb-main-container .gnb-list > li > a.selected:before {content:'';display:block;float:left;height:80px;width:0px;margin-top:-12px; box-shadow:-6px 0 10px 1px rgba(0, 0, 0, 0.75); } .gnb-main-container .gnb-list > li > a.selected:after {content:'';display:block;float:right;height:80px;width:0px;margin-top:-12px; box-shadow:6px 0 10px 1px rgba(0, 0, 0, 0.75); } .gnb-main-container .gnb-list > li.pc {min-width:40px} .gnb-main-container .gnb-list > li.business a {padding-left:7px !important;margin-left:10px !important} .gnb-main-container .gnb-list > li.business > a {position: relative; padding-left: 0 !important; margin-left: 0 !important;} .gnb-main-container .gnb-list > li.business > a:before {content:'';display:block;position:absolute;top:50%;height:20px;margin-top:-15px;border-left:1px solid #999} .gnb-main-container .gnb-list > li.beauty {min-width:80px;} .gnb-main-container .gnb-list > li.search {width:45px;padding-left:5px} .gnb-main-container .gnb-list > li.search > a {display:block;height:24px;width:24px;line-height:24px;text-indent:-9999px;top:40px \0/IE8+9;/*rentalcare ie bug*/} .gnb-main-container .gnb-list > li.search > a.icon.search:before {display:block;float:left;height:24px;width:24px;font-size:24px;color:#fff;text-indent:0px;line-height:1em} .gnb-main-container .gnb-list > li.search > a:hover, .gnb-main-container .gnb-list > li.search > a.selected {color:#fff;background:transparent} .gnb-main-container .gnb-list > li.search > a:hover:before, .gnb-main-container .gnb-list > li.search > a.selected:before {content:'\e606';height:24px;width:24px;margin:0;color:#fff;box-shadow:none;background:transparent} .gnb-main-container .gnb-list > li.search > a:hover:after, .gnb-main-container .gnb-list > li.search > a.selected:after {content:'\e606';height:24px;width:24px;margin:0;color:#fff;box-shadow:none;background:transparent} /* gnb search container */ .gnb-main-container .gnb-list > li.search > a.selected + .search-container {display:block} .gnb-main-container .search-container {display:none;position:absolute;bottom:15px;right:0;left:0;z-index:10;} .gnb-main-container .search-container > .inner {position:relative;max-width:1350px;height:50px;margin:0 auto 0 auto} .gnb-main-container .search-container > .inner > .btn-close {position:absolute;top:50%;right:30px;height:50px;width:97px;margin-top:-25px;padding-left:20px;text-align:left;background-color:#333} .gnb-main-container .search-container > .inner > .btn-close.icon:before {font-size:31px;color:#ebebeb} .gnb-main-container .search-container .search {position:absolute;right:126px;left:22%;height:43px;padding:7px 0 0 0;border:0px none;background-color:#333} .gnb-main-container .search-container .search:after {content:'';display:block;position:absolute;top:0;right:0;height:100%;width:1px;background-color:#fff} .gnb-main-container .search-container .search-word {position:absolute;right:20px;z-index:1;width:528px} .gnb-main-container .search-container .search-word input[type=text] {box-sizing:content-box;height:33px;width:460px;padding:0 38px 0 28px;font-size:16px;color:#333;line-height:33px;border:1px solid #b6c0ca;border-radius:5px;background-color:#fff} .gnb-main-container .search-container .search-word .btn-search {display:block;position:absolute;top:1px;right:2px;left:auto;height:30px;width:45px;margin:0;padding:0;border:0px} .gnb-main-container .search-container .search-word .btn-search.icon.search:before {display:block;height:30px;width:100%;font-size:24px;color:#808080;text-align:center;line-height:33px;background-color:#fff} .gnb-main-container .search-container .search-word .btn-search.icon.search:after {content:none} /* .gnb-main-container .search-container .search-results { overflow:hidden;position:absolute;top:30px;right:50px;width:528px;padding:30px 0 15px 0;z-index:0; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.75);background-color:#f5f5f6;font-size:16px;font-weight:normal;color:#333;line-height:24px;text-align:center; } */ .gnb-main-container .search-container .search-results { overflow:hidden;position:absolute;top:42px;right:21px;width:528px;padding:30px 0 15px 0;z-index:0; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.75);background-color:#f5f5f6;font-size:16px;font-weight:normal;color:#333;line-height:24px;text-align:center; } .gnb-main-container .search-container .search-results iframe {width:90%} .gnb-main-container .search-container .search-results .btn-search-more {display:inline-block;margin-top:30px;padding:0 30px;font-size:20px;color:#fff;line-height:42px;background-color:#a50034;border-radius:7px} .gnb-main-container .search-container .auto-search-word {float:left;width:230px;padding-left:30px;text-align:left} .gnb-main-container .search-container .auto-search-word a {display:block} .gnb-main-container .search-container .search-results-summary {float:left;width:230px;padding-left:30px;text-align:left;border-left:1px solid #b9b9bc} .gnb-main-container .search-container .search-results-summary > a {display:block;font-size:15px;line-height:26px} .gnb-main-container .search-container .search-results-summary > a.total {display:inline-block;margin-bottom:6px;font-size:18px} .gnb-main-container .search-container .search-results-summary > a.total em {color:#a50034} /* gnb 2depth */ .gnb-main-container .gnb-depth-container { display:none;overflow:hidden;position:absolute;top: 97%;right:0;left:0;max-height:0px;width:100%;z-index:2; border-top:1px solid #7d7e80; -moz-box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.75); -webkit-box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.75); box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.75); background:#dedfe4;/* Old browsers */ background:-moz-linear-gradient(top, #dedfe4 0%, #ffffff 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedfe4), color-stop(100%,#ffffff));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #dedfe4 0%,#ffffff 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #dedfe4 0%,#ffffff 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #dedfe4 0%,#ffffff 100%);/* IE10+ */ background:linear-gradient(to bottom, #dedfe4 0%,#ffffff 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedfe4', endColorstr='#ffffff',GradientType=0 );/* IE6-8 */ } /* 2016.07.24 수정 S .gnb-main-container .gnb-depth2 {max-width:1140px} */ .gnb-main-container .gnb-depth2 {display:table;table-layout:fixed;overflow:hidden;box-sizing:border-box;max-width:1260px;width:100%;margin:0 auto;padding:20px 0} .gnb-main-container .gnb-depth2 > li {display:table-cell;position:relative;height:280px;border-left:1px solid #b9b9bc} .gnb-main-container .gnb-depth2 > li:first-child {border-left:none} .gnb-main-container .gnb-depth2 > li > .unit {padding-left:15px} .gnb-main-container .gnb-depth2 > li > .unit > a {display:block;font-size:18px;font-weight:normal;color:#333;line-height:24px;text-decoration:none} .gnb-main-container .gnb-depth2 > li > .unit > a:after {content:'>';margin-left:3px;color:#a50034} .gnb-main-container .gnb-depth2 > li > .unit > a.theme {margin:10px 0px} .gnb-main-container .gnb-depth2 > li > .unit > a.theme {letter-spacing:-0.1em} .gnb-main-container .gnb-depth2 > li > .unit > a.theme:after {content:'';display:inline-block;height:18px;width:13px;margin:-1px 0 0 5px;vertical-align:middle;background-image:url('/lgekor/asset/images/web/common/spliteCommon.png');background-position:0px -50px} .gnb-main-container .gnb-depth2 > li > .unit + .unit {margin-top:20px} .gnb-main-container .gnb-depth2 > li > .unit.theme {position:absolute;bottom:0} .gnb-main-container .gnb-depth2 > li > .unit > a.theme > sup{font-size:13px;vertical-align:0.75em} /* 2016.07.24 추가 S */ .web .gnb-main-container .gnb-depth2 > li.products-long {width:190px !important} .web .gnb-main-container .gnb-depth2 > li.products-long > .unit.long {width:170px !important;overflow:hidden} /* 2016.07.24 추가 E */ /* 2016.07.27 추가 S */ .web .gnb-main-container .gnb-list li.business .gnb-depth2 {max-width:1400px} .web .gnb-main-container .gnb-list > li.business .gnb-depth2 .unit {padding-left:0} /* 2016.07.27 추가 E */ /* products promotion */ .gnb-main-container .gnb-depth2 > li.promotion {width:25%;padding:0px;text-align:left} .gnb-main-container .gnb-depth2 > li.promotion:after {content:'';display:inline-block;height:100%;width:0px;vertical-align:middle} .gnb-main-container .gnb-depth2 > li.promotion > a {display:inline-block;font-size:14px;font-weight:normal;color:#333;text-align:center;vertical-align:middle;line-height:24px} .gnb-main-container .gnb-depth2 > li.promotion > a:after {display:none} .gnb-main-container .gnb-depth2 > li.promotion > a > img {display:block;margin:0 auto 20px auto} .gnb-main-container .gnb-depth2 > li.promotion > a strong {display:block;font-size:16px;font-weight:normal;color:#a50034} .gnb-main-container .gnb-depth2 > li.promotion > .quickEvent {width:192px;margin-top:5px;text-align:center} /* products contents */ .gnb-main-container .gnb-depth2 > li.products-contents {} /* gnb 3depth */ .gnb-main-container .gnb-depth3 {margin-top:6px;margin-bottom:20px} .gnb-main-container .gnb-depth3 > li {} .gnb-main-container .gnb-depth3 > li > a {font-size:14px;font-weight:normal;color:#333;line-height:24px} .gnb-main-container .gnb-depth3 > li > a > img {margin-bottom:10px} .gnb-main-container .gnb-depth3 > li > a > sup {font-size:13px;vertical-align:baseline;top:-0.5em} /* gnb 3depth - etc */ .gnb-main-container .gnb-depth3-utils {} .gnb-main-container .gnb-depth3-utils > li {} .gnb-main-container .gnb-depth3-utils > li > a {font-size:14px;color:#333;line-height:35px} .gnb-main-container .gnb-depth3-utils > li:nth-child(2){letter-spacing:-1px} /* 줄넘김 방지 word-spacing:-1px */ .gnb-main-container .gnb-depth3 > li p {padding-left:20px;background:url('/lgekor/asset/images/web/temp/bl_gnbSdot.png') 8px 10px no-repeat;line-height:20px} .gnb-main-container .gnb-depth3 > li p:last-child {line-height:24px !important;margin-bottom :10px} .gnb-main-container .gnb-depth3 > li p a {color:#333 !important} /* gnb 4depth */ .gnb-main-container .gnb-depth4 {overflow: hidden; margin: 5px 0;} .gnb-main-container .gnb-depth4 li {float: left; line-height: 1.5; margin-left: 10px;} /* gnb bottom */ .gnb-main-container .gnb-utils-container {position:absolute;top:100%;right:0;left:0;width:100%; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E5A50034', endColorstr='#E5A50034'); /*background-color:rgba(165, 0, 52, 0.9);*/ background-color:rgba(165, 0, 52, 0.9); background-color:transparent\9\0; } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {.gnb-main-container .gnb-utils-container {background-color:rgba(165, 0, 52, 0.9)}} .gnb-main-container .gnb-utils-container > .inner {position:relative;max-width:1600px;padding:0 30px;box-sizing:border-box;height:50px;margin:0 auto} .gnb-main-container .array.arrow {display:block;font-size:18px;color:#fffefe;float:left;margin:17px 0 0 0} .gnb-main-container .array.arrow > li {font-size:14px} .gnb-main-container .array.arrow a {color:#fffefe} .gnb-main-container .gnb-su {float:right} .gnb-main-container .gnb-shortcut-list {display:block;float:left;overflow:hidden;margin-top:8px} .gnb-main-container .gnb-shortcut-list > li {float:left;/*height:32px;*/ height:36px;padding-left:26px} .gnb-main-container .gnb-shortcut-list > li > a {display:inline-block;font-size:14px;color:#fffefe;line-height:34px;vertical-align:middle} .gnb-main-container .gnb-shortcut-list > li > a:before {font-size:32px;margin-right:10px} .gnb-main-container .gnb-utils-list {display:block;float:left;margin:9px 13px 0 20px} .gnb-main-container .gnb-utils-list > li {float:left;/*height:32px;*/ height:36px;margin-left:9px} .gnb-main-container .gnb-utils-list > li > a {position:relative;margin-left:2px;padding-left:8px;font-size:14px;color:#fffefe;line-height:32px} .gnb-main-container .gnb-utils-list > li > a:before {content:'';display:block;position:absolute;top:50%;left:0px;height:4px;width:4px;margin-top:-2px;background:url('/lgekor/asset/images/web/common/spliteCommon.png') -350px -100px no-repeat} /*content*/ #contentWrap {background:#fff;position:relative;z-index:1;/*width:1200px \0/IE8;margin:0 auto \0/IE8;*/} #contentWrap.theme section.responsive {margin-bottom:2px} #content {/*width:1200px \0/IE8;margin:0 auto \0/IE8;*/} /*Footer*/ #footerWrap {} /* Footer - language,sns */ .footer-utils {border-top:1px solid #fff;border-bottom:1px solid #414141;background-color:#333} .footer-utils > .inner {position:relative;height:55px;max-width:1260px;padding:0;margin:0 auto} .footer-utils .title {font-size:14px;font-weight:normal;color:#fff;vertical-align:middle;line-height:27px} .footer-utils .language {line-height:55px} .footer-utils .language span {display:inline-block;height:27px;line-height:27px} .footer-utils .language button {font-size:14px;color:#fff;line-height:27px;font-weight:400;vertical-align:middle} .footer-utils .language button .icon {font-size:16px;line-height:27px;vertical-align:middle;margin-left:5px} html>body .footer-utils .language button .icon {line-height:24px} .footer-utils .list-language {display:block;position:absolute;left:94px;top:45px;background:#fff;padding:10px 10px;border:1px solid #333;z-index:6;display:none} .footer-utils .list-language > li {line-height:27px} .footer-utils .sns-shortcut {position:absolute;top:50%;right:30px;margin-top:-14px} /* Footer - sitemap */ .footer-sitemap {background-color:#e9ecf0} .footer-sitemap .sitemap {position:relative;max-width:1260px;padding:0;margin:0 auto;padding-bottom:46px} .footer-sitemap .gnb-list {display:table;table-layout:fixed;height:100%;width:100%;/* width:85.71428571428571%;*/} .footer-sitemap .gnb-list > li {display:table-cell;height:100%} .footer-sitemap .gnb-list > li:last-child {position:absolute;padding-left:20px} .footer-sitemap .gnb-list > li:last-child:before {content:' ';position:absolute;width:1px;top:40px;left:0;bottom:46px;background-color:#d4d5d7} .footer-sitemap .gnb-list > li > a {display:block;position:relative;z-index:5;margin-top:30px;font-size:18px;font-weight:normal;color:#333;line-height:1em;text-decoration:none} .footer-sitemap .gnb-list > li > a:after {content:'>';margin-left:3px;color:#a50034} /* .footer-sitemap .gnb-depth-container {margin-top:5px} */ .footer-sitemap .gnb-depth2 {display:block;overflow:hidden;width:100%;margin:0 auto;padding:0} .footer-sitemap .gnb-depth2 > li {display:block;position:relative} .footer-sitemap .gnb-depth2 > li:first-child {border-left:none} .footer-sitemap .gnb-depth2 > li > .unit {margin-top:5px} .footer-sitemap .gnb-depth2 > li > .unit > a {display:block;font-size:16px;font-weight:normal;color:#545557;line-height:24px;text-decoration:none} .footer-sitemap .gnb-depth2 > li.products-contents > .unit > a {font-size:15px} .footer-sitemap .gnb-depth2-1 {display:block;overflow:hidden;width:100%;margin:0 auto;padding:0} .footer-sitemap .gnb-depth2-1 > li {display:block;position:relative} .footer-sitemap .gnb-depth2-1 > li:first-child {border-left:none} .footer-sitemap .gnb-depth2-1 > li > .unit {margin-top:7px} .footer-sitemap .gnb-depth2-1 > li > .unit > a {display:block;font-size:14px;font-weight:normal;color:#333;line-height:20px;text-decoration:none} .footer-sitemap .gnb-depth2-1 > li.products-contents > .unit > a {font-size:13px} /* gnb 3depth */ .footer-sitemap .gnb-depth3 {} .footer-sitemap .gnb-depth3 > li {} .footer-sitemap .gnb-depth3 > li > a {font-size:13px;color:#666;line-height:22px} /* .footer-sitemap .gnb-utils-container {display:block;position:absolute;top:33px;right:0;bottom:44px;left:85.71428571428571%;border-left:1px solid #d4d5d7} */ .footer-sitemap .gnb-utils-container {margin-top:10px} /* .footer-sitemap .gnb-utils-list {padding-left:20px} */ .footer-sitemap .gnb-utils-list > li {} .footer-sitemap .gnb-utils-list > li > a {font-size:16px;color:#333;line-height:30px} /* footer - company info */ .footer-lge {border-top:1px solid #3f3f40;background-color:#333} .footer-lge > .inner {position:relative;max-width:1400px;padding:0;margin:0 auto;padding-bottom:26px;color:#fff} .footer-lge .shortcut {font-weight:200} .footer-lge .shortcut > li:before {margin:0 12px;font-size:13px;line-height:1em;vertical-align:middle} .footer-lge .shortcut > li:nth-child(1) {font-weight:bold} .footer-lge .shortcut > li:nth-child(2) {font-weight:bold} .footer-lge .shortcut > li:nth-child(3) {font-weight:bold} /* 20191030 추가 */ .footer-lge .shortcut a {font-size:13px;color:#fff;line-height:1em;vertical-align:middle} .footer-lge .info {font-size:13px;color:#fff;line-height:20px} .footer-lge .info > strong {font-weight:lighter} .footer-lge .copynotice {display:block;float:right;margin-top:30px} .footer-lge .copyright {display:block;margin-top:10px;/*position:absolute;top:3px;right:0;font-size:13px;*/} .footer-lge .notice {position:absolute;right:30px;bottom:45px;text-align:right} .footer-lge .notice small {display:block;margin-bottom:10px;font-size:12px;line-height:46px} .footer-lge .notice strong {font-size:13px} /* 2018-03-26 renewal */ .footer-utils>.inner{max-width:1400px} .footer-utils>.inner>.main-notice{float:left;padding:15px 0;background-color:transparent} /* 2018-06-20 수정 */ .footer-utils>.inner>.main-notice .list-notice{background:url('../images/web/newmain/common/rd-notice.png') no-repeat 0 50%;padding-left:50px} .footer-utils>.inner>.main-notice .list-notice>li{padding-left:0} .footer-utils>.inner>.main-notice .list-notice>li>p {line-height:1.8;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 2018-06-20 수정 */ .footer-utils>.inner>.main-notice .list-notice>li a {color:#fff;font-size:16px} .footer-utils>.inner>.main-notice .list-notice>li:after{display:none} .footer-utils>.inner>.main-notice .list-notice>li>.onW>a{color:#fff;line-height:30px;display:inline-block} .footer-utils>.inner>.language{float:right;position:relative} .footer-utils>.inner>.language>.list-language{left:0;width:120px;box-sizing:border-box} .footer-sitemap .new-tag{text-align:center;padding-top:40px} .footer-sitemap .new-tag>p{display:inline-block;padding-left:65px;text-align:left;background:url('../images/web/newmain/common/rd-new.png') no-repeat;height:22px;line-height:22px} .footer-sitemap .new-tag>p>a{font-size:16px;color:#555;margin-left:10px} .footer-sitemap .new-tag>p>a:first-child{margin-left:0} .footer-sitemap .new-tag>p>a>sup{font-size:13px} .footer-sitemap .sitemap{max-width:1400px} .footer-sitemap .gnb-list{padding-top:40px} .footer-sitemap .gnb-list>li{padding-left:15px;position:relative !important} .footer-sitemap .gnb-list>li>a:first-child{margin-top:0} .footer-sitemap .gnb-list>li>a:after{display:none} .footer-sitemap .gnb-list>li:before{background-color:#fff;content:' ';position:absolute;width:1px;height:100%;top:0;left:0;bottom:0} .footer-sitemap .gnb-list>li:last-child:before{background-color:#b2b3b7;top:0} .footer-sitemap .gnb-depth2{overflow:visible} .footer-sitemap .gnb-depth2:after{display:block;content:'';clear:both} .footer-sitemap .gnb-depth2>li{position:relative} .footer-sitemap .gnb-depth2>li>.unit>a{font-size:15px} .footer-sitemap .gnb-depth2>li>.unit>a>sup{font-size:13px} .footer-sitemap .gnb-depth3{display:none} .footer-sitemap .gnb-depth2>li.active{height:29px} .footer-sitemap .gnb-depth2>li.active>.unit{padding:5px 10px;border:1px solid #b2b3b5;background-color:#fff;position:absolute;top:0;left:-15px;z-index:6;width:200px;box-sizing:border-box;margin-top:0} .footer-sitemap .gnb-depth2>li.active>.unit>.gnb-depth3{display:block} /* 2019-08-19 web family site add */ .web .footer-utils{display: block;} .web .footer-sitemap{display:none;} .footer-lge>.inner>.language{position: absolute;right: 200px;top: -23px;z-index: 10; width: 160px;} .footer-lge>.inner>.language>.list-language{left:40px;width:120px;box-sizing:border-box} .footer-lge .language {line-height:55px} .footer-lge .language span {display:inline-block;height:27px;line-height:27px;vertical-align:middle;} .footer-lge .language button {font-size:14px;color:#fff;line-height:27px;font-weight:400;vertical-align:middle} .footer-lge .language button .icon {font-size:16px;line-height:27px;vertical-align:middle;margin-left:5px} html>body .footer-lge .language button .icon {line-height:24px} .footer-lge .list-language {display:block;position:absolute;left:94px;bottom:45px;background:#fff;padding:10px 10px;border:1px solid #333;z-index:6;display:none} .footer-lge .list-language > li {line-height:27px} .web .footer-lge .array.shortcut {margin:20px 0} .footer-lge .util.onW{position: absolute;right: 20px;top: -20px;z-index: 6;width:180px;} .footer-lge .util.onW > li{display:block;} .footer-lge .util.onW > li.family ul {bottom: 43px;} .footer-lge .util.onW > li {position:relative;padding:10px 0} .footer-lge .util.onW > li.family button {width:100%;height:32px;color:#fff;font-size:14px} .footer-lge .util.onW > li.family button span.icon {margin-left:15px} .footer-lge .util.onW > li.family ul {display:none;position:absolute;left:0;left:10px;right:10px;padding:12px 10px;border:1px solid #9e9e9e;background-color:#333;bottom: 45px;} /* 2018-06-20 수정 */ .footer-lge .util.onW > li.family ul li + li {margin-top:10px} .footer-lge .util.onW > li.family ul li a {display:block;font-size:12px;color:#fff} /*********************** 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*/ .list-1 {} .list-1 > ul {display:table;table-layout:fixed;width:100%} .list-1 > ul li {position:relative;display:table-cell;width:240px;text-align:center;padding:50px 0} .list-1 > ul li strong {display:block;font-size:20px;font-weight:200} .list-1 > ul li img {width:190px} .list-1 > ul li:after {position:absolute;right:0;top:50%;margin-top:-80px;content:'';width:1px;height:80px;border-left:1px solid #ccc} .list-1 > ul li:last-child:after {display:none} .list-1 > ul li p {margin-top:20px;font-size:16px;padding:0 15px} /*popup*/ .pop {position:absolute;left:0;top:0;right:0;bottom:0;z-index:202} .popup {position:absolute;display:none;left:0} .pop > div {position:absolute;/*z-index:11;*/ z-index:202;left:0;/*margin-left:-150px;*/ top:30px;background:#fff;box-shadow:2px 2px 4px #444; background:#ecedf0;/* Old browsers */ background:-moz-linear-gradient(top, #ecedf0 0%, #ffffff 37%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecedf0), color-stop(37%,#ffffff));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ecedf0 0%,#ffffff 37%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ecedf0 0%,#ffffff 37%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #ecedf0 0%,#ffffff 37%);/* IE10+ */ background:linear-gradient(to bottom, #ecedf0 0%,#ffffff 37%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedf0', endColorstr='#ffffff',GradientType=0 );/* IE6-9 */ } .pop > div.pop-bg {position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.4;width:100% !important;height:100% !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); } .pop .poptit {font-size:22px;font-weight:200;margin-bottom:20px;display:block;line-height:1.5} .pop .poptit.huge {font-size:40px} .pop .popsubtit {margin-bottom:10px;font-size:20px;font-weight:200} .pop .popsubtit strong {font-weight:400;color:#c5003d} .pop .popupCont {padding:45px 50px;width:auto;min-width:250px;max-width:850px;word-break:break-all} .pop .popupCont img {max-width:850px} .pop > div .btns {margin-top:20px} .pop .close {position:absolute;right:15px;top:15px;font-size:30px} /* .pop > div .popupCont strong {font-size:16px;line-height:1.6;font-weight:400} */ .pop > div .popupCont .popupInfo .more-btn {position:absolute;right:0;bottom:0;font-size:16px} .pop .vrPop {box-shadow:0 0 0 transparent;border:1px solid #fff;background:transparent} .pop .vrPop .popupCont {padding:0;max-width:100%} .pop .vrPop .popupCont .popupInfo {margin-bottom:-5px} .vrPop iframe {width:1600px;height:780px} /*2017.06.14*/ .androidwear .popupCont.condensed{max-width:600px} .androidwear .poptit.huge{background-color:#ae1a4a;font-size:21px;color:#fff;padding-left:6%;padding:10px 0 10px 30px} .androidwear .softwareCont{padding:0 30px 30px 30px;style="width:100%;height:700px;text-align:left;"} .androidwear .linkBt{cursor:pointer;display:block;width:38.7%;height:24px;background:#666;border-radius:5px;color:#fff;line-height:24px;text-align:center;font-weight:lighter} .androidwear h4{color:#ae1a4a;height:30px;line-height:1.5em;font-size:16px} .androidwear .subti {line-height:1.3em;font-weight:bold} .androidwear .subti span{display:inline-block;width:17px;height:17px;background:url('/lgekor/asset/images/web/usp/popup_and_list_num.png') no-repeat 0 0;margin-right:5px} .androidwear .subti .num02{background-position:-17px 0} .androidwear .list>li{padding-left:30px} .androidwear ul.noti{padding-left:15px;margin-bottom:10px} .androidwear ul.noti>li{padding-left:7px;line-height:1.4} /*movie pop*/ #carousel_wrap .vod_player{display:none;position:absolute;left:7.7%;top:6%;width:84.6%;height:88%;z-index:1030} #carousel_wrap .vod_player iframe{display:block;width:100%;height:100%} #carousel_wrap .vod_player .playerbutton{position:absolute;right:30px;top:30px;width:32px;height:32px;background:url(/sec/next/images/home_icons.png) no-repeat 4px -196px;z-index:1031} #carousel_wrap .vod_player .playerbutton span{font-size:0px} #carousel_wrap .vod_player .playerbutton.ie_close{right:-3px;top:-30px} #carousel_wrap .vod_player .video_box{display:none} #carousel_wrap .vod_player .video_box.on{display:block} #movie {position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:10;display:none} /*#movie:before {content:'';display:block;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.4}*/ #movie .pop-bg {position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.4;width:100% !important;height:100% !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40)} #movie > div {position:absolute;z-index:11;left:7.7%;top:6%;width:84.6%;height:88%;z-index:1030} #movie > div iframe{display:block;width:100%;height:100%} #movie > div .movietit {font-size:40px;font-weight:200} #movie > div .movieupCont {padding:45px 50px} #movie > div a {position:absolute;right:-40px;top:0px;color:#fff;font-size:30px} #movie > div .movieCont strong {font-size:16px;line-height:1.6;font-weight:400} #movie.fridge {left:23.1%;top:18%;width:53.8%;height:64%} .layer-1 {} /*review-box*/ .review-box {padding:60px 0 0 0; /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#f9f9f9+0,eaeef1+100 */ background:#f9f9f9;/* Old browsers */ background:-moz-linear-gradient(top, #f9f9f9 0%, #eaeef1 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeef1));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f9f9f9 0%,#eaeef1 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f9f9f9 0%,#eaeef1 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #f9f9f9 0%,#eaeef1 100%);/* IE10+ */ background:linear-gradient(to bottom, #f9f9f9 0%,#eaeef1 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeef1',GradientType=0 );/* IE6-9 */ } .review-box h3 {font-weight:600;font-size:34px} .review-box ul.reviews {display:table;table-layout:fixed;width:100%;padding:50px 0 90px} .review-box ul.reviews > li {display:table-cell;padding:0 30px;border-left:1px solid #ccc;text-align:center} .review-box ul.reviews > li:last-child {border-right:1px solid #ccc} /*.review-box ul.reviews > li strong {display:block;margin-top:25px;color:#333;font-size:24px;font-weight:200}*/ .review-box ul.reviews > li a {position:relative;display:inline-block;text-align:left;text-decoration:none;max-width:238px} .review-box ul.reviews > li a strong {display:block;overflow:hidden;height:60px;margin:30px 0 20px 0;font-size:18px;font-weight:200;line-height:1.7} .review-box ul.reviews > li a p {overflow:hidden;font-size:14px;height:70px;line-height:1.7} .review-box ul.reviews > li a b {display:block;margin-top:20px;font-weight:200} .review-box ul.reviews > li a b i {display:inline-block;width:57px;height:40px;background-position:-300px -50px;vertical-align:middle} .review-box ul.reviews > li a b em {display:inline-block;vertical-align:middle;font-size:18px;font-weight:200;margin-left:10px} .web .review-box ul.reviews.web .slick-list {border-left:1px solid #ccc; margin-left: -1px;} .web .review-box ul.reviews.web .slick-list li {display: list-item;padding:0 30px;border-right:1px solid #ccc; text-align:center; box-sizing: border-box;} .web .review-box ul.reviews.web .slick-list li a {position:relative;display:inline-block;text-align:left;text-decoration:none;max-width:238px} .web .review-box ul.reviews.web .slick-list li a strong {display:block;overflow:hidden;height:60px;margin:30px 0 20px 0;font-size:18px;font-weight:200;line-height:1.7} .web .review-box ul.reviews.web .slick-list li a p {overflow:hidden;font-size:14px;height:70px;line-height:1.7} .web .review-box ul.reviews.web .slick-list li a b {display:block;margin-top:20px;font-weight:200} .web .review-box ul.reviews.web .slick-list li a b i {display:inline-block;width:57px;height:40px;background-position:-300px -50px;vertical-align:middle} .web .review-box ul.reviews.web .slick-list li a b em {display:inline-block;vertical-align:middle;font-size:18px;font-weight:200;margin-left:10px} .web .review-box ul.reviews.web .slick-prev, .web .review-box ul.reviews.web .slick-next {position: absolute;top: 50%;z-index: 2;width: 20px;height: 42px;overflow: hidden;text-indent: -9999px;margin-top: -21px;background: url(/lgekor/asset/images/web/common/spliteCommon.png) 0 0 no-repeat;} .web .review-box ul.reviews.web .slick-prev {left: -60px;background-position: -50px -50px;} .web .review-box ul.reviews.web .slick-next {right: -60px;background-position: -100px -50px;} .web .review-box ul.reviews.web .slick-dots {margin-top: 20px;} /*banner-box*/ .banner-box {background:#333;padding:60px 0 0 0} .banner-box h3 {font-weight:200} .banner-box ul.banners {width:100%;overflow:hidden;display:table;table-layout:fixed} .banner-box ul.banners > li {display:table-cell;padding:50px 0;text-align:center;overflow:hidden} .banner-box ul.banners > li .bx-pager {bottom:-25px} .banner-box ul.banners > li:first-child {} .banner-box ul.banners .bx-wrapper strong {display:none} .banner-box ul.banners > li > div {display:inline-block;/* width:350px */} .banner-box ul.banners > li * {text-align:center} .banner-box ul.banners > li strong {display:block;margin-top:10px;color:#ecedf0;font-size:18px;font-weight:200} .banner-box ul.banners > li .slideUl strong {display:none} .banner-box ul.banners > li a {display:block;color:#ecedf0;text-decoration:none;color:#333;font-size:16px} .banner-box ul.banners .slideUl {} .banner-box ul.banners .slideUl li {text-align:center} .banner-box ul.banners .slideUl li .thumb {overflow:hidden;width:350px;height:150px;margin:auto;line-height:149px;background-color:#707070} .banner-box ul.banners .slideUl li img {display:inline-block;max-height:100%;max-width:100%;height:auto;width:auto;vertical-align:middle} /*winpop*/ body.window-popup {min-width:auto !important} .window-popup #headerWrap {height:60px} .window-popup .gnb-main-container {height:auto;min-width:300px;max-width:100% !important} .window-popup .gnb-main-container h1 {margin-top:0;float:none;position:absolute;right:30px;top:14px;zoom:0.8} .window-popup .gnb-main-container h1 a {cursor:default} .window-popup .gnb-main-container h2 {font-size:24px;line-height:60px;color:#fff;font-weight:400} .window-popup .content {padding:40px 30px 40px 30px} .window-popup #footerWrap {height:40px;background:#e4e4e4;color:#666;text-align:right} .window-popup #footerWrap .copyright {line-height:40px;margin-right:30px} .window-popup .tab-cont {margin-bottom:0} /* open-market ::for external (e-cadalog, admin, and so...) */ /*page-index*/ .page-index {display:none} .open-market .sp {background-image:url('http://165.244.60.202:6120/lgekor/asset/images/web/common/spliteCommon.png')} .open-market #contentWrap {overflow-x:hidden} /* .open-market.unfold #contentWrap {width:860px;overflow-x:hidden} */ .tit-index {display:none;font-size:36px;line-height:165px;height:165px;margin-top:12px;font-weight:200;text-align:center;color:#fff;border-bottom:3px solid #d80647;background:#333} /* openMarket title LG color */ .open-marketLGred {border-bottom:3px solid #222 !important;background:#ae1948 !important} .open-market.unfold .tit-index {display:block} .onlinemall-addinfo {width:100%;max-width:960px;margin:auto;text-align:center} .onlinemall-addinfo img {width:100%} .open-market hr.dvide {max-width:1024px;width:90%} .open-market #featureBtnsWrap {display:none} .open-market .feature-index.move, .open-market .featureBtns.move.clone {display:none !important;min-width:auto} /* .open-market .banner-1 {width:100%} */ .open-market .awards {display:none} .open-market .featureBtns.array > li.noHover a:hover {background-color:#a5a5a5} .open-market .nofold .slide.type03 .banner-1 {border-bottom:1px solid #ddd} .open-market .gallery-tv-01 .slideC button {background-image:url('http://165.244.60.202:6120/lgekor/asset/images/web/usp/tv/gallery_tv_btns.png')} .open-market .slide.type03 ul li:last-child .banner-1 {border:none} .open-market .slideF ul li, .open-market .slideUl > li, .open-market .slideUl > li:first-child {position:static} .open-market .slideUl > li ul.noti li, .open-market .slideUl > li:first-child ul.noti li {position:relative} .open-market .faq dl dd {display:block} .open-market .img-wrap {} .open-market .img-wrap p {width:100%;text-align:center;border-bottom:1px solid #ddd;padding:30px 0} .open-market .img-wrap p:last-child {border:none} .open-market .img-wrap p img {max-width:100%} .open-market.unfold .banner-1 {text-align:left} .open-market.unfold .banner-1 .hero {width:34% !important;text-align:center} .open-market.unfold .banner-1 .hero img {width:auto !important;max-width:100%} .open-market.unfold .slideUl > li {border-top:1px solid #ddd} .open-market.unfold .slideUl > li:first-child {border-top:none} .open-market.unfold .fridge-gallery-wrap .slide-wrap {padding-bottom:0} .open-market.unfold .fridge-gallery-wrap .slide-wrap ul.slide {position:static} .open-market.unfold .fridge-gallery-wrap .slide-wrap ul.slide li {float:none} .open-market.unfold .fridge-gallery-wrap .slide-control {display:none} .open-market.unfold .fridge-gallery-wrap .slide-dots {display:none} /* 2016-01-07 PSM */ .contWide .contTitleB {margin-top:70px} .contWide .contTitleB.fir {margin-top:0} .contWide .movieView {margin-top:17px} .contWide .movieView.fir {margin-top:0} .contWide .movieDesc {margin-top:3px;border:1px solid #dcdcdc} .contWide .movieDescIn {padding:20px} .contWide .movieScroll {height:120px;padding-right:10px;overflow-y:scroll;overflow-x:hidden} .contWide .movieScroll p {margin-top:15px;color:#666;line-height:18px} .contWide .movieScroll p.fir {margin-top:0} /* chatbot add */ .go-chatBots{position:relative;} .go-chatBots > button{display:block;position:fixed;right:20px;bottom:60px;z-index:9;height:72px;width:72px;background-repeat:no-repeat;background-position:0 0;background-size:72px auto;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease;opacity:1;} .go-chatBots > button.img_0{background-image:url(/lgekor/asset/images/web/common/ico_chatbots_1.png);} .go-chatBots > button.img_1{background-image:url(/lgekor/asset/images/web/common/ico_chatbots_2.png);} .go-chatBots > button:after{display:none;position:fixed;right:56px;bottom:105px;z-index:10;width:57px;height:35px;background-image:url(/lgekor/asset/images/web/common/ico_beta.png);background-repeat:no-repeat;background-position:0 0;background-size:57px auto;content:'';} .go-chatBots > button span {color:transparent;font-size:1px;} /* 1200 ~ 1600 */ @media (min-width:1200px) and (max-width:1599px) { html,body {} } /* 1024 ~ 1200 */ @media (min-device-width:768px) and (max-width:1199px) { section.cont {} /* Button */ .btn-detail a,.btn-detail button {font-size:14px} .btn-detail span {font-size:18px !important} .btn-r {padding:10px 12px} .btn-play {zoom:0.7} /* Font - responsive*/ body {font-size:13px;line-height:1.3;font-weight:200} .titleLine {display:block;font-size:48px;font-weight:200} .titleSubB {display:block;font-size:24px;font-weight:200} .titleSubR {display:block;font-size:24px;font-weight:200} .headLine {display:block;font-size:37px;font-weight:200} .subLineB {display:block;font-size:18px;font-weight:200} .subLine {display:block;font-size:16px;font-weight:200} section.responsive {} section.responsive > section {} section.responsive.full > section {} section.cont {} section .hero.h img {width:100%;height:auto} /* Slide */ /* Slide - bxslide */ .slide .next {position:absolute;top:50%;margin-top:-21px;right:10px;z-index:2} .slide .prev {position:absolute;top:50%;margin-top:-21px;left:10px;z-index:2} /*banner*/ .banner-1 {width:1024px} .banner-1 .hero {width:25% !important;text-align:center} .banner-1 .hero img {/*width:100%;*/ width:auto !important;max-width:100% !important} .banner-1 .unit {width:auto !important;max-width:70%;margin-left:2%} .banner-1 strong.banner-title {font-size:29px;margin-bottom:10px} .banner-1 p.banner-txt {font-size:16px} /*banner-box*/ .banner-box {background:#333;padding:60px 0 0 0} .banner-box h3 {font-weight:200} .banner-box ul.banners {width:100%;overflow:hidden;display:table;table-layout:fixed} .banner-box ul.banners > li {display:table-cell;padding:50px 1%;text-align:center;overflow:hidden} .banner-box ul.banners > li img {width:100%;width:290px;height:124px} /* .banner-box ul.banners > li > div {display:inline-block;width:290px} */ .banner-box ul.banners > li * {text-align:center} .banner-box ul.banners > li strong {display:block;margin-top:10px;color:#ecedf0;font-size:16px;font-weight:200} .banner-box ul.banners > li a {color:#ecedf0;font-size:13px} .banner-box ul.banners .slideUl {} .banner-box ul.banners .slideUl li .thumb {width:290px;height:124px;line-height:123px;background-color:#707070} .banner-box ul.banners .slideUl li img {display:inline-block;max-height:100%;max-width:100%;height:auto;width:auto;vertical-align:middle} /*review-box*/ .review-box {padding:48px 0 0 0} .review-box h3 {font-weight:200} .review-box ul.reviews {display:table;table-layout:fixed;width:100%;padding:40px 0} .review-box ul.reviews > li {display:table-cell;padding:0 30px;border-left:1px solid #ccc} .review-box ul.reviews > li:last-child {border-right:1px solid #ccc} /*.review-box ul.reviews > li strong {display:block;margin-top:25px;color:#333;font-size:24px;font-weight:200}*/ .review-box ul.reviews > li a {position:relative;width:100%;display:inline-block;text-align:left} .review-box ul.reviews > li a img {width:100%} .review-box ul.reviews > li a strong {display:block;height:50px;margin:24px 0 16px 0;font-size:15px;font-weight:200;line-height:1.7} .review-box ul.reviews > li a p {font-size:13px;overflow:hidden;height:66px;line-height:1.7} .review-box ul.reviews > li a b {font-weight:200} .review-box ul.reviews > li a b i {display:inline-block;width:57px;height:40px;background-position:-300px -50px;vertical-align:middle} .review-box ul.reviews > li a b em {display:inline-block;vertical-align:middle;font-size:18px;font-weight:200;margin-left:10px} /*category-info*/ .category-info ul li {padding:40px 0} .category-info ul li strong {display:block;font-size:16px;margin-bottom:8px} .category-info ul li .thumb {max-width:190px;height:170px;margin:auto;width:152px} .category-info ul li .thumb img {width:100%;vertical-align:middle} .category-info ul li .thumb:after {display:inline-block;height:100%;content:'';vertical-align:middle} .category-info ul li:after {position:absolute;right:0;top:50%;margin-top:-40px;content:'';width:1px;height:80px;border-left:1px solid #ccc} .category-info ul li:first-child:after {display:none} /* common tab */ .common-tab {} .common-tab > li > a {font-size:16px} .sub-common-tab > li > a {font-size:16px} /* product compare list / product contents toggle title */ .toggle-contents {} .toggle-contents .title {font-size:16px} /* search contents container */ .search-contents {} .search-contents.line {} .search-contents.with-title {margin-top:0px} /* filter */ .search-contents .filter {} .search-contents .filter label {font-size:14px} .search-contents .filter label:before {/*margin-top:0px;*/} /* sorting */ .search-contents .sorting {} .search-contents .sorting .array > li {font-size:14px} /* search word */ .search-contents .search-word {} .search-contents .search-word select { padding:7px 12px 6px 15px;font-size:12px; } .search-contents .search-word label {font-size:14px} .search-contents .search-word input[type=text] {font-size:12px;vertical-align:top} .search-contents .search-word .btn-search {font-size:12px} /* count */ .search-contents .count {font-size:14px} /* list image type */ .common-tab + .list-type-image {margin-top:45px} .list-type-image {margin-top:5px} .list-type-image > li {width:33.333%;padding:27px 27px 36px 27px} .list-type-image.none {} .list-type-image.none > li {font-size:16px} .list-type-image .item {} .list-type-image .item .thumb {} .list-type-image .item .title {height:48px;margin-top:22px;font-size:14px} .list-type-image .item .desc {height:60px;margin-top:7px;font-size:12px} .list-type-image .item .reference {margin-top:7px} .list-type-image .item .reference > .category {margin-top:5px} /* list image type - simple */ .list-type-image.simple .item .title {height:24px} /* list image type - awards */ .list-type-image.awards .item .thumb {height:140px;/*width:100%;*/ width:auto} .list-more {margin-top:27px} .list-more > a {font-size:14px} /* list-type-table */ .ltt-container {margin-top:35px} .ltt-container .count-results {font-size:14px} /* list type table */ .list-type-table {margin-top:10px} .list-type-table thead th {font-size:12px} .list-type-table tbody td, .list-type-table tbody th {font-size:14px} .list-type-table tbody td.num {font-size:12px} .list-type-table tbody td .btn-view {font-size:14px} .list-type-table tbody .title {padding-left:30px;text-align:left} /* view-type-table */ .view-type-table {} .view-type-table > thead > tr > th {font-size:14px} .view-type-table > thead > tr > th.title {font-size:16px} .view-type-table > thead > tr.title > th .badge {font-size:12px} .view-type-table > thead > tr > td {font-size:14px} .ltt-navigation {padding-top:30px} .ltt-navigation > p {height:auto;font-size:14px;line-height:3.125} .ltt-btns {padding-top:15px;text-align:right} .ltt-btns a {min-width:72px;padding:0 15px;font-size:14px} /*faq*/ .faq {padding-bottom:48px !important} .faq .faq-head {padding:48px 0 28px 0} .faq .faq-head h3 {margin-bottom:24px} .faq ul.faq-list {margin:24px 0 24px 0;padding-bottom:24px} .faq ul.faq-list > li > strong {margin:12px 0;/*padding-left:50px;*/} .faq ul.faq-list > li > strong:before {font-size:28px} .faq ul.faq-list > li > strong:first-child {margin:24px 0 12px 0} .faq ul.faq-list > li > strong {font-size:18px;line-height:26px} .faq ul.faq-list > li > strong b {font-size:14px} .faq ul.faq-list > li > div {margin-left:40px} .faq ul.faq-list > li > div ul {margin-top:24px} .faq ul.faq-list > li > div li {font-size:14px;line-height:24px} .faq a.more {font-size:13px} /*header*/ .gnb-main-container .gnb-list > li.beauty {min-width:auto;} /* gnb CI */ .gnb-main-container > h1 {height:36px;width:137px;margin-top:20px} .gnb-main-container > h1 > a {background-position:0 -200px} /* gnb navigation */ .gnb-main-container .gnb-main {} .gnb-main-container .gnb-list > li > a {font-size:16px;line-height:81px} .gnb-main-container .gnb-list > li > a.selected:before {margin-top:-30px} .gnb-main-container .gnb-list > li > a.selected:after {margin-top:-30px} .gnb-main-container .gnb-list > li.search {width:45px;padding-left:5px} .gnb-main-container .gnb-list > li.search > a {height:22px;width:22px;margin-top:-11px;line-height:22px} .gnb-main-container .gnb-list > li.search > a.icon.search:before {height:22px;width:22px;font-size:22px} /* gnb search container */ .gnb-main-container .gnb-list > li.search > a.selected + .search-container {} .gnb-main-container .search-container {} .gnb-main-container .search-container > .inner {margin:15px auto 0 auto} .gnb-main-container .search-container > .inner > .btn-close {width:79px} .gnb-main-container .search-container > .inner > .btn-close.icon:before {font-size:28px} .gnb-main-container .search-container .search {position:absolute;right:109px;padding:9px 0 0 0} .gnb-main-container .search-container .search-word {} .gnb-main-container .search-container .search-word input[type=text] {height:30px;font-size:14px;line-height:30px;border-radius:4px} .gnb-main-container .search-container .search-word .btn-search {height:30px;width:40px} .gnb-main-container .search-container .search-word .btn-search.icon.search:before {font-size:22px;line-height:30px} .gnb-main-container .search-container .search-results {position:absolute;top:30px;right:20px;z-index:0;overflow:hidden;width:528px;padding:30px 0;font-size:14px;font-weight:normal;color:#333;line-height:24px;text-align:center; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.75); background-color:#f5f5f6; } .gnb-main-container .search-container .search-results .btn-search-more {display:inline-block;margin-top:30px;padding:0 30px;font-size:18px;color:#fff;line-height:42px;background-color:#a50034;border-radius:7px} .gnb-main-container .search-container .auto-search-word {float:left;width:230px;padding-left:30px;text-align:left} .gnb-main-container .search-container .auto-search-word a {display:block} .gnb-main-container .search-container .search-results-summary {float:left;width:230px;padding-left:30px;text-align:left;border-left:1px solid #b9b9bc} .gnb-main-container .search-container .search-results-summary > a {display:block;font-size:14px;line-height:26px} .gnb-main-container .search-container .search-results-summary > a.total {display:inline-block;margin-bottom:6px;font-size:16px} .gnb-main-container .search-container .search-results-summary > a.total em {color:#a50034} /* gnb 2depth */ .gnb-main-container .gnb-depth2 > li > .unit > a {display:block;font-size:16px;font-weight:normal;color:#333;line-height:24px} .gnb-main-container .gnb-depth2 > li > .unit > a.theme {letter-spacing:-0.1em} /* products promotion */ .gnb-main-container .gnb-depth2 > li.promotion > a {display:inline-block;font-size:12px;font-weight:normal;color:#333;text-align:center;vertical-align:middle;line-height:24px} .gnb-main-container .gnb-depth2 > li.promotion > a strong {display:block;font-size:14px;font-weight:normal;color:#a50034} /* gnb 3depth */ .gnb-main-container .gnb-depth3 {} .gnb-main-container .gnb-depth3 > li {} .gnb-main-container .gnb-depth3 > li > a {font-size:12px;font-weight:normal;color:#333;line-height:24px} /* 2016.07.27 추가 S */ .gnb-main-container .gnb-list > li.business a {margin-left:0 !important;padding-left:2px !important} /* 2016.07.27 추가 E */ /* gnb 3depth - etc */ .gnb-main-container .gnb-depth3-utils {} .gnb-main-container .gnb-depth3-utils > li {} .gnb-main-container .gnb-depth3-utils > li > a {font-size:12px;color:#333;line-height:35px} .gnb-main-container .gnb-depth3 > li p {padding-left:20px;background:url('/lgekor/asset/images/web/temp/bl_gnbSdot.png') 8px 10px no-repeat;line-height:20px} .gnb-main-container .gnb-depth3 > li p:last-child {line-height:24px !important;margin-bottom :10px} .gnb-main-container .gnb-depth3 > li p a {color:#333 !important} /* gnb bottom */ .gnb-main-container .gnb-utils-container {} .gnb-main-container .gnb-utils-container > .inner {height:50px} .gnb-main-container .array.arrow {display:block;float:left;font-size:16px;color:#fffefe} .gnb-main-container .array.arrow > li {font-size:12px} .gnb-main-container .gnb-shortcut-list {} .gnb-main-container .gnb-shortcut-list > li {} .gnb-main-container .gnb-shortcut-list > li > a {font-size:12px} .gnb-main-container .gnb-shortcut-list > li > a:before {font-size:26px} .gnb-main-container .gnb-utils-list {} .gnb-main-container .gnb-utils-list > li {} .gnb-main-container .gnb-utils-list > li > a {font-size:12px} .footer-lge .notice {right:30px} /* Product Option - 1024 */ .prdlist-opt > li {padding-left:10px} .prdlist-opt > li .opt-title {font-size:18px} /* .prdlist-opt > li .opts {height:160px} */ .prdlist-opt > li .opts > li {height:40px} .prdlist-opt > li .opts li label {font-size:14px} .prdlist-opt > li .opts > li label img {right:10px} .prdlist-opt > li.large .opts > li label {padding-right:40px} .thumb-opt .prdlist-opt li.thumb > p {padding-left:20px;font-size:22px} .thumb-opt .prdlist-opt li:first-child, .thumb-opt .prdlist-opt li:last-child {width:180px} .opt-result p {font-size:44px;margin-top:30px} .opt-result .btn-reset {font-size:16px} .icon.onlineshop span, .icon.healthCare span {background-size:95%} } /* Mobile */ @media /* only screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width :1200px), */ only screen and (max-device-width:767px) { body.open-market {min-width:auto} #headerWrap.gnb_on {z-index:12;} button {outline:none} .btn-splay {display:inline-block;overflow:hidden;text-indent:-9999px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') 0 0 no-repeat;width:35px;height:35px;background-position:-160px -40px !important;position:absolute;left:50%;top:50%;margin:-17.5px 0 0 -17.5px;opacity:0.7;background-size:200px 200px} hr.etc-line {display:none} /* top button */ .move-top > a {background-position:-120px -300px !important;background-size:600px 600px !important} /*font*/ /*responsive*/ body {font-size:12px;line-height:1.3;font-weight:200;letter-spacing:-1px} .titleLine {display:block;font-size:26px;font-weight:200} .titleLine > img {display:block;margin:10px auto; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5); -webkit-transform-origin:center top; -moz-transform-origin:center top; transform-origin:center top; } .titleSubB {display:block;font-size:20px} .titleSubR {display:block;font-size:16px} .headLine {display:block;font-size:18px;font-weight:200} .headLine.centerd > img {width:70%} /* 2018-03-02 수정 */ .subLineB {display:block;font-size:16px} .subLine {display:block;font-size:14px} .contTitle {display:block;font-size:16px;font-weight:200} .contTitleB {display:block;font-size:16px;font-weight:400} /*more style*/ .titleSubL {display:block;font-size:14px} /* 추가 아이콘 */ .icon.onlineshop span{margin:0;width:auto} /* responsive title moible-bar */ section.responsive.title.mobile-bar {position:relative;padding:0;background-color:#333} section.responsive.title.mobile-bar .headLine {display:block;padding-left:20px;color:#fff;line-height:60px;text-align:left} section.responsive.title.mobile-bar button {display:block;position:absolute;top:0;right:0;height:60px;width:60px;font-size:26px;color:#fff} section.responsive.title.mobile-bar button.nav-prev {display:none} section.responsive.title.mobile-bar > section + .sub-navigation {margin-top:0px} section.responsive.title .sub-navigation {overflow:visible;margin-top:10px;background-color:#fff} .product-main section.responsive.title .sub-navigation {margin-top:0px} section.responsive.title .sub-navigation .headLine {padding:0 20px;font-size:18px;font-weight:normal;color:#333;line-height:45px;text-align:center} section.responsive.title .sub-navigation button {display:block;position:absolute;top:50%;left:20px;height:30px;width:30px;margin:-15px 0 0 -10px;font-size:18px;color:#fff} section.responsive.title .sub-navigation button.nav-prev {display:block} section.responsive.title .sub-navigation button.rd-close {display:none} section.responsive.title .sub-navigation button.menu {right:20px;left:auto} section.responsive.title .sub-navigation button.rd-arrow-d01 {display:inline-block;position:static;height:auto;width:auto;margin-left:2px;line-height:45px} section.responsive.title .sub-navigation .btn-share {right:20px;left:auto} section.responsive.title .sub-navigation .btn-share:before {font-size:30px} section.responsive.title .sub-navigation .array.selecting {display:none;position:absolute;top:46px;right:0;left:0;z-index:1;margin:0;width:100%;background-color:#fff} section.responsive.title .sub-navigation .array.selecting > li {float:none;margin:0;border-bottom:1px solid #e0e0e0} section.responsive.title .sub-navigation .array.selecting > li:before {content:none} section.responsive.title .sub-navigation .array.selecting > li > a {display:block;padding:0px;font-size:14px;color:#333;line-height:40px} /*input radio,checkbox*/ .radio li label {font-size:16px} input[type="radio"] + label {line-height:20px} input[type="radio"] + label:before {width:20px;height:20px;margin-top:-10px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') -120px -30px no-repeat;background-size:300px 300px} input[type="radio"] + label.topbtn:before {top:0;margin-top:0} input[type="radio"]:checked + label:before {background-position:-150px -30px} input[type="checkbox"] + label {line-height:20px} input[type="checkbox"] + label:before {width:20px;height:20px;margin-top:-10px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') -120px 0 no-repeat;background-size:300px 300px} input[type="checkbox"] + label.topbtn:before {top:0;margin-top:0} input[type="checkbox"]:checked + label:before {background-position:-150px 0} /* common tab */ .common-tab {display:table;table-layout:fixed;width:100%} .common-tab > li {display:table-cell;position:relative} .common-tab > li > a {display:block;position:relative;padding:0px;font-size:12px;color:#333;text-align:center;line-height:39px;border-top:1px solid #bbb;border-right:1px solid #bbb} .common-tab > li:first-child > a {border-left:1px solid #bbb} .common-tab > li > a:hover {font-weight:lighter;color:#333;text-decoration:none;border-bottom:1px solid #bbb} .common-tab > li > a:hover:before {content:none} .common-tab > li > a.more {} .common-tab > li > a.more:after {content:'';display:block;position:absolute;top:50%;right:10px;height:7px;width:12px;margin-top:-4px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') -210px -120px no-repeat;background-size:300px 300px} .common-tab > li > a.more.no:after {background-position:-210px -150px} .common-tab > li.selected > a {font-weight:normal;color:#a50034} .common-tab > li.selected > a:before {content:'';display:block;position:absolute;right:0;bottom:-1px;left:0;z-index:1;height:2px;width:100%;background-color:#a50034} /*.common-tab > li.selected > .sub-common-tab {display:block}*/ .sub-common-tab {display:none;position:absolute;top:100%;left:0;box-sizing:border-box;width:100%;text-align:center;border-top:0px none;border-bottom:1px solid #e0e0e0;background-color:#fff} .common-tab > li:first-child > .sub-common-tab {text-align:left} .common-tab > li:last-child > .sub-common-tab {text-align:right} .sub-common-tab > li {display:block} .sub-common-tab > li > a {display:block;position:relative;padding:0px;font-size:12px;color:#333;text-align:center;line-height:39px;border-top:0px none} .sub-common-tab > li > a:hover {text-decoration:none} .sub-common-tab > li > a.selected {font-weight:normal;color:#a50034} .sub-common-tab > li:first-child > a:before {content:''} /* product compare list / product contents toggle title */ .toggle-contents {} .toggle-contents .title {padding:0 20px;font-size:14px;color:#333;line-height:40px;text-align:left;text-decoration:none;border-bottom:1px solid #fff;background-color:#ced3d9} .toggle-contents .title.icon:before {display:block;position:absolute;top:0;right:0px;width:47px;font-weight:lighter;color:#333;text-align:center;/*border-left:1px solid #fff;*/} .toggle-contents .title.on {color:#fff;background-color:#666} .toggle-contents .title.icon.on:before {color:#fff} /* search contents container */ .common-tab + .search-contents {padding-top:0px} .search-contents {position:relative;overflow:visible;padding:0px} .search-contents.line {border-bottom:1px solid #cecece} .search-contents.with-title {margin-top:0px} /* search-contents common button */ .search-contents .btn-display {display:block;position:relative;width:100%;padding-left:20px;font-size:12px;font-weight:lighter;color:#333;line-height:34px;text-align:left;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0} .search-contents .btn-display:after {content:'';display:block;position:absolute;top:50%;right:20px;height:5px;width:7px;margin-top:-3px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') -120px -120px no-repeat;background-size:300px 300px} .search-contents .btn-display.on {color:#a50034} .search-contents .btn-display > i {display:inline-block;margin:-3px 0 0 5px} /* filter */ .search-contents .filter {float:left} .search-contents .filter label {height:auto;font-size:16px;margin-right:5px} .search-contents .filter label:before {margin-top:-3px} .search-contents .filter .array.selecting {display:none;position:absolute;top:35px;right:50%;left:0;z-index:2;margin:0;width:50%;background-color:#fff} .search-contents .filter .array.selecting > li {float:none;margin:0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0} .search-contents .filter .array.selecting > li:before {content:none} .search-contents .filter .array.selecting > li > a {display:block;padding:0 0 0 20px;font-size:14px;color:#333;line-height:40px} /* sorting */ .search-contents .sorting {float:right;width:50%} .search-contents .sorting .array.selecting {display:none;position:absolute;top:35px;right:50%;left:0;z-index:2;margin:0;width:50%;background-color:#fff} .search-contents .sorting.only .array.selecting {right:0;width:100%} .search-contents .sorting .array.selecting > li {float:none;margin:0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0} .search-contents .sorting .array.selecting > li:before {content:none} .search-contents .sorting .array.selecting > li > a {display:block;padding:0 0 0 20px;font-size:12px;color:#333;line-height:40px} .search-contents .sorting .array.segmented {float:right;margin:0} .search-contents .sorting .array.segmented > li {overflow:hidden;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa} .search-contents .sorting .array.segmented > li:before {content:none} .search-contents .sorting .array.segmented > li:first-child {border-left:1px solid #aaa;border-radius:2px 0px 0px 2px} .search-contents .sorting .array.segmented > li:last-child {border-radius:0px 2px 2px 0px} .search-contents .sorting .array.segmented > li > a {display:inline-block;padding:0 16px;font-size:12px;color:#666;line-height:20px;background-color:#fff} .search-contents .sorting .array.segmented > li.on > a {font-weight:normal;color:#fff;background-color:#aaa} /* search word */ .search-contents .search-word {display:block;float:right;width:50%;padding:0} .search-contents .search-word .btn-display {border-right:0px none} .search-contents .search-word .detail {display:none;position:absolute;top:35px;right:0;left:0;z-index:1;box-sizing:border-box;width:100%;padding:19px 5px;text-align:center;border-bottom:1px solid #e0e0e0;background-color:#fff} .search-contents .search-word input[type=text] {height:30px;width:auto;padding:0 0 0 10px;font-size:14px;color:#333;line-height:30px;vertical-align:middle;border:1px solid #b4bec8;border-radius:4px;background-color:#f6f7f9} .search-contents .search-word .btn-search {height:32px;min-width:57px;padding:0 10px;font-size:12px;color:#fff;line-height:32px;vertical-align:middle;border-radius:4px;background-color:#a50034} /* menu open - elements position */ #headerWrap.mgnbOn {position:fixed;top:0px;right:0px;left:0px;z-index:1} #contentWrap {z-index:1;width:1200px \0/IE8;margin:0 auto \0/IE8;/*padding-top:10px;*/} #contentWrap.mgnbOn {position:fixed;top:60px;right:0px;left:0px;z-index:0} #footerWrap.mgnbOn {position:fixed;top:100%;right:0px;left:0px} /*header*/ #skip_nav {display:none} #headerWrap {/*position:static;*/} /* 상단 티배너 추가 후 모바일 gnb열림 버튼 위치 수정 */ #contentWrap {margin-top:0px} .gnb-main-container {max-width:auto;height:60px;padding:0 20px} .gnb-main-container > h1 {height:28px;width:106px;margin-top:17px} .gnb-main-container > h1 > a {display:block;overflow:hidden;height:100%;width:100%;background:url('/lgekor/asset/images/mobile/common/ci.png') left top no-repeat;background-size:100%} .gnb-main-container:after {content:'';position:absolute;right:0;top:60px;left:0;z-index:2;height:10px;background-color:rgba(165, 0, 52, 0.9)} .gnb-main-container .mobile-shortcut {position:absolute;top:8px;right:10px;height:44px} .gnb-main-container .mobile-shortcut > a {display:inline-block;height:44px;width:44px;font-size:9px;color:#fff;text-align:center} .gnb-main-container .mobile-shortcut > a:hover {text-decoration:none} .gnb-main-container .mobile-shortcut > a:before {display:block;height:25px;margin:0 auto 7px auto;font-size:25px} .gnb-main-container .mbg {content:'';position:fixed;width:100%;top:0;right:-100%;bottom:0;background:#000;opacity:0;z-index:11} .gnb-main-container .mbg.on {right:0;opacity:0.4} /* gnb navigation */ .gnb-main-container .btn-close {display:none;position:fixed;top:12px;left:0;z-index:11;width:50px;font-size:9px;color:#fff;opacity:0} .gnb-main-container .btn-close:before {display:block;margin-bottom:5px;font-size:24px;color:#fff} .gnb-main-container .gnb-main {/*display:none;*/ position:fixed;right:-100%;bottom:0;left:100%;/*left:15.27777777777778%;*/ z-index:12;overflow:scroll;height:100%;padding:0px;background-color:#f1f2f2; transition:left 0.5s ease,right 0.5s ease; -webkit-transition:left 0.5s ease,right 0.5s ease; -moz-transition:left 0.5s ease,right 0.5s ease; } .gnb-main-container .gnb-main .btn-more {display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:45px;width:49px;font-size:20px;color:#333;text-align:center;text-indent:-9999px;border-left:1px solid #fff} .gnb-main-container .gnb-main .btn-more:before {content:'\e704';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;font-size:15px;color:#333;text-indent:0px;line-height:45px} .gnb-main-container .gnb-list > li > a.selected + .btn-more {color:#fff} .gnb-main-container .selected + .btn-more:before {content:'\e705';color:#fff} .gnb-main-container .gnb-main a:hover {text-decoration:none} .gnb-main-container .gnb-main a.no-sibling {position:relative} .gnb-main-container .gnb-main a.no-sibling:after {content:'\e701';display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:45px;width:48px;font-size:15px;font-weight:normal;color:#333;text-align:center;border-left:1px solid #fff} .gnb-main-container .gnb-list {display:block;position:relative;height:auto;padding-top:60px;z-index:10} .gnb-main-container .gnb-list > li {display:block;position:relative;height:auto;width:auto} .gnb-main-container .gnb-list > li > a {display:block;padding-left:20px;font-size:15px;font-weight:normal;color:#333;line-height:45px;text-align:left;border-bottom:1px solid #fff;background-color:#f1f2f2} .gnb-main-container .gnb-list > li > a.selected {color:#fff;background:none;background-color:#333} .gnb-main-container .gnb-list > li > a.selected ~ .gnb-depth-container {display:block} .gnb-main-container .gnb-list > li > a.selected:before {content:none} .gnb-main-container .gnb-list > li > a.selected:after {content:none} .gnb-main-container .gnb-list > li.business > a:after {content:'\e701';display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:45px;width:48px;font-size:15px;font-weight:normal;color:#333;text-align:center;border-left:1px solid #fff} .gnb-main-container .gnb-list > li.business > .btn-more {display:none} .gnb-main-container .gnb-list > li.business > .gnb-depth-container {display:none} .gnb-main-container .gnb-list > li.recent {} .gnb-main-container .gnb-list > li.recent a {border-bottom:1px solid #e9ebeb;background-color:#fff} .gnb-main-container .gnb-list > li.recent a.no-sibling:after {content:'\e701';display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:45px;width:48px;font-size:15px;font-weight:normal;color:#333;text-align:center;border-left:1px solid #e9ebeb} .gnb-main-container .gnb-list > li.recent mark {color:#a50034;text-decoration:underline;background-color:transparent} .gnb-main-container .gnb-list > li.search {position:absolute;top:0;right:0;left:0;height:60px;width:100%;padding:0} /* gnb search container */ .gnb-main-container .search-container {display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:visible; background:-moz-linear-gradient(top, #d9dce1 0%, #f8f8f8 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dce1), color-stop(100%,#f8f8f8));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #d9dce1 0%,#f8f8f8 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #d9dce1 0%,#f8f8f8 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #d9dce1 0%,#f8f8f8 100%);/* IE10+ */ background:linear-gradient(to bottom, #d9dce1 0%,#f8f8f8 100%);/* W3C */ } .gnb-main-container .search-container > .inner {position:relative;height:100%;margin:0} .gnb-main-container .search-container .search {position:static;height:34px;padding:13px 0 0 0;border:0px none;background-color:transparent} .gnb-main-container .search-container .search-word {position:absolute;right:15px;left:15px;width:auto} .gnb-main-container .search-container .search-word label {width:100%} .gnb-main-container .search-container .search-word input[type=text] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:34px;width:100%;padding:0 15px;font-size:13px;color:#333;line-height:34px;border:1px solid #b6c0ca;border-radius:5px} .gnb-main-container .search-container .search-word .btn-search {display:block;position:absolute;top:1px;right:1px;height:32px;width:45px} .gnb-main-container .search-container .search-word .btn-search.icon.search:before {display:block;position:absolute;top:0;right:0;bottom:0;left:0;font-size:18px;color:#5b5b5b;text-align:center;line-height:32px;border-radius:5px;background-color:transparent} .gnb-main-container .search-container .search-results { position:absolute;top:60px;right:0px;left:0px;z-index:10;overflow:hidden; width:auto;padding:20px; font-size:16px;font-weight:normal;color:#333;line-height:28px;text-align:center; box-shadow:0 2px 1px 1px rgba(0, 0, 0, 0.25); background:-moz-linear-gradient(top, #eaeef1 0%, #ffffff 12%, #ffffff 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeef1), color-stop(12%,#ffffff), color-stop(100%,#ffffff));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #eaeef1 0%,#ffffff 12%,#ffffff 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #eaeef1 0%,#ffffff 12%,#ffffff 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #eaeef1 0%,#ffffff 12%,#ffffff 100%);/* IE10+ */ background:linear-gradient(to bottom, #eaeef1 0%,#ffffff 12%,#ffffff 100%);/* W3C */ } .gnb-main-container .search-container .search-results .btn-search-more {display:block;margin-top:0px;padding:0 30px;font-size:19px;font-weight:normal;color:#fff;line-height:45px;background-color:#a50034;border-radius:7px} .gnb-main-container .search-container .search-results iframe {width:100%} .gnb-main-container .search-container .auto-search-word {clear:both;float:none;width:100%;padding:14px 0px} .gnb-main-container .search-container .auto-search-word a {font-size:16px;color:#333;line-height:28px} .gnb-main-container .search-container .search-results-summary {clear:both;float:none;width:100%;padding:17px 0px 30px 0px;border:0px none;border-top:1px solid #ccc} .gnb-main-container .search-container .search-results-summary > a {font-size:13px;color:#333;line-height:23px} .gnb-main-container .search-container .search-results-summary > a.total {margin-bottom:4px;font-size:16px} /* gnb 2depth */ /*.gnb-main-container .gnb-list > li > a.selected ~ .gnb-depth-container {display:block}*/ .gnb-main-container .gnb-list > li > a.selected ~ .gnb-depth-container {max-height:100%;height:auto} .gnb-main-container .gnb-depth-container {/*display:none;*/ position:static;visibility:visible;/*max-height:100%;height:auto;*/ height:0;width:100%;border:0px none;box-shadow:none;background-color:#fff; /*transition:height 1s ease;*/ } .gnb-main-container .gnb-depth-container.transitions { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .gnb-main-container .gnb-depth2 {display:block;overflow:hidden;height:auto;max-width:auto;width:100%;margin:0;padding:0;background-color:#d9dbdb} .gnb-main-container .gnb-depth2 > li {display:block;float:none;position:relative;height:auto;width:auto;padding:0px;border:0px none} .gnb-main-container .gnb-depth2 > li:first-child {border:0px} .gnb-main-container .gnb-depth2 > li > .unit {padding-left:0px} .gnb-main-container .gnb-depth2 > li > .unit > a {display:block;padding-left:40px;font-size:15px;font-weight:normal;color:#333;line-height:45px;border-bottom:1px solid #fff} .gnb-main-container .gnb-depth2 > li > .unit > a.theme {margin:0;padding-left:23px !important} .gnb-main-container .gnb-depth2 > li > .unit > a:after {content:none} .gnb-main-container .gnb-depth2 > li > .unit > a.theme:before {content:'';display:inline-block;height:18px;width:13px;margin:-1px 5px 0 0px;vertical-align:middle;background-image:url('/lgekor/asset/images/web/common/spliteCommon.png');background-position:0px -50px} .gnb-main-container .gnb-depth2 > li > .unit > a.theme:after {display:none} .gnb-main-container .gnb-depth2 > li > .unit > a.no-sibling:after {content:'\e701';font-size:15px;color:#333} .gnb-main-container .gnb-depth2 > li.products-contents > .unit > a + .btn-more {display:none} .gnb-main-container .gnb-depth2 > li.products-contents > .unit > a:after {content:'\e701';display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:45px;width:48px;font-size:15px;font-weight:normal;color:#333;text-align:center;border-left:1px solid #fff} .gnb-main-container .gnb-depth2 > li > .unit > a.selected {background-color:#bfc2c2} .gnb-main-container .gnb-depth2 > li > .unit + .unit {margin:0} .gnb-main-container .gnb-depth2 > li > .unit.theme {position:static} /* products contents */ .gnb-main-container .gnb-depth2 > li.products-contents {float:none} /* gnb 3depth */ .gnb-main-container .gnb-depth2 > li > .unit > a.selected ~ .gnb-depth3 {display:block} .gnb-main-container .gnb-depth3 {display:none;margin:0;padding:6px 0;border-bottom:1px solid #fff;background-color:#f1f2f2} .gnb-main-container .gnb-depth3 > li {} .gnb-main-container .gnb-depth3 > li > a {display:block;padding-left:50px;font-size:13px;font-weight:normal;color:#333;line-height:30px} .gnb-main-container .gnb-depth3 > li > a > img {margin:0} .gnb-main-container .gnb-depth3 > li p {margin-left :50px;padding-left:20px;background:url('/lgekor/asset/images/web/temp/bl_gnbSdot.png') 8px 10px no-repeat;line-height:20px} /* .gnb-main-container .gnb-depth3 > li p:nth-child(2) {line-height:24px !important} */ .gnb-main-container .gnb-depth3 > li p a {color:#333 !important} /* gnb bottom */ .gnb-main-container .gnb-utils-container {display:block;position:relative;top:auto;height:auto;background-color:#fff} .gnb-main-container .gnb-utils-container > .inner {position:relative;height:auto;margin:0;padding:0;padding-bottom:50px} .gnb-main-container .gnb-su {display:block;float:none} .gnb-main-container .gnb-shortcut-list {display:table;table-layout:fixed;float:none;position:static;top:auto;right:auto;overflow:hidden;width:100%;margin-top:0;background-color:#fff} .gnb-main-container .gnb-shortcut-list > li {display:table-cell;float:none;height:auto;padding:0;border-bottom:1px solid #e9ebeb} .gnb-main-container .gnb-shortcut-list > li > a {display:block;height:61px;padding-top:14px;font-size:13px;color:#333;line-height:auto;text-align:center;border-right:1px solid #e9ebeb} .gnb-main-container .gnb-shortcut-list > li > a:before {display:block;height:28px;width:28px;margin:0 auto;color:#999} .gnb-main-container .gnb-utils-list {display:table;table-layout:fixed;float:none;position:absolute;bottom:0;width:100%;margin:0px} .gnb-main-container .gnb-utils-list > li {display:table-cell;float:none;box-sizing:border-box;margin:10px 0;text-align:center;border-right:1px solid #ebebeb} .gnb-main-container .gnb-utils-list > li > a {display:block;margin:0;padding:3px 0 0 0;font-size:12px;color:#333;line-height:47px} .gnb-main-container .gnb-utils-list > li > a:before {content:none} .gnb-main-container .gnb-depth3-utils {display:none} /* footer - language / sns */ .footer-utils {border:0px none;background-color:#333;border-top:1px solid #bbb} .footer-utils > .inner {position:relative;height:auto;padding:115px 20px 0px 20px} .footer-utils .title {font-size:12px;font-weight:normal;line-height:60px} .footer-utils .language {line-height:45px;border-top:1px solid #5e5e5e} .footer-utils .language button {padding-left:5px;font-size:12px} .footer-utils .language a {line-height:27px;font-weight:400;vertical-align:middle} .footer-utils .language a:after {content:'>';margin-left:5px} .footer-utils .list-language {display:none;top:100%;left:70px} .footer-utils .list-language > li {line-height:27px} .footer-utils .sns-shortcut {position:absolute;top:20px;right:20px;left:20px;margin-top:0px} .footer-utils .sns-shortcut .title {display:block;float:left;font-size:12px;line-height:40px} /* sitemap bottom */ .footer-utils .gnb-utils-container {display:block;position:relative;top:auto;height:auto;background-color:#f1f2f2} .footer-utils .gnb-utils-container > .inner {position:relative;height:auto;margin:0} .footer-utils .gnb-utils-list {display:block;position:static;top:auto;right:auto;overflow:hidden;margin-top:0;background-color:#fff} .footer-utils .gnb-utils-list > li {float:left;height:auto;width:33%;padding:0;border-bottom:1px solid #e9ebeb} .footer-utils .gnb-utils-list > li:nth-child(3n+1) {width:34%} .footer-utils .gnb-utils-list > li > a {display:block;height:61px;padding-top:14px;font-size:13px;color:#333;line-height:auto;text-align:center;border-right:1px solid #e9ebeb} .footer-utils .gnb-utils-list > li > a:before {content:'';display:block;height:28px;width:28px;margin:0 auto} /* footer - sitemap */ .footer-sitemap {} .footer-sitemap .sitemap {padding:0} .footer-sitemap .sitemap {height:100%;padding:0px;border-top:1px solid #fff;background-color:#f1f2f2} .footer-sitemap .sitemap a:hover {text-decoration:none} .footer-sitemap .sitemap a.no-sibling {} .footer-sitemap .sitemap a.no-sibling:after {content:'>';display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:52px;width:55px;font-size:20px;color:#333;text-align:center;border-left:1px solid #fff} /* sitemap 1depth */ .footer-sitemap .gnb-list {display:block;height:100%;width:100%} .footer-sitemap .gnb-list > li {position:relative;display:block;height:auto} .footer-sitemap .gnb-list > li > a {display:block;z-index:0;margin:0px;padding-left:20px;font-size:16px;font-weight:normal;color:#333;line-height:46px;text-decoration:none;border-bottom:1px solid #fff} .footer-sitemap .gnb-list > li > a:after {content:none} .footer-sitemap .gnb-list > li > a.selected {color:#fff;background:none;background-color:#333} /* sitemap 2depth */ .footer-sitemap .gnb-depth-container {display:none;position:static;width:100%;margin:0;border:0px none;box-shadow:none;background-color:#fff} .footer-sitemap .gnb-depth2 {display:block;overflow:hidden;height:auto;max-width:auto;width:100%;margin:0;padding:0;background-color:#d9dbdb} .footer-sitemap .gnb-depth2 > li {display:block;float:none;position:relative;height:auto;width:auto;padding:0px;border:0px none} .footer-sitemap .gnb-depth2 > li:first-child {border:0px} .footer-sitemap .gnb-depth2 > li > .unit {margin:0;padding:0} .footer-sitemap .gnb-depth2 > li > .unit > a {display:block;padding-left:40px;font-size:15px;font-weight:normal;color:#333;line-height:45px;border-bottom:1px solid #fff} .footer-sitemap .gnb-depth2 > li > .unit > a:after {content:none} .footer-sitemap .gnb-depth2 > li > .unit > a.selected {background-color:#bfc2c2} /* sitemap 3depth */ .footer-sitemap .gnb-depth3 {display:none} /* footer - company info */ .footer-lge {border-top:0px none} .footer-lge > .inner {padding:6px 20px 14px 20px} .footer-lge .shortcut {margin-bottom:20px;text-align:center} .footer-lge .shortcut > li {display:inline-block;float:none;text-align:center} .footer-lge .shortcut > li:before {margin:0 12px;font-size:13px;line-height:1em;vertical-align:middle} .footer-lge .shortcut > li:nth-child(1) {font-weight:normal} .footer-lge .shortcut > li:nth-child(2) {font-weight:normal} .footer-lge .shortcut > li:nth-child(3) {font-weight:normal} /* 20191030 추가 */ .footer-lge .shortcut a {font-size:12px;color:#fff;line-height:27px;vertical-align:middle} .mobile .footer-lge .util.onM {display:table !important;table-layout:fixed;width:100%;margin-bottom:20px}/* 2019-08-19 수정 */ .footer-lge .util > li {position:relative;display:table-cell;padding:10px 0} .footer-lge .util > li.family button {width:100%;height:32px;color:#fff;font-size:14px} .footer-lge .util > li.family button span.icon {margin-left:15px} .footer-lge .util > li.family ul {display:none;position:absolute;left:0;left:10px;right:10px;padding:12px 10px;border:1px solid #9e9e9e;background-color:#333} /* 2018-06-20 수정 */ .footer-lge .util > li.family ul li + li {margin-top:10px} .footer-lge .util > li.family ul li a {display:block;font-size:12px;color:#fff} .footer-lge .util > li.certific a {display:block;padding-left:8%;padding-right:51px;color:#bbb;font-size:12px} .footer-lge .util > li.certific a:before {content:' ';position:absolute;left:0;top:10px;width:1px;height:32px;background-color:#9e9e9e} .footer-lge .util > li.certific a:after {content:' ';position:absolute;top:0;right:0px;width:51px;height:51px;background:url('/lgekor/asset/images/mobile/common/spliteCommon.png') no-repeat -180px 0;background-size:300px 300px} .footer-lge .info {font-size:12px;color:#bbb;line-height:19px;text-align:center} .footer-lge .info > strong {font-weight:lighter} .footer-lge .info a {color:#bbb} .footer-lge .copynotice {float:none} .footer-lge .copyright {display:block;position:static;margin-top:6px;font-size:12px;color:#bbb;line-height:19px;text-align:center} /* list image type */ .list-type-image {margin:0;padding:0 20px;border:0px none} .list-type-image > li {clear:both;float:none;height:auto;width:100%;padding:0;border:0px none;border-bottom:1px solid #ccc} .list-type-image > li:last-child {border-bottom:none} .list-type-image.none {} .list-type-image.none > li {padding:50px 0;font-size:16px} .list-type-image .item {display:block;position:relative;min-height:67px;padding:17px 0 15px 139px;font-size:12px;color:#333;line-height:14px} .list-type-image .item .thumb {display:block;position:absolute;top:20px;left:0;max-height:67px;height:auto;width:119px;margin:0} .list-type-image .item .title {display:block;height:auto;margin:0;font-size:14px;line-height:1.3} .list-type-image .item .desc {height:auto;margin-top:5px;font-size:12px} .list-type-image .item .reference {margin-top:6px;font-size:12px} .list-type-image .item .reference > .category {padding:0 5px} .list-more {margin-top:20px;padding:0 20px} .list-more > a {display:block;font-size:16px;color:#fff;text-align:center;line-height:40px;border-radius:6px;background-color:#a50034} .list-more .icon.plus:before {font-size:10px;vertical-align:top} .list-more > a mark {color:#fff} /* list image type - awards */ .list-type-image.awards > li {padding-top:0px} .list-type-image.awards .item .thumb {top:0;max-height:100px;height:100px;max-width:125px;width:auto;display:inline-block} /* list-type-table */ .ltt-container {margin-top:0px;padding:18px 20px 0 20px} .ltt-container.view {padding:0px} .ltt-container .count-results {font-size:12px} /* list type table */ .list-type-table {display:block;width:100%;margin-top:8px;border:0px none;border-top:1px solid #333} .list-type-table thead {display:none} .list-type-table tbody {display:block} .list-type-table tbody tr {display:block;padding:12px 5px;border:0px none;border-top:1px solid #ccc} .list-type-table tbody tr:first-child {border-top:0px none} .list-type-table tbody td, .list-type-table tbody th {padding:0;font-size:14px;color:#333} .list-type-table tbody .category {display:inline-block;font-weight:normal;line-height:18px} .list-type-table tbody .category:before {content:'['} .list-type-table tbody .category:after {content:']'} .list-type-table tbody .title {display:inline-block;padding:0 0 2px 0;font-size:14px;line-height:1.5} .list-type-table tbody td.num {font-size:12px} .list-type-table tbody td[data-title] {display:block;font-size:12px;text-align:left;line-height:1.385} .list-type-table tbody td[data-title]:before {content:attr(data-title);display:inline-block;width:60px} .ltt-navigation {padding-top:0px} .ltt-navigation > p {overflow:hidden;height:40px;margin-top:2px;font-size:14px;color:#333;line-height:40px;background-color:#eee} .ltt-navigation > p > a {display:block;float:left;width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ltt-navigation .title {display:block;float:left;/*width:56px;*/ width:10%;padding-left:0px;font-weight:normal;text-align:center;text-indent:0} .ltt-navigation .title.icon:before {width:100%;margin-right:0px;text-indent:0px} .ltt-btns {padding-top:20px;text-align:center} .ltt-btns > a {display:inline-block;padding:0 20px;font-size:14px;font-weight:normal;color:#fff;text-align:center;line-height:35px;border-radius:5px;background-color:#a50034} /* view-type-table */ .view-type-table {display:block;table-layout:fixed;width:100%;border:0px none} .view-type-table > thead {display:block;position:relative} .view-type-table > thead > tr {display:block;overflow:hidden;position:static;padding:0px 20px 9px 20px;border-bottom:0px none;background-color:#f4f5f7} .view-type-table > thead > tr.title {overflow:visible;padding:10px 20px 9px 20px} .view-type-table > thead > tr.title > th {float:none;position:static;box-sizing:border-box;width:100%;padding:0;font-size:14px;background-color:transparent} .view-type-table > thead > tr.title > th > mark {display:none} .view-type-table > thead > tr.title > th > .share-scrap {position:absolute;top:50%;right:20px;bottom:auto;z-index:1;margin-top:-14px} .view-type-table > thead > tr.title > th > .share-scrap.event {top:auto;right:20px;bottom:10px;margin-top:0} .view-type-table > thead > tr.title > th .badge {display:inline-block;margin-top:-4px;padding:0 10px;font-size:12px;font-weight:normal;color:#ffffff;vertical-align:middle;background-color:#39c2b7} .view-type-table > thead > tr.title > th .badge.online {background-color:#f36f23} .view-type-table > thead > tr> th {display:block;clear:both;float:left;position:relative;height:auto;width:50px;padding:0 9px 0 0;font-size:12px;font-weight:normal;color:#333;line-height:1.905} .view-type-table > thead > tr> th:after {content:'|';position:absolute;right:0;color:#c1c1c1} .view-type-table > thead > tr > td {display:block;float:left;padding:0 0 0 10px;font-size:12px;color:#333;line-height:1.905} .view-type-table > thead > tr > td .btns {float:none;margin:5px 0 0 -70px;vertical-align:middle} .mobile .view-type-table > thead > tr > td .btns {display:none} .view-type-table .btn-i {display:inline-block;padding:0 23px;font-size:12px;color:#333;text-align:center;line-height:28px;border:1px solid #bbb;border-radius:6px;background-color:#fff} .view-type-table > tbody {display:block} .view-type-table > tbody > tr {display:block} .view-type-table > tbody > tr > td {display:block;padding:0px} .view-type-table > tbody > tr > td .contents {margin:0 auto;padding:0px} .view-type-table tbody > tr > td .contWide {width:100%;margin:20px 0} #version-under4 .view-type-table tbody > tr > td .contWide .contWideIn {padding:0 10px} #version-under4 .view-type-table tbody > tr > td .contWide .contWideIn iframe {width:100%;height:200px} .view-type-table > tbody > tr > td .contents img {width:100%} .view-type-table .share-scrap {position:absolute;top:-3px;right:0px} .view-type-table .share-event {right:20px;top:14px} .view-type-table .share-scrap .btn-share:before {font-size:30px;line-height:1} .view-type-table .share-scrap .inner {display:none} /* product Option*/ .option-select {margin-top:0px;padding:0;background-color:#fff} .option-select > section {position:relative;height:auto} .prdlist-opt {display:block;height:auto;width:100%;color:#333} .prdlist-opt > li {display:block;height:auto;padding:0;border:none} .prdlist-opt > li:last-child {width:auto;height:auto} .prdlist-opt > li .opt-title {display:block;position:relative;padding:0 0 0 20px;font-size:18px;font-weight:normal;line-height:50px;border-bottom:1px solid #bbb;background-color:#f1f2f2} .prdlist-opt > li .opt-title > button {display:block;position:absolute;top:0;left:0;box-sizing:border-box;height:100%;width:100%;text-indent:-9999px} .prdlist-opt > li .opt-title > button .icon {position:absolute;right:20px;font-size:14px;line-height:19px;text-indent:0} .prdlist-opt > li .opts {box-sizing:border-box;max-height:none;margin-top:0px;padding:5px 0 20px 0;border-bottom:1px solid #bbb;background-color:#fff} .prdlist-opt > li .opts > li {float:none;width:auto;height:auto !important;padding:0 20px} .prdlist-opt > li .opts > li label {font-size:15px;line-height:30px} .prdlist-opt > li .opts > li label:before {top:4px} .prdlist-opt > li .opts > li label img {width:46px;height:22px;right:0} .prdlist-opt > li.large {width:auto} .prdlist-opt > li.large .opts > li label {padding-right:46px} .prdlist-opt.no-result li.thumb {display:none} .prdlist-opt.no-result li:first-child {width :auto} .opt-result {display:block;position:relative;color:#333;text-align:left;border-bottom:1px solid #bbb;background-color:#fff} .opt-result .opt-title {display:none} .opt-result p {margin:0;padding-left:20px;color:#a50034;font-size:18px;font-weight:lighter;line-height:79px} .opt-result p > mark {color:#a50034} .opt-result p > a {color:#a50034;text-decoration:none} .opt-result p > a:after {content:'>';margin-left:3px} .opt-result .btn-reset {display:block;position:absolute;top:50%;right:20px;height:30px;margin-top:-15px;padding:0;color:#bbb} .opt-result .btn-reset.icon:before {font-size:26px;line-height:26px} /* sns buttons */ .sns-shortcut ul {/*display:table;table-layout:fixed;overflow:hidden;width:60%;*/ float:right;text-align:center} .sns-shortcut ul > li {/*display:table-cell;float:none;*/ margin:0 0 5px 5px} .sns-shortcut ul > li > a {display:inline-block;float:right;height:40px;width:40px;margin:auto} .sns-shortcut ul > li > a.fb {background-position:0px -60px} .sns-shortcut ul > li > a.tw {background-position:-60px -60px} .sns-shortcut ul > li > a.nc {background-position:-120px -60px} .sns-shortcut ul > li > a.sl {background-position:-180px -60px} .sns-shortcut ul > li > a.bk {background-position:0px -164px} .sns-shortcut ul > li > a.po {background-position:0px -216px} .sns-shortcut ul > li > a.ig {background-position:-240px 0px} .sns-shortcut ul > li.cb{clear:both} /*responsive*/ section.responsive {} section.responsive > section {padding-left:0;padding-right:0} section.responsive.full > section {} section.cont {} section.responsive.title {padding-top:30px} /*banner*/ .banner-1 { width:100%; /*text-align:center;*/ text-align:left; padding:20px 0 30px 0 !important; /* display:-ms-flexbox !important; display:-webkit-flex !important; display:flex !important; */ } .banner-1 .hero { width:30% !important; margin-left:2%; /* margin:auto; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-align-self:stretch; align-self:stretch; */ /*padding:0 5%;*/ } .banner-1 .hero img {width:100% !important;height:auto !important} .banner-1 .unit { width:auto !important;max-width:63%;margin-left:2%; /* margin:auto; -webkit-flex:1.8; -ms-flex:1.8; flex:1.8; -webkit-align-self:stretch; align-self:stretch; */ } .banner-1 strong.banner-title {font-size:16px;margin:5px 0 10px 0;font-weight:200;display:block} .banner-1 p.banner-txt {font-size:12px !important;margin:0;font-weight:200;display:block;padding:0 20px 0 0;/*display:none;*/} .slide .banner-1 {display:inline-block;text-align:left;padding:5px 0 20px 0 !important} .slide.type03 {/*padding:20px 0;*/} .slide.type03 .bx-pager {bottom:10px !important} .bx-wrapper .bx-pager {bottom:-5px} /* 2018-06-20 usp 히어로영역 슬라이드 공통 페이지네이션 스타일 수정 */ .usp .slideF {margin-bottom:10px;} .usp .slideF .bx-wrapper .bx-controls {position:absolute;bottom:0;left:0;width:100%;margin:5px 0;} .usp .slideF .bx-wrapper .bx-controls .bx-pager {position:static;} .usp .slideF .bx-wrapper .bx-pager .bx-pager-item, .usp .slideF .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin:0 2px;} .usp .slideF .bx-wrapper .bx-pager.bx-default-pager a {border-radius:6px;background-color:#ddd;border-color:#ddd;} .usp .slideF .bx-wrapper .bx-pager.bx-default-pager a.active {width:20px;background-color:#dc1e58;} /* // 2018-06-20 usp 히어로영역 슬라이드 공통 페이지네이션 스타일 수정 */ /*faq*/ .faq {position:relative;padding:0 0 0px 0 !important} .faq ul.faq-list {/*display:none;*/ margin:0;border:none} .faq ul.faq-list > li {margin:0} .faq ul.faq-list > li > strong {display:block;font-size:16px;margin:7px 20px;line-height:20px;word-break:word-break:break-all} .faq ul.faq-list > li > strong:first-child {margin:15px 20px 7px} .faq ul.faq-list > li > strong:before {display:none} .faq ul.faq-list > li > div {display:block;margin-left:0;margin:0 20px;padding-bottom:10px} .faq ul.faq-list > li > div b {font-size:12px} .faq ul.faq-list > li > div ul {margin-top:15px} .faq ul.faq-list > li > div ul li {font-size:12px} .faq h3 {overflow:hidden;vertical-align:middle;font-weight:200;padding:0 0 0 20px;margin:20px 0 !important;text-align:left} .faq button.see-more {overflow:hidden;position:absolute;right:25px;top:15px;color:#fff;font-size:30px} .faq button.see-more.on:before {content:'\e627'} .faq .faq-head {padding:0 !important;margin:0 !important;border-bottom:none;overflow:hidden} .faq .faq-head h3 {font-size:20px;margin:0} .faq .bx-controls-direction {display:none} .faq .bx-wrapper {padding-bottom:30px} .faq .bx-wrapper .bx-pager {bottom:5px} .faq ul.faq-list > li > strong button:before {display:none} /*acc*/ .accM {border-top:1px solid #bbb;background:#333 !important} .accM .slide {padding:0} .accM .bx-controls-direction {display:none} .accM .acc-ul {width:100%} .accM .acc-ul li {width:100%;text-align:center} .accM .acc-ul li img {display:inline-block;max-width:300px} .accM .acc-ul li b {display:block;text-align:center;margin-bottom:40px;color:#fff;font-size:12px;margin-top:5px} .accM .faq button.more {display:block} .accM .bx-wrapper .bx-pager {bottom:10px} /*button*/ .btn-play {display:inline-block;width:58px;height:58px;background-position:-240px -60px !important;position:absolute;left:50%;top:50%;margin:-29px 0 0 -29px} .btn-detail a,.btn-detail button {font-size:13px} /*banner-box*/ .banner-box {padding:0} .banner-box a {display:block;border-bottom:1px solid #fff} .banner-box a img {width:100%} .banner-box.blk {background:#fff} .banner-box.blk h3, .banner-box.blk p {display:none} .banner-box.mobile-guide {padding:0 20px;background-color:#e8ecef} .banner-box.mobile-guide .title {font-size:18px;color:#333;text-align:center;line-height:45px} .list-district-guide {} .list-district-guide > li {padding-bottom:30px} .list-district-guide > li .thumb {position:relative;height:135px;text-align:center;line-height:135px} .list-district-guide > li .thumb img {display:inline-block;max-height:100%;height:auto;max-width:100%;width:auto} .list-district-guide > li a {border:0px} .banner-box.mobile-guide .bx-wrapper .bx-pager {bottom:14px} /*category-info*/ .category-info {font-size:18px} .category-info .title {overflow:hidden;position:relative;display:block;padding:18px;border-bottom:1px solid #bbb;background:#d6d6d6;font-size:18px;font-weight:400;color:#555;text-decoration:none} .category-info .title button {position:absolute;left:0;top:0;width:100%;height:100%;text-align:right;color:#555} .category-info .title button i {margin-right:20px} .category-info .title > i {float:right;margin-right:3px} .category-info dd {background:#fff;display:none} .category-info dd ul {border-bottom:1px solid #e0e0e0} .category-info dd ul li {display:block;width:100%;padding:5px 18px;border-bottom:1px solid #e0e0e0;box-sizing:border-box} .category-info dd ul li a {position:relative;display:block;text-decoration:none} .category-info dd ul li .thumb {width:15%;height:auto !important;margin:0;/*margin-right:20px;*/ margin-right:4%} .category-info dd ul li strong {margin-bottom:0;font-size:16px;position:absolute;top:50%;left:20%;width:80%;transform:translateY(-50%);text-align:left} .category-info dd ul li p {display:none} .category-info dd ul li:last-child {border:none} /*.review-box*/ .reviewsF {} .review-box {padding:30px 0 0 0;border-bottom:1px solid #ccc} .review-box ul.reviews {padding:25px 0 35px 0;display:block;overflow:hidden} .review-box ul.reviews li.slick-slide {padding:0 2%} .review-box ul.reviews li {position:relative;bottom:0px} .review-box ul.reviews li a {display:block;text-align:center} .review-box ul.reviews li a img {max-width:100%;width:100%} /* .review-box ul.reviews > li {display:inline-block;float:left;padding:0 30px} .review-box ul.reviews > li a {display:block;width:100%;margin:0 auto} .review-box ul.reviews > li a img {width:100%} */ .review-box ul.reviews li a {position:relative;max-width:238px;margin:0 auto;text-align:left} .review-box ul.reviews li a strong {overflow:hidden;display:block;height:38px;margin:12px 0 5px;font-size:14px;font-weight:200;line-height:1.4} .review-box ul.reviews li a p {font-size:12px;height:54px;overflow:hidden;line-height:1.5} .review-box ul.reviews li a b {display:block;margin-top:12px;font-weight:200;font-size:12px} /*popup*/ .pop {} .popup {position:absolute;display:none;left:0} .pop > div {position:absolute;z-index:11;left:0;top:30px;box-shadow:none;/*border:1px solid #333;*/ background:#fff} .pop > div .poptit {display:block;font-weight:200} .pop > div .poptit.huge {font-size:24px} .pop > div .popupCont {padding:15px 20px;width:auto;min-width:250px;max-width:850px;word-break:break-all} .pop .close {position:absolute;right:10px;top:5px;font-size:22px;color:#333} /* .pop > div .popupCont strong {font-size:18px;line-height:1.6;font-weight:400} */ .pop > div .popupCont .popupInfo {padding-bottom:40px;line-height:1.6;font-size:14px} .vrPop {width:100% !important;left:0 !important;margin-left:0 !important;box-sizing:border-box} .vrPop iframe {width:100%;height:320px} .pop .vrPop .popupCont .popupInfo {padding-bottom:0;margin-bottom:-7px} /* dm request */ #dmRequest {} #dmRequest {top:0 !important;width:100%} #dmRequest .close {top:8px;right:20px;color:#fff} #dmRequest .popupCont {padding:0px} #dmRequest .poptit {position:relative;padding:15px 20px;background:#333;color:#fff;font-size:18px;line-height:1} #dmRequest .popupInfo {padding:0 20px 40px 20px} #dmRequest .message {padding-bottom:18px;font-size:12px;color:#333;line-height:17px} #dmRequest .forms input[type=text], input[type=password] {height:32px;width:auto;padding:0 0 0 10px;font-size:12px;color:#333;line-height:30px;vertical-align:middle;border:1px solid #b4bec8;border-radius:4px;background-color:#f6f7f9} #dmRequest .forms select {display:inline-block;height:32px;min-width:80px;padding:7px 20px 6px 8px;font-size:12px;color:#333;vertical-align:middle;border:1px solid #b4bec8;border-radius:5px;background:#f6f7f9 url('/lgekor/asset/images/web/common/bg_select01.png') right top no-repeat} #dmRequest .forms {overflow:visible;padding:10px 0px 15px 0px;border-top:1px solid #ccc} #dmRequest .forms > p {font-size:14px;color:#333;vertical-align:middle} #dmRequest .forms .controls {padding-top:5px} #dmRequest .forms .fl {margin-right:25px;padding-top:5px} #dmRequest .forms .fl + .controls label {margin-right:15px;font-size:12px} #dmRequest .forms label {font-size:14px} #dmRequest .forms input.email {width:35%} #dmRequest .forms input.domain {width:29%} #dmRequest .forms select.domain {float:right;width:25%} #dmRequest .forms > .box {margin-left:0;margin-right:0} #dmRequest .forms > .box .box-title {padding:12px 10px;border-bottom:none;line-height:1;font-size:14px} #dmRequest .forms > .box .box-title label {line-height:1} #dmRequest .forms > .box .box-content {margin:0 10px 10px;padding:10px 5px;border:1px solid #dadada;background-color:#f4f6f7;font-size:12px;line-height:1.45} #dmRequest .forms > .btns {text-align:center} #dmRequest .forms > .btns a {display:block;padding:0;font-size:16px;font-weight:normal;color:#fff;text-align:center;text-decoration:none;line-height:40px;border-radius:6px;background-color:#a50034} /* #dmRequest .forms > .box {margin:13px 0px 0 0px;border:1px solid #dcdcdc;background-color:#fff} #dmRequest .forms > .box .box-title {padding:12px 15px;font-size:14px;color:#333;line-height:1;border-bottom:0px none} #dmRequest .forms > .box .box-title:first-child {border-top:0px none} #dmRequest .forms .required {color:#a50034} #dmRequest .forms > .box .box-title button {display:block;position:absolute;top:50%;right:0px;z-index:1;width:50px;margin-top:-24px;line-height:45px;border-left:1px solid #fff} #dmRequest .forms > .box .box-content {overflow:auto;height:49px;margin:0 15px;padding:0px 0px 10px 0px;font-size:12px;color:#333;line-height:1.45} #dmRequest .forms > .box .box-content.no-scroll {height:auto} #dmRequest .forms > .box.toggle {margin:13px -20px 0 -20px;border:0px none} #dmRequest .forms > .box.toggle .box-title {border-bottom:1px solid #bbb;background-color:#f1f2f2} #dmRequest .forms > .box.toggle .box-content {height:auto;padding:15px 0} #dmRequest .forms > .btns {text-align:center} #dmRequest .forms > .btns a {display:block;padding:0;font-size:16px;font-weight:normal;color:#fff;text-align:center;text-decoration:none;line-height:40px;border-radius:6px;background-color:#a50034} */ /*page-index*/ /* .mobile .gnbAct h1 {width:auto !important} .mobile .gnbAct #headerWrap {position:fixed;left:0;top:0;width:100%} .mobile .gnbAct #contentWrap {margin-top:60px} .mobile .gnbAct .page-index {position:relative;display:block;overflow:hidden;color:#fff;padding-left:12px;font-weight:400;font-size:18px} .mobile .page-index h1 {color:#fff;font-weight:400;font-size:18px;margin-left:30px} .mobile .page-index button {position:absolute;left:0px;top:0px} .mobile .page-index button:before {color:#fff;font-size:16px} */ /*rentalcare*/ .rentalcare #container {margin-top:10px} /*ms-noti*/ .hero-products .ms-noti, .mobile .ms-noti {position:relative !important;top:0 !important;margin:16px 10px;padding:10px !important;font-size:10px;border-radius:2px;line-height:25px} .hero-products .ms-noti .more, .mobile .ms-noti .more {top:8px !important;right:10px !important;width:50%;padding:0 !important} .hero-products .ms-noti img, .mobile .ms-noti img {width:100%} /* 2016-01-07 PSM */ .contWide .contTitleB {margin-top:30px} .contWide .movieView {margin-top:10px} .contWide .movieDesc {margin-top:0} .contWide .movieDescIn {padding:10px} .contWide .movieScroll {padding-right:10px} .contWide .movieScroll p {margin-top:10px;line-height:16px} /* chatbots */ .go-chatBots > button{right:8px;bottom:58px;height:64px;width:64px;background-size:64px auto;} .go-chatBots > button:after{right:42px;bottom:100px;z-index:11;width:49px;height:30px;background-size:49px auto;} /* 2020-03-13 상담버튼 추가 */ .counsel_area{position:fixed;z-index:11;right: 8px;bottom: 58px;width:64px;height:64px;overflow:hidden;} .counsel_area .area_wrap{position:relative} .counsel_area button{display:block;position:relative;width:64px;height:64px;background-repeat:no-repeat;background-position:0 0;background-size:cover;} .counsel_area .open_counsel, .counsel_area .close_counsel{position:absolute;top:0;left:0;z-index:10;} .counsel_area .open_counsel button{background-image:url(/lgekor/asset/images/mobile/common/ico_counsel.png);} .counsel_area .open_counsel button span, .counsel_area .close_counsel button span{color:transparent;font-size:1px;} .counsel_area .close_counsel{display:none;} .counsel_area .close_counsel button{background-image:url(/lgekor/asset/images/mobile/common/ico_close.png);} .counsel_area .shop_btn {position:absolute;bottom:54px;right:0;transition: all .6s ease-in-out .3s;opacity:0;z-index:9;} .counsel_area .shop_btn button{background-image:url(/lgekor/asset/images/mobile/common/ico_bestshop.png);} .counsel_area .shop_btn button span{display:block;position:absolute;top:0;right:72px;line-height:64px;color:#fff;font-size:14px;width:100px;text-align:right;} .counsel_area .chatbots_btn {position:absolute;bottom:-20px;right:0;transition: all .3s ease-in-out .3s;opacity:0;z-index:9;} .counsel_area .chatbots_btn button{background-image:url(/lgekor/asset/images/mobile/common/ico_chatbots.png);} .counsel_area .chatbots_btn button span{display:block;position:absolute;top:0;right:80px;line-height:64px;color:#fff;font-size:14px;width:100px;text-align:right;} .counsel_dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);z-index:10;} .counsel_area.on{overflow:visible;} .counsel_area.on .open_counsel{display:none;} .counsel_area.on .close_counsel, .counsel_area.on .counsel_dim{display:block;} .counsel_area.on .shop_btn{bottom:94px;opacity:1;} .counsel_area.on .chatbots_btn{bottom:15px;opacity:1;} } @media (max-device-width:320px) { /* search word */ .search-contents .search-word {} .search-contents .search-word select {min-width:90px;padding:7px 12px 6px 5px} .search-contents .search-word input[type=text] {width:120px} /*popup*/ .pop {} .pop > div .poptit {font-size:18px} /*button*/ .btn-r {padding:10px 15px} } /*rentalcare*/ /* 2016.01.12 한자 개선 버전 배포로 삭제 .rentalcare #container {font-family:'LGSmHaSB'} 'Malgun Gothic', 'Dotum', sans-serif */ .mobile.rentalcare #container {/*zoom:0.4;*/} .mobile.rentalcare #container > div {width:auto} .mobile.rentalcare #container > div:not('#scaleWrap') {width:auto !important} .mobile.rentalcare .gnb-main-container .btn-close {display:none} .mobile.rentalcare #wrapper {min-width:100%} .mobile.rentalcare #footerWrap {} /* b2c_0417 start */ /* instar popup */ .instar_pop{width:100% !important;height:100% !important;position:fixed;left:0;top:0;bottom:0;right:0;z-index:100;display:none} .instar_pop:after{content:'';width:100% !important;height:100% !important;position:fixed;left:0;top:0;bottom:0;right:0;background-color:#000;opacity:0.4} .instar_pop .pop_inner{width:640px;height:auto;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:20} .instar_pop .pop_inner .img_wrap_pop{max-height:640px;overflow:hidden} .instar_pop .pop_inner .img_wrap_pop img{width:640px} .instar_pop .pop_inner .rd-close{width:;height:;position:absolute;top:0;right:-40px;color:#fff;font-size:30px;z-index:20;cursor:pointer} .instar_pop .info_txt_wrap_pop{margin-top:10px;font-size:25px;color:#fff} /* instar video popup */ .instar_pop .pop_inner.video{width:100%} .instar_pop .pop_inner.video .video_wrap_pop{width:100%;max-height:initial;height:0;padding-bottom:56.25%;position:relative;overflow:hidden} .instar_pop .pop_inner.video .video_wrap_pop video{width:100%;height:100%;position:absolute;left:0;top:0} .instar_pop .pop_inner.video .rd-close{right:-40px} .instar_pop .pop_inner.video .txt{padding:0 20px} /* video popup */ .video_pop{width:100% !important;height:100% !important;position:fixed;left:0;top:0;bottom:0;right:0;z-index:99999999;display:none} .video_pop:after{content:'';width:100% !important;height:100% !important;position:fixed;left:0;top:0;bottom:0;right:0;background-color:#000;opacity:0.4} .video_pop .pop_inner{width:84.1%;height:0;padding-bottom:47.3%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:20} .video_pop .pop_inner .video_wrap_pop{height:0;padding-bottom:56.25%;overflow:hidden;position:relative} .video_pop .pop_inner .video_wrap_pop iframe{width:100%;height:100%;position:absolute;left:0;top:0} .video_pop .rd-close{position:absolute;top:0;right:-40px;color:#fff;font-size:30px;z-index:20;cursor:pointer} /* product Option */ .b2c_0417 section.responsive.title {padding:100px 0 0 0} .b2c_0417 section.responsive.title > section {padding:0;max-width:1600px} /* 20181112 bestseller */ .b2c_0417 .headLine:after {display:block;content:'맞춤검색';margin-top:30px;padding:16px 0;background-color:#f4f4f4;border-top:1px solid #bbb;border-bottom:1px solid #e8e8e8;font-size:18px;font-weight:bold} .b2c_0417 .headLine.noSearch {border-bottom:1px solid #bbb;padding-bottom:30px} .b2c_0417 .headLine.noSearch:after {display:none} /*20190308 수정 (주석)*/ /*.b2c_0417 .option-select:before{display:block;position:absolute;width:100%;top:-57px;left:0;content:'맞춤검색';padding:16px 0;background-color:#f4f4f4;border-top:1px solid #bbb;border-bottom:1px solid #e8e8e8;font-size:18px;font-weight:bold; text-align:center} .b2c_0417 .option-select.noSearch{border-top:1px solid #bbb; margin-top:591px} .b2c_0417 .option-select.noSearch:before{display:none} .b2c_0417 .option-select.noBestseller{margin-top:87px}*/ /* //20181112 bestseller */ .b2c_0417 .option-select {background:#f4f4f4;border-bottom:1px solid #e8e8e8;box-sizing:border-box;padding:30px 30px 30px;}/*20190308 수정 (margin-top:648px)*/ .b2c_0417 .option-select h3.title {font-size:24px;color:#1d1d1d;font-weight:200;margin-bottom:35px} .b2c_0417 .option-select > section {position:relative} .b2c_0417 .prdlist-opt {display:table;table-layout:fixed;width:100%;color:#1d1d1d} .b2c_0417 .prdlist-opt > li {display:table-cell;padding-left:10px;padding-right:10px;border-right:1px solid #e3e3e3} .b2c_0417 .prdlist-opt > li:first-child {padding-left:0 !important} .b2c_0417 .prdlist-opt > li:last-child {width:140px;height:210px;padding-right:0 !important;border-right:0px none;vertical-align:middle;text-align:right} .b2c_0417 .prdlist-opt > li .opt-title {font-size:18px;font-weight:bold} .b2c_0417 .prdlist-opt > li .opts {overflow:hidden;box-sizing:border-box;max-height:168px;margin-top:16px;padding-top:0px;padding-right:20px} .b2c_0417 .prdlist-opt > li .opts li {overflow:visible;float:left;width:100%;height:auto;min-height:40px} .b2c_0417 .prdlist-opt > li.twin .opts li {width:50%} .b2c_0417 .prdlist-opt > li .opts li label {display:block;font-size:16px;line-height:1.5} .b2c_0417 .prdlist-opt > li .opts input:focus + label {border:1px dotted #eee} .b2c_0417 .prdlist-opt > li .opts li label:before {top:0;margin-top:0} .b2c_0417 .prdlist-opt > li .opts li label img {position:absolute;right:20px;top:3px;width:28px;height:13px;border:1px solid #a9aaa6;border-radius:1px} .b2c_0417 .prdlist-opt > li .opts li label img.roseGold {border:1px solid #54463b} .b2c_0417 .prdlist-opt > li.large {width:26%} .b2c_0417 .prdlist-opt > li.large .opts li label {padding-right:50px} .b2c_0417 .opt-result {display:inline-block;color:#1d1d1d;text-align:center} .b2c_0417 .opt-result p {font-size:30px;margin-top:10px} .b2c_0417 .opt-result p > mark {color:#a50034;background-color:transparent} .b2c_0417 .opt-result .btn-reset {position:relative;display:inline-block;margin-top:20px;padding:10px 44px 10px 15px;border:1px solid #787878;border-radius:17px;color:#1d1d1d;font-size:15px} .b2c_0417 .opt-result .btn-reset.icon:before {display:none} .b2c_0417 .opt-result .btn-reset.icon:after {position:absolute;top:11px;right:17px;display:inline-block;content:'';width:17px;height:14px;margin-left:10px;background:url('/lgekor/asset/images/web/common/spliteCommon.png') -300px -200px no-repeat;/*margin-right:5px;font-size:20px;line-height:20px*/} .b2c_0417 .opt-result .btn-reset span {vertical-align:middle} .b2c_0417 .prdlist-opt.no-result li:first-child {width:200px} .b2c_0417 .prdlist-opt li.thumb {position:relative;width:auto !important;padding-left:0;vertical-align:middle} .b2c_0417 .prdlist-opt li.thumb > img {position:absolute;right:0;bottom:-30px} .b2c_0417 .prdlist-opt li.thumb > p {position:relative;padding-left:50px;font-size:26px;line-height:1.54} /* product bestseller */ .b2c_0417 .best-box {position:absolute;top:182px;left:0;right:0;background:#e6e6e6;border-top:1px solid #b6b6b6;width:100%;max-width:1600px;height:531px;margin:0 auto} .b2c_0417 .best-box .best-title {padding:35px 0 20px 0;font-size:26px;font-weight:200} .b2c_0417 .best-box .best-item {max-width:1246px;margin:0 auto;overflow:hidden;clear:both} .b2c_0417 .best-box .best-item li {float:left;width:calc(33.33% - 40px);height:415px;margin:0 20px;background:#fff;text-align:center;position:relative;} .b2c_0417 .best-box .best-item li .item-info {padding-top:33px} .b2c_0417 .best-box .best-item .item-exp {width:100%;position:absolute;bottom:9%;} .b2c_0417 .best-box .best-item .item-exp p {display:block;font-size:16px;line-height:1.625;min-height:26px;text-align:center} .b2c_0417 .best-box .best-item .item-exp p:first-child {font-family:'LGSmHaB';font-size: 22px; line-height: 34px;word-break:keep-all} /* product bestseller - mobile*/ .section_bestseller {background-color:#e6e6e6; border-top:2px solid #000;} .section_bestseller .tit_cont {padding:4% 3.5% 4%; font-size: 4.2vw;text-align:left;letter-spacing:-1px;} .section_bestseller .item-info{width:100%;} .section_bestseller .item-thumb{width:90%; height:auto; margin:9% auto 3%;} .section_bestseller .item-exp{width:100%; padding-bottom:4%;} .section_bestseller .item-exp p{display: block; overflow: hidden; max-height: 54px; margin: 6px 0; font-size: 3.8vw; line-height: 1.2; color: #000; letter-spacing: -1px;} .section_bestseller .item-exp p:first-child {font-weight: bold; font-size: 3.9vw; letter-spacing: -1px;} .section_bestseller .bestseller {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;position:relative; padding-bottom:10%;} .section_bestseller .bestseller .swiper-container-horizontal {position:relative;z-index:1;width:100%;height:100%;margin:0 auto 44px} .section_bestseller .bestseller .swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0; position:relative;} .section_bestseller .bestseller .swiper-pagination {position:absolute; bottom:2.5%;text-align:center;} .section_bestseller .bestseller .swiper-pagination-bullets {width:100%;} .section_bestseller .bestseller.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display:inline-block;width:2.5%;height:2.5vw;margin:0 0.6%;border-radius:100%;background:#c2c2c2 !important; position:static;} .section_bestseller .bestseller.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {width:3.5%;height:2.5vw;border-radius:30px;background:#e42f66 !important;} /*jScrollPane ::custom scroll in product list*/ .b2c_0417 .jspContainer {overflow:hidden;position:relative} .b2c_0417 .jspPane {position:absolute} .b2c_0417 .jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:100%;background:#d8d8d8;border-radius:3px} .b2c_0417 .jspCap{display:none} .b2c_0417 .jspTrack{background:#d8d8d8;position:relative;border-radius:3px} .b2c_0417 .jspDrag{background:#a50034;position:relative;top:0;left:0;cursor:pointer;border-radius:3px} /*.jspDrag:before {content:'\e608';display:inline-block;position:absolute;top:50%;left:1px;margin-top:-5px;font-family:'LGEIcons';font-size:10px}*/ .b2c_0417 .jspCorner{background:#eeeef4;float:left;height:100%} /* chatbots */ /* Mobile */ @media /* only screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width :1200px), */ only screen and (max-device-width:767px) { /* instar popup */ .instar_pop{z-index:101} .instar_pop .pop_inner{width:calc(100% - 100px)} .instar_pop .pop_inner .img_wrap_pop{max-height:320px} .instar_pop .pop_inner .img_wrap_pop img{width:100%} .instar_pop .info_txt_wrap_pop{font-size:19px} .instar_pop .info_txt_wrap_pop p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} /* instar video popup */ .instar_pop .pop_inner.video{width:100%} .instar_pop .pop_inner.video .video_wrap_pop{max-height:initial;height:0;padding-bottom:56.25%;position:relative;overflow:hidden} .instar_pop .pop_inner.video .video_wrap_pop video{width:100%;height:100%;position:absolute;left:0;top:0} .instar_pop .pop_inner.video .rd-close{right:8px} .instar_pop .pop_inner.video .txt{padding:0 20px} /* video popup */ .video_pop{width:100% !important;height:100% !important;z-index:101} .video_pop:after{opacity:1} .video_pop .pop_inner{width:100%;height:0;padding-bottom:56.25%} .video_pop .pop_inner .video_wrap_pop{height:0;padding-bottom:56.25%;position:relative;overflow:hidden} .video_pop .pop_inner .video_wrap_pop iframe{width:100%;height:100%;position:absolute;left:0;top:0} .video_pop .rd-close{right:10px} /* top button */ .b2c_0417.move-top > a {right:17px;bottom:10px;z-index:100;width:40px;height:40px;background-image:url('/lgekor/asset/images/mobile/common/spliteCommon.png');background-position:-125px -150px !important;background-size:300px 300px !important} .b2c_0417.move-top.btm-height > a {bottom:60px} /* responsive title moible-bar */ section.responsive.title.mobile-bar.b2c_0417, .b2c_0417 section.responsive.title.mobile-bar {position:relative;padding:0;background-color:#fff;max-width:initial;width:100%} section.responsive.title.mobile-bar.b2c_0417 .headLine, .b2c_0417 section.responsive.title.mobile-bar .headLine {display:block;padding-left:20px;color:#1d1d1d;line-height:43px;font-size:13px;font-weight:bold;text-align:left;border-bottom:1px solid #d2d2d2} .b2c_0417 section.responsive.title.mobile-bar .headLine:after {display:none} /*.b2c_0417 section.option-select:before {display:none} 20190308 수정 (주석)*//* 20181112 bestseller */ .b2c_0417 section.responsive.title.mobile-bar button {display:block;position:absolute;top:0;right:0;height:43px;width:60px;font-size:13px;color:#1d1d1d} .b2c_0417 section.responsive.title.mobile-bar button.nav-prev {display:none} section.responsive.title.b2c_0417 .sub-navigation .headLine {display:none} section.responsive.title.b2c_0417 .sub-navigation {margin-top:0} /* 2018-08-07 수정 */ section.responsive.title.b2c_0417 .sub-navigation:before, section.responsive.title.b2c_0417 .sub-navigation:after {display:block;position:absolute;top:-1px;width:20px;height:100%;z-index:10;content:""} section.responsive.title.b2c_0417 .sub-navigation:before {left:0;background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1))} section.responsive.title.b2c_0417 .sub-navigation:after {right:0;background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1))} /* // 2018-08-07 수정 */ .b2c_0417 #sub-3depth-menu.swiper-container {width:100%;height:60px;background-color:#fff} .b2c_0417 #sub-3depth-menu.swiper-container:after {content:'';display:block;position:absolute;left:0;bottom:0;z-index:0;width:100%;border-bottom:1px solid #000} .b2c_0417 #sub-3depth-menu .swiper-slide {text-align:center;font-size:16px;color:#1d1d1d;background:#fff;width:auto;height:59px;margin:0;padding:0;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} .b2c_0417 #sub-3depth-menu .swiper-slide a {display:block;padding:0 20px;height:60px;line-height:60px;text-decoration:none} .b2c_0417 #sub-3depth-menu .swiper-slide.on a {font-weight:bold;color:#1d1d1d} .b2c_0417 #sub-3depth-menu .swiper-slide.on a:after {content:'';display:block;width:100%;margin-top:-3px;border-bottom:3px solid #a50034} /* product Option*/ .b2c_0417 section.responsive.title > section {padding:0;max-width:initial;width:100%} #divSearchArea.sub-navi-fixed {position:fixed;z-index:100;top:0;left:0;width:100%} #divSearchArea.sub-navi-fixed + #prdlist.pd-top.b2c_0417 {padding-top:46px} /* 2018-06-20 수정 */ .b2c_0417 .option-select {display:none;position:absolute;z-index:10;width:100%;margin-top:0;padding:0;background-color:#fff;border:0 none} .b2c_0417 .option-select > section {position:relative;height:auto;border-bottom:3px solid #333} .b2c_0417 .prdlist-opt {display:block;overflow-y:auto;height:auto;width:100%;padding:10px 0 0;color:#333} .b2c_0417 .prdlist-opt > li {display:block;height:auto;padding:0 20px;border:none} .b2c_0417 .prdlist-opt > li:first-child {padding-left:20px !important} .b2c_0417 .prdlist-opt > li:last-child {width:auto;height:auto} .b2c_0417 .prdlist-opt > li .opt-title {display:block;position:relative;padding:10px 0 0;font-size:14px;font-weight:bold;line-height:14px;border-bottom:0 none;background-color:#fff} .b2c_0417 .prdlist-opt > li .opt-title > button {display:none;position:absolute;top:0;left:0;box-sizing:border-box;height:100%;width:100%;text-indent:-9999px} .b2c_0417 .prdlist-opt > li .opt-title > button .icon {position:absolute;right:20px;font-size:14px;line-height:19px;text-indent:0} .b2c_0417 .prdlist-opt > li .opts {display:block !important;box-sizing:border-box;max-height:none;margin-top:7px;padding:0;border-bottom:0 none;background-color:#fff} .b2c_0417 .prdlist-opt > li .opts > li, .b2c_0417 .prdlist-opt > li.twin .opts li {display:inline-block;float:none;width:auto;height:auto !important;padding:0 7px 10px 0} .b2c_0417 .prdlist-opt > li .opts > li input + label, .b2c_0417 .prdlist-opt > li .opts > li input:focus + label {margin:0;border:1px solid #7f7f7f;text-align:center} .b2c_0417 .prdlist-opt > li .opts > li input:checked + label {color:#a50034;border:1px solid #a50034} .b2c_0417 .prdlist-opt > li .opts > li label {padding:0 10px;font-size:13px;line-height:35px} .b2c_0417 .prdlist-opt > li .opts > li label:before {top:0;background:none} .b2c_0417 .prdlist-opt > li .opts > li label img {display:none;width:46px;height:22px;right:0} .b2c_0417 .prdlist-opt > li.large {width:auto} .b2c_0417 .prdlist-opt > li.large .opts > li label {padding-right:10px} .b2c_0417 .prdlist-opt.no-result li.thumb {display:none} .b2c_0417 .prdlist-opt.no-result li:first-child {width :auto} .b2c_0417 .opt-result {display:none} .b2c_0417 .option-select .btn-wrap {padding:20px 0 38px;text-align:center} .b2c_0417 .option-select .btn-wrap .btn-search-result {d isplay:inline-block;height:40px;padding:0 47px;line-height:40px;font-size:14px;color:#fff;background-color:#383838} .b2c_0417 .option-select .btn-close {position:absolute;right:0;bottom:-45px;width:45px;height:45px;background-color:#383838;text-align:center} .b2c_0417 .option-select .btn-close:before {content:'';display:inline-block;width:15px;height:15px;background:url(/lgekor/asset/images/mobile/common/spliteCommon.png) -100px -150px no-repeat;background-size:300px 300px} /*header*/ /* 2018-06-20 수정 */ .gnb-main-container {max-width:auto;height:60px;padding:0 20px;position: relative;} .gnb-main-container > h1 {height:28px;width:106px;margin:0 auto;padding-top:17px;float:none} .gnb-main-container > h1 > a {display:block;overflow:hidden;height:100%;width:100%;background:url('/lgekor/asset/images/mobile/common/ci.png') left top no-repeat;background-size:100%} .gnb-main-container:after {content:none} .gnb-main-container .mobile-shortcut {position:absolute;top:0;right:0;width:100%;height:100%} .gnb-main-container .mobile-shortcut > a {display:inline-block;height:44px;width:44px;padding:8px;font-size:9px;color:#fff;text-align:center} .gnb-main-container .mobile-shortcut > a.map-point {float:right;color:#d6d6d6;margin-right: 40px;} .gnb-main-container .mobile-shortcut > a:hover {text-decoration:none} .gnb-main-container .mobile-shortcut > a:before {display:block;height:25px;margin:0 auto 7px auto;padding-top:7px;font-size:22px} .gnb-main-container .mobile-shortcut > a.menu:before {font-size:18px;padding-top:12px} /* // 2018-06-20 수정 */ .b2c_0417.gnb-main-container .mbg {content:'';position:fixed;width:100%;top:0;right:-100%;bottom:0;background:#000;opacity:0;z-index:12} .b2c_0417.gnb-main-container .mbg.on {right:0;opacity:0.4} .b2c_0417.gnb-main-container .btn-close {display:none;position:fixed;top:0;left:84.5%;z-index:12;width:48px;height:60px;background-color:#a50034} .b2c_0417.gnb-main-container .btn-close.btn_off{display:none !important} .b2c_0417.gnb-main-container .btn-close:before {content:'';display:block;width:15px;height:15px;margin-left:15px;background:url(/lgekor/asset/images/mobile/common/spliteCommon.png) -100px -150px no-repeat;background-size:300px 300px;margin-bottom:0} .b2c_0417.gnb-main-container .gnb-main {position:fixed;right:100%;bottom:0;left:-100%;z-index:13;overflow:scroll;height:100%;padding:0px;background-color:#fff;transition:left 0.5s ease,right 0.5s ease;-webkit-transition:left 0.5s ease,right 0.5s ease;-moz-transition:left 0.5s ease,right 0.5s ease;} .b2c_0417.gnb-main-container .gnb-main .btn-more {display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:52px;width:100%;font-size:20px;color:#333;text-align:center;text-indent:-9999px;border-left:0 none} .b2c_0417.gnb-main-container .gnb-main .btn-more:before {content:'\e701';display:block;position:absolute;top:0;right:25px;bottom:0;left:initial;z-index:10;font-size:12px;font-weight:bold;color:#000;text-indent:0px;line-height:52px} .b2c_0417.gnb-main-container .gnb-main .business .btn-more:before{content:'';display:none} .b2c_0417.gnb-main-container .gnb-list > li > a.selected + .btn-more {color:#0f0f0f} .b2c_0417.gnb-main-container .selected + .btn-more:before {content:'\e703';color:#000} .b2c_0417.gnb-main-container .gnb-main a:hover {text-decoration:none} .b2c_0417.gnb-main-container .gnb-main a.no-sibling {position:relative} .b2c_0417.gnb-main-container .gnb-main a.no-sibling:after {content:'\e701';display:block;position:absolute;top:0;right:0;bottom:0;z-index:6;height:45px;width:48px;font-size:15px;font-weight:normal;color:#333;text-align:center;border-left:1px solid #fff} .b2c_0417.gnb-main-container .gnb-list {display:block;position:relative;height:auto;padding-top:81px;z-index:10;border-bottom:1px solid #d7d7d7} .b2c_0417.gnb-main-container .gnb-list > li {display:block;position:relative;height:auto;width:auto;border-top:1px solid #d7d7d7} .b2c_0417.gnb-main-container .gnb-list > li > a {display:block;padding-left:20px;font-size:15px;font-weight:bold;color:#000;line-height:52px;text-align:left;border-bottom:1px solid #fff;background-color:#fff} .b2c_0417.gnb-main-container .gnb-list > li > a.selected {background:none;background-color:#fff;color:#000} .b2c_0417.gnb-main-container .gnb-list > li > a.selected ~ .gnb-depth-container {display:block} .b2c_0417.gnb-main-container .gnb-list > li > a.selected:before {content:none} .b2c_0417.gnb-main-container .gnb-list > li > a.selected:after {content:none} .b2c_0417.gnb-main-container .gnb-list > li.business:before {content:none} .b2c_0417.gnb-main-container .gnb-list > li.business > a {padding-left:10px !important} .b2c_0417.gnb-main-container .gnb-list > li.business > a:after {content:'';display:block;position:absolute;top:18px;right:25px;bottom:0;z-index:6;height:16px;width:16px;background:url(/lgekor/asset/images/mobile/common/spliteCommon.png) -60px -185px;background-size:300px 300px} .b2c_0417.gnb-main-container .gnb-list > li.business > .btn-more {display:none} .b2c_0417.gnb-main-container .gnb-list > li.business > .gnb-depth-container {display:none} .b2c_0417.gnb-main-container .gnb-list > li.recent {} .b2c_0417.gnb-main-container .gnb-list > li.recent a {/*border-bottom:1px solid #e9ebeb;*/ background-color:#fff} .b2c_0417.gnb-main-container .gnb-list > li.recent a.no-sibling:after {content:'\e701';display:block;position:absolute;top:0;right:25px;left:auto;bottom:0;z-index:10;height:auto;width:auto;font-size:12px;font-weight:bold;color:#000;text-indent:0px;line-height:52px;text-align:right;border-left:none} .b2c_0417.gnb-main-container .gnb-list > li.recent mark {color:#a50034;text-decoration:underline;background-color:transparent} .b2c_0417.gnb-main-container .gnb-list > li.search {position:absolute;top:0;right:0;left:0;height:60px;width:100%;padding:0;border-top:0 none} /* gnb search container */ .b2c_0417.gnb-main-container .search-container {display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:visible} .b2c_0417.gnb-main-container .search-container > .inner {position:relative;height:100%;margin:0} .b2c_0417.gnb-main-container .search-container .search {position:static;height:60px;padding:20px 0 0 0;border:0px none;background-color:#fff} .b2c_0417.gnb-main-container .search-container .search-word {position:absolute;right:15px;left:15px;width:auto} .b2c_0417.gnb-main-container .search-container .search-word label {width:100%} .b2c_0417.gnb-main-container .search-container .search-word input[type=text] {-webkit-bo-x-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:38px;width:100%;padding:0 15px;font-size:13px;color:#333;line-height:38px;border:3px solid #000;border-radius:0} .b2c_0417.gnb-main-container .search-container .search-word .btn-search {display:block;position:absolute;top:3px;right:3px;height:32px;width:45px} .b2c_0417.gnb-main-container .search-container .search-word .btn-search.icon.search:before {display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:32px;font-size:18px;color:#000;text-align:center;line-height:32px;border-radius:5px;background-color:transparent} /* gnb 2depth */ .b2c_0417.gnb-main-container .gnb-depth2 {display:block;overflow:hidden;height:auto;max-width:auto;width:100%;margin:-14px 0 0;padding:0;background-color:#fff} .b2c_0417.gnb-main-container .gnb-depth2 > li {display:block;float:none;position:relative;height:auto;width:auto;padding:0px;border:0px none} .b2c_0417.gnb-main-container .gnb-depth2 > li:first-child {border:0px} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit {padding-left:0px} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a {display:block;padding-left:48px;font-size:15px;font-weight:normal;color:#333;line-height:43px;border-bottom:1px solid #fff} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a:before, .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a.theme:before {content:'-';display:block;position:absolute;top:-3px;left:33px;bottom:0;z-index:6;font-size:15px;font-weight:normal;color:#333;text-align:center} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a.theme:before {background:none} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a.theme {position:relative;margin:0;padding-left:48px !important} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a:after {content:none} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a.theme:after {display:none} .b2c_0417.gnb-main-container .gnb-depth2 > li.products-contents > .unit > a + .btn-more {display:none} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a.selected {background-color:#bfc2c2} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit + .unit {margin:0} .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit.theme {position:static} /* gnb 3depth */ .b2c_0417.gnb-main-container .gnb-depth2 > li > .unit > a.selected ~ .gnb-depth3 {display:block} .b2c_0417.gnb-main-container .gnb-depth3 {display:none;margin:0;padding:6px 0;border-bottom:1px solid #fff;background-color:#f1f2f2} .b2c_0417.gnb-main-container .gnb-depth3 > li {} .b2c_0417.gnb-main-container .gnb-depth3 > li > a {display:block;padding-left:50px;font-size:13px;font-weight:normal;color:#333;line-height:30px} .b2c_0417.gnb-main-container .gnb-depth3 > li > a > img {margin:0} .b2c_0417.gnb-main-container .gnb-depth3 > li p {margin-left :50px;padding-left:20px;background:url('/lgekor/asset/images/web/temp/bl_gnbSdot.png') 8px 10px no-repeat;line-height:20px} .b2c_0417.gnb-main-container .gnb-depth3 > li p:nth-child(2) {line-height:24px !important} .b2c_0417.gnb-main-container .gnb-depth3 > li p a {color:#333 !important} /* gnb bottom */ .b2c_0417.gnb-main-container .gnb-utils-container {display:block;position:relative;top:auto;height:auto;background-color:#fff} .b2c_0417.gnb-main-container .gnb-utils-container > .inner {position:relative;height:auto;margin:0;padding:0;padding-bottom:62px} .b2c_0417.gnb-main-container .gnb-su {display:block;float:none} .b2c_0417.gnb-main-container .gnb-shortcut-list {position:static;top:auto;right:auto;overflow:hidden;width:100%;margin-top:0;background-color:#fff} .b2c_0417.gnb-main-container .gnb-shortcut-list > li {width:33.33%;float:left;display:list-item;vertical-align:middle} .b2c_0417.gnb-main-container .gnb-shortcut-list > li > a {display:block;height:auto;overflow:hidden;font-size:13px;padding:12px 3px;color:#000;line-height:1.5;text-align:center;border-right:none;border-right:1px solid #e9ebeb;box-sizing:border-box} .b2c_0417.gnb-main-container .gnb-shortcut-list > li > a:before {display:none;height:28px;width:28px;margin:0 auto;color:#999} .b2c_0417.gnb-main-container .gnb-shortcut-list > li > a > span {display:none} .b2c_0417.gnb-main-container .gnb-utils-list {display:-webkit-box;display:box;-webkit-box-flex:1;flex:1;float:none;position:absolute;bottom:0;width:95%;margin:0 0 0 5%} .b2c_0417.gnb-main-container .gnb-utils-list > li {display:-webkit-box;display:box;-webkit-box-flex:1;flex:1;float:none;height:62px;margin:0;text-align:left;border-right:0 none} .b2c_0417.gnb-main-container .gnb-utils-list > li > a {display:block;position:relative;margin:0;padding:0 0 0 8px;font-size:12px;color:#000;line-height:62px} .b2c_0417.gnb-main-container .gnb-utils-list > li > a:before {content:'';display:block;position:absolute;top:50%;left:0;width:3px;height:3px;background-image:none;background-color:#b2b2b2;border-radius:100%} .b2c_0417.gnb-main-container .gnb-depth3-utils {display:none} /* common tab */ .b2c_0417.newLayout .common-tab > li > a {display:block;position:relative;padding:0px;font-size:16px;color:#333;text-align:center;line-height:52px;border-top:1px solid #000;border-right:none;background-color:#e3e3e3} .b2c_0417.newLayout .common-tab > li > a:hover{border-bottom:none} .b2c_0417.newLayout .common-tab > li:first-child > a {border-left:none} .b2c_0417.newLayout .common-tab > li.selected > a {font-weight:bold;color:#000} .b2c_0417.newLayout .common-tab > li.selected > a:before {content:'';display:block;position:absolute;right:0;bottom:-1px;left:50%;z-index:1;height:2px;width:60%;margin-left:-30%;background-color:#a50034} /* footer - language / sns */ .b2c_0417.footer-utils {margin-top:65px;border:0px none;background-color:#fff} .b2c_0417.footer-utils > .inner {position:relative;height:auto;padding:115px 0 0;margin:0 20px;border-top:1px solid #000;background-color:#f7f7f7} .b2c_0417.footer-utils .title {font-size:12px;font-weight:normal;color:#333;line-height:27px} .b2c_0417.footer-utils .language {position:relative;padding-left:15px;line-height:45px;border-top:1px solid #bbb} .b2c_0417.footer-utils .language button {padding-left:8px;font-family:'LGSmHaR';font-size:12px;color:#333} .b2c_0417.footer-utils .language button .icon {font-size:12px;margin-left:0;padding-left:15px} .b2c_0417.footer-utils .language button .icon.rd-arrow-d01:before {content:'\e703'} .b2c_0417.footer-utils .language button .icon.rd-arrow-u01:before {content:'\e702'} .b2c_0417.footer-utils .language a {line-height:27px;font-weight:400;vertical-align:middle;letter-spacing:0} .b2c_0417.footer-utils .language a:after {display:none} .b2c_0417.footer-utils>.inner>.language>.list-language {display:none;top:39px;left:60px;border:1px solid #d2d2d2;color:#1d1d1d} /* 2018-06-20 수정 */ .b2c_0417.footer-utils .list-language > li {line-height:27px} .b2c_0417.footer-utils .sns-shortcut {position:absolute;top:15px;right:15px;left:15px;margin-top:0px} .b2c_0417.footer-utils .sns-shortcut .title {display:block;float:left;padding-top:12px;font-size:12px;line-height:initial} /* sitemap bottom */ .b2c_0417.footer-utils .gnb-utils-container {display:block;position:relative;top:auto;height:auto;background-color:#f1f2f2} .b2c_0417.footer-utils .gnb-utils-container > .inner {position:relative;height:auto;margin:0} .b2c_0417.footer-utils .gnb-utils-list {display:block;position:static;top:auto;right:auto;overflow:hidden;margin-top:0;background-color:#fff} .b2c_0417.footer-utils .gnb-utils-list > li {float:left;height:auto;width:33%;padding:0;border-bottom:1px solid #e9ebeb} .b2c_0417.footer-utils .gnb-utils-list > li:nth-child(3n+1) {width:34%} .b2c_0417.footer-utils .gnb-utils-list > li > a {display:block;height:61px;padding-top:14px;font-size:13px;color:#333;line-height:auto;text-align:center;border-right:1px solid #e9ebeb} .b2c_0417.footer-utils .gnb-utils-list > li > a:before {content:'';display:block;height:28px;width:28px;margin:0 auto} /* Footer - sitemap */ .b2c_0417.footer-sitemap{padding:0 5px;background-color:#fff} .b2c_0417.footer-sitemap .sitemap{padding:0 15px;background-color:#fff;border-top:none} .b2c_0417.footer-sitemap .gnb-list {display:block;height:100%;width:100%;background-color:#fff;border-top:1px solid #000} .b2c_0417.footer-sitemap .gnb-list > li{padding:0;border-top:1px solid #bbb} /* 2018-06-20 수정 */ .b2c_0417.footer-sitemap .gnb-list > li:first-child{border-top:none} .b2c_0417.footer-sitemap .gnb-list > li .site-map_tit{color:#333} .b2c_0417.footer-sitemap .gnb-list > li:nth-child(1) .site-map_tit:nth-child(odd), .b2c_0417.footer-sitemap .gnb-list > li:nth-child(6) .site-map_tit:nth-child(odd){border-top:1px solid #bbb} .b2c_0417.footer-sitemap .gnb-list > li > .site-map_tit {display:block;z-index:0;margin:0px;padding-left:10px;font-size:16px;font-weight:normal;color:#333;line-height:46px;text-decoration:none;border-top:none} .b2c_0417.footer-sitemap .gnb-list > li > .site-map_tit:after {margin-right:10px;content:"\e701";font-family:'LGEIcons';font-weight:normal;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:'liga';float:right} .b2c_0417.footer-sitemap .gnb-list > li > .site-map_tit.select-on:after {content:"\e703"} .b2c_0417.footer-sitemap .gnb-list > li > .site-map_tit.selected {color:#fff;background:none;background-color:#333} .b2c_0417.footer-sitemap .gnb-depth2 {padding-bottom:10px;background-color:#fff} .b2c_0417.footer-sitemap .gnb-depth2 > li {width:50%;float:left} .b2c_0417.footer-sitemap .gnb-depth2 > li .unit:before{content:"-";display:inline;font-size:15px;color:#666;position:absolute;top:10px;left:10px} .b2c_0417.footer-sitemap .gnb-depth2 > li .unit > a{padding-left:20px;line-height:40px;color:#666} .b2c_0417.footer-sitemap .gnb-depth2 > li .unit > a.selected{background-color:#fff} /* 2018-03-26 renewal */ .b2c_0417.footer-sitemap .gnb-list, .b2c_0417.footer-sitemap .gnb-list>li{border-top:0} .b2c_0417.footer-sitemap .gnb-list>li>.site-map_tit{border-top:1px solid #bbb} .b2c_0417.footer-utils{margin-top:40px} .b2c_0417.footer-utils>.inner{padding-top:0;background-color:#f7f7f7;border-bottom:1px solid #000} .b2c_0417.footer-utils>.inner>*{padding-left:10px;background-color:#f7f7f7;float:none} .b2c_0417.footer-utils>.inner>.main-notice .list-notice{padding:0 0 0 30px;background:url(../images/mobile/newmain/common/rd-notice.png) no-repeat 0 50%;background-size:22px auto} /* 2018-06-20 수정 */ .b2c_0417.footer-utils>.inner>.main-notice .list-notice>li{padding-left:0} .b2c_0417.footer-utils>.inner>.main-notice .list-notice>li:after{display:none} .b2c_0417.footer-utils>.inner>.main-notice .list-notice>li>.onW>a{color:#fff;line-height:30px;display:inline-block} .footer-utils>.inner>.main-notice .list-notice>li a {color:#333;font-size:14px} .b2c_0417.footer-utils .language button{font-size:13px;padding-left:0} .footer-sitemap .new-tag{padding:20px 15px} .footer-sitemap .new-tag>p{display:inline-block;padding-left:50px;text-align:left;background:url(../images/mobile/newmain/common/rd-new.png) no-repeat 0 50%;background-size:40px auto;line-height:22px} .footer-sitemap .new-tag>p>a{font-size:15px;color:#555;margin-left:10px} .footer-sitemap .new-tag>p>a:first-child{margin-left:0} } @media (max-width:767px) { .web .mediaImg img {opacity:0} } @media all and (orientation:landscape){ /* instar video popup */ .instar_pop .pop_inner.video{width:70%} } @media (min-device-width:320px) { .b2c_0417 .prdlist-opt {max-height:320px} } @media (min-device-width:400px) { .b2c_0417 .prdlist-opt {max-height:420px} } /* b2c_0417 end */ /* 2018-06-20 모바일 GNB CSS (수정이 있을 시 mobilePrj/style.css도 수정해야 함) */ /* animation */ @-webkit-keyframes openGnb {from {left:-100%;opacity:0} to {left:0%;opacity:1}} @-moz-keyframes openGnb {from {left:-100%;opacity:0} to {left:0%;opacity:1}} @-o-keyframes openGnb {from {left:-100%;opacity:0} to {left:0%;opacity:1}} @keyframes openGnb {from {left:-100%;opacity:0} to {left:0%;opacity:1}} .screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .ico_cate {display:inline-block;overflow:hidden;font-size:0;line-height:0;background-image:url(/lgekor/asset/images/mobile/common/ico_cate.png);-webkit-background-size:270px 200px;background-size:270px 200px;text-indent:-9999px;vertical-align:middle} .gnb_on:before {display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.9);z-index:10;content:""} .gnb_on .wrap_nav {display:block;animation:openGnb 0.3s both} .wrap_nav {display:none;position:fixed;top:0;left:-100%;width:85%;max-width:305px;height:100%;background-color:#f0f1f2;font-size:16px;z-index:100} .wrap_nav button {font-family:"LGSmHaR","Apple SD Gothic Neo","Malgun Gothic",Dotum,Hevetica,Arial,sans-serif;} .wrap_nav .link_cont {display:block;} .wrap_nav .focus_close {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;background-color:transparent;opacity:0.01;text-indent:-9999px} .wrap_nav .inner {overflow-x:hidden;overflow-y:scroll;position:relative;width:100%;height:100%;padding-bottom:65px} .wrap_nav .inner::-webkit-scrollbar {display:none} .wrap_nav .search-word {position:relative;padding:20px;text-align:center;background-color:white} .wrap_nav .search-word input {width:100%;height:38px;padding:0 33px 0 10px;border:3px solid black;font-weight:400;font-size:0.875em;font-family:'LGSmHaR','inherit';box-sizing:border-box} .wrap_nav .search-word .btn-search {position:absolute;top:22px;right:23px;width:33px;height:33px} .wrap_nav .search-word .ir {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .wrap_nav .search-results {position:absolute;top:59px;left:0px;overflow:hidden;width:auto;padding:20px;font-size:1em;color:#333;line-height:28px;text-align:center;box-shadow:0 2px 1px 1px rgba(0, 0, 0, 0.25);z-index:10;background:-moz-linear-gradient(top, #eaeef1 0%, white 12%, white 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeef1), color-stop(12%, white), color-stop(100%, white));background:-webkit-linear-gradient(top, #eaeef1 0%, white 12%, white 100%);background:-o-linear-gradient(top, #eaeef1 0%, white 12%, white 100%);background:-ms-linear-gradient(top, #eaeef1 0%, white 12%, white 100%);background:linear-gradient(to bottom, #eaeef1 0%, white 12%, white 100%);box-sizing:content-box} .wrap_nav .search-results iframe {width:100%} .wrap_nav .search-results .btn-search-more {display:block;padding:0 30px;font-size:19px;color:#fff;line-height:45px;font-weight:normal;background-color:#a50034;border-radius:7px} .wrap_nav .search-results-summary {width:100%;padding:17px 0px 30px 0px;text-align:left;border-top:1px solid #ccc} .wrap_nav .search-results-summary > a {display:block;font-size:13px;color:#333;line-height:23px} .wrap_nav .search-results-summary > a.total {display:inline-block;margin-bottom:4px;font-size:16px} .wrap_nav .search-results-summary > a.total.em {color:#a50034} .wrap_nav .auto-search-word {width:100%;padding:14px 0px;text-align:left} .wrap_nav .auto-search-word a {display:block;font-size:16px;color:#333;line-height:28px} .wrap_nav .btn_close {position:absolute;top:0;left:100%;width:55px;height:55px;background-color:#a50034} .wrap_nav .btn_close:before, .wrap_nav .btn_close:after {display:block;width:20px;height:2px;background-color:white;content:""} .wrap_nav .btn_close:before {margin:0 auto;transform:rotate(45deg)} .wrap_nav .btn_close:after {margin:-2px auto 0;transform:rotate(-45deg)} .wrap_nav.on {display: block; position: fixed;background: none;} .wrap_nav.on .inner {padding: 0; position: static;} .wrap_nav.on .inner > * {display: none;} .wrap_nav.on #AKCFrmTop {display: block;width: 100%; box-sizing: border-box;position: absolute; top: 0; left: 0;z-index: 100;animation: search1 0.6s forwards ease-out;} .wrap_nav.on .btn_close {position: absolute;z-index: 10; left: -100%; animation: search2 0.6s forwards 0.2s ease-out;} @keyframes search1 {0% {left: -100%;}100% {left: 0;}} @keyframes search2 {0% {left: -100%;}100% {left: 100%;}} .gnbSearch {position: absolute;right:0;top: 0;} .gnb-main-container .mobile-shortcut > a.icon.map-point {position: absolute;right:20px;top: 50%; transform: translate3d(0, -50%, 0); background: url('/lgekor/asset/images/mobile/common/ico_map_point.png') no-repeat 0 0; width: 27px; height: 35px; margin-right: 30px; padding: 0 0 0 11px; font-size: inherit; background-size: contain;} .gnb-main-container .mobile-shortcut .icon.search.gnbSearch {position: absolute;right:20px;top: 50%; transform: translate3d(0, -50%, 0); background: url('/lgekor/asset/images/mobile/common/ico_gnb_search.png') no-repeat 0 0; width: 16px; height: 35px; padding: 0; font-size: inherit; background-size: contain;} .gnb-main-container .mobile-shortcut .icon.map-point:before {content: '';position: absolute;right: 0;top: 20%;border-right: 1px solid #959595;height: 60%; padding: 0; font-size: inherit;} .gnb-main-container .mobile-shortcut .icon.search.gnbSearch:before {display: none; content:'';} .no_scroll {height: 100%;overflow: hidden;} .list_key {background-color:white} .list_key li {display:table;position:relative;width:100%;height:54px;border-top:1px solid #d7d7d7;box-sizing:border-box;} .list_key li:before, .list_key li:after {position:absolute;top:27px;right:24px;width:8px;height:1px;margin:auto 0;border-radius:50px;background-color:black;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;content:""} .list_key li:before {transform:rotate(45deg)} .list_key li:after {transform:rotate(-45deg)} .list_key .link_menu {display:table-cell;padding-left:20px;vertical-align:middle;} .list_key .link_menu .img_menu {vertical-align:middle} .list_anchor {overflow:hidden;padding:20px 10px 9px;border-top:1px solid #666;border-bottom:1px solid #d7d7d7;background-color:#f0f1f2} .list_anchor li {float:left;width:25%;height:97px;text-align:center} .list_anchor .ico_cate {width:60px;height:60px} .list_anchor .ico_cate.tv {background-position:0 0} .list_anchor .ico_cate.notebook {background-position:-70px 0} .list_anchor .ico_cate.refrigerator {background-position:-140px 0} .list_anchor .ico_cate.aircon {background-position:-210px 0} .list_anchor .ico_cate.mobile {background-position:0 -70px} .list_anchor .ico_cate.vacuum {background-position:-70px -70px} .list_anchor .ico_cate.washing {background-position:-140px -70px} .list_anchor .ico_cate.drying {background-position:-210px -70px} .list_anchor .ico_cate.styler {background-position:0 -140px} .list_anchor .ico_cate.beauty {background-position:-70px -140px} .list_anchor .ico_area {display:inline-block;width:60px;height:60px;padding-top:24px;border-radius:100px;text-align:center;vertical-align:middle;background-color:white} .list_anchor .ico_area .line {display:block;width:18px;height:2px;margin:0 auto 4px;background-color:#333333} .list_anchor .ico_area .line:last-child {margin-bottom:0} .list_anchor .prd_name {display:block;margin-top:7px;color:black;font-size:0.75em;font-weight:500;line-height:1;letter-spacing:0} .gnb_comm .list_gnb {background-color:white} .gnb_comm .list_gnb > li {position:relative;min-height:54px;border-bottom:1px solid #d7d7d7} .gnb_comm .list_gnb > li .btn_nav:before, .gnb_comm .list_gnb > li .btn_nav:after {position:absolute;top:29px;right:30px;width:8px;height:1px;margin:auto 0;border-radius:50px;background-color:black;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right} .gnb_comm .list_gnb > li .btn_nav:before {overflow:hidden;position:absolute;line-height:0;text-indent:999999px;transform:rotate(45deg);content:"메뉴 펼치기";color:transparent;} .gnb_comm .list_gnb > li .btn_nav:after {transform:rotate(135deg);content:"";color:transparent;} .gnb_comm .list_gnb > li .link_history:before, .gnb_comm .list_gnb > li .link_history:after {position:absolute;right:27px;width:8px;height:1px;margin:auto 0;border-radius:50px;background-color:black;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;content:""} .gnb_comm .list_gnb > li .link_history:before {top:26px;transform:rotate(45deg)} .gnb_comm .list_gnb > li .link_history:after {top:25px;transform:rotate(-45deg)} .gnb_comm .list_gnb > li.on .btn_nav:before, .gnb_comm .list_gnb > li.on .btn_nav:after {top:22px} .gnb_comm .list_gnb > li.on .btn_nav:before {transform:rotate(-45deg);content:"메뉴 접기";} .gnb_comm .list_gnb > li.on .btn_nav:after {transform:rotate(-135deg)} .gnb_comm .list_gnb > li.on .list_snb {display:block} .gnb_comm .list_gnb .btn_nav, .gnb_comm .list_gnb .link_history {display:block;width:100%;padding:0 20px;line-height:54px;font-size:0.9375em;color:black;font-weight:600;text-align:left;box-sizing:border-box;} .gnb_comm .list_gnb .link_history .view_num {color:#a50034} .gnb_comm .list_snb {display:none;margin-top:-13px} .gnb_comm .list_snb a {display:block;padding-left:27px;font-size:0.9375em;color:#333333;line-height:43px} .gnb_comm .list_snb a:before {display:inline-block;margin-right:8px;font-size:0.9375em;color:#333333;content:"-"} /* .gnb_comm .list_utils {overflow:hidden;background-color:#f0f1f2;} */ /* .gnb_comm .list_utils li {float:left;width:50%;height:54px;line-height:54px;text-align:center} */ /* .gnb_comm .list_utils a {display:block;font-size:0.9375em;color:black;font-weight:600;} */ /* 20200210 매장상담신청 style 수정 */ .gnb_comm .list_utils {overflow:hidden;background-color:#f0f1f2; padding:5% 0;} .gnb_comm .list_utils li {float:left;width:50%;} .gnb_comm .list_utils a {display:block;font-size:0.9375em;color:black;font-weight:600;padding:7px 13%;} /* //20200210 매장상담신청 style 수정 */ .gnb_comm .list_utils a:before {display:inline-block;width:3px;height:3px;margin:-5px 5px 0 0;border-radius:100px;vertical-align:middle;background-color:#919191;content:""} .gnb_comm .list_site {overflow:hidden;background-color:white} .gnb_comm .list_site li {float:left;width:50%;height:54px;line-height:54px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;box-sizing:border-box} .gnb_comm .list_site li:nth-child(even) {border-right:0 none} .gnb_comm .list_site a {display:block;text-align:center;font-size:0.875em;color:black} @media only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:359px) {.wrap_nav {max-width:265px}} /* // 2018-06-20 모바일 GNB CSS (수정이 있을 시 mobilePrj/style.css도 수정해서 동기화) */ /* GNB login 추가 2020-03-09 */ .has_login .gnb-main-container .login_area{max-width: 1600px;margin: 0 auto;padding: 0 30px;box-sizing: border-box;height:46px;text-align:right;} .has_login .gnb-main-container .login_area ul{display:inline-block;overflow:hidden;margin-top:21px;} .has_login .gnb-main-container .login_area ul li{float:left;} .has_login .gnb-main-container .login_area ul li a{display:block;position:relative;background-color:#ae1a4a;padding:0 10px;} .has_login .gnb-main-container .login_area ul li span{display:inline-block;padding-left:20px;background-position:0 50%;background-repeat:no-repeat;color:#fff;font-size:14px;line-height:25px;height:25px;} .has_login .gnb-main-container .login_area ul li.join a{padding-left:16px;border-radius:16px 0 0 16px;} .has_login .gnb-main-container .login_area ul li.join span{background-image:url(/lgekor/asset/images/web/common/ico_join.png)} .has_login .gnb-main-container .login_area ul li.login a{padding-right:16px;border-radius:0 16px 16px 0;} .has_login .gnb-main-container .login_area ul li.login a:before{display:block;position:absolute;top:50%;left:0;margin-top:-6px;height:13px;width:1px;background-color:#be5373;content:'';} .has_login .gnb-main-container .login_area ul li.login span{background-image:url(/lgekor/asset/images/web/common/ico_login.png)} .has_login .gnb-main-container .login_area ul li.modify a{padding-left:16px;border-radius:16px 0 0 16px;} .has_login .gnb-main-container .login_area ul li.modify span{background-image:url(/lgekor/asset/images/web/common/ico_modify.png)} .has_login .gnb-main-container .login_area ul li.logout a{padding-right:16px;border-radius:0 16px 16px 0;} .has_login .gnb-main-container .login_area ul li.logout a:before{display:block;position:absolute;top:50%;left:0;margin-top:-6px;height:13px;width:1px;background-color:#be5373;content:'';} .has_login .gnb-main-container .login_area ul li.logout span{background-image:url(/lgekor/asset/images/web/common/ico_logout.png)} .has_login .gnb-main-container .gnb-list > li > a{line-height:60px;height:70px;} .has_login .gnb-main-container .gnb-list > li.search > a{top:20px;margin-top:0;} .has_login .gnb-main-container .gnb-list > li.business:before{top:66px;height:19px;margin-top:0;} @media (max-width:767px) { .has_login .gnb-main-container .mobile-shortcut {position:absolute;top:0;left:0;right:0;width:100%;height:60px} .has_login .gnb-main-container .mobile-shortcut > a{width:60px;height:60px;padding:8px;font-size:9px;color:#fff;text-align:center;box-sizing:border-box;} .has_login .gnb-main-container .mobile-shortcut .icon.join{position:absolute;right:40px;top:50%;height:48px;box-sizing:border-box;margin-top:-24px;} .has_login .gnb-main-container .mobile-shortcut .icon.join span{display:block;padding-top:20px;background:url(/lgekor/asset/images/mobile/common/ico_join.png) no-repeat 50% 0;background-size:16px auto;} .has_login .gnb-main-container .mobile-shortcut .icon.login{position:absolute;right:0;top:50%;height:48px;box-sizing:border-box;margin-top:-24px;} .has_login .gnb-main-container .mobile-shortcut .icon.login span{display:block;padding-top:20px;background:url(/lgekor/asset/images/mobile/common/ico_login.png) no-repeat 50% 0;background-size:16px auto;} .has_login .gnb-main-container .mobile-shortcut .icon.modify{position:absolute;right:52px;top:50%;height:48px;box-sizing:border-box;margin-top:-24px;padding:8px 0;} .has_login .gnb-main-container .mobile-shortcut .icon.modify span{display:block;padding-top:20px;background:url(/lgekor/asset/images/mobile/common/ico_modify.png) no-repeat 50% 0;background-size:18px auto;} .has_login .gnb-main-container .mobile-shortcut .icon.logout{position:absolute;right:0;top:50%;height:48px;box-sizing:border-box;margin-top:-24px;} .has_login .gnb-main-container .mobile-shortcut .icon.logout span{display:block;padding-top:20px;background:url(/lgekor/asset/images/mobile/common/ico_logout.png) no-repeat 50% 0;background-size:18px auto;} .has_login .gnb-utils-container{height:40px;background:#ae1a4a;text-align:right;} .has_login .gnb-utils-container .inner{display:inline-block;margin-right:15px;} .has_login .gnb-utils-container .inner a{color:#e7bac8;font-size:12px;line-height:40px;margin-left:10px;} .has_login .gnb-utils-container .inner a:before{display: inline-block;color:#e7bac8;margin-right:5px;} .has_login .gnb-utils-container .icon.search.gnbSearch{position:static;right:auto;top:auto;background:none;} .has_login .gnb-utils-container .icon.map-point{position:static;right:auto;top:auto;background:none;color:#e7bac8;font-size:12px;} } /*// GNB login 추가 2020-03-09 */ /**/ /**************** RESPONSIVE SAMPLE ****************/ /************************************\ \ min-width:768, 1024, 1200, 1600 / / max-width:767, 1023, 1199, 1599 \ \************************************/ /*1200, 1600 psd css*/ .selector {} /* 1200 ~ 1600 */ @media (min-width:1200px) and (max-width:1600px){ .selector {} } /* 738 ~ 1199 */ @media (min-width:768px) and (max-width:1199px) { .selector {} } /* ~ 1023 - products usp area */ @media (min-width:768px) and (max-width:1023px) { .selector {} } /* mobile area */ @media (max-width:767px) { .selector {} } /**************** RESPONSIVE SAMPLE ****************/ /*e:css1*/ /*s:css2*/ @charset "euc-kr"; /* common */ .c-67 {color: #676767 !important;} .bg-ef {background: #efefef !important;} .btn-play.btn-module {top: 63%;} .w1600 {max-width: 1600px !important;} .w1400 {max-width: 1400px !important;} .w1200 {max-width: 1200px !important;} .mobile .mmt0 {margin-top: 0 !important;} .mobile .mmb0 {margin-bottom: 0 !important;} .mobile .mpt0 {padding-top: 0 !important;} .mobile .mpb0 {padding-bottom: 0 !important;} /* discrimer 2019-08-21 추가 */ 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.responsive .discrimer.center li {text-align: center; margin: 20px 0 0 0;} section.responsive .discrimer.right li {text-align: right;} /* visual diff css */ .visual_diff .twentytwenty-horizontal .twentytwenty-handle:before, .visual_diff .twentytwenty-horizontal .twentytwenty-handle:after, .visual_diff .twentytwenty-vertical .twentytwenty-handle:before, .visual_diff .twentytwenty-vertical .twentytwenty-handle:after {display:block;background:#fff;position:absolute;z-index:30;-webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);content:""} .visual_diff .twentytwenty-horizontal .twentytwenty-handle:before, .visual_diff .twentytwenty-horizontal .twentytwenty-handle:after {width:1px;height:9999px;left:50%;margin-left:-2.5px} .visual_diff .twentytwenty-vertical .twentytwenty-handle:before, .visual_diff .twentytwenty-vertical .twentytwenty-handle:after {width:9999px;height:1px;top:50%;margin-top:-0.5px} .visual_diff .twentytwenty-before-label, .visual_diff .twentytwenty-after-label, .visual_diff .twentytwenty-overlay {position:absolute;top:0;width:100%;height:100%} .visual_diff .twentytwenty-before-label, .visual_diff .twentytwenty-after-label, .visual_diff .twentytwenty-overlay {-webkit-transition-duration:0.5s;transition-duration:0.5s} .visual_diff .twentytwenty-before-label, .visual_diff .twentytwenty-after-label {-webkit-transition-property:opacity;transition-property:opacity} .visual_diff .twentytwenty-before-label:before, .visual_diff .twentytwenty-after-label:before {color:#fff;font-size:13px;letter-spacing:0.1em} .visual_diff .twentytwenty-before-label:before, .visual_diff .twentytwenty-after-label:before {position:absolute;background:rgba(255, 255, 255, 0.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;border-radius:2px} .visual_diff .twentytwenty-horizontal .twentytwenty-before-label:before, .visual_diff .twentytwenty-horizontal .twentytwenty-after-label:before {top:50%;margin-top:-19px} .visual_diff .twentytwenty-vertical .twentytwenty-before-label:before, .visual_diff .twentytwenty-vertical .twentytwenty-after-label:before {left:50%;margin-left:-45px;text-align:center;width:90px} .visual_diff .twentytwenty-left-arrow, .visual_diff .twentytwenty-right-arrow, .visual_diff .twentytwenty-up-arrow, .visual_diff .twentytwenty-down-arrow {width:0;height:0;border:6px inset transparent;position:absolute} .visual_diff .twentytwenty-left-arrow, .visual_diff .twentytwenty-right-arrow {top:50%;margin-top:-6px} .visual_diff .twentytwenty-up-arrow, .visual_diff .twentytwenty-down-arrow {left:50%;margin-left:-6px} .visual_diff .twentytwenty-container {-webkit-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;max-width:1460px;margin:0 auto;-webkit-user-select:none;} .visual_diff .twentytwenty-container img {max-width:100%;position:absolute;top:0;display:block} .visual_diff .twentytwenty-container.active .twentytwenty-overlay, .visual_diff .twentytwenty-container.active :hover.twentytwenty-overlay {background:rgba(0, 0, 0, 0)} .visual_diff .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .visual_diff .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .visual_diff .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .visual_diff .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {opacity:0} .visual_diff .twentytwenty-container * {-webkit-box-sizing:content-box;box-sizing:content-box} .visual_diff .twentytwenty-horizontal .twentytwenty-before-label:before {left:10px} .visual_diff .twentytwenty-horizontal .twentytwenty-after-label:before {right:10px} .visual_diff .twentytwenty-vertical .twentytwenty-before-label:before {top:10px} .visual_diff .twentytwenty-vertical .twentytwenty-after-label:before {bottom:10px} .visual_diff .twentytwenty-overlay {-webkit-transition-property:background;transition-property:background;background:rgba(0, 0, 0, 0);z-index:25} .visual_diff .twentytwenty-before {z-index:20} .visual_diff .twentytwenty-after {z-index:10} .visual_diff .twentytwenty-handle{position:absolute;left:50%;top:50%;width:32px;height:32px;margin-left:-16px;margin-top:-35px;border-radius:16px;background:#fff url('/lgekor/asset/images/usp/tv/be_af_handle_arrow.png') no-repeat center;background-size:16px auto;cursor:col-resize;} .visual_diff .twentytwenty-horizontal .twentytwenty-handle:before {bottom:50%;margin-bottom:18px;margin-left:-1.5px;-webkit-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)} .visual_diff .twentytwenty-horizontal .twentytwenty-handle:after {top:50%;margin-top:18px;margin-left:-1.5px;-webkit-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)} .visual_diff .twentytwenty-vertical .twentytwenty-handle:before {left:50%;margin-left:30px;-webkit-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)} .visual_diff .twentytwenty-vertical .twentytwenty-handle:after {right:50%;margin-right:30px;-webkit-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)} .visual_diff .tg_timer_hand{transition:left .6s;} .visual_diff .tg_timer_img{transition:clip .6s;} /* 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;} .usp_module .responsive .layout-14.slide .prev {display:block;} .usp_module .responsive .layout-14.slide .next {display:block;} .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;} /* 슬라이드 페이저 */ .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} /* 인덱스 스타일 */ .usp_module .print-area section.responsive .idx_t {position:relative;padding-top:50px;} .usp_module .print-area section.responsive .idx_t .index {position:absolute;top:-20px;left:50%;width:20px;margin-left:-10px;padding:0;font-weight:bold;} .usp_module .print-area section.responsive .idx_t .index:after {display:block;position:absolute;left:9px;bottom:20px;width:1px;height:20px;border-left:1px solid #aaa;content:"";} .usp_module .print-area section.responsive .idx_l {padding:0 20px 0 75px;} .usp_module .print-area section.responsive .idx_l .index {position:absolute;top:2px;left:-50px;padding:0;font-weight:bold;} .usp_module .print-area section.responsive .idx_l .index:before {display:inline-block;position:static;width:23px;height:1px;margin:0 5px 5px 0;border-bottom:1px solid #b8b8b8;content:'';} .mobile #usp_add_info section.responsive > .layout-2:last-child {padding-bottom:0 !important;} .mobile #usp_add_info section.responsive .layout-2 > .layer {margin-bottom:0;-moz-box-ordinal-group:1;-webkit-box-ordinal-group:1;box-ordinal-group:1;} .mobile #usp_add_info section.responsive .layout-2 > .hero {-moz-box-ordinal-group:2;-webkit-box-ordinal-group:2;box-ordinal-group:2;} .mobile .layout-15 .bx-viewport {height:auto !important;} .mobile .layout-15 .slideNew .bx-wrapper .bx-controls {display:none} .mobile .layout-15 .slideUl.module {width:100% !important;transform:none !important;} .mobile .layout-15 .slideUl.module li {float:none !important;width:100% !important;} .mobile .layout-15 .slideUl.module li:first-child, .mobile .layout-15 .slideUl.module li:last-child {display:none;} .mobile .layout-15 .slideUl.module li .unit {display:block;width:100% !important;max-width:100% !important;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;} .mobile .layout-15 .slideUl.module li .unit.idx_l {padding:0 20px 0 75px;} .mobile .layout-15 .slideUl.module li .hero {display:block;margin:20px auto;} .mobile .layout-15 .slideUl.module li .banner-1.reverse strong.banner-title {margin-left:0;} .mobile .layout-15 .slideUl.module li .banner-1.reverse p.banner-txt {margin-bottom:10px;padding-left:0;} .mobile .layout-15 .slideUl.module li .subDesc {padding-left:0;} .mobile .usp_module .print-area section.responsive .layout-15.section_title {padding:0 20px;} .mobile .usp_module .print-area section.responsive .layout-15 .idx_l .index {top:0;left:24px;} .mobile .feature_usp .usp_fridge .detail_fridge_wrap .detail_slider {margin-top:60px;} .mobile .feature_usp .usp_fridge .detail_fridge_wrap .detail_slider .swiper-container {margin-top:25px;} .mobile .slide .prev, .mobile .slide .next {width:10px;height:18px;} .mobile .slide .prev {left:10px;} .mobile .slide .next {right:10px;} .mobile .slide .prev button.sp, .mobile .slide .next button.sp {width:10px;height:18px;position:absolute;background:url('/lgekor/asset/images/usp/kitchen/btn_img_slider_arrow_m.png') no-repeat center; background-size:22.5px auto;} .mobile .slide .prev button.sp {margin:0;left:9%;background-position:0 0;} .mobile .slide .next button.sp {margin:0;right:9%;background-position:-12px 0;} .mobile .img_txt_wrap {display:block;width:100%;margin:20px 0;font-size:15px;text-align:center;} .mobile .layout-16.slide .banner-1 {padding:20px 0 !important;} .mobile .layout-16.slide .banner-1 .hero {padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;} .mobile .layout-16.slide .banner-1 .unit {max-width:60%} .usp_module .responsive .layout-12 .more_cont {padding:0 150px 0 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_fridge .detail_fridge_wrap .wrap_feature .tit_swipe {display:none;} #usp_add_info .add_info_tit .tit{margin-top:190px;font-size:60px;text-align:center;} #usp_add_info .add_info_tit .txt{margin-top:25px;padding:0 30px;font-size:26px;text-align:center;} #usp_add_info .add_info_tit img{width:100%;margin:80px auto 0;display:block;} #usp_add_info .info_list_wrap .list{/*min-width:1040px;*/max-width:1600px;width:100%;margin-top:120px;overflow:hidden;display:table;} #usp_add_info .info_list_wrap .list:nth-child(even) .text_box{padding-left:100px;margin-right:calc(28% - 265px);float:right;display:table-cell;} #usp_add_info .info_list_wrap .list:nth-child(even) .img_info{margin-left:calc(28% - 265px);float:left;display:table-cell;} #usp_add_info .info_list_wrap .list:nth-child(odd) .text_box{padding-left:100px;margin-left:calc(28% - 335px);float:left;display:table-cell;} #usp_add_info .info_list_wrap .list:nth-child(odd) .img_info{margin-right:calc(28% - 265px);float:right;float:right;display:table-cell;} #usp_add_info .info_list_wrap .list:nth-child(1) .text_box{background:url('/lgekor/asset/images/usp/tv/tit_section1_1_h3.png') no-repeat 10px 20px;} #usp_add_info .info_list_wrap .list:nth-child(2) .text_box{background:url('/lgekor/asset/images/usp/tv/tit_section1_2_h3.png') no-repeat 10px 20px;} #usp_add_info .info_list_wrap .list:nth-child(3) .text_box{background:url('/lgekor/asset/images/usp/tv/tit_section1_3_h3.png') no-repeat 10px 20px;} #usp_add_info .info_list_wrap .text_box{width:400px;} #usp_add_info .info_list_wrap .text_box .tit{font-size:50px;} #usp_add_info .info_list_wrap .text_box .txt{margin-top:23px;font-size:24px;line-height:1.5;} /* #usp_add_info */ .mobile #usp_add_info {padding:0 20px;} .mobile #usp_add_info .add_info_tit .tit{margin-top:55px;font-size:30px;} .mobile #usp_add_info .add_info_tit .txt{font-size:15px;} .mobile #usp_add_info .add_info_tit img{margin:35px auto 0;} .mobile #usp_add_info .info_list_wrap .list{display:block;margin:65px 0 0;} .mobile #usp_add_info .info_list_wrap .text_box .tit{font-size:27px;} .mobile #usp_add_info .info_list_wrap .text_box .txt{margin-top:10px;font-size:15px;} .mobile #usp_add_info .info_list_wrap .list .img_info{width:calc(100% - 110px);margin:35px 55px 0;float:none;display:block;} .mobile #usp_add_info .info_list_wrap .list .text_box{margin:0;float:none;display:block;} .mobile #usp_add_info .info_list_wrap .list:nth-child(1) .text_box{width:calc(100% - 78px);margin-right:20px;padding:0 0 0 58px;background:url('/lgekor/asset/images/usp/tv/tit_section1_1_h3_m.png') no-repeat left 10px;background-size:38px 7px;} .mobile #usp_add_info .info_list_wrap .list:nth-child(2) .text_box{width:calc(100% - 78px);margin-right:20px;padding:0 0 0 58px;background:url('/lgekor/asset/images/usp/tv/tit_section1_2_h3_m.png') no-repeat left 10px;background-size:38px 7px;} .mobile #usp_add_info .info_list_wrap .list:nth-child(3) .text_box{width:calc(100% - 78px);margin-right:20px;padding:0 0 0 58px;background:url('/lgekor/asset/images/usp/tv/tit_section1_3_h3_m.png') no-repeat left 10px;background-size:38px 7px;} .usp_module #featureMovie .responsive .headCopyN.c-f {color: #fff;text-shadow:none;} /* video */ .videoBox video {position: relative;width: 100%;height: 100%;} .videoImg {position: absolute; top:0;left:0;} .mobile .responsive.videoImg { width:auto; position: static;} .mobile .videoBox .btn {width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10; background: url(/lgekor/asset/images/mainDistrict/mobile/btn_play.png) no-repeat center;background-size: 60px;display: block;} /* subVisual */ .subTitle {margin-bottom: 20px;} .subTitle img {margin-top: -1vw;} .mobile .subTitle img {max-width: 30%;} .subKeyVisual {display: flex; margin: 5vw 0 0 0; padding: 0; justify-content: space-between; align-items: center;} .subKeyVisual .title {order: 1; padding: 0 2% 0 8%;} .subKeyVisual .unit {order: 2; max-width: 50%;} .subKeyVisual.order2 .title {order: 2; padding: 0 8% 0 2%;} .subKeyVisual.order2 .unit {order: 1;} .subKeyVisual img {max-width: 100%;} .subKeyVisual .title .bodyCopyN {font-size: 40px; line-height: 1.5;} .subKeyVisual .title .subDescN {margin: 0; line-height: 1.5;white-space: nowrap;} .subKeyVisual .title ul.noti.refer {margin: 1vw 0 0 0; line-height: 1.5;} .subKeyVisual .title ul.noti.refer > li {font-size: 18px;} /* collapsible */ .uspCollpase {position: relative;} .uspCollpase.swiper-slide {text-align: left;} .uspCollpase section.responsive > .layout-2 {padding: 75px 0;} .uspCollpase .contentBody {border-top: 1px solid #d8d8d8;} .sliderBody .uspCollpase:first-child .contentHead {border-top: 0px;} .sliderBody .uspCollpase .contentHead.headOnly .btn_collapse_more{display:none;} .uspCollpase .contentBody {display: none;} .uspCollpase section.responsive .layout > .unit img {max-width: 100%; width: auto;} .uspCollpase .close {position: absolute; bottom: 0; left: 50%; overflow: hidden; margin-left: -35px;} .btn_collapse_more {font-size: 18px; margin: 20px 0 0 0;} .btn_collapse_more a {padding: 7px 12px 5px 15px; margin: 0; text-align: center; border: 1px solid #c61a52; color: #c61a52; border-radius: 25%/100%; text-decoration: none;} .btn_collapse_more a > em {border: 1px solid #c61a52;border-radius: 50%;display: inline-block;height: 20px;width: 20px;vertical-align: middle;line-height: 1.2;margin-top: -4px;text-indent: -1px;} .inresponsive {margin: 0 auto; padding: 0; box-sizing: border-box;} .web .sliderBody .swiper-wrapper {display: block;} .sliderBody .uspCollpase.swiper-slide {display: block;} .sliderBody .uspCollpase.swiper-slide .subLayout .subTitle > img {width: auto;} .usp_module .responsive .wideLayout .bnr_slide {max-width: 1500px;} .usp_module .responsive .wideLayout .bnr_slide .info {width: 50%;} .usp_module .responsive .wideLayout .bnr_slide .hero {width: 35%;} /* google layerpop */ #googleAssistant {width: 700px} .googleCont {padding: 50px;background: #f5f5f7} .googleCont p {font-size: 15px;margin-bottom: 30px;line-height: 1.8em} .googleCont p.em {margin-bottom: 20px;line-height: 2.2em} .googleCont p strong {font-size: 22px;font-weight: bold} .googleCont .google {display: block;text-align: right} /********* 냉장고 인터랙션 ********/ .showhideBox {position: absolute; right:21.56%; bottom:0;z-index:5;width:21.15%;} .showhideBox li {display: none; position:absolute; bottom:0; left:0;} .showhideBox li:first-child {display: block;} .showHide .knockBtn.btn {cursor: pointer;right: 29.5%;position: absolute; top: 63%;z-index: 7;width: 50px;height:50px;border: 2px solid #fff; border-radius: 100%; padding: 15px;} .showHide .knockBtn.btn:before {content:''; width: 100%;height:100%;position: absolute;text-align: center;left: 50%;margin-left: -42px;margin-top: -42px;border: 2px solid #fff; border-radius: 100%;display: block;top: 50%;animation: wave 1s 0.2s infinite;} .showHide .knockBtn.btn:after {content:''; width: 100%;height:100%;position: absolute;text-align: center;left: 50%;margin-left: -42px;margin-top: -42px;border: 2px solid #fff; border-radius: 100%;display: block;top: 50%;animation: wave 1s infinite;} .showHide .knockBtn.btn.black, .showHide .knockBtn.btn.black:before, .showHide .knockBtn.btn.black:after {border-color: #000;} @keyframes wave { 0% {opacity: .8; transform: scale(1,1);} 100%{opacity: 0; transform: scale(1.6);} } section.responsive .layout-11 .slideUl.fade {overflow: visible} section.responsive .layout-11 .slideUl li .visual {width: 23%; position: absolute; bottom: 0; left: 25.5%;} section.responsive .layout-11 .slideUl li .visual.stiker {width: 17.7%; position: absolute; top: 10.3%; left: 27.9%;} section.responsive .layout-11 .slideUl li .visual img {width: auto; max-width: 100%;} .fadeCount li {position: absolute; bottom:0;left:0;display: none;} .fadeCount li:first-child {display: block;} .fadeCount li img {width: auto !important; max-width: 100%;} .fadeCount.auto li {right: 0; left: inherit;} .fadeCount.camera li {right: 25.8%; bottom: -1px; top: inherit; width: 21.1%;} section.responsive .layout > .unit em[class^="num0810"] {position: absolute; top:0; left: 0;opacity:0.8;} section.responsive .layout > .unit em[class^="num0810"] img {width: auto;} section.responsive .layout > .unit em.num0810_1 {top: 10%; left: 44%; z-index: 3;} section.responsive .layout > .unit em.num0810_2 {top: 17%; left: 55%; z-index: 3;} section.responsive .layout > .unit em.num0810_3 {top: 32%; left: 62%; z-index: 2;} section.responsive .layout > .unit em.num0810_4 {top: 42%; left: 42%; z-index: 3;} section.responsive .layout > .unit em.num0810_5 {top: 50%; left: 45%; z-index: 2;} section.responsive .layout > .unit em.num0810_6 {top: 60%; left: 35%; z-index: 1;} section.responsive .layout > .unit em.num0810_7 {top: 62%; left: 55%; z-index: 2;} section.responsive .layout > .unit em.num0810_8 {top: 68%; left: 64%; z-index: 1;} section.responsive .layout > .unit em.num0810_9 {top: 54%; left: 15%; z-index: 3;} section.responsive .layout > .unit em.num0810_10 {top: 65%; left: 28%; z-index: 2;} section.responsive .layout > .unit em.num0810_11 {top: 79%; left: 12%; z-index: 1;} section.responsive .layout > .unit em.num0810_12 {top: 70%; left: 21%; z-index: 1;} section.responsive .layout > .unit em.num0810_13 {top: 78%; left: 47%; z-index: 1;} section.responsive .layout > .unit .numBox.active em.num0810_1 {animation: numActive 5s linear 1s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_2 {animation: numActive 5s linear 1.5s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_3 {animation: numActive 5s linear 2s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_4 {animation: numActive 5s linear 1s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_5 {animation: numActive 5s linear 1.5s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_6 {animation: numActive 5s linear 2s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_7 {animation: numActive 5s linear 1.5s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_8 {animation: numActive 5s linear 2s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_9 {animation: numActive 5s linear 1s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_10 {animation: numActive 5s linear 2s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_11 {animation: numActive 5s linear 2.5s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_12 {animation: numActive 5s linear 1.5s infinite alternate;} section.responsive .layout > .unit .numBox.active em.num0810_13 {animation: numActive 5s linear 2s infinite alternate;} @keyframes numActive { 0% {transform: translate(0, 0) scale(1);} 50% {transform: translate(6px, 6px) scale(0.9);} 100% {transform: translate(0, 0) scale(1);} } @keyframes battery { 0%, 40% { height:0%; } 60%, 100% { height:95%; } } .amount-chart {position: absolute;top: 15%;left: 30%;width: 18%;z-index:10;} .amount-chart + .amount-chart {left: 53%;} .amount-counter {position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%);z-index:3; font-size: 80px;color: #048564;} .amount-chart .date {position: absolute; top: 17%; left: 50%;transform: translateX(-50%);z-index:3; font-size: 40px; color:#cecece;} .amount-counter small {font-size: 48px;} .freshFilter {position: absolute; top:12%;left:30.8%;width:17.2%;z-index: 5;} .coolFilter {position: absolute; top:5%;left:50%;transform: translateX(-50%);} .coolFilter img {width: auto; max-width:100%;} .usp_module .print-area section.responsive .layer.beautyLayer { left: 70%; max-width: 325px; width: auto; top: 7%; } .usp_module .print-area section.responsive .beautyLayer .layerInner {width: 100%;} .usp_module .print-area section.responsive .beautyLayer .layerInner .hero {} .usp_module .print-area section.responsive .beautyLayer .layerInner .hero img {max-width: 325px;width: 100%;} .usp_module .print-area section.responsive .beautyLayer .layerInner .unit .bodyCopy {margin-top: 18%;font-size: 26px !important;} /* 2018-03-20 headerUnit */ section.responsive .layout-3.headerUnit {padding:0 !important;} section.responsive .layout-3.headerUnit .object-h {width: 50%;padding:0;} section.responsive .layout-3.headerUnit .object-h > .unit{width:50%;overflow: hidden; text-align: center;} section.responsive .layout-3.headerUnit .object-h > .unit .hero {display: inline-block; width: auto;} section.responsive .layout-3.headerUnit .object-h > .unit .subDesc {font-size: 24px; display: inline-block; text-align:left;padding-left:20px;vertical-align:bottom;} section.responsive .layout-3.headerUnit .object-h > .unit .subDesc p {font-size:16px;line-height:1.2;padding-top: 10px;} .mobile section.responsive .layout-3.headerUnit .object-h {width: 90%;padding:0;} .mobile section.responsive .layout-3.headerUnit .object-h > .unit {width: 100%; margin: 30px 0;} /* //2018-03-20 headerUnit */ /* 에어컨 2019-06-24 추가*/ .btnConsumerShop {max-width: 1200px; margin: 20px auto;} .btnConsumerShop .tip {font-size: 18px; display: inline-block; margin: 7px 10px 0 0;} /* table 2019-09-03 추가 */ h5.tableTitle {text-align: left; font-size: 21px;} .tableUsp {width: 100%; table-layout: fixed; margin-top: 20px;} .tableUsp thead th {background: #cecece; padding: 10px; text-align: center; font-size: 18px; border: 1px solid #bcbcbc; word-break: keep-all;} .tableUsp tbody td {padding: 10px; text-align: center; font-size: 18px; border: 1px solid #bcbcbc; word-break: keep-all;} .tableUsp tbody .even td {background: #e4e5e7;} .mobile .tableUsp thead th {padding: 5px; font-size: 14px;} .mobile .tableUsp tbody td {padding: 5px; font-size: 14px;} .mobile h5.tableTitle {font-size: 16px;} /* 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;} .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;} .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;} } /*e:css2*/