@charset "UTF-8";

/* pnb-wrap */
[id][data-multi-scroll-top] {--var-multi-scroll:attr(data-multi-scroll-top px);scroll-margin-top:var(--var-multi-scroll);}
[id][data-multi-scroll-top]:is(.pnb-wrap) {--var-multi-padding:60px; scroll-margin-top:calc(var(--var-multi-scroll) + var(--var-multi-padding));}
[id][data-multi-scroll-top]:is(.pnb-wrap[data-pnb-zero-padding="top"], .pnb-wrap[data-pnb-zero-padding="all"]) {--var-multi-padding:0;}
span:is(.pnb-wrap, .pnb-inner, .pnb-area){display:block;}
.pnb-wrap .pnb-inner{padding:60px 0 80px;}
.pnb-wrap .pnb-inner:has(.pnb-area.has-text:only-child){padding:0;}
.pnb-wrap[data-pnb-bg="white"] .pnb-inner{background-color:#fff;}
.pnb-wrap[data-pnb-bg*="gray"] .pnb-inner{background-color:#f7f7f7;}
.pnb-wrap[data-pnb-bg="warmgray"] .pnb-inner{background-color:#f0ece4;}
.pnb-wrap[data-pnb-bg="dark"] .pnb-inner{background-color:#333;color:#f6f6f6;}
.pnb-wrap[data-pnb-bg="black"] .pnb-inner{background-color:#000;color:#f6f6f6;}
.pnb-wrap[data-pnb-zero-padding="top"] .pnb-inner{padding-top:0;}
.pnb-wrap[data-pnb-zero-padding="bottom"] .pnb-inner{padding-bottom:0;}
.pnb-wrap:is([data-pnb-zero-padding="bottom"], [data-pnb-zero-padding="all"]) .pnb-area.has-text:only-child{padding-bottom:1px;}
.pnb-wrap[data-pnb-zero-padding="all"] .pnb-inner{padding:0;}
.pnb-wrap .pnb-inner:has(.pnb-area.hide:only-child){display:none;}
.pnb-wrap .pnb-area{overflow:hidden;max-width:1380px;margin:0 auto;text-align:center;}
.pnb-wrap .pnb-area + .pnb-area{margin-top:24px;}
.pnb-wrap .pnb-area.has-text{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:0;padding-right:10px;padding-left:10px;}
.pnb-wrap .pnb-area.has-text:only-child{padding-bottom:70px;margin-top:0;}
.pnb-wrap .pnb-area.has-text:has(.pnb-text-link.align-center),
.align-center .pnb-wrap .pnb-area.has-text,
.iw_component:has(.align-center) + .iw_component .pnb-wrap .pnb-area.has-text{justify-content:center;}
.align-center .pnb-wrap .pnb-area.has-text .pnb-text-link,
.iw_component:has(.align-center) + .iw_component .pnb-wrap .pnb-area.has-text .pnb-text-link{text-align:center;}
.pnb-wrap .pnb-area.hide{display:none;}
.pnb-wrap .pnb-area img{max-width:100%;width:100%;height:auto;vertical-align:top;}
.pnb-wrap .pnb-link{display:block;position:relative;text-align:center;}
.pnb-wrap .pnb-text-link{display:inline-block;position:relative;padding:0;color:inherit;font-weight:400;font-size:22px;line-height:24px;text-align:left;text-decoration:underline;}
.pnb-wrap .pnb-text-link:after{content:"";display:inline-block;width:20px;height:20px;background:url("/lg5-common/images/icons/btn-arr-24x24-black.svg") no-repeat 50% 50%;background-size:cover;vertical-align:-3px;}
.pnb-wrap .pnb-text-link.no-icon{padding-right:0;background:none;}
.pnb-wrap .pnb-text-link.no-icon:after{display:none;}
.pnb-wrap .pnb-text-link.align-center{text-align:center;}
.pnb-wrap:where([data-pnb-bg="black"], [data-pnb-bg="dark"]) .pnb-text-link,
.component-wrap .component:is(.bg-black, .bg-dark, :has(.fc-white)) .pnb-wrap .pnb-text-link {color:#fff !important;}
.pnb-wrap:where([data-pnb-bg="black"], [data-pnb-bg="dark"]) .pnb-text-link:after,
:is(.bg-black, .bg-dark, .fc-white) .pnb-wrap .pnb-text-link:after{background-image:url("/lg5-common/images/icons/btn-arr-24x24-white.svg");}
.component-wrap .pnb-wrap .pnb-area.has-text{max-width:none;padding-right:0;padding-left:0;}
.component-wrap .bullet-list .pnb-wrap .pnb-area.has-text .pnb-text-link{color:#000;}
.pnb-wrap .pnb-area.kv-size{max-width:1614px;}
.pnb-wrap .pnb-area.small-size{max-width:912px;}

/* max-width 예외처리  */
.iw_placeholder:not(:has(link[href*="common_cardlayout"])) .iw_component:has(.KRC0025) + .iw_component .pnb-wrap .pnb-area.has-text{padding-right:0;padding-left:0;}
.iw_component:has(.KRC0025.stage-full) + .iw_component .pnb-wrap .pnb-area.has-text{max-width:2000px;}
.iw_component:has(.KRC0025.stage-wide) + .iw_component .pnb-wrap .pnb-area.has-text{max-width:1600px;}
.iw_component:has(.KRC0025.stage-small) + .iw_component .pnb-wrap .pnb-area.has-text{max-width:912px;}

/* max-width 예외처리 : cardlayout */
.iw_placeholder:has(link[href*="common_cardlayout"]) .iw_component:has(.KRC0025.stage-full .unit-list.align-left) + .iw_component .pnb-wrap .pnb-area.has-text{max-width:1614px;}
.iw_placeholder:has(link[href*="common_cardlayout"]) .iw_component:has(:where(.KRC0025.stage-wide .unit-list.align-left, .KRC0025.stage-medium .unit-list.align-left)) + .iw_component .pnb-wrap .pnb-area.has-text{max-width:1380px;}
.iw_placeholder:has(link[href*="common_cardlayout"]) .iw_component:has(.KRC0025.stage-medium .unit-list.block1.type-wide .unit-box) + .iw_component .pnb-wrap .pnb-area.has-text{max-width:912px;}

/* pnb-section */
.pnb-wrap .pnb-area:has(.pnb-section.small-size) {max-width:912px;}
.pnb-wrap .pnb-section {
    --color-point-red:#e41917; --color-main:#101010; --color-main2:#101010; --color-sub:#646464; --color-sub2:#727272; --color-line:#cacaca;overflow:hidden;padding:40px 60px;/*border-radius:24px;*/background:#f4f4f4;line-height:1.3;font-weight:500;text-align:left;
}
.pnb-wrap .pnb-section.bg01 {--color-main:#fff; --color-main2:#fff; --color-sub:#fff; --color-sub2:#fff;background-color:#424242;}
.pnb-wrap .pnb-section.square-type {border-radius:0;}
.pnb-wrap .pnb-section.round-type {border-radius:24px;}
.pnb-wrap .pnb-section * {word-break:keep-all;}
.pnb-wrap .pnb-section [class*="pnb-"] .color-point {color:var(--color-point-red);}
.pnb-wrap .pnb-section [class*="pnb-"] .small-txt {font-size:14px;color:var(--color-sub2);}
.pnb-wrap .pnb-section [class*="btn-link"] {font-size:inherit;line-height:inherit;font-weight:700;color:inherit;}
.pnb-wrap .pnb-section .btn-link:after {top:50%;margin-top:-7px;}
.pnb-wrap .pnb-section .btn-link3:after {background:transparent;}
.pnb-wrap .pnb-section .pnb-eyebrow-point {margin-bottom:20px;}
.pnb-wrap .pnb-section .pnb-eyebrow-point > span {display:inline-block;overflow:hidden;padding:8px 12px 8px 34px;border-radius:10px;background:var(--color-point-red) url("/kr/images/common/pdp_multi_banner/images/common/ico-eyebrow-point.png") no-repeat 10px 50%;background-size:17px auto;font-size:18px;line-height:1.36;font-weight:600;color:#fff;}
.pnb-wrap .pnb-section .pnb-tit {font-size:24px;line-height:1.36;font-weight:700;letter-spacing:-2%;color:var(--color-main);}
.pnb-wrap .pnb-section:has(.bg01) .pnb-tit {color:var(--color-main);}

.pnb-wrap .pnb-section .pnb-desc {margin-top:8px;font-size:18px;line-height:1.36;color:var(--color-sub);}
.pnb-wrap .pnb-section .pnb-desc > p + p {margin-top:24px;}
.pnb-wrap .pnb-section .pnb-desc strong {padding:0.1em 0.2em;font-weight:normal;background-color:#fbddde /* rgb(228 25 13 / 12%) */;}
.pnb-wrap .pnb-section.bg01 .pnb-desc strong {background-color:rgb(228 25 13 / 40%);}
.pnb-wrap .pnb-section .pnb-link-btn {display:inline-block;margin-top:20px;padding:6px 17px 6px 18px;border:1px solid var(--color-main2);border-radius:50px;font-size:18px;line-height:1.28;font-weight:600;color:var(--color-main2);}
.pnb-wrap .pnb-section .pnb-link-btn > span {display:block;padding-right:16px;background:url("/kr/images/common/pdp_multi_banner/images/common/ico-arrow.png") no-repeat 100% 50%;background-size:7px auto;}
.pnb-wrap .pnb-section.bg01 .pnb-link-btn > span {background-image:url("/kr/images/common/pdp_multi_banner/images/common/ico-arrow2.png");}
.pnb-wrap .pnb-section [class*="pnb-list-"] + [class*="pnb-list-"] {margin-top:18px;}
.pnb-wrap .pnb-section [class*="pnb-list-"] > li {position:relative;}
.pnb-wrap .pnb-section [class*="pnb-list-"] > li:before {content:"";position:absolute;left:auto;}
.pnb-wrap .pnb-section .pnb-list-dot > li {padding-left:14px;font-size:16px;color:var(--color-main);}
.pnb-wrap .pnb-section .pnb-list-dot > li:before {top:6px;width:4px;height:4px;margin-left:-14px;border-radius:50%;background:var(--color-main);}
.pnb-wrap .pnb-section .pnb-list-dot > li.color-point:before {background:var(--color-point-red);}
.pnb-wrap .pnb-section .pnb-list-dot > li + li {margin-top:10px;}
.pnb-wrap .pnb-section .pnb-list-dot.small > li {padding-left:9px;font-size:14px;color:var(--color-sub2);}
.pnb-wrap .pnb-section .pnb-list-dot.small > li:before {top:7px;width:3px;height:3px;margin-left:-9px;background:var(--color-sub2);}
.pnb-wrap .pnb-section .pnb-list-dot.small > li + li {margin-top:2px;}
.pnb-wrap .pnb-section .pnb-list-asterisk > li {padding-left:9px;font-size:14px;color:var(--color-sub2);}
.pnb-wrap .pnb-section .pnb-list-asterisk > li:before {content:"*";top:2px;margin-left:-9px;}
.pnb-wrap .pnb-section .pnb-list-asterisk > li.color-point:before {color:var(--color-point-red);}
.pnb-wrap .pnb-section .pnb-list-asterisk > li + li {margin-top:2px;}
.pnb-wrap .pnb-section .pnb-cont {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 10px;margin-top:40px;}
.pnb-wrap .pnb-section .pnb-box {display:grid;grid-template-rows:subgrid;gap:0;overflow:hidden;padding:0 16px 20px;border-radius:16px;background:#fff;}
.pnb-wrap .pnb-section .pnb-box:has(> [class*="pnb-box-"]:nth-child(2)) {grid-row:span 2;}
.pnb-wrap .pnb-section .pnb-box:has(> [class*="pnb-box-"]:nth-child(3)) {grid-row:span 3;}
.pnb-wrap .pnb-section .pnb-box:has(> [class*="pnb-box-"]:nth-child(4)) {grid-row:span 4;}
.pnb-wrap .pnb-section .pnb-box.full {grid-column: auto / span 2;}
.pnb-wrap .pnb-section .pnb-box .pnb-flag {display:inline-block;padding:4px 10px;border-radius:50px;background:var(--color-point-red);font-size:14px;font-weight:600;text-align:center;color:#fff;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-tit {display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:0 -16px 24px;padding:10px 28px;background:#333;font-size:18px;font-weight:700;text-align:center;color:#fff;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-tit.light {background:#e6e6e6;color:var(--color-main);}
.pnb-wrap .pnb-section .pnb-box .pnb-box-tit.align-left {justify-content:flex-start;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-img {text-align:center;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-img + .pnb-box-txt {margin-top:20px;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-txt {padding:0 10px;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-table {margin-top:20px;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot [class*="pnb-list-"] {margin-top:3px;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-column {display:flex;align-items:center;gap:19px 17px;padding:0 8px 4px;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-column .pnb-box-img {width:48.8%;}
.pnb-wrap .pnb-section .pnb-box .pnb-box-column .pnb-box-txt {flex:1;margin-top:0;padding:0;}
.pnb-wrap .pnb-section .pnb-box .pnb-item-tit {display:block;font-size:16px;font-weight:700;}
.pnb-wrap .pnb-section .pnb-disclaimer {margin-top:20px;}

/* banner */
.pnb-wrap .pnb-section.banner {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;}
.pnb-wrap .pnb-section.banner .pnb-head {flex:1;padding:36px 101px;}
.pnb-wrap .pnb-section.banner:has(.pnb-cont) .pnb-head {padding-right:0;}
.pnb-wrap .pnb-section.banner .pnb-cont {display:block;max-width:44%;margin-top:0;}
.pnb-wrap .pnb-section.banner .pnb-cont picture{display:block;}

/* card container */
.pnb-wrap .pnb-section.card .pnb-cont {display:block;margin-top:40px;}
.pnb-wrap .pnb-section.card .pnb-card-list {display:flex;justify-content:space-between;gap:16px;}
.pnb-wrap .pnb-section.card .pnb-card-list > li {width:100%;padding:20px 20px 24px;border-radius:16px;background-color:#fff;}
.pnb-wrap .pnb-section.card .pnb-card-eyebrow-point {display:inline-block;padding:3px 7px;font-size:14px;line-height:1.4;color:#fff;border-radius:4px;background-color:#333;}
.pnb-wrap .pnb-section.card .pnb-card-thumb {margin-top:16px;text-align:center;overflow:hidden;}
.pnb-wrap .pnb-section.card .pnb-card-thumb img {max-width:100px;border-radius:50%;border:1px solid var(--color-main); width:100px;height:100px;background-color:#eee;}
.pnb-wrap .pnb-section.card .pnb-card-tit {margin-top:16px;font-size:20px;font-weight:700;line-height:1.4;color:#111;letter-spacing:-2%;}
.pnb-wrap .pnb-section.card .pnb-card-desc {max-width:89%;margin-top:6px;font-size:18px;line-height:1.4;color:#393939;letter-spacing:-2%;}
.pnb-wrap .pnb-section.card .pnb-cont:is(.--center) .pnb-card-tit,
.pnb-wrap .pnb-section.card .pnb-cont:is(.--center) .pnb-card-desc {text-align:center;}
.pnb-wrap .pnb-section.card .pnb-cont:is(.--center) .pnb-card-desc {margin:0 auto;}

/* 예외처리 */

@media screen and (min-width: 768px){
    /* pnb-section */
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table {border:1px solid var(--color-line);}    
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table .pnb-item-tit {display:-webkit-box;overflow: hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0 14px;border-bottom:1px solid var(--color-line);background:#efede7;line-height:50px;font-weight:600;text-align:center;color:#000;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot {display:grid;height:calc(100% - 51px);}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot > li {display:table;table-layout:fixed;width:100%;padding-left:0;font-size:14px;line-height:1.4;color:#323232;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot > li:before {display:none;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot > li + li {margin-top:0;border-top:1px solid var(--color-line);}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot [class*="col-"] {display:table-cell;vertical-align:middle;padding:11px 14px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot [class*="col-"] + [class*="col-"] {border-left:1px solid var(--color-line);text-align:left;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot .col-th {width:28.7%;text-align:left;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot .col-td {width:auto;text-align:center;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot .model {font-size:10px;color:#5f5f5f;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot [class*="pnb-list-"].inline-left {display:inline-block;text-align:left;}
}

@media screen and (max-width: 767px){
    [id][data-multi-scroll-top]:is(.pnb-wrap) {--var-multi-padding:30px;}

    /* pnb-wrap */
    .pnb-wrap .pnb-inner {padding:30px 0 60px;}
    .pnb-wrap .pnb-inner:has(.pnb-area.mo-full) {padding-right:0;padding-left:0;}
    .pnb-wrap .pnb-area + .pnb-area{margin-top:16px;}
    .pnb-wrap .pnb-area.has-text{margin-top:0;padding-right:14px;padding-left:14px;}
    .pnb-wrap .pnb-area.has-text:only-child{padding-bottom:50px;}
	.pnb-wrap .pnb-area img{width:100%;}
    .pnb-wrap .pnb-text-link{font-size:18px;line-height:21px;}
    .pnb-wrap .pnb-text-link:after{width:17px;height:17px;}
    .component-wrap .component .unit-list ul.bullet-list .pnb-wrap .pnb-area.has-text{padding-right:0;padding-left:0;}

    /* notebook */
    /* .pnb-wrap[data-pnb-product="notebook"] .pnb-inner{padding-right:16px;padding-left:16px;} */

    /* max-width 예외처리 */
    .iw_placeholder:not(:has(link[href*="common_cardlayout"])) .iw_component:has(.KRC0025) + .iw_component .pnb-wrap .pnb-area.has-text{padding-right:16px;padding-left:16px;}

    /* pnb-section */
    .pnb-wrap .pnb-section {padding:24px 20px;border-radius:0;}
    .pnb-wrap .pnb-section.round-type {border-radius:0;}
    .pnb-wrap .pnb-section:not(.banner) .pnb-head {text-align:center;}
    .pnb-wrap .pnb-section .pnb-eyebrow-point {margin-bottom:14px;}
    .pnb-wrap .pnb-section .pnb-eyebrow-point > span {font-size:14px;background-size:16px auto;background-position:10px 10px;}
    .pnb-wrap .pnb-section .pnb-tit {font-size:20px;line-height:1.4;}
    .pnb-wrap .pnb-section .pnb-desc {margin-top:10px;font-size:16px;}
    .pnb-wrap .pnb-section .pnb-link-btn {padding:8px 17px 8px 16px;font-size:16px;}
    .pnb-wrap .pnb-section [class*="pnb-list-"] + [class*="pnb-list-"] {margin-top:9px;}
    .pnb-wrap .pnb-section [class*="pnb-list-"] > li {letter-spacing:-0.2px;}
    .pnb-wrap .pnb-section .pnb-list-dot > li {padding-left:11px;font-size:15px;}
    .pnb-wrap .pnb-section .pnb-list-dot > li:before {width:3px;height:3px;margin-left:-11px;}
    .pnb-wrap .pnb-section .pnb-list-dot > li + li {margin-top:5px;}
    .pnb-wrap .pnb-section .pnb-list-asterisk > li {font-size:13px;}
    .pnb-wrap .pnb-section .pnb-cont {display:block;margin-top:30px;}
    .pnb-wrap .pnb-section .pnb-box {display:block;padding:0 24px 18px;border-radius:8px;}
    .pnb-wrap .pnb-section .pnb-box + .pnb-box {margin-top:15px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-flag {padding:3px 7px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-tit {gap:7px;min-height:35px;margin:0 -24px 18px;padding:6px 20px;font-size:16px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-tit.align-left {justify-content:center;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-txt {padding:0;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table {margin-top:19px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot > li {font-size:14px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot > li + li {margin-top:9px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot .small-txt {margin:8px 0 0 -14px;font-size:13px;}    
    .pnb-wrap .pnb-section .pnb-box .pnb-box-table > .pnb-list-dot .model {font-size:12px;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-column {flex-direction:column;align-items:flex-start;padding:0;}
    .pnb-wrap .pnb-section .pnb-box .pnb-box-column .pnb-box-img {width:100%;max-width:196px;margin:0 auto;}
    .pnb-wrap .pnb-section .pnb-box .pnb-item-tit {margin-bottom:7px;}
    .pnb-wrap .pnb-section .pnb-disclaimer {margin-top:15px;}

    /* banner */
    .pnb-wrap .pnb-section.banner {flex-direction:column;}
    .pnb-wrap .pnb-section.banner .pnb-head {padding:24px 20px;}
    .pnb-wrap .pnb-section.banner:has(.pnb-cont) .pnb-head {padding-right:20px;padding-bottom:0;}
    .pnb-wrap .pnb-section.banner .pnb-cont {max-width:100%;}

	/* card container */
    .pnb-wrap .pnb-section.card .pnb-head {text-align:left;}
	.pnb-wrap .pnb-section.card .pnb-card-list {flex-direction:column;}
	.pnb-wrap .pnb-section.card .pnb-card-list > li {position:relative;}
	.pnb-wrap .pnb-section.card .pnb-card-thumb {display:flex;align-items:center;;position:absolute;top:0;right:20px;height:100%;margin-top:0;}
	.pnb-wrap .pnb-section.card .pnb-card-tit,
	.pnb-wrap .pnb-section.card .pnb-card-desc {max-width:60%;}
	.pnb-wrap .pnb-section.card .pnb-cont:is(.--center) .pnb-card-tit,
	.pnb-wrap .pnb-section.card .pnb-cont:is(.--center) .pnb-card-desc {text-align:left;}
	.pnb-wrap .pnb-section.card .pnb-cont:is(.--center) .pnb-card-desc {margin:unset;}

	/* 예외처리 */
	[id$="vacuum-cleaners-1"] .pnb-tit {max-width:65%;}
}