@charset "UTF-8";
.tech-spacs table tr td { padding: 10px 0px; font-size: 16px; border: none; border-bottom: 1px solid #ccc; }
.tech-spacs table tr th { color: #005239; padding: 10px 0px; font-size: 20px; border: none; border-bottom: 1px solid #ccc; }
.tech-spacs table { border: none; border-collapse: collapse; border-spacing: 0; table-layout: fixed; border-bottom: 1px solid #ccc; }
.visual { margin: 15px 0px; }
main { margin: 0 auto; }
.footer-box .business .footer-component .footer-contents .footer-contents-box.box-wrap:first-child:after, .footer-box .business .footer-component .footer-contents .footer-contents-box.box-wrap:first-child:before, .footer-box .footer-component .footer-contents:after, .footer-box .footer-component .footer-contents:before, .footer-box .footer-component .sub-contents.social:after, .footer-box .footer-component .sub-contents.social:before, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child:before, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul:before, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child:before, .row:after, .row:before, .search-area .search-layer .search-result-list .search-head:after, .search-area .search-layer .search-result-list .search-head:before, .search-area .search-layer .search-result-list ul.list li a:after, .search-area .search-layer .search-result-list ul.list li a:before, .search-area .search-layer ul.list li:after, .search-area .search-layer ul.list li:before, [class^=tabs-type]:after, [class^=tabs-type]:before, header.navigation .for-desktop .left-btm:after, header.navigation .for-desktop .left-btm:before, header.navigation .for-desktop .size:after, header.navigation .for-desktop .size:before { content: " "; display: table }
.footer-box .business .footer-component .footer-contents .footer-contents-box.box-wrap:first-child:after, .footer-box .footer-component .footer-contents:after, .footer-box .footer-component .sub-contents.social:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child:after, .row:after, .search-area .search-layer .search-result-list .search-head:after, .search-area .search-layer .search-result-list ul.list li a:after, .search-area .search-layer ul.list li:after, [class^=tabs-type]:after, header.navigation .for-desktop .left-btm:after, header.navigation .for-desktop .size:after { clear: both }
.btn, .link-text.bold, .tabs-type-liner a { text-transform: uppercase }
.search-area .search-layer ul.list, li, ol, ul { margin: 0; padding: 0; list-style: none }
.delivery-part>.file-name-expose .delete .icon, .delivery-part>input[type=text].file-name-expose .delete .icon, .search-area .search-layer ul.list li a.delete .icon { display: block; overflow: hidden; width: 20px; height: 20px; padding: 0; border-radius: 50%; border: 1px solid #999; text-indent: 1000px; background: url(/lg5-common/images/common/icons/content-delete.svg) no-repeat 50% 50% #fff }
.btn.btn-outline-small.ico-download:before, .link-text.ico-blank:after, .link-text.ico-compare:before, .link-text.ico-download:after, .link-text.ico-extended-care:before, .link-text.ico-left-x:before, .link-text.ico-popup:after, .link-text.ico-right:after, .link-text.ico-wishlist:before, header.navigation .for-desktop .sublayer .head-link>a:after, header.navigation .for-desktop .sublayer .head-link>a[target=_blank]:after, header.navigation .for-desktop .sublayer .link-list .link a[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a[target=_blank] span:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .mylg.active>li a[target=_blank]:after, header.navigation .gnb-login a[target=_blank]:after { content: ''; display: inline-block; width: 12px; height: 12px }
@font-face { font-family: 'LG Smart Bold'; font-display: swap; font-weight: 400; font-style: normal; src: local("☺"), url(/lg5-common/webfonts/LG_Smart_Bold.woff2) format("woff2"), url(/lg5-common/webfonts/LG_Smart_Bold.woff) format("woff") }
@font-face { font-family: 'LG Smart Bold'; font-display: swap; font-weight: 400; font-style: italic; src: local("☺"), url(/lg5-common/webfonts/LG_Smart_Bold_Italic.woff2) format("woff2"), url(/lg5-common/webfonts/LG_Smart_Bold_Italic.woff) format("woff") }
@font-face { font-family: 'LG Smart Light'; font-display: swap; font-weight: 400; font-style: normal; src: local("☺"), url(/lg5-common/webfonts/LG_Smart_Light.woff2) format("woff2"), url(/lg5-common/webfonts/LG_Smart_Light.woff) format("woff") }
@font-face { font-family: 'LG Smart Regular'; font-display: swap; font-weight: 400; font-style: normal; src: local("☺"), url(/lg5-common/webfonts/LG_Smart_Regular.woff2) format("woff2"), url(/lg5-common/webfonts/LG_Smart_Regular.woff) format("woff") }
@font-face { font-family: 'LG Smart Regular'; font-display: swap; font-weight: 400; font-style: italic; src: local("☺"), url(/lg5-common/webfonts/LG_Smart_Regular_Italic.woff2) format("woff2"), url(/lg5-common/webfonts/LG_Smart_Regular_Italic.woff) format("woff") }
@font-face { font-family: 'LG Smart SemiBold'; font-display: swap; font-weight: 400; font-style: normal; src: local("☺"), url(/lg5-common/webfonts/LG_Smart_SemiBold.woff2) format("woff2"), url(/lg5-common/webfonts/LG_Smart_SemiBold.woff) format("woff") }
.skip_nav { background: #666; text-align: center }
.skip_nav a { display: block; width: 100%; font-size: 14px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; letter-spacing: .5px; color: #fff; line-height: 40px; position: absolute; left: -10000px; display: block; text-decoration: underline; background: #000 }
.skip_nav a else { font-style: normal }
.skip_nav a:focus { position: static; color: #fff!important }
@media (max-width:767px) {
.skip_nav a[href='#lgAccHelp'] { display: none }
}
@media print {
.skip_nav { display: none }
}
header.navigation { position: relative; width: 100%; z-index: 10000 }
header.navigation .row { border-bottom: 1px solid #e4e4e4; background: #fff }
header.navigation .row.for-desktop { display: block }
header.navigation .row.for-mobile { display: none }
@media (max-width:767px) {
header.navigation .row.for-desktop { display: none }
header.navigation .row.for-mobile { display: block }
}
header.navigation .for-desktop .size { max-width: 1600px; margin: 0 auto; width: 100%; height: 100% }
header.navigation .for-desktop .logo { float: left; height: 93px }
header.navigation .for-desktop .logo a { display: block; padding: 0 30px }
header.navigation .for-desktop .logo a img { height: 93px }
header.navigation .for-desktop .links { float: left }
header.navigation .for-desktop .navi-top { width: 100%; min-height: 42px; border-bottom: 1px solid #eee }
header.navigation .for-desktop .navi-top:after { content: ''; clear: both; display: block }
header.navigation .for-desktop .navi-btm { width: 100%; min-height: 51px }
header.navigation .for-desktop .navi-btm:after { content: ''; clear: both; display: block }
header.navigation .for-desktop .left-top { float: left; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; height: 100%; overflow: hidden }
header.navigation .for-desktop .left-top else { font-style: normal }
header.navigation .for-desktop .left-top a { float: left; font-weight: bold; width: auto; height: 100%; padding: 12px 10px 0; margin-right: 10px; color: #333; overflow: hidden }
header.navigation .for-desktop .left-top a img { width: auto; height: 9px; margin: 0 0 2px 0 }
header.navigation .for-desktop .right-top { float: right; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; height: 100% }
header.navigation .for-desktop .right-top else { font-style: normal }
header.navigation .for-desktop .right-top a { display: inline-block; width: auto; height: 100%; padding: 12px 10px 0; color: #000; overflow: hidden }
@media (min-width:1325px) {
header.navigation .for-desktop .links.pc-scroll-active .pc-scroll-left, header.navigation .for-desktop .links.pc-scroll-active .pc-scroll-right { display: block }
}
header.navigation .for-desktop .links.pc-scroll-active .navi-btm { padding-left: 35px }
header.navigation .for-desktop .links.pc-scroll-active .navi-btm .left-btm { overflow: hidden; width: calc(100% - 335px) }
@media (min-width:1325px) {
header.navigation .for-desktop .links.pc-scroll-active .navi-btm .left-btm { width: calc(100% - 385px) }
}
header.navigation .for-desktop .links.pc-scroll-active .right-btm .links a { display: inline-block; margin-top: -12px }
header.navigation .for-desktop .pc-scroll-left, header.navigation .for-desktop .pc-scroll-right { display: none; position: relative; z-index: 2; width: calc(100% - 300px) }
@media (min-width:1325px) {
header.navigation .for-desktop .pc-scroll-left, header.navigation .for-desktop .pc-scroll-right { width: calc(100% - 350px) }
}
header.navigation .for-desktop .pc-scroll-left .anchor, header.navigation .for-desktop .pc-scroll-right .anchor { position: absolute; top: 0; width: 30px; min-height: 51px; z-index: 3; background-color: #fff }
header.navigation .for-desktop .pc-scroll-left .anchor:before, header.navigation .for-desktop .pc-scroll-right .anchor:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; border-left: 1px solid #999; border-top: 1px solid #999; top: 50%; margin-top: -8px }
header.navigation .for-desktop .pc-scroll-left .anchor { left: -35px }
header.navigation .for-desktop .pc-scroll-left .anchor:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 13px }
header.navigation .for-desktop .pc-scroll-right .anchor { right: 0 }
header.navigation .for-desktop .pc-scroll-right .anchor:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 13px }
header.navigation .for-desktop .left-btm { float: left; height: 100%; width: calc(100% - 450px) }
@media (min-width:1325px) {
header.navigation .for-desktop .left-btm { width: calc(100% - 450px) }
}
header.navigation .for-desktop .left-btm ul.depth1, header.navigation .for-desktop .left-btm ul.depth2 { display: table-cell; table-layout: fixed; width: auto; height: 100%; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 16px; height: 100%; margin: 0 }
header.navigation .for-desktop .left-btm ul.depth1 else, header.navigation .for-desktop .left-btm ul.depth2 else { font-style: normal }
header.navigation .for-desktop .left-btm ul.depth1>li, header.navigation .for-desktop .left-btm ul.depth2>li { display: table-cell; vertical-align: middle; height: 100% }
header.navigation .for-desktop .left-btm ul.depth1>li>a, header.navigation .for-desktop .left-btm ul.depth2>li>a { position: relative; display: block; width: auto; height: 100%; min-height: 51px; margin: 0 10px; color: #333; text-decoration: none }
header.navigation .for-desktop .left-btm ul.depth1>li>a>span, header.navigation .for-desktop .left-btm ul.depth2>li>a>span { display: table-cell; table-layout: fixed; width: 100%; height: 51px; min-height: 51px; vertical-align: middle; text-align: center; padding: 0 0 2px 0 }
header.navigation .for-desktop .left-btm ul.depth1>li>a.active, header.navigation .for-desktop .left-btm ul.depth2>li>a.active { outline: 0; color: #005239; overflow: visible }
header.navigation .for-desktop .left-btm ul.depth1>li>a.active>span:after, header.navigation .for-desktop .left-btm ul.depth2>li>a.active>span:after { position: absolute; content: ""; display: block; left: 0; bottom: 0; width: 100%; height: 2px; background: #005239 }
@media (max-width:1440px) {
header.navigation .for-desktop .left-btm ul.depth1>li>a, header.navigation .for-desktop .left-btm ul.depth2>li>a { margin: 0 5px }
}
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li>a .hidden-br, header.navigation .for-desktop .left-btm ul.depth2>li>a .hidden-br { display: none }
}
header.navigation .for-desktop .left-btm ul.depth1 { max-width: 870px }
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1 { max-width: 100% }
}
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder>a { float: left }
@media (min-width:1326px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder>a { display: none }
}
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder>a { position: relative; overflow: visible }
}
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder { padding-right: 20px }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder>a.active>span:after { display: none }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder>a.active+.scroll { display: block }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder>a.active+.scroll ul.depth2 { display: block }
}
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li { padding-left: 20px }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li>a { overflow: visible }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li>a:before { display: block; width: 1px; height: 14px; background: #e4e4e4; content: ""; position: absolute; left: -30px; top: 17px }
@media (max-width:1440px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li { padding-left: 10px }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li>a:before { left: -15px }
}
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li { padding-left: 20px }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder+li>a:before { left: -25px }
}
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2>li { padding-right: 20px }
@media (max-width:1440px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2>li { padding-right: 10px }
}
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2>li { padding-right: 20px }
}
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-left, header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-right { display: none }
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll { display: none; position: absolute; left: 0; top: 94px; width: 100%; height: 52px; background: #fff; margin: 0 -15px; padding: 0 15px; -webkit-box-sizing: content-box; box-sizing: content-box }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-left, header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-right { display: none; position: absolute; top: 0; width: 50px; height: 50px; z-index: 3 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-left:before, header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-right:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; border-left: 1px solid #999; border-top: 1px solid #999 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-left a, header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-right a { position: relative; display: block; width: 100%; height: 100%; z-index: 2 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-left { left: 0 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-left:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; top: 18px }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-right { right: 0 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .scroll-right:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; top: 18px }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .mCSB_scrollTools { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important; opacity: 0!important }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .mCSB_container { width: 100%!important; display: table; text-align: center }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll .mCustomScrollBox { -webkit-overflow-scrolling: touch }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder .scroll:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e4e4e4; z-index: 1 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 { display: none; z-index: 2; position: relative; width: calc(100% - 140px); max-width: calc(100% - 140px); margin: 0 70px!important; text-align: center; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li { float: none; display: inline-block; margin: 0 3px; padding-right: 10px; vertical-align: middle; height: 100% }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li>a { position: relative; display: block; width: auto; height: 100%; max-height: 51px; margin: 0 10px; color: #333; overflow: hidden; text-decoration: none }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li>a>span { display: table-cell; table-layout: fixed; width: 100%; height: 51px; vertical-align: middle; text-align: center; padding: 0 0 2px 0 }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li>a.active { outline: 0; color: #005239; overflow: visible }
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li>a.active>span:after { position: absolute; content: ""; display: block; left: 0; bottom: 0; width: 100%; height: 2px; background: #005239 }
}
@media (max-width:1325px) and (max-width:1440px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li>a { margin: 0 5px }
}
@media (max-width:1325px) and (max-width:1325px) {
header.navigation .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li>a .hidden-br { display: none }
}
header.navigation .for-desktop .left-btm .tablet-layer { display: none }
@media (max-width:1325px) {
header.navigation .for-desktop .left-btm .tablet-layer.active { display: block }
header.navigation .for-desktop .left-btm .tablet-layer .sublayer { display: block!important; top: 146px }
}
header.navigation .for-desktop .right-btm { float: right; position: relative; padding: 10px 0 0 0; text-align: right; white-space: nowrap; min-height: 51px }
header.navigation .for-desktop .right-btm .links { display: inline-block; padding: 0 13px 0 0; vertical-align: top; position: absolute; right: 196px; width: 80px!important; text-align: center; line-height: 16px }
header.navigation .for-desktop .right-btm .links a { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; color: #333; line-height: 16px; white-space: normal }
header.navigation .for-desktop .right-btm .links a else { font-style: normal }
header.navigation .for-desktop .right-btm .links a:focus, header.navigation .for-desktop .right-btm .links a:hover { color: #005239 }
@media (min-width:1490px) {
header.navigation .for-desktop .right-btm .links { text-align: right; width: 140px!important; top: 16px }
}
header.navigation .for-desktop .right-btm .icons { display: inline-block; white-space: nowrap; vertical-align: top }
header.navigation .for-desktop .right-btm .icons>div { display: inline-block; padding: 0 3px }
header.navigation .for-desktop .right-btm .icons>div>a { width: 28px; height: 28px; display: inline-block }
header.navigation .for-desktop .right-btm .icons .login { position: static }
header.navigation .for-desktop .right-btm .icons .login>a { background: url(/lg5-common/images/common/icons/login-nero.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .login>a:focus, header.navigation .for-desktop .right-btm .icons .login>a:hover { background: url(/lg5-common/images/common/icons/login-carmine.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .login.logged>a { background: url(/lg5-common/images/common/icons/login-fill-nero.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .login.logged>a:focus, header.navigation .for-desktop .right-btm .icons .login.logged>a:hover { background: url(/lg5-common/images/common/icons/login-fill-carmine.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .wishlist>a { background: url(/lg5-common/images/common/icons/wishlist-nero.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .wishlist>a:focus, header.navigation .for-desktop .right-btm .icons .wishlist>a:hover { background: url(/lg5-common/images/common/icons/wishlist-carmine.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .cart { position: relative }
header.navigation .for-desktop .right-btm .icons .cart>a { background: url(/lg5-common/images/common/icons/cart-nero.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-desktop .right-btm .icons .cart .count { display: block; position: absolute; left: 21px; top: 1px; background: #005239; color: #fff; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; width: auto; min-width: 16px; height: 16px; border-radius: 8px; text-align: center; padding: 0 5px }
header.navigation .for-desktop .right-btm .icons .cart .count else { font-style: normal }
header.navigation .for-desktop .right-btm .icons .cart .count:empty { display: none }
header.navigation .for-desktop .right-btm .search { position: relative; padding: 0 5px 0 19px; display: inline-block; width: 380px }
header.navigation .for-desktop .right-btm .search>.gnb-search-form .search-input { margin-top: -3px; border-color: #767676 }
header.navigation .for-desktop .right-btm .search>.gnb-search-form .search-input .input { width: calc(100% - 38px); height: 34px; padding-left: 10px; padding-right: 10px }
header.navigation .for-desktop .right-btm .search>.gnb-search-form .search-submit { right: 16px; height: 28px; top: 0 }
header.navigation .for-desktop .close { position: absolute; right: 12px; top: 12px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
header.navigation .for-desktop .close:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
header.navigation .for-desktop .close a { display: block; width: 28px; height: 28px; background: url(/img/index-wr.svg) no-repeat 50% 50%; background-size: 14px 14px }
header.navigation .for-desktop .sublayer { display: none; width: 100%; position: absolute; left: 0; top: 94px; background: #fff; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 15px 15px; margin: 0 -15px; border-bottom: 1px solid #e4e4e4; background: #fff }
header.navigation .for-desktop .sublayer .sublayer-inner { max-width: 1344px; width: 100%; margin: 0 auto; padding: 50px 0 0 }
header.navigation .for-desktop .sublayer .sublayer-inner:after { clear: both; width: 100%; height: 0; display: block; content: '' }
header.navigation .for-desktop .sublayer .title-top { padding: 0 40px 20px }
header.navigation .for-desktop .sublayer .column { position: relative; width: 25%; display: block; float: left; padding: 0 40px; border-left: 1px solid #e4e4e4; margin-left: 0; margin-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; font-size: 16px; line-height: 20px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; color: #6b6b6b }
header.navigation .for-desktop .sublayer .column:nth-child(1) { border-left: 0 }
header.navigation .for-desktop .sublayer .column.banner, header.navigation .for-desktop .sublayer .column.featured-product { border-left: 0 }
header.navigation .for-desktop .sublayer .column.featured-product { padding-left: 60px }
header.navigation .for-desktop .sublayer .column.banner { padding-left: 20px }
header.navigation .for-desktop .sublayer .column else { font-style: normal }
@media (max-width:1325px) {
header.navigation .for-desktop .sublayer .column { width: 33.3333% }
header.navigation .for-desktop .sublayer .column.featured-product { display: none }
}
@media (max-width:991px) {
header.navigation .for-desktop .sublayer .column { width: 50% }
header.navigation .for-desktop .sublayer .column.banner { display: none }
}
header.navigation .for-desktop .sublayer .column1 { float: left; width: 25%; border-left: 1px solid #e4e4e4 }
@media (max-width:1325px) {
header.navigation .for-desktop .sublayer .column1 { width: 33.3333% }
}
@media (max-width:991px) {
header.navigation .for-desktop .sublayer .column1 { width: 50% }
}
header.navigation .for-desktop .sublayer .column1 .column { width: 100% }
header.navigation .for-desktop .sublayer .banner { padding: 0 }
header.navigation .for-desktop .sublayer .banner a { display: block; position: relative; max-width: 265px }
header.navigation .for-desktop .sublayer .banner .banner-visual { position: relative; overflow: hidden; max-width: 265px }
header.navigation .for-desktop .sublayer .banner .banner-visual.box-top .banner-text-box { position: absolute; top: 21px; left: 50%; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
header.navigation .for-desktop .sublayer .banner .banner-visual.box-bottom .banner-text-box { position: absolute; bottom: 20px; left: 50%; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
header.navigation .for-desktop .sublayer .banner .banner-visual .text-block { padding: 0 24px; text-align: center }
header.navigation .for-desktop .sublayer .banner .banner-visual .text-block p { margin-bottom: 0 }
header.navigation .for-desktop .sublayer .banner .banner-visual .text-block p:hover { text-decoration: none }
header.navigation .for-desktop .sublayer .banner .banner-visual .text-block .top-text { margin-bottom: 2px; font-size: 14px }
header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title { margin-bottom: 5px }
header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h1, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h2, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h3, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h4, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h5, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h6 { font-size: 20px; line-height: 24px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title else, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h1 else, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h2 else, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h3 else, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h4 else, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h5 else, header.navigation .for-desktop .sublayer .banner .banner-visual .banner-title h6 else { font-style: normal }
header.navigation .for-desktop .sublayer .banner .banner-visual .link-text { font-size: 14px; line-height: 20px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-desktop .sublayer .banner .banner-visual .link-text else { font-style: normal }
header.navigation .for-desktop .sublayer .title-top { width: 100% }
header.navigation .for-desktop .sublayer .title-top+.column { clear: both }
header.navigation .for-desktop .sublayer .head-link { font-size: 17px; line-height: 21px; color: #333; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; position: relative }
header.navigation .for-desktop .sublayer .head-link else { font-style: normal }
header.navigation .for-desktop .sublayer .head-link>a { color: #333 }
header.navigation .for-desktop .sublayer .lvse > a { color: #005239; font-weight: bold; }
header.navigation .for-desktop .sublayer .head-link>a:after { margin-left: 3px; background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) no-repeat 0 1px }
header.navigation .for-desktop .sublayer .head-link>a[target=_blank]:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0; bottom: 5px }
header.navigation .for-desktop .sublayer .head-link>ul { margin-top: 21px }
header.navigation .for-desktop .sublayer .sub-link { color: #333; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 16px }
header.navigation .for-desktop .sublayer .sub-link else { font-style: normal }
header.navigation .for-desktop .sublayer .sub-link a { color: #333 }
header.navigation .for-desktop .sublayer .sub-link div a { color: #333 }
header.navigation .for-desktop .sublayer .sub-link>.link-list { margin-top: 7px; padding-left: 5px }
header.navigation .for-desktop .sublayer .link-list { margin-top: 21px }
header.navigation .for-desktop .sublayer .link-list .link { color: #6b6b6b }
header.navigation .for-desktop .sublayer .link-list .link a { position: relative; display: inline-block; color: #6b6b6b; font-size: 16px; line-height: 20px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; text-transform: none }
header.navigation .for-desktop .sublayer .link-list .link a else { font-style: normal }
header.navigation .for-desktop .sublayer .link-list .link a[target=_blank]:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0 }
header.navigation .for-desktop .sublayer .link-list .link+.link { margin-top: 7px }
header.navigation .for-desktop .sublayer .head-link+.head-link { margin-top: 20px }
header.navigation .for-desktop .sublayer .head-link+.link-list { margin-top: 21px }
header.navigation .for-desktop .sublayer .link-list+.head-link { margin-top: 40px }
header.navigation .for-desktop .sublayer .head-link+.sub-link { margin-top: 21px }
header.navigation .for-desktop .sublayer .sub-link+.link-list { margin-top: 7px }
header.navigation .for-desktop .sublayer .link-list+.sub-link { margin-top: 21px }
header.navigation .for-desktop .sublayer .sub-link+.sub-link { margin-top: 21px }
header.navigation .for-desktop .sublayer .sub-link+.link-list { padding-left: 5px }
@media (max-width:1325px) {
header.navigation .for-desktop .sublayer { padding: 0 15px; margin: 0 -15px }
header.navigation .for-desktop .left-btm ul.depth2 li>a.active+.sublayer { display: none!important }
}
header.navigation .for-desktop .left-btm ul.depth1>li>a.active+.sublayer, header.navigation .for-desktop .left-btm ul.depth2 li>a.active+.sublayer { display: block }
header.navigation.b2c .for-desktop .logo { width: 158px }
header.navigation.b2c .for-desktop .links { width: calc(100% - 188px) }
header.navigation.b2c .for-desktop .left-btm ul.depth1 { max-width: 1100px }
@media (max-width:1325px) {
header.navigation.b2c .for-desktop .left-btm ul.depth1 { max-width: 100% }
}
@media (min-width:1326px) {
header.navigation.b2c .for-desktop .sublayer .columns.support .column:nth-child(4n+1) { clear: both; border-left: 0 }
}
@media (max-width:1325px) and (min-width:992px) {
header.navigation.b2c .for-desktop .sublayer .columns.support .column:nth-child(3n+1) { clear: both; border-left: 0 }
}
@media (max-width:991px) {
header.navigation.b2c .for-desktop .sublayer .columns.support .column:nth-child(2n+1) { clear: both; border-left: 0 }
}
header.navigation.b2b .for-desktop .logo { width: 230px }
header.navigation.b2b .for-desktop .links { width: calc(100% - 260px) }
header.navigation.b2b .for-desktop .left-btm ul.depth1 { max-width: 770px }
@media (max-width:1440px) {
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder+li { padding-left: 10px }
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder+li>a:before { left: -15px }
}
@media (max-width:1325px) {
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder { padding-right: 20px }
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder+li { padding-left: 20px }
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder+li>a:before { left: -25px }
}
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li { padding-right: 4px }
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li:last-child { padding-right: 20px }
@media (max-width:1440px) {
header.navigation.b2b .for-desktop .left-btm ul.depth1>li.depth1-holder ul.depth2 li:last-child { padding-right: 10px }
}
header.navigation.b2b .for-desktop .right-btm .icons .search { padding-left: 14px }
header.navigation.b2b .for-desktop .right-btm .icons .search:before { left: 3px }
header.navigation.b2b .for-desktop .right-btm .search { padding: 0 5px 0 8px; width: 380px }
header.navigation.b2b .for-desktop .sublayer .columns { margin-left: 0; margin-right: 0 }
header.navigation.b2b .for-desktop .sublayer .columns .column2 { float: left; width: 50% }
@media (max-width:1325px) {
header.navigation.b2b .for-desktop .sublayer .columns .column2 { width: 66.6666% }
}
@media (max-width:991px) {
header.navigation.b2b .for-desktop .sublayer .columns .column2 { width: 50% }
}
header.navigation.b2b .for-desktop .sublayer .columns .column2 .column { float: left!important; width: 50%!important }
@media (max-width:991px) {
header.navigation.b2b .for-desktop .sublayer .columns .column2 .column { width: 100%!important; border-left: 0 }
header.navigation.b2b .for-desktop .sublayer .columns .column2 .column+.column { margin-top: -19px }
}
header.navigation.b2b .for-desktop .sublayer .columns .column2:after { content: ''; display: block; width: 100%; height: 0 }
header.navigation.b2b .for-desktop .sublayer .columns:after { content: ''; display: block; width: 100%; height: 0 }
header.navigation .for-mobile { height: 84px }
header.navigation .for-mobile .top-menu { width: 100%; height: 36px; overflow: hidden; background: #d9d9d9; padding: 4px 0 0 0 }
header.navigation .for-mobile .top-menu ul { width: 100%; height: 32px }
header.navigation .for-mobile .top-menu ul li { float: left; width: 50%; height: 100%; padding: 0 24px; overflow: hidden; background: #fff }
header.navigation .for-mobile .top-menu ul li a { position: relative; display: block; width: 100%; height: 100%; font-size: 14px; line-height: 32px; text-align: center; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #6b6b6b; background: #fff }
header.navigation .for-mobile .top-menu ul li a else { font-style: normal }
header.navigation .for-mobile .top-menu ul li a:after { content: ''; position: absolute; display: block; width: 200%; height: 62px; bottom: 0; border-radius: 31px 31px; z-index: 1; background: #d9d9d9 }
header.navigation .for-mobile .top-menu ul li a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 2 }
header.navigation .for-mobile .top-menu ul li.active { background: #d9d9d9 }
header.navigation .for-mobile .top-menu ul li.active a { color: #333 }
header.navigation .for-mobile .top-menu ul li.active a:after { background: #fff }
header.navigation .for-mobile .top-menu ul li:nth-child(2) a:after { left: -28px }
header.navigation .for-mobile .top-menu ul li.active:nth-child(1) a:after { right: -28px; bottom: auto; top: 0 }
header.navigation .for-mobile .top-menu ul li:nth-child(1) a:after { right: -28px }
header.navigation .for-mobile .top-menu ul li.active:nth-child(2) a:after { left: -28px; bottom: auto; top: 0 }
header.navigation .for-mobile .nav-wrap { position: relative; width: 100%; height: 47px;}
header.navigation .for-mobile .logo { width: 140px; text-align: center; margin: 0 auto }
header.navigation .for-mobile .logo a { padding: 11px 20px; display: inline-block }
header.navigation .for-mobile .logo a img { width: auto; height: 25px }
header.navigation .for-mobile .menu { float: left; position: static; padding: 0; margin-top: -46px }
header.navigation .for-mobile .menu>a { display: block; width: 58px; height: 47px }
header.navigation .for-mobile .menu>a .line { position: absolute; left: 20px; display: block; height: 2px; background: #333 }
header.navigation .for-mobile .menu>a .line.line1 { width: 16px; top: 16px }
header.navigation .for-mobile .menu>a .line.line2 { width: 14px; top: 23px }
header.navigation .for-mobile .menu>a .line.line3 { width: 18px; top: 30px }
header.navigation .for-mobile .menu.open>a { background: url(/images/gnb-close.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-mobile .menu.open>a .line { display: none }
header.navigation .for-mobile .menu .menu-wrap { position: absolute;; left: 0; top:45px; width: 100%; background: #fff; display: none;z-index:10000000;  border-bottom: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap.active { display: block }
header.navigation .for-mobile .menu .menu-wrap .sublayer-m { display: none }
header.navigation .for-mobile .menu .menu-wrap .sublayer-m.active { display: block }
header.navigation .for-mobile .menu .menu-wrap .sublayer-m .welcome { color: #333; padding: 14px 24px 13px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-mobile .menu .menu-wrap .sublayer-m .welcome else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .sublayer-m .welcome .name { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; text-transform: capitalize }
header.navigation .for-mobile .menu .menu-wrap .sublayer-m .welcome .name else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .top-link { display: none; margin: 0; padding: 0; background: #f7f7f7; border-bottom: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap .top-link.active { display: block }
header.navigation .for-mobile .menu .menu-wrap .top-link>li a { position: relative; display: block; width: 100%; font-size: 17px; line-height: 51px; padding: 0 24px; color: #333; text-decoration: none; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-mobile .menu .menu-wrap .top-link>li a else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .top-link>li a img { width: auto; height: 11px }
header.navigation .for-mobile .menu .menu-wrap .depth1-m { margin: 0; padding: 0; display: none }
header.navigation .for-mobile .menu .menu-wrap .depth1-m.active { display: block }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li { position: relative }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a { position: relative; display: block; width: 100%; font-size: 17px; line-height: 24px; padding: 13px 24px 14px; color: #333; text-decoration: none; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a:after { content: ''; display: block; margin-left: 3px; position: absolute; right: 22px; top: 18px; width: 14px; height: 14px; background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) no-repeat 0 1px; background-size: 14px 14px }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a[target=_blank]:after { display: none }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a[target=_blank] span:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li.support { border-top: 1px solid #e4e4e4; height: 53px }
header.navigation .for-mobile .menu .menu-wrap .depth1-m>li.business { border-top: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap .back { width: 100%; height: 51px; background: #f8f8f8 }
header.navigation .for-mobile .menu .menu-wrap .back a { display: block; width: 100%; height: 51px }
header.navigation .for-mobile .menu .menu-wrap .back a:before { content: ''; display: inline-block; width: 28px; height: 28px; vertical-align: middle; background: url(/lg5-common/images/common/icons/gnb-arrow-left.svg) no-repeat 0 0; background-size: 20px 20px; margin: 16px 0 0 19px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m { margin: 0; padding: 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li a, header.navigation .for-mobile .menu .menu-wrap .depth2-m li span { position: relative; display: block; width: 100%; font-size: 17px; line-height: 24px; padding: 13px 24px 14px; color: #333; text-decoration: none; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li a else, header.navigation .for-mobile .menu .menu-wrap .depth2-m li span else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.current-page a { color: #005239!important }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 { border-top: 1px solid #e4e4e4; color: #333; text-transform: uppercase }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a { color: #333 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a:after { margin-left: 3px; background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) no-repeat 0 1px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a[target=_blank]:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1+.type1 { border-top: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1.current-page a { color: #005239!important }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1.current-page a:after { background: url(/lg5-common/images/common/icons/link-right-carmine.svg) no-repeat 0 1px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1.current-page a[target=_blank]:after { background: url(/lg5-common/images/common/icons/blank-carmine.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 { color: #333 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a { color: #333; text-transform: none }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a:after { margin-left: 3px; background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) no-repeat 0 1px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a[target=_blank]:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2.current-page a { color: #005239!important }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2.current-page a:after { background: url(/lg5-common/images/common/icons/link-right-carmine.svg) no-repeat 0 1px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2.current-page a[target=_blank]:after { background: url(/lg5-common/images/common/icons/blank-carmine.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3 li, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3 ul { margin: 0; padding: 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3 a { position: relative; color: #6b6b6b; font-size: 16px; padding: 14px 24px 14px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; text-transform: none }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3 a else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3 a:after { display: none!important }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3.current-page a { color: #005239!important }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type3.current-page a[target=_blank]:after { background: url(/lg5-common/images/common/icons/blank-carmine.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2+.type3 { padding-left: 5px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 ul li { border-top: 0 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand { position: relative; border-top: 1px solid #e4e4e4; color: #333; text-transform: uppercase }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand a { position: relative; color: #333 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand a:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand a:before { position: absolute; content: ''; display: block; background: #333 }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand a:before { width: 14px; height: 2px; right: 24px; top: 24px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand a:after { width: 2px; height: 14px; right: 30px; top: 18px }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand.active a:after { display: none }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand>ul { display: none }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand.active>ul { display: block }
header.navigation .for-mobile .menu .menu-wrap .depth2-m li.expand.active>ul a:before { display: none!important }
header.navigation .for-mobile .menu .menu-wrap .depth2-m+.back { border-top: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap .mylg { display: none; margin: 0; padding: 0; border-top: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap .mylg.active { display: block }
header.navigation .for-mobile .menu .menu-wrap .mylg.active>li a[target=_blank]:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0 }
header.navigation .for-mobile .menu .menu-wrap .mylg>li { position: relative }
header.navigation .for-mobile .menu .menu-wrap .mylg>li a { position: relative; display: block; width: 100%; font-size: 17px; line-height: 24px; padding: 13px 24px 14px; color: #333; text-decoration: none; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation .for-mobile .menu .menu-wrap .mylg>li a else { font-style: normal }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.txtlink { border-bottom: 1px solid #e4e4e4 }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.txtlink a { text-transform: uppercase }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.login>a:before, header.navigation .for-mobile .menu .menu-wrap .mylg>li.wishlist>a:before { content: ''; display: inline-block; width: 28px; height: 28px; vertical-align: middle }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.login>a:before { background: url(/lg5-common/images/common/icons/login-nero.svg) no-repeat 0 50%; background-size: 20px 20px }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.login.logged>a:before { background: url(/lg5-common/images/common/icons/login-fill-nero.svg) no-repeat 0 50%; background-size: 20px 20px }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.login.logged>a:after { content: ''; display: block; margin-left: 3px; position: absolute; right: 22px; top: 18px; width: 14px; height: 14px; background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) no-repeat 0 1px; background-size: 14px 14px }
header.navigation .for-mobile .menu .menu-wrap .mylg>li.wishlist>a:before { background: url(/lg5-common/images/common/icons/wishlist-nero.svg) no-repeat 0 50%; background-size: 20px 20px }
@media (max-width:767px) {
header.navigation .for-mobile .menu.open .bg-drop { display: block; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.5); left: 0; top: 0; z-index: -1 }
}
header.navigation .for-mobile .right { float: right; position: static; padding: 0 20px 0 0; margin-top: -46px }
header.navigation .for-mobile .right .icons>div { display: inline-block; padding: 10px 0 0 12px }
header.navigation .for-mobile .right .icons>div>a { width: 28px; height: 28px; display: inline-block }
header.navigation .for-mobile .right .icons .cart { position: relative }
header.navigation .for-mobile .right .icons .cart>a { background: url(/lg5-common/images/common/icons/cart-nero.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation .for-mobile .right .icons .cart .count { display: block; position: absolute; left: 25px; top: 11px; background: #005239; color: #fff; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; width: auto; min-width: 16px; height: 16px; border-radius: 8px; text-align: center; padding: 0 5px }
header.navigation .for-mobile .right .icons .cart .count else { font-style: normal }
header.navigation .for-mobile .right .icons .cart .count:empty { display: none }
header.navigation .for-mobile .right .icons .search { position: relative }
@media (max-width:767px) {
header.navigation .for-mobile .right .icons .search { position: static }
}
header.navigation .for-mobile .right .icons .search:before { display: block; width: 1px; height: 14px; content: ""; position: absolute; left: 19px; top: 7px }
header.navigation .for-mobile .right .icons .search>a { background: url(/lg5-common/images/common/icons/search-nero.svg) no-repeat 50% 50%; background-size: 20px 20px }
header.navigation.b2b .for-mobile .menu .menu-wrap .depth2-m li:first-child { border-bottom: 0 }
@media print {
header.navigation { display: none }
}
header.navigation .gnb-search-layer { display: none; position: absolute; right: 0; top: -4px; width: 348px; height: 46px; z-index: 2 }
header.navigation .gnb-search-layer.active { display: block }
@media (max-width:767px) {
header.navigation .gnb-search-layer { top: 4px; right: auto; left: 0; background: #fff; width: 100%; height: auto; padding: 0 50px 0 4px }
header.navigation .gnb-search-layer .search-close { position: absolute; right: 12px; top: 5px }
header.navigation .gnb-search-layer .search-close a { display: block; width: 28px; height: 28px; background: url(/lg5-common/images/common/icons/gnb-close.svg) no-repeat 50% 50%; background-size: 14px 14px }
}
header.navigation form.gnb-search-form .search-input { border-radius: 3px; border: 1px solid #999; background: #fff; text-align: left; overflow: hidden }
header.navigation form.gnb-search-form .search-input .input { width: calc(100% - 54px); height: 36px; font-size: 12px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #333; border: 0; padding-left: 18px; padding-right: 18px }
header.navigation form.gnb-search-form .search-input .input else { font-style: normal }
header.navigation form.gnb-search-form .search-input .input:focus { background: #fff; border: 0 }
@media (max-width:767px) {
header.navigation form.gnb-search-form .search-input .input { width: calc(100% - 54px); height: 37px }
}
header.navigation form.gnb-search-form .search-input .input::-webkit-input-placeholder {
color:#767676
}
header.navigation form.gnb-search-form .search-input .input:-ms-input-placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
header.navigation form.gnb-search-form .search-input .input::-ms-input-placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
header.navigation form.gnb-search-form .search-input .input::placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
header.navigation form.gnb-search-form .search-input .input:-ms-input-placeholder {
color:#767676
}
header.navigation form.gnb-search-form .search-input .input::-ms-input-placeholder {
color:#767676
}
header.navigation form.gnb-search-form .search-submit { position: absolute; right: 14px; top: 4px }
header.navigation form.gnb-search-form .search-submit .submit { width: 28px; height: 28px; padding: 4px }
@media (max-width:767px) {
header.navigation form.gnb-search-form .search-submit { right: 64px; top: 6px }
}
header.navigation form.gnb-search-form .search-result-layer { position: absolute; right: 0; top: 41px; display: none }
header.navigation form.gnb-search-form .search-result-layer.active { display: block }
@media (max-width:767px) {
header.navigation form.gnb-search-form .search-result-layer { top: 43px; width: 100% }
}
header.navigation form.gnb-search-form .search-layer { position: relative; float: right; white-space: normal; width: 749px; border: 1px solid #e4e4e4; background: #fff }
header.navigation form.gnb-search-form .search-layer .enhanced { float: right }
header.navigation form.gnb-search-form .search-layer .enhanced .head { font-size: 15px; color: #767676; padding-bottom: 9px }
header.navigation form.gnb-search-form .search-layer .enhanced .head a { color: #767676 }
header.navigation form.gnb-search-form .search-layer .enhanced .head a .count { color: #005239 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products { float: left; width: 400px; text-align: left; padding: 19px 30px 12px; border-right: 1px solid #e4e4e4; margin-right: -1px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul { margin: 0; padding: 0 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li { width: 100%; height: 111px; margin: 0; padding: 0; border-top: 1px solid #eee }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .img { float: left; padding: 18px 0; width: 70px; height: 106px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .img img { width: 100%; height: auto }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt { float: left; width: calc(100% - 70px); padding: 14px 0 0 30px; word-break: break-all }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt a.product { display: block }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt a.link-text { margin-right: 13px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt a.link-text:last-child { margin-right: 0 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt .model { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 15px; line-height: 18px; color: #333 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt .model else { font-style: normal }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt .name { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: #6b6b6b; margin: 4px 0 3px 0; overflow: hidden; max-height: 36px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt .name else { font-style: normal }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt .hidden-price { display: none }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li:after { content: ''; clear: both; display: block; width: 100%; height: 0 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category { float: left; width: 347px; border-left: 1px solid #e4e4e4; text-align: left }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category .head { padding: 19px 30px 9px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category ul li a { display: block; padding: 0 30px; font-size: 16px; line-height: 45px; height: 45px; color: #333; text-decoration: none; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category ul li a else { font-style: normal }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category ul li a:focus, header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category ul li a:hover { background: #005239; color: #fff }
@media (max-width:767px) {
header.navigation form.gnb-search-form .search-layer { float: none; width: 100% }
header.navigation form.gnb-search-form .search-layer>.close { display: none }
header.navigation form.gnb-search-form .search-layer .enhanced { float: none }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products { float: none; width: 100%; padding: 14px 0 7px; border-right: 0 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products .head { padding: 0 20px 9px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li { height: auto }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .img { width: 105px; height: 103px; padding: 19px 20px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-products ul li .txt { width: calc(100% - 105px); padding: 14px 20px 11px 5px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category { float: none; width: 100%; border-left: 0; border-top: 1px solid #e4e4e4 }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category .head { padding: 14px 20px 7px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category ul { margin-bottom: 23px }
header.navigation form.gnb-search-form .search-layer .enhanced .enhanced-category ul li a { line-height: 52px; height: 52px; padding: 0 25px }
}
header.navigation form.gnb-search-form .search-layer-suggestion { float: right; white-space: normal; width: 348px; border: 1px solid #e4e4e4; background: #fff; text-align: left; padding: 18px 25px }
header.navigation form.gnb-search-form .search-layer-suggestion a { font-size: 15px; line-height: 22px; color: #6b6b6b }
header.navigation form.gnb-search-form .search-layer-suggestion a .txt { color: #005239 }
@media (max-width:767px) {
header.navigation form.gnb-search-form .search-layer-suggestion { float: none; width: 100%; border-left: 0; border-right: 0; padding: 13px 20px 17px }
}
header.navigation .gnb-login { display: none; white-space: normal; position: absolute; right: 43px; top: 51px; width: 222px; border: 1px solid #e4e4e4; background: #fff; text-align: left; padding: 12px 20px }
header.navigation .gnb-login.active { display: block }
header.navigation .gnb-login a { color: #6b6b6b; font-size: 16px; line-height: 27px }
header.navigation .gnb-login a[target=_blank]:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-dimgray.svg) no-repeat 0 0 }
header.navigation .gnb-login .welcome { padding: 2px 0 13px 0; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #333; border-bottom: 1px solid #e4e4e4 }
header.navigation .gnb-login .welcome else { font-style: normal }
header.navigation .gnb-login .welcome .name { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; text-transform: capitalize }
header.navigation .gnb-login .welcome .name else { font-style: normal }
header.navigation .gnb-login ul { margin: 0 }
header.navigation .gnb-login ul li { padding: 3px 0 0 0; margin: 0 }
header.navigation .gnb-login .welcome+ul { padding: 9px 0 0 0 }
header.navigation .before-login { display: block!important }
header.navigation .after-login { display: none!important }
header.navigation .logged .before-login { display: none!important }
header.navigation .logged .after-login { display: block!important }
header.navigation .logged~.before-login { display: none!important }
header.navigation .logged~.after-login { display: block!important }
header.navigation .for-desktop .gnb-feature { text-align: center; max-width: 160px; position: relative }
@media (max-width:1325px) {
header.navigation .for-desktop .gnb-feature { display: none }
}
header.navigation .for-desktop .gnb-feature .title, header.navigation .for-desktop .gnb-feature .title h1, header.navigation .for-desktop .gnb-feature .title h2, header.navigation .for-desktop .gnb-feature .title h3, header.navigation .for-desktop .gnb-feature .title h4, header.navigation .for-desktop .gnb-feature .title h5, header.navigation .for-desktop .gnb-feature .title h6 { font-size: 18px; line-height: 22px; color: #333; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; margin-top: 15px }
header.navigation .for-desktop .gnb-feature .title else, header.navigation .for-desktop .gnb-feature .title h1 else, header.navigation .for-desktop .gnb-feature .title h2 else, header.navigation .for-desktop .gnb-feature .title h3 else, header.navigation .for-desktop .gnb-feature .title h4 else, header.navigation .for-desktop .gnb-feature .title h5 else, header.navigation .for-desktop .gnb-feature .title h6 else { font-style: normal }
header.navigation .for-desktop .gnb-feature .desc { margin-top: 4px; font-size: 14px; line-height: 20px; color: #6b6b6b; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
header.navigation .for-desktop .gnb-feature .desc else { font-style: normal }
header.navigation .for-desktop .gnb-feature .feature-box .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
header.navigation .for-desktop .gnb-feature .feature-box .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
header.navigation .for-desktop .gnb-feature .feature-box .slick-list:focus { outline: 0 }
header.navigation .for-desktop .gnb-feature .feature-box .slick-list.dragging { cursor: pointer; cursor: hand }
header.navigation .for-desktop .gnb-feature .feature-box .slick-slider .slick-list, header.navigation .for-desktop .gnb-feature .feature-box .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
header.navigation .for-desktop .gnb-feature .feature-box .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto }
header.navigation .for-desktop .gnb-feature .feature-box .slick-track:after, header.navigation .for-desktop .gnb-feature .feature-box .slick-track:before { content: ""; display: table }
header.navigation .for-desktop .gnb-feature .feature-box .slick-track:after { clear: both }
.slick-loading header.navigation .for-desktop .gnb-feature .feature-box .slick-track { visibility: hidden }
header.navigation .for-desktop .gnb-feature .feature-box .slick-slide { float: left; height: 100%; min-height: 1px }
header.navigation .for-desktop .gnb-feature .feature-box .slick-slide a { display: block; max-height: inherit; text-transform: inherit }
@media (max-width:1440px) {
header.navigation .for-desktop .gnb-feature .feature-box .slick-slide a { margin: 0 }
}
header.navigation .for-desktop .gnb-feature .feature-box .slick-slide a:hover { text-decoration: none }
[dir=rtl] header.navigation .for-desktop .gnb-feature .feature-box .slick-slide { float: right }
header.navigation .for-desktop .gnb-feature .feature-box .slick-slide .image { max-width: 160px; height: 160px; position: relative }
header.navigation .for-desktop .gnb-feature .feature-box .slick-slide img { display: block; max-width: 160px; position: absolute; z-index: -1; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
header.navigation .for-desktop .gnb-feature .feature-box .slick-arrow.slick-hidden { display: none }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap { left: 0; width: 113%; text-align: center; font-size: 0; z-index: 2; margin-top: 15px }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box { display: inline-block; font-size: 0; text-align: center; margin: 0; height: 8px; vertical-align: middle }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li { display: inline-block; width: 8px; height: 8px; position: relative; margin-left: 10px; line-height: normal; vertical-align: top; padding: 0!important }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li:first-child { margin-left: 0 }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li a, header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li button { border-radius: 50%; overflow: hidden; background: #fff; border: 1px solid rgba(0,0,0,.75); width: 8px; height: 8px; margin: 0; padding: 0; display: block; cursor: pointer }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li a:focus, header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li button:focus { outline: 1px solid #000 }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li.slick-active a, header.navigation .for-desktop .gnb-feature .slick-dot-wrap .dot-box li.slick-active button { background: #005239; border-color: #005239 }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .slide-pause { overflow: hidden; display: inline-block; width: 8px; height: 8px; margin-left: 10px; background: url(/lg5-common/images/common/icons/pause-dimgray.svg) no-repeat; background-size: 100% 100%; vertical-align: middle; white-space: nowrap; text-indent: 200% }
header.navigation .for-desktop .gnb-feature .slick-dot-wrap .slide-pause.play { background: url(/lg5-common/images/common/icons/play-dimgray.svg) no-repeat; background-size: 100% 100% }
header.navigation .for-desktop .gnb-feature .slick-arrow { padding: 0 }
header.navigation .for-desktop .gnb-feature .slick-arrow.slick-next, header.navigation .for-desktop .gnb-feature .slick-arrow.slick-prev { position: absolute; width: 22px; top: 60px; height: 40px; z-index: 10; font-size: 0; margin-top: 0; cursor: pointer }
header.navigation .for-desktop .gnb-feature .slick-arrow.slick-prev { left: -40px; background: url(/img/left.svg) no-repeat 50% 50% }
header.navigation .for-desktop .gnb-feature .slick-arrow.slick-next { right: -40px; background: url(/img/right.svg) no-repeat 50% 50% }
header.navigation .for-desktop .gnb-feature button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; text-indent: -9999em }
header.navigation .text-white { color: #fff }
header.navigation .text-white .text-block, header.navigation .text-white .text-block .banner-title, header.navigation .text-white .text-block .link-text { color: #fff }
header.navigation .text-white .text-block .link-text:after { background: url(/lg5-common/images/common/icons/link-right-white.svg) no-repeat 0 2px }
header.navigation .text-black { color: #000 }
header.navigation .text-black .text-block, header.navigation .text-black .text-block .banner-title, header.navigation .text-black .text-block .link-text { color: #000 }
header.navigation .text-black .text-block .link-text:after { background: url(/lg5-common/images/common/icons/link-right-dark.svg) no-repeat 0 2px }
.breadcrumb { display: block; width: 100%; max-width: 1600px; padding: 0; margin: 0 auto; border-radius: 0; background: 0 0!important; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.breadcrumb else { font-style: normal }
@media (max-width:1600px) {
.breadcrumb { margin: 0 -15px; width: auto }
}
.breadcrumb ul { list-style: none; padding: 11px 30px; margin: 0 }
.breadcrumb ul li { display: inline-block; padding: 0; margin: 0; font-size: 15px; line-height: 18px; position: relative }
.breadcrumb ul li a { color: #767676 }
.breadcrumb ul li a strong { font-weight: 400; color: #000 }
.breadcrumb ul li+li { margin-left: 18px }
.breadcrumb ul li .breadcrumb-space { position: absolute; right: -11px; top: 50%; margin-top: -9px }
@media (max-width:767px) {
.breadcrumb { display: none }
}
html[hcx="3"] header.navigation .for-desktop .sublayer .banner a img, html[hcx="4"] header.navigation .for-desktop .sublayer .banner a img { visibility: hidden }
.footer-box { background: #f5f5f5; margin: 0 -15px; word-break: break-word }
@media print {
.footer-box { display: none }
}
.footer-box .skip_nav { max-width: 1280px; margin: 0 auto }
.footer-box .footer-component { max-width: 1344px; margin: 0 auto; padding: 0 30px }
@media (max-width:767px) {
.footer-box .footer-component { padding: 0 40px }
}
.footer-box .footer-component .footer-caution { font-size: 14px; line-height: 20px; padding: 25px 0; border-bottom: 1px solid #e4e4e4; color: #6b6b6b }
.footer-box .footer-component .footer-caution .caution-header { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e4e4e4 }
.footer-box .footer-component .footer-caution a { color: #005239; text-decoration: underline }
.footer-box .footer-component .footer-caution p { margin: 0 0 19px }
.footer-box .footer-component .footer-caution p:last-child { margin: 0 }
.footer-box .footer-component .footer-caution b, .footer-box .footer-component .footer-caution strong { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400 }
.footer-box .footer-component .footer-caution b else, .footer-box .footer-component .footer-caution strong else { font-style: normal }
.footer-box .footer-component .sub-contents.social { padding: 20px 0; border-bottom: 1px solid #e4e4e4 }
@media (max-width:767px) {
.footer-box .footer-component .sub-contents.social { padding: 20px 0 18px }
}
.footer-box .footer-component .sub-contents.social .country-information { padding: 6px 0 0 }
@media (min-width:768px) {
.footer-box .footer-component .sub-contents.social .country-information { float: left }
}
.footer-box .footer-component .sub-contents.social .country-information a { font-size: 16px; line-height: 25px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; padding-left: 33px; display: block; background: url(/img/index001.svg) left top no-repeat; background-size: 25px 25px }
.footer-box .footer-component .sub-contents.social .country-information a else { font-style: normal }
.footer-box .footer-component .sub-contents.social .social-links { font-size: 0 }
@media (min-width:768px) {
.footer-box .footer-component .sub-contents.social .social-links { float: right }
}
@media (max-width:767px) {
.footer-box .footer-component .sub-contents.social .social-links { margin-top: 26px }
}
.footer-box .footer-component .sub-contents.social .social-links li { display: inline-block }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon { position: relative; width: 35px; height: 35px; display: inline-block; margin-left: 12px }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon img { width: 100%; height: auto }
@media (max-width:767px) {
.footer-box .footer-component .sub-contents.social .social-links li .social-icon { margin-left: 0; margin-right: 12px; margin-bottom: 12px }
}
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-facebook { background: url(/lg5-common/images/common/icons/facebook-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-twitter { background: url(/lg5-common/images/common/icons/twitter-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-google { background: url(/lg5-common/images/common/icons/google-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-pinterest { background: url(/lg5-common/images/common/icons/pinterest-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-youtube { background: url(/lg5-common/images/common/icons/youtube-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-email { background: url(/lg5-common/images/common/icons/email-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-instagram { background: url(/lg5-common/images/common/icons/instagram-circle-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-linked-in { background: url(/lg5-common/images/common/icons/linked-in-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-spiceworks { background: url(/lg5-common/images/common/icons/spiceworks-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li .social-icon.icon-snapchat { background: url(/lg5-common/images/common/icons/snapchat-fill.svg) left top no-repeat }
.footer-box .footer-component .sub-contents.social .social-links li:last-child .social-icon { margin-right: 0 }
.footer-box .footer-component .footer-contents { padding-top: 30px; padding-bottom: 50px; display: table }
@media (max-width:1199px) {
.footer-box .footer-component .footer-contents { width: 100%; display: block }
}
.footer-box .footer-component .footer-contents .no-link { font-size: 14px; line-height: 16px; color: #6b6b6b }
.footer-box .footer-component .footer-contents a { font-size: 14px; line-height: 16px; color: #6b6b6b }
.footer-box .footer-component .footer-contents a.social-support-fb { display: inline-block; line-height: 20px }
.footer-box .footer-component .footer-contents a.social-support-fb:before { display: inline-block; content: ''; margin-right: 8px; width: 20px; height: 20px; vertical-align: middle; background: url(/lg5-common/images/common/icons/facebook-circle-line-m.svg) left top no-repeat }
.footer-box .footer-component .footer-contents a.social-support-tw { display: inline-block; line-height: 20px }
.footer-box .footer-component .footer-contents a.social-support-tw:before { display: inline-block; content: ''; margin-right: 8px; width: 20px; height: 20px; vertical-align: middle; background: url(/lg5-common/images/common/icons/twitter-circle-line-m.svg) left top no-repeat }
.footer-box .footer-component .footer-contents ul { margin-bottom: 11px }
.footer-box .footer-component .footer-contents ul li { margin-bottom: 8px }
.footer-box .footer-component .footer-contents ul li.social { margin-bottom: 4px }
.footer-box .footer-component .footer-contents ul li.social a { color: #333 }
.footer-box .footer-component .footer-contents ul li:last-child { margin-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-title { margin-bottom: 10px }
.footer-box .footer-component .footer-contents .footer-title .no-link, .footer-box .footer-component .footer-contents .footer-title a { font-size: 17px; line-height: 21px; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; color: #333 }
.footer-box .footer-component .footer-contents .footer-title .no-link else, .footer-box .footer-component .footer-contents .footer-title a else { font-style: normal }
.footer-box .footer-component .footer-contents .footer-title+.footer-title { margin-top: 24px }
.footer-box .footer-component .footer-contents .footer-title+.support-text+.footer-title { margin-top: 29px }
.footer-box .footer-component .footer-contents .footer-title:last-child { margin-bottom: 12px }
.footer-box .footer-component .footer-contents .footer-sub-title a { font-size: 16px; line-height: 24px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; color: #000 }
.footer-box .footer-component .footer-contents .footer-sub-title a else { font-style: normal }
.footer-box .footer-component .footer-contents .footer-sub-title+ul { margin-top: 4px; margin-bottom: 11px }
.footer-box .footer-component .footer-contents .footer-sub-title+ul li { padding-left: 10px }
.footer-box .footer-component .footer-contents .support-text+.support-text { margin-top: 26px }
.footer-box .footer-component .footer-contents .support-text+.link-text { margin-top: 32px }
.footer-box .footer-component .footer-contents .support-text+.footer-title { margin-top: 24px }
.footer-box .footer-component .footer-contents ul+.footer-title { margin-top: 28px }
.footer-box .footer-component .footer-contents .link-bottom .link-wrap { margin-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box { width: 16.978%; font-size: 0; display: table-cell; border-right: 1px solid #e4e4e4; vertical-align: top }
.footer-box .footer-component .footer-contents .footer-contents-box .box-wrap { margin-bottom: 20px }
.footer-box .footer-component .footer-contents .footer-contents-box .footer-title a { font-size: 14px; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; color: #333 }
.footer-box .footer-component .footer-contents .footer-contents-box .footer-title a else { font-style: normal }
.footer-box .footer-component .footer-contents .footer-contents-box .footer-sub-title a { font-size: 16px; line-height: 20px; padding-bottom: 10px; color: #000 }
.footer-box .footer-component .footer-contents .footer-contents-box .footer-sub-title ul li { padding-left: 10px }
.footer-box .footer-component .footer-contents .footer-contents-box .footer-sub-title ul li a { font-size: 14px; line-height: 16px; color: #6b6b6b }
.footer-box .footer-component .footer-contents .footer-contents-box ul { margin-top: 5px; margin-bottom: 9px }
.footer-box .footer-component .footer-contents .footer-contents-box ul li a { font-size: 14px; line-height: 16px; color: #6b6b6b }
.footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap { width: 25%; display: inline-block; vertical-align: top; padding-right: 25px; margin-bottom: 5px }
.footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap:nth-child(5), .footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap:nth-child(6), .footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap:nth-child(7), .footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap:nth-child(8) { margin-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap.box-wrap { margin-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box li.link-wrap.box-wrap+.box-wrap { margin-top: 24px }
.footer-box .footer-component .footer-contents .footer-contents-box.column-4 { width: 65.9% }
.footer-box .footer-component .footer-contents .footer-contents-box.column-4 .box-wrap+.box-wrap { margin-top: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box.column-4 .box-wrap+.box-wrap .link-wrap { margin-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1 .link-wrap { width: 100%; padding-left: 25px }
@media (max-width:1199px) {
.footer-box .footer-component .footer-contents .footer-contents-box.column-1 .link-wrap { padding-left: 0; padding-right: 0; margin-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1 .link-wrap.box-wrap { width: 25%; padding-right: 25px; display: inline-block; vertical-align: top }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1 .link-wrap.box-wrap+.box-wrap { margin-top: 0 }
}
.footer-box .footer-component .footer-contents .footer-contents-box.column-1 ul { padding-bottom: 5px }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1 .support-text { display: inline-block }
@media (max-width:1199px) {
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap { width: 25% }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) .support-text { width: 100% }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) .support-text+.support-text { margin-top: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) .support-text+.link-text { margin-top: 0; vertical-align: top; line-height: 16px }
}
@media (max-width:991px) {
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap { width: 25% }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) { width: 50% }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) .support-text { width: 50% }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) .support-text+.support-text { margin-top: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:nth-child(2) .support-text+.link-text { margin-top: 0; vertical-align: top; line-height: 16px }
.footer-box .footer-component .footer-contents .footer-contents-box.column-1:last-child .box-wrap:last-child { margin-top: 24px }
}
.footer-box .footer-component .footer-contents .footer-contents-box span:not(.no-link) { display: block; font-size: 14px; line-height: 16px; margin-bottom: 8px; color: #333 }
.footer-box .footer-component .footer-contents .footer-contents-box span:not(.no-link):last-child { margin-bottom: 0 }
@media (max-width:1199px) {
.footer-box .footer-component .footer-contents .footer-contents-box { width: 100%; display: block; border-right: 0; border-bottom: 1px solid #e4e4e4; padding-bottom: 19px; margin-bottom: 22px }
.footer-box .footer-component .footer-contents .footer-contents-box:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box.column-4 { width: 100% }
}
.footer-box .footer-component .footer-contents .footer-contents-box .ico-right { line-height: 24px }
.footer-box .footer-component .footer-contents .footer-contents-box .ico-right:after { background: url(/lg5-common/images/common/icons/page-right.svg) 0 1px no-repeat }
.footer-box .footer-component .footer-contents .footer-contents-box .ico-blank { text-decoration: none }
.footer-box .footer-component .footer-contents .footer-contents-box .ico-blank:hover { text-decoration: underline }
.footer-box .footer-component .footer-contents .footer-contents-box .ico-blank:after { background: url(/lg5-common/images/common/icons/blank-dimgray.svg) 0 0 no-repeat }
.footer-box .footer-component .footer-contents .footer-contents-box:last-child { border-right: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box:last-child .link-wrap { padding-right: 0 }
.footer-box .footer-component .footer-contents .footer-contents-box:last-child .link-wrap:first-child .box-wrap .footer-title:last-child { margin-bottom: 10px }
@media (max-width:1199px) {
.footer-box .footer-component .footer-contents .footer-contents-box:last-child .link-wrap { width: 100% }
}
.footer-box .footer-bottom-box { background: #333 }
.footer-box .footer-bottom-box .footer-bottom { margin: 0 15px; padding: 0 15px }
.footer-box .footer-bottom-box .footer-bottom .footer-component { max-width: 1284px; margin: 0 auto; padding: 22px 0; font-size: 0 }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links { position: relative }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left { width: calc(100% - 564px); min-width: 364px }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left .footer-util-box li { display: inline-block }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left .footer-util-box li a { font-size: 14px; line-height: 24px; color: #fff; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; display: inline-block; padding-right: 30px; position: relative }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left .footer-util-box li a else { font-style: normal }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left .footer-util-box li:first-child a { margin-right: 20px; padding-right: 20px }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left .footer-util-box li:first-child a:after { content: ""; display: block; position: absolute; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background: #6b6b6b }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-right { position: absolute; right: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 3px 3px; width: 240px; height: 58px; line-height: 58px; background: #fff url(/lg5-common/images/common/footer/icon-jungdo.jpg) 0 0 no-repeat; overflow: hidden }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-right a { font-size: 14px; line-height: 19px; color: #333; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; text-transform: none; padding-left: 72px; display: inline-block; vertical-align: middle; padding-right: 10px }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-right a else { font-style: normal }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-right a:after { background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) 0 1px no-repeat }
.footer-box .footer-bottom-box .footer-bottom .footer-component .bottom-links .connect-link a { color: #b2b2b2 }
.footer-box .footer-bottom-box .footer-bottom .footer-component .copyright { margin-top: 5px; font-size: 14px; line-height: 24px; color: #b2b2b2; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.footer-box .footer-bottom-box .footer-bottom .footer-component .copyright else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents { margin-bottom: 0; padding-bottom: 0; padding-top: 24px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box { border-bottom: 0; padding-bottom: 0; margin-bottom: 26px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .footer-title { font-size: 18px; line-height: 24px; color: #000; margin-bottom: 7px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .box-wrap { margin-bottom: 5px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap { display: block; width: 100%; padding-right: 0; margin-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .footer-title .no-link, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .footer-title a { font-size: 17px; line-height: 21px; color: #333; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .footer-title .no-link else, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .footer-title a else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .support-text { margin-top: 0; width: 50%; display: inline-block }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .support-text span { font-size: 14px; line-height: 22px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .footer-title .support-text { width: 100%; padding-top: 7px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap .ico-right { margin-top: 9px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap+.box-wrap { margin-top: 17px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child .footer-title { float: left; width: 100%; margin-bottom: 5px; margin-top: 13px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child .half .footer-title { float: left; width: 50%; margin: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap span { margin-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul li { width: 50%; float: left; margin-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child div.social { width: 50%; float: left; margin-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box ul.m-support-list .half { display: inline-block; width: 50%; margin: 0!important }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box ul.m-support-list .half .footer-title { margin-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box.site-list { margin-bottom: 9px }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box.site-list li.link-wrap { border-bottom: 1px solid #e4e4e4 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box.site-list li.link-wrap:last-child { border-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box.site-list .category-block:first-of-type .depth-category { border-top: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1 { position: relative; display: block; margin-bottom: 0!important; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1 else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1.has-category { background: url(/lg5-common/images/common/icons/accordion-open-nightrider.svg) 100% center no-repeat }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1.on { background: url(/lg5-common/images/common/icons/accordion-close-nightrider.svg) 100% center no-repeat; border-bottom: 1px solid #e4e4e4 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1.on a span:after { content: ""; display: block; position: absolute; position: absolute; bottom: -2px; width: 100%; height: 1px; border-bottom: 1px solid #000 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1.on a.no-link span:after { display: none }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1 a { display: block; padding: 13px 0 16px }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1 a span { font-size: 17px; line-height: 21px; color: #000; position: relative; display: inline-block; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1 a span else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 { position: relative; display: none; overflow: hidden }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .category-block { margin-bottom: -1px }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category { position: relative; display: block; padding: 0 10px; margin-bottom: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category .category-button { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; padding: 18px 0 14px; display: block; text-decoration: none }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category .category-button else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category .category-button span { font-size: 16px; line-height: 1; color: #000; position: relative; display: inline-block }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category.on .category-button span:after { content: ""; display: block; position: absolute; position: absolute; bottom: -2px; width: 100%; height: 1px; border-bottom: 1px solid #000 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category.has-category .category-button { background: url(/lg5-common/images/common/icons/accordion-expand-nightrider.svg) right center no-repeat }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-category.has-category.on .category-button { background: url(/lg5-common/images/common/icons/accordion-fold-nightrider.svg) right center no-repeat }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-1-category-link { position: relative; display: block; padding: 0 10px }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-1-category-link a { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; padding: 15px 0 16px; display: block; font-size: 16px; line-height: 1; color: #000 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2 .depth-1-category-link a else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1-list, .footer-box .visible-mobile .footer-component .footer-contents .depth-2-list { position: relative; display: none; overflow: hidden }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1-list ul, .footer-box .visible-mobile .footer-component .footer-contents .depth-2-list ul { padding: 11px 0 0 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1-list li:last-child, .footer-box .visible-mobile .footer-component .footer-contents .depth-2-list li:last-child { padding-bottom: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-1-list li .no-link, .footer-box .visible-mobile .footer-component .footer-contents .depth-1-list li a, .footer-box .visible-mobile .footer-component .footer-contents .depth-2-list li .no-link, .footer-box .visible-mobile .footer-component .footer-contents .depth-2-list li a { font-size: 16px; line-height: 1; color: #6b6b6b; padding: 0 10px 15px; display: block }
.footer-box .visible-mobile .footer-component .footer-contents .button-layer { position: absolute; width: 40px; height: 100%; z-index: 2; right: 0; top: 0; background: 0 0 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list .depth-2-category-link a { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #000 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list .depth-2-category-link a else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list.in-depth li { padding-left: 10px }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list.in-depth li.depth-title { padding-left: 0 }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list.in-depth li.depth-title a span { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #000; display: inline-block; position: relative }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list.in-depth li.depth-title a span else { font-style: normal }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list.in-depth li.depth-title a:hover span { text-decoration: underline }
.footer-box .visible-mobile .footer-component .footer-contents .depth-2-list.in-depth li+li.depth-title { padding-top: 0 }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom { padding: 0 24px; margin: 0 }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .footer-component .bottom-links li { display: inline-block }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .footer-component .bottom-links li a { font-size: 14px; line-height: 24px; color: #fff; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; display: inline-block; padding-right: 24px; position: relative; margin-bottom: 9px }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .footer-component .bottom-links li a else { font-style: normal }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .footer-component .bottom-links li:first-child a { margin-right: 20px; padding-right: 20px }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .footer-component .bottom-links li:first-child a:after { content: ""; display: block; position: absolute; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background: #6b6b6b }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .footer-component .copyright { margin-top: 10px; font-size: 14px; line-height: 18px }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .links-bottom { margin-left: -24px; margin-right: -24px; height: 58px; line-height: 58px; background: #fff }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .links-bottom .links-wrap { display: table; width: 100%; height: 100% }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .links-bottom .links-wrap a { font-size: 14px; line-height: 19px; text-transform: none; color: #333; display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; padding-left: 80px; padding-right: 24px; background: url(/lg5-common/images/common/footer/icon-jungdo-m.jpg) 14px center no-repeat }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .links-bottom .links-wrap a else { font-style: normal }
.footer-box .visible-mobile .footer-bottom-box .footer-bottom .links-bottom .links-wrap a:after { background: url(/lg5-common/images/common/icons/link-right-nightrider.svg) 0 1px no-repeat }
.hidden-mobile { display: block }
.visible-mobile { display: none }
@media (max-width:767px) {
.hidden-mobile { display: none }
.visible-mobile { display: block }
}
@media (max-width:767px) {
.footer-box .business .footer-component .footer-contents { padding-top: 0 }
}
.footer-box .business .footer-component .footer-contents .footer-contents-box { width: 20%; padding: 0 25px }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child { padding-left: 0 }
@media (max-width:767px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box .footer-title .no-link, .footer-box .business .footer-component .footer-contents .footer-contents-box .footer-title a { font-size: 17px; line-height: 21px; color: #333; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.footer-box .business .footer-component .footer-contents .footer-contents-box .footer-title .no-link else, .footer-box .business .footer-component .footer-contents .footer-contents-box .footer-title a else { font-style: normal }
}
@media (max-width:767px) {
.sr-only { display: none; }
.footer-box .business .footer-component .footer-contents .footer-contents-box.site-list { padding-bottom: 30px }
}
@media (max-width:767px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box.site-list .link-wrap:first-child { border-top: 1px solid #e4e4e4 }
}
@media (max-width:1199px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box.support { padding: 0 25px 0 0 }
}
.footer-box .business .footer-component .footer-contents .footer-contents-box li.link-wrap { width: 100%; padding-right: 0 }
@media (max-width:991px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box li.link-wrap:first-child .box-wrap { margin-top: -8px }
.footer-box .business .footer-component .footer-contents .footer-contents-box li.link-wrap:last-child { margin-bottom: 0 }
}
.footer-box .business .footer-component .footer-contents .footer-contents-box li.link-wrap:only-child { margin-bottom: 0 }
@media (max-width:1199px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box .inner-box-wrap { padding-bottom: 12px }
}
@media (max-width:1199px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box { display: table-cell; border-bottom: 0; border-right: 1px solid #e4e4e4; padding: 0 25px 0 25px; width: 25% }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child { padding: 0; width: 100%; display: block; border-right: 0; border-bottom: 1px solid #e4e4e4 }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child li.link-wrap { width: 25%; display: inline-block; vertical-align: top }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child li.link-wrap .footer-title { margin: 0 0 24px 0; padding: 0 25px }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child li.link-wrap.box-wrap { margin-top: 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child li.link-wrap:nth-child(1) .footer-title, .footer-box .business .footer-component .footer-contents .footer-contents-box:first-child li.link-wrap:nth-child(5) .footer-title { padding: 0 25px 0 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child+.footer-contents-box { padding-left: 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box:last-child { border-right: 0 }
}
@media (max-width:767px) {
.footer-box .business .footer-component .footer-contents .footer-contents-box { padding: 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box:first-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top { padding: 0; margin-bottom: 0; margin-top: 15px }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap { width: 100% }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap.box-wrap { margin-top: 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap.box-wrap+.box-wrap { margin-top: 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap.box-wrap .footer-title { padding: 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap.box-wrap.contact .footer-title { float: left; width: 100%; margin: 0 0 24px 0 }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap.box-wrap.contact .support-text { clear: both; vertical-align: top; padding-top: 7px }
.footer-box .business .footer-component .footer-contents .footer-contents-box.contents-top li.link-wrap.box-wrap.contact .support-text a { margin-top: 0; line-height: 22px }
}
.footer-box .business .footer-component .footer-bottom-box .connect-link { margin-top: 5px }
.footer-box .business .footer-component .footer-bottom-box .connect-link a { font-size: 14px; line-height: 24px; color: #b2b2b2; text-decoration: underline }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .links-left a { margin-bottom: 3px }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .copyright { margin-top: 2px }
@media (max-width:991px) {
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .bottom-links { position: relative }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-left a { margin-bottom: 5px }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .bottom-links .links-right { top: 0; -webkit-transform: none; -ms-transform: none; transform: none }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .copyright { margin-top: 0 }
}
@media (max-width:767px) {
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component { padding-bottom: 25px }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .bottom-links { margin-bottom: 10px }
.footer-box .business .footer-component .footer-bottom-box .footer-bottom .footer-component .connect-link { margin-top: 8px }
}
.modal-background { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) }
.modal-background.active { display: block }
.broswe-check-popup-layer { display: none; position: fixed; z-index: 10002; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.broswe-check-popup-layer.active { display: block }
.broswe-check-popup-layer .modal-contents { position: absolute; top: 10px; left: 50%; margin-left: -355px; display: inline-block; vertical-align: middle; text-align: left; background-color: #fff }
.broswe-check-popup-layer .modal-contentainer { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none }
.broswe-check-popup-layer .modal-contentainer .modal-layer-close { position: absolute; z-index: 1; top: 22px; right: 30px; width: 20px; height: 20px; padding: 0; border: 0; background: 0 0; cursor: pointer }
.broswe-check-popup-layer .modal-contentainer .modal-layer-close img { width: 100% }
.broswe-check-popup-layer .modal-contentainer>.modal-body:first-child { padding-top: 60px }
.broswe-check-popup-layer .modal-header { padding: 22px 40px 10px 0; margin: 0 30px 16px; border-bottom: 3px solid #005239 }
.broswe-check-popup-layer .modal-header+.modal-body { padding-top: 0 }
.broswe-check-popup-layer .modal-title { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 28px; line-height: 32px; color: #000 }
.broswe-check-popup-layer .modal-title else { font-style: normal }
.broswe-check-popup-layer .modal-body p { margin: 0 }
.modal-body { padding: 0 30px 30px }
.modal-body .browse-supported-guide { width: 650px; font-size: 16px; line-height: 24px }
.modal-body .browse-supported-guide .headbox { padding: 14px 20px 13px; background-color: #f8f8f8; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #333; margin-bottom: 14px }
.modal-body .browse-supported-guide .headbox else { font-style: normal }
.modal-body .browse-supported-guide .guide-paragraph { color: #6b6b6b }
.modal-body .browse-supported-guide .guide-paragraph p { margin-bottom: 24px }
.modal-body .browse-supported-guide .guide-paragraph .point-text { font-style: normal; color: #005239 }
.modal-body .browse-supported-guide .setting-follow-this-step { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 19px 0 18px; margin-top: -6px }
.modal-body .browse-supported-guide .setting-follow-this-step .setting-step { padding-left: 8px }
.modal-body .browse-supported-guide .setting-follow-this-step .setting-step:before { content: "-"; margin-right: 6px; margin-left: -8px }
.footer-box .business .footer-component .footer-contents .footer-contents-box.box-wrap:first-child:after, .footer-box .business .footer-component .footer-contents .footer-contents-box.box-wrap:first-child:before, .footer-box .footer-component .footer-contents:after, .footer-box .footer-component .footer-contents:before, .footer-box .footer-component .sub-contents.social:after, .footer-box .footer-component .sub-contents.social:before, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child:before, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul:before, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child:before, .row:after, .row:before, .search-area .search-layer .search-result-list .search-head:after, .search-area .search-layer .search-result-list .search-head:before, .search-area .search-layer .search-result-list ul.list li a:after, .search-area .search-layer .search-result-list ul.list li a:before, .search-area .search-layer ul.list li:after, .search-area .search-layer ul.list li:before, [class^=tabs-type]:after, [class^=tabs-type]:before, header.navigation .for-desktop .left-btm:after, header.navigation .for-desktop .left-btm:before, header.navigation .for-desktop .size:after, header.navigation .for-desktop .size:before { content: " "; display: table }
.footer-box .business .footer-component .footer-contents .footer-contents-box.box-wrap:first-child:after, .footer-box .footer-component .footer-contents:after, .footer-box .footer-component .sub-contents.social:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:first-child:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child ul:after, .footer-box .visible-mobile .footer-component .footer-contents .footer-contents-box .link-wrap .box-wrap:last-child:after, .row:after, .search-area .search-layer .search-result-list .search-head:after, .search-area .search-layer .search-result-list ul.list li a:after, .search-area .search-layer ul.list li:after, [class^=tabs-type]:after, header.navigation .for-desktop .left-btm:after, header.navigation .for-desktop .size:after { clear: both }
.btn, .link-text.bold, .tabs-type-liner a { text-transform: uppercase }
.search-area .search-layer ul.list, li, ol, ul { margin: 0; padding: 0; list-style: none }
.delivery-part>.file-name-expose .delete .icon, .delivery-part>input[type=text].file-name-expose .delete .icon, .search-area .search-layer ul.list li a.delete .icon { display: block; overflow: hidden; width: 20px; height: 20px; padding: 0; border-radius: 50%; border: 1px solid #999; text-indent: 1000px; background: url(/lg5-common/images/common/icons/content-delete.svg) no-repeat 50% 50% #fff }
.btn.btn-outline-small.ico-download:before, .link-text.ico-blank:after, .link-text.ico-compare:before, .link-text.ico-download:after, .link-text.ico-extended-care:before, .link-text.ico-left-x:before, .link-text.ico-popup:after, .link-text.ico-right:after, .link-text.ico-wishlist:before, header.navigation .for-desktop .sublayer .head-link>a:after, header.navigation .for-desktop .sublayer .head-link>a[target=_blank]:after, header.navigation .for-desktop .sublayer .link-list .link a[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth1-m>li a[target=_blank] span:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type1 a[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2 span[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a:after, header.navigation .for-mobile .menu .menu-wrap .depth2-m li.type2>a[target=_blank]:after, header.navigation .for-mobile .menu .menu-wrap .mylg.active>li a[target=_blank]:after, header.navigation .gnb-login a[target=_blank]:after { content: ''; display: inline-block; width: 12px; height: 12px }
.floating-menu { position: fixed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transition: opacity .8s ease-out, -webkit-transform .5s ease-out; transition: opacity .8s ease-out, -webkit-transform .5s ease-out; transition: opacity .8s ease-out, transform .5s ease-out; transition: opacity .8s ease-out, transform .5s ease-out, -webkit-transform .5s ease-out; z-index: 100 }
.floating-menu.call-yet { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; z-index: -100; -webkit-transform: translateX(110px); -ms-transform: translateX(110px); transform: translateX(110px) }
.floating-menu.top { right: 20px; bottom: 20px }
.floating-menu .back-to-top { width: 50px; height: 50px; background: url(/img/index-up.svg) 50% 50% no-repeat rgba(229,229,229,.75); background-size: 20px 20px; border-radius: 50%; margin-top: 15px; line-height: 0 }
.floating-menu .back-to-top button { width: 100%; height: 100%; padding: 0; border: none; background: 0 0; cursor: pointer }
.floating-menu.chat { right: 20px; bottom: 85px }
.floating-menu .chatbot-linker { width: 50px; height: 50px; background: url(/lg5-common/images/common/icons/speech-bubble.svg) 50% 50% no-repeat #333; background-size: 24px 24px; border-radius: 50%; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); box-shadow: 0 2px 5px rgba(0,0,0,.3) }
.floating-menu .chatbot-linker a { display: block; width: 100%; height: 100%; color: #fff }
@media (max-width:767px) {
.floating-menu.call-yet { -webkit-transform: translateX(98px); -ms-transform: translateX(98px); transform: translateX(98px) }
.floating-menu.top { bottom: 15px; -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px) }
.floating-menu.chat { bottom: 75px; -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px) }
.floating-menu .back-to-top, .floating-menu .chatbot-linker { width: 45px; height: 45px }
}
footer { width: 100% }
[type=reset], [type=submit], button, html [type=button] {
-moz-appearance:none;
-webkit-appearance:none
}
.visible-sm, .visible-xs { display: none!important }
@media (max-width:767px) {
.visible-xs { display: block!important }
.hidden-xs { display: none!important }
}
@media (max-width:991px) {
.visible-sm { display: block!important }
.hidden-sm { display: none!important }
}
a { color: #000 }
a:hover { color: #000 }
b, strong { font-weight: 400 }
.modal-backdrop { z-index: 10001 }
.modal { z-index: 10002 }
body { font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; overflow-x: hidden }
body else { font-style: normal }
body input::-ms-clear {
display:none
}
body.compare-sticky-showing { padding-bottom: 175px }
@media (max-width:767px) {
body.compare-sticky-showing { padding-bottom: 210px }
}
body.compare-sticky-showing.compare-sticky-min { padding-bottom: 65px }
@media (max-width:767px) {
body.floating-search .search-common { z-index: 1000000; position: fixed!important; left: 0!important; top: 0!important; width: 100%!important; min-width: 100%!important; background: #fff; padding: 0; margin: 0 }
}
#lgContents:focus { outline: 0 }
.btn { padding: 0; border-radius: 0 }
button.link-text { padding: 0; border-radius: 0; background: 0 0; border: 0 }
img.lazyload.mobile, img.lazyloaded.mobile { display: none }
img.lazyload.pc-md, img.lazyloaded.pc-md { display: none }
@media (max-width:1024px) {
img.lazyload.pc-lg, img.lazyloaded.pc-lg { display: none }
img.lazyload.pc-md, img.lazyloaded.pc-md { display: inline-block }
}
@media (max-width:767px) {
img.lazyload.pc, img.lazyloaded.pc { display: none }
img.lazyload.pc-md, img.lazyloaded.pc-md { display: none }
img.lazyload.mobile, img.lazyloaded.mobile { display: inline-block }
}
img.lazyload { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 }
img.lazyloaded { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
h1, h2, h3, h4, h5, h6 { margin: 0 }
.btn { display: inline-block; min-width: 80px; padding: 7px 24px; border-radius: 3px; border: 1px solid transparent; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; text-decoration: none; text-align: center; vertical-align: middle; white-space: normal; cursor: pointer; background-color: transparent }
.btn else { font-style: normal }
.btn:focus { -webkit-box-shadow:0 0 0 .1rem #7fbdff!important;
box-shadow:0 0 0 .1rem #7fbdff!important
}
.btn.btn-primary { color: #fff!important; border-color: #005239!important; background: #005239!important }
.btn.btn-primary:active, .btn.btn-primary:link, .btn.btn-primary:visited { color: #fff!important; border-color: #005239!important; background: #005239!important }
.btn.btn-primary:focus, .btn.btn-primary:hover { color: #fff!important; border-color: #5cb35d!important; background: #5cb35d!important }
.btn.btn-secondary { color: #fff!important; border-color: #6b6b6b!important; background: #6b6b6b!important }
.btn.btn-secondary:active, .btn.btn-secondary:link, .btn.btn-secondary:visited { color: #fff!important; border-color: #6b6b6b!important; background: #6b6b6b!important }
.btn.btn-secondary:focus, .btn.btn-secondary:hover { color: #fff!important; border-color: #4d4d4d!important; background: #4d4d4d!important }
.btn.btn-outline-primary { color: #005239!important; border-color: #005239!important; background: 0 0!important }
.btn.btn-outline-primary:active, .btn.btn-outline-primary:link, .btn.btn-outline-primary:visited { color: #005239!important; border-color: #005239!important; background: 0 0!important }
.btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover { color: #5cb35d!important; border-color: #5cb35d!important; background: 0 0!important }
.btn.btn-outline-secondary { background: 0 0!important; color: #6b6b6b!important; border-color: #6b6b6b!important }
.btn.btn-outline-secondary:active, .btn.btn-outline-secondary:link, .btn.btn-outline-secondary:visited { background: 0 0!important; color: #6b6b6b!important; border-color: #6b6b6b!important }
.btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:hover { background: 0 0!important; color: #000!important; border-color: #000!important }
.btn.btn-outline-light { color: #005239!important; border-color: #fff!important; background: 0 0!important }
.btn.btn-outline-light:active, .btn.btn-outline-light:link, .btn.btn-outline-light:visited { color: #005239!important; border-color: #fff!important; background: 0 0!important }
.btn.btn-outline-light:focus, .btn.btn-outline-light:hover { color: #5cb35d!important; border-color: #fff!important; background: 0 0!important }
.btn.btn-outline-small { padding: 1px 9px; min-width: 0; text-transform: none; color: #6b6b6b; border-color: #6b6b6b }
.btn.btn-outline-small.ico-download:before { margin-right: 5px; background: url(/lg5-common/images/common/icons/download-dimgray.svg) no-repeat 0 0 }
.btn.btn-sm { padding: 4px 20px 5px }
@media (min-width:768px) {
.btn.btn-lg { padding: 9px 29px 10px }
}
.btn.btn-block { display: block; width: 100% }
.btn:active, .btn:focus, .btn:hover, .btn:link, .btn:visited { text-decoration: none }
.btn.disabled, .btn:disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4; cursor: default }
.link-text { position: relative; display: inline-block; color: #005239; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; word-break: break-all; cursor: pointer }
.link-text else { font-style: normal }
.link-text:focus, .link-text:hover { color: #005239 }
.link-text.bold { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; text-decoration: none }
.link-text.bold else { font-style: normal }
.link-text.bold:focus, .link-text.bold:hover { text-decoration: underline }
@media (min-width:768px) {
.link-text.lg { font-size: 16px }
}
.link-text.ico-blank:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/blank-carmine.svg) no-repeat 0 0 }
.link-text.ico-popup:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/popup-carmine.svg) no-repeat 0 0 }
.link-text.ico-right:after { margin-left: 3px; background: url(/lg5-common/images/common/icons/link-right-carmine.svg) no-repeat 0 1px }
.link-text.ico-download { color: #6b6b6b }
.link-text.ico-download:after { margin-left: 6px; background: url(/lg5-common/images/common/icons/download-dimgray.svg) no-repeat 0 0 }
.link-text.ico-left-x:before { margin-right: 6px; width: 9px; height: 9px; background: url(/lg5-common/images/common/icons/content-delete.svg) no-repeat 0 0 }
.link-text.ico-wishlist { font-size: 14px; color: #6b6b6b; text-decoration: none; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400 }
.link-text.ico-wishlist else { font-style: normal }
.link-text.ico-wishlist:before { margin-right: 6px; width: 20px; height: 20px; background: url(/lg5-common/images/common/icons/wishlist.svg) no-repeat 0 0; vertical-align: top }
.link-text.ico-wishlist.active:before { background: url(/lg5-common/images/common/icons/wishlist-on.svg) no-repeat 0 0 }
.link-text.ico-compare { font-size: 14px; color: #6b6b6b; text-decoration: none; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400 }
.link-text.ico-compare else { font-style: normal }
.link-text.ico-compare:before { margin-right: 6px; width: 20px; height: 20px; background: url(/lg5-common/images/common/icons/compare.svg) no-repeat 0 0; vertical-align: top }
.link-text.ico-compare .sr-only { display: none!important }
.link-text.ico-compare.added:before { background-image: url(/lg5-common/images/common/icons/compare-added.svg) }
.link-text.ico-extended-care { font-size: 14px; color: #6b6b6b; text-decoration: none; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400 }
.link-text.ico-extended-care else { font-style: normal }
.link-text.ico-extended-care:before { margin-right: 6px; width: 21px; height: 20px; background: url(/lg5-common/images/common/icons/ExtendedCare.svg) no-repeat 0 0; vertical-align: top }
.recommendation { display: inline-block; vertical-align: middle; width: 50px; height: 20px; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; text-align: center; font-size: 12px; line-height: 20px; color: #fff; background-color: #b24d04; margin-right: 8px; border-radius: 3px }
.recommendation else { font-style: normal }
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 44px; padding: 0 10px; font-size: 16px; line-height: 24px; border: 1px solid #6b6b6b; background: #fff; color: #333; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
input[type=email] else, input[type=number] else, input[type=password] else, input[type=tel] else, input[type=text] else { font-style: normal }
input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder {
color:#767676
}
input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder {
color:#767676
}
input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder {
color:#767676
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus { border: 2px solid #222; background-color: #f8fbff }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.error-msg { display: none; margin: 4px 0 0 10px }
.error-msg span { display: block; font-size: 14px; line-height: 20px; color: #005239 }
.error input[type=email]:not(.radio-text), .error input[type=number]:not(.radio-text), .error input[type=password]:not(.radio-text), .error input[type=tel]:not(.radio-text), .error input[type=text]:not(.radio-text), .error textarea:not(.radio-text) { border: 1px solid #db0000!important }
.error input[type=email]:focus, .error input[type=number]:focus, .error input[type=password]:focus, .error input[type=tel]:focus, .error input[type=text]:focus, .error textarea:focus { border: 2px solid #222; background-color: #f8fbff }
.error .error-msg { display: block }
.error .error-msg:first-child { margin: 0 0 15px 10px }
.error .chosen-container .chosen-single { border-color: #db0000 }
.checkbox-box { display: inline-block; position: relative; margin: 0; min-height: 24px; cursor: pointer }
.checkbox-box.disabled { cursor: default }
.checkbox-box .checkbox-btn { position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border: 1px solid #6b6b6b; background-color: #fff }
.checkbox-box .text { display: inline-block; padding-left: 34px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6b6b6b; vertical-align: middle }
.checkbox-box .text else { font-style: normal }
@media (max-width:767px) {
.checkbox-box .text { font-size: 14px; line-height: 20px }
}
.checkbox-box input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.checkbox-box input[type=checkbox]:focus+.checkbox-btn, .checkbox-box input[type=checkbox]:hover+.checkbox-btn { border-color: #222; border-width: 2px; background-color: #f8fbff }
.checkbox-box input[type=checkbox]:checked+.checkbox-btn { border-color: #005239; border-width: 2px; background-color: #005239 }
.checkbox-box input[type=checkbox]:checked+.checkbox-btn+.text { color: #000 }
.checkbox-box input[type=checkbox]:checked+.checkbox-btn:after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ''; position: absolute; top: 50%; left: 3px; width: 11px; height: 4px; margin-top: -5px; border-style: solid; border-color: #fff; border-width: 0 0 3px 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.checkbox-box input[type=checkbox]:checked:disabled+.checkbox-btn:after, .checkbox-box input[type=checkbox]:disabled+.checkbox-btn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5 }
.checkbox-box input[type=checkbox]:disabled+.checkbox-btn+.text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4 }
.checkbox-box input[type=checkbox]:focus:disabled+.checkbox-btn, .checkbox-box input[type=checkbox]:hover:disabled+.checkbox-btn { border: 1px solid #6b6b6b; background-color: #fff }
.checkbox-box input[type=checkbox]:checked:disabled+.checkbox-btn { border-color: #005239; border-width: 2px; background-color: #005239 }
.checkbox-box input[type=checkbox]:focus+.checkbox-btn:before { content: ''; position: absolute; top: -2px; left: -2px; width: 24px; height: 24px; outline: 1px solid #4d90fe }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.checkbox-box input[type=checkbox]:focus+.checkbox-btn:before { outline: 1px dotted #aaa }
}
.checkbox-box input[type=checkbox]:focus:checked+.checkbox-btn { outline: 2px solid #333 }
.checkbox-box input[type=checkbox]:focus:checked+.checkbox-btn:before { top: -4px; left: -4px; width: 28px; height: 28px }
.checkbox-box.checkbox-sm .checkbox-btn { top: 4px; width: 18px; height: 18px }
.checkbox-box.checkbox-sm .text { font-size: 16px; line-height: 23px; padding-left: 26px }
.checkbox-box.checkbox-sm input[type=checkbox]:focus+.checkbox-btn:before { width: 18px; height: 18px }
.checkbox-box.checkbox-sm input[type=checkbox]:focus:checked+.checkbox-btn:before { width: 22px; height: 22px }
.checkbox-box.checkbox-sm input[type=checkbox]:checked+.checkbox-btn:after { left: 2px; width: 9px; height: 4px; border-width: 0 0 2px 2px }
.checkbox-box.checkbox-sm .filter-cnt { cursor: default; display: inline; padding-left: 4px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; color: #6b6b6b }
.checkbox-box.checkbox-sm .filter-cnt else { font-style: normal }
@media (max-width:767px) {
.checkbox-box.checkbox-sm .filter-cnt { font-size: 14px; line-height: 20px; vertical-align: text-bottom }
}
.radio-box { display: inline-block; position: relative; margin: 0; min-height: 24px; cursor: pointer }
.radio-box .radio-btn { position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border: 1px solid #6b6b6b; border-radius: 50%; background-color: #fff }
.radio-box .text { display: inline-block; padding-left: 34px; padding-top: 4px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6b6b6b; vertical-align: top; word-break: break-all }
.radio-box .text else { font-style: normal }
@media (max-width:767px) {
.radio-box .text { font-size: 14px; line-height: 20px }
}
.radio-box:hover input[type=radio]+.radio-btn { border: 2px solid #000; background-color: #f8fbff }
.radio-box:hover input[type=radio]:disabled+.radio-btn { border: 1px solid #bcbcbc; background-color: #fff }
.radio-box:hover input[type=radio]:disabled+.radio-btn+.text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4 }
.radio-box input[type=radio] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.radio-box input[type=radio]:focus+.radio-btn { border: 2px solid #000; background-color: #f8fbff }
.radio-box input[type=radio]:checked+.radio-btn { border-color: #005239; background-color: #005239 }
.radio-box input[type=radio]:checked+.radio-btn+.text { color: #000 }
.radio-box input[type=radio]:checked+.radio-btn:after { content: ""; display: block; position: absolute; position: absolute; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.radio-box input[type=radio]:checked+.radio-btn:disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5 }
.radio-box input[type=radio]:disabled+.radio-btn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5 }
.radio-box input[type=radio]:disabled+.radio-btn+.text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4 }
.radio-box input[type=radio]:checked:disabled+.radio-btn { border-color: #005239; background-color: #005239; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5 }
.datepicker-wrap { position: relative }
.datepicker-wrap .datepicker-input { width: 100%; padding-right: 43px }
.datepicker-wrap .calendar-view { position: absolute; right: 1px; top: 1px; width: 42px; height: 42px; text-indent: -9999px; border: none; background: url(/lg5-common/images/common/icons/calendar.svg) no-repeat }
.datepicker-wrap .calendar-view:disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4 }
select.run-chosen { width: 100%; height: 44px; position: relative; background-color: #fff }
@media (max-width:767px) {
select.run-chosen { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; border: 1px solid #6b6b6b; max-height: 44px; padding: 11px 32px 11px 10px; border-radius: 0; background: url(/lg5-common/images/common/icons/select-arrow-gray.svg) no-repeat 100% 50% #fff; color: #333 }
select.run-chosen[disabled] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5 }
select.run-chosen option[value=""][disabled] { display: none }
}
@media (min-width:768px) {
select.run-chosen { visibility: none }
}
select.run-chosen.hidden, select.run-chosen.hidden+.chosen-container { display: none }
.error select.run-chosen { border-color: #db0000!important }
.chosen-container { position: relative; display: block; width: 100%; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 1; color: #333; background-color: #fff }
.chosen-container * { -webkit-box-sizing: border-box; box-sizing: border-box }
.chosen-container .chosen-single { fill: currentColor; cursor: pointer; display: block; position: relative; border: 1px solid #6b6b6b; max-height: 44px; padding: 13px 32px 13px 10px; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; text-decoration: none }
.chosen-container .chosen-single .icon { position: absolute; right: 0; top: 50%; padding: 0 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); fill: #767676 }
.chosen-container .chosen-drop { display: none; position: absolute; top: 100%; z-index: 10; width: 100%; background: #fff; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); clip: rect(0,0,0,0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%) }
.chosen-container .chosen-results { padding: 8px; margin-bottom: 0 }
.chosen-container .chosen-results li { display: list-item; padding: 10px 8px }
.chosen-container .chosen-results li.active-result { cursor: pointer }
.chosen-container .chosen-results li.active-result.highlighted { background-color: #f2f2f2 }
.chosen-container .chosen-results .disabled-result { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4 }
.chosen-container .chosen-results .disabled-result:first-child { display: none }
.chosen-container.chosen-container-single-nosearch .chosen-search, .chosen-container:not(.chosen-with-drop) .chosen-search { position: absolute; clip: rect(0,0,0,0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 }
.chosen-container.chosen-container-active { color: #333 }
.chosen-container.chosen-container-active .chosen-single { border: 2px solid #222; padding: 12px 31px 12px 9px; background: #f8fbff }
.chosen-container.chosen-container-active .chosen-single .icon { fill: currentColor }
.chosen-container.chosen-with-drop .chosen-single .icon svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) }
.chosen-container.chosen-with-drop .chosen-drop { display: block; clip: auto; -webkit-clip-path: none; clip-path: none; border: 1px solid #aaa; border-top: 0 }
.chosen-container.chosen-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5 }
.chosen-container.chosen-disabled .chosen-single { cursor: default }
.chosen-container.chosen-scroll .chosen-drop { max-height: 195px; overflow: hidden }
.chosen-container.chosen-scroll .chosen-drop .mCSB_draggerContainer { top: 8px; bottom: 8px }
.chosen-container.group-chosen li.active-result { color: #333 }
.chosen-container.group-chosen li.group-result { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; color: #333 }
.chosen-container.group-chosen li.group-result else { font-style: normal }
.chosen-container.group-chosen li.group-result.active-result { color: #6b6b6b }
.chosen-container.group-chosen li.group-result.active-result.highlighted { background-color: #f2f2f2 }
.chosen-container.group-chosen li.group-option { font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; color: #6b6b6b; padding-left: 20px; padding-right: 20px }
.chosen-container.group-chosen li.group-option else { font-style: normal }
.delivery-part { width: 100%; display: inline-block; vertical-align: middle }
.delivery-part>.file-name-expose, .delivery-part>input[type=text].file-name-expose { position: relative; vertical-align: middle; width: calc(100% - 104px); height: 44px; display: inline-block }
.delivery-part>.file-name-expose input, .delivery-part>input[type=text].file-name-expose input { width: 100% }
.delivery-part>.file-name-expose .delete, .delivery-part>input[type=text].file-name-expose .delete { display: none; position: absolute; right: 4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 37px; height: 37px; padding: 0 }
.delivery-part>.file-name-expose .delete .icon, .delivery-part>input[type=text].file-name-expose .delete .icon { position: absolute; left: 9px; top: 9px }
@media (max-width:767px) {
.delivery-part>.file-name-expose, .delivery-part>input[type=text].file-name-expose { width: calc(100% - 50px) }
}
.delivery-part input[type=text].file-name-expose.in-file, .delivery-part input[type=text].file-name-expose:valid {
border:2px solid #222;
background-color:#f8fbff
}
.delivery-part input[type=text].file-name-expose.in-file::-webkit-input-placeholder, .delivery-part input[type=text].file-name-expose:valid::-webkit-input-placeholder {
color:transparent
}
.delivery-part input[type=text].file-name-expose.in-file:-ms-input-placeholder, .delivery-part input[type=text].file-name-expose:valid:-ms-input-placeholder {
color:transparent;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
.delivery-part input[type=text].file-name-expose.in-file::-ms-input-placeholder, .delivery-part input[type=text].file-name-expose:valid::-ms-input-placeholder {
color:transparent;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
.delivery-part input[type=text].file-name-expose.in-file::placeholder, .delivery-part input[type=text].file-name-expose:valid::placeholder {
color:transparent;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
.delivery-part input[type=text].file-name-expose.in-file:-ms-input-placeholder, .delivery-part input[type=text].file-name-expose:valid:-ms-input-placeholder {
color:transparent
}
.delivery-part input[type=text].file-name-expose.in-file::-ms-input-placeholder, .delivery-part input[type=text].file-name-expose:valid::-ms-input-placeholder {
color:transparent
}
.delivery-part .replace-file-input { position: relative; display: inline-block; vertical-align: middle; width: 94px; height: 40px; background-color: #6b6b6b; border-radius: 3px; margin-left: 10px }
.delivery-part .replace-file-input:focus, .delivery-part .replace-file-input:hover { background-color: #4d4d4d }
.delivery-part .replace-file-input input, .delivery-part .replace-file-input label { width: 100%; height: 100% }
.delivery-part .replace-file-input input[type=file] { position: absolute; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; width: 100%; height: 100%; color: #fff }
.delivery-part .replace-file-input input[type=file]:focus+label { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; background-color: #4d4d4d }
.delivery-part .replace-file-input label { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 40px; color: #fff; text-align: center; margin: auto; cursor: pointer }
.delivery-part .replace-file-input label else { font-style: normal }
@media (max-width:767px) {
.delivery-part .replace-file-input label { background: url(/lg5-common/images/common/icons/file-add-m.svg) 50% 50% no-repeat; background-size: 20px 20px }
}
.delivery-part.with-delete { width: calc(100% - 50px) }
.delivery-part.attached .delete { display: block }
@media (max-width:767px) {
.delivery-part .file-btn-group { display: none }
.delivery-part .replace-file-input { width: 40px; height: 40px; overflow: hidden }
.delivery-part .replace-file-input label { color: transparent }
.delivery-part .add-next.active, .delivery-part .delete-this.active { display: none }
}
.file-btn-group { display: inline-block; vertical-align: middle; margin-left: 10px }
.file-btn-group .add-next, .file-btn-group .delete-this { display: none; width: 40px; height: 40px; vertical-align: top; border: 1px solid #6b6b6b; border-radius: 3px; background-color: #fff; background-size: 20px 20px; background-position: 50% 50%; background-repeat: no-repeat }
.file-btn-group .add-next.active, .file-btn-group .delete-this.active { display: inline-block }
.file-btn-group .add-next:focus, .file-btn-group .add-next:hover, .file-btn-group .delete-this:focus, .file-btn-group .delete-this:hover { border-color: #000 }
.file-btn-group .add-next { background-image: url(/lg5-common/images/common/icons/file-add.svg) }
.file-btn-group .add-next:focus, .file-btn-group .add-next:hover { background-image: url(/lg5-common/images/common/icons/file-add-hover.svg) }
.file-btn-group .delete-this { background-image: url(/lg5-common/images/common/icons/file-delete.svg) }
.file-btn-group .delete-this:focus, .file-btn-group .delete-this:hover { background-image: url(/lg5-common/images/common/icons/file-delete-hover.svg) }
.search-area { position: relative }
.search-area form { position: relative }
.search-area .search-input { padding-right: 48px; border: 1px solid #6b6b6b; background: #fff }
.search-area input.datepicker-input, .search-area input.search { width: 100%; height: 42px; padding: 0 0 0 15px; font-size: 16px; line-height: 24px; border: 0; background: #fff; color: #000; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.search-area input.datepicker-input else, .search-area input.search else { font-style: normal }
.search-area input.datepicker-input::-webkit-input-placeholder, .search-area input.search::-webkit-input-placeholder {
color:#767676
}
.search-area input.datepicker-input:-ms-input-placeholder, .search-area input.search:-ms-input-placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
.search-area input.datepicker-input::-ms-input-placeholder, .search-area input.search::-ms-input-placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
.search-area input.datepicker-input::placeholder, .search-area input.search::placeholder {
color:#767676;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1
}
.search-area input.datepicker-input:-ms-input-placeholder, .search-area input.search:-ms-input-placeholder {
color:#767676
}
.search-area input.datepicker-input::-ms-input-placeholder, .search-area input.search::-ms-input-placeholder {
color:#767676
}
.search-area input.submit { position: absolute; right: 1px; top: 1px; width: 48px; height: 42px }
.search-area .search-layer { display: none; position: absolute; width: 100%; border: 1px solid #6b6b6b; margin-top: -1px; background: #fff; z-index: 2 }
.search-area .search-layer.active { display: block }
.search-area .search-layer .search-head { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; padding: 12px 10px 10px; font-size: 16px; line-height: 24px; color: #333; background: #f8f8f8; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 }
.search-area .search-layer .search-head else { font-style: normal }
.search-area .search-layer ul.list li { position: relative; background: #fff; border-bottom: 1px solid #eee }
.search-area .search-layer ul.list li a { float: left; display: block; width: 100%; padding: 8px 60px 9px 20px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size: 14px; color: #6b6b6b }
.search-area .search-layer ul.list li a else { font-style: normal }
.search-area .search-layer ul.list li a .product-name { display: block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.search-area .search-layer ul.list li:hover { background: #fdf5f8 }
.search-area .search-layer ul.list li:hover a { color: #005239 }
.search-area .search-layer ul.list li a.delete { position: absolute; right: 12px; top: 0; width: 37px; height: 37px; padding: 0 }
.search-area .search-layer ul.list li a.delete .icon { position: absolute; left: 9px; top: 9px }
.search-area .search-layer .search-result-list .search-head:nth-child(1) { border-top: 0 }
.search-area .search-layer .search-result-list .search-head strong { float: left; display: block }
.search-area .search-layer .search-result-list .search-head strong:nth-child(1) { width: 66.26506% }
.search-area .search-layer .search-result-list .search-head strong:nth-child(2) { position: relative; width: 33.73494% }
.search-area .search-layer .search-result-list .search-head strong:nth-child(2):before { content: ""; display: block; position: absolute; left: 0; top: 0; margin: -12px 0 0 -10px; width: 1px; height: 46px; background: #e4e4e4 }
.search-area .search-layer .search-result-list .scrollbar { max-height: 228px }
.search-area .search-layer .search-result-list .scrollbar>.mCustomScrollBox { max-height: 228px }
.search-area .search-layer .search-result-list .scrollbar .mCSB_inside>.mCSB_container { margin-right: 0 }
.search-area .search-layer .search-result-list ul.list li a { padding: 8px 10px 9px }
.search-area .search-layer .search-result-list ul.list li a .category-name, .search-area .search-layer .search-result-list ul.list li a .model-name, .search-area .search-layer .search-result-list ul.list li a .product-name { float: left; display: block; padding: 0 10px }
.search-area .search-layer .search-result-list ul.list li a .category-name { float: right }
.search-area .search-layer .search-result-list ul.list li a .model-name { width: 28.242678%; word-break: break-all }
.search-area .search-layer .search-result-list ul.list li a .product-name { width: 38.284519% }
.search-area .search-layer .search-result-list ul.list li a .category-name { width: 32.635983% }
.search-area .search-layer .no-submit { display: none; text-align: center; padding: 11px 20px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #005239 }
.search-area .search-layer .no-submit else { font-style: normal }
.search-area .search-layer .not-result { text-align: center; padding: 54px 20px 42px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #6b6b6b }
.search-area .search-layer .not-result else { font-style: normal }
.search-area .search-layer .search-footer-area { padding: 13px 20px; text-align: right; background: #f8f8f8; overflow: hidden }
.search-area .search-layer .search-footer-area .link-close { color: #333; float: left }
.search-area .search-layer .search-footer-area .link-more { float: right }
.pagination { display: block; overflow: hidden; position: relative; margin: 30px auto 0; padding: 0 34px; max-width: 260px; height: 32px; text-align: center }
.pagination a { display: inline-block; text-decoration: none }
.pagination a, .pagination button { border: 0; padding: 0 }
.pagination .next, .pagination .prev { position: absolute; bottom: 0; width: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-indent: 200%; cursor: pointer }
.pagination .next:disabled, .pagination .prev:disabled { display: none }
.pagination .prev { left: 0; background: url(/lg5-common/images/common/icons/page-left.svg) no-repeat 9px 10px }
.pagination .next { right: 0; background: url(/lg5-common/images/common/icons/page-right.svg) no-repeat 10px 10px }
.pagination ul { margin: 0 }
.pagination li { display: inline-block; margin: 0 1px }
.pagination li a, .pagination li button { border: 1px solid #6b6b6b; width: 32px; height: 32px; font-size: 14px; line-height: 24px; color: #4e4e4e; background: #fff; cursor: pointer }
.pagination li a.active, .pagination li button.active { color: #fff; background-color: #6b6b6b; border-color: #6b6b6b }
.pagination li a { line-height: 32px }
.expander { display: none; background-color: #fff }
.expander button { border: none; border: 1px solid #6b6b6b; display: block; width: 100%; padding: 7px 0; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; color: #333 }
.expander button else { font-style: normal }
.expander button:disabled { display: none }
@media (min-width:991px) {
.expander { display: none!important }
}
.carousel-btn-wrap .type-square { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e4e4e4; background-color: #fff; border-radius: 2px; text-indent: -9999em; line-height: 0; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; color: #767676; background-position: 50% 50%; background-repeat: no-repeat }
.carousel-btn-wrap .type-square.slick-pause, .carousel-btn-wrap .type-square.slick-play { border: none }
.carousel-btn-wrap .type-square.slick-pause { background-image: url(/lg5-common/images/common/icons/pause-dimgray.svg) }
.carousel-btn-wrap .type-square.slick-play { background-image: url(/lg5-common/images/common/icons/play-dimgray.svg) }
.carousel-btn-wrap .type-square.slick-prev { background-image: url(/lg5-common/images/common/icons/arrow-left-dimgray.svg); background-image: url(/lg5-common/images/common/icons/arrow-left.svg) }
.carousel-btn-wrap .type-square.slick-next { background-image: url(/lg5-common/images/common/icons/arrow-right-dimgray.svg); background-image: url(/lg5-common/images/common/icons/arrow-right.svg) }
@media (max-width:767px) {
.carousel-btn-wrap .type-square { width: 20px; height: 20px }
.carousel-btn-wrap .type-square.slick-next, .carousel-btn-wrap .type-square.slick-prev { background-size: auto 16px }
.carousel-btn-wrap .type-square.slick-pause, .carousel-btn-wrap .type-square.slick-play { margin: 0 17px }
}
@media (min-width:768px) {
.carousel-btn-wrap .type-square { width: 26px; height: 26px }
.carousel-btn-wrap .type-square.slick-pause, .carousel-btn-wrap .type-square.slick-play { margin: 0 12px }
}
.carousel-btn-wrap .type-square:disabled { position: relative }
.carousel-btn-wrap .type-square:disabled:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.7) }
.thumbnail-carousel { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 0; padding-bottom: 13px; overflow: hidden }
.thumbnail-carousel .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.thumbnail-carousel .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; height: 100% }
.thumbnail-carousel .slick-list:focus { outline: 0 }
.thumbnail-carousel .slick-list.dragging { cursor: pointer; cursor: hand }
.thumbnail-carousel .slick-list .slick-track { float: left }
.thumbnail-carousel .slick-list .slick-track .slick-slide { float: left }
.thumbnail-carousel ul.slick-dots { position: absolute!important; bottom: 0!important; left: 0!important; width: 100%!important; height: 7px!important; text-align: center!important }
.thumbnail-carousel ul.slick-dots li { position: relative; padding: 0!important; margin: 0 2px!important; display: inline-block!important; float: none!important; width: 7px!important; height: 7px!important; line-height: normal; vertical-align: top }
.thumbnail-carousel ul.slick-dots li:first-child { margin-left: 0 }
.thumbnail-carousel ul.slick-dots li a, .thumbnail-carousel ul.slick-dots li button { border-radius: 50%; overflow: hidden; background: #fff; border: 1px solid #767676; width: 7px; height: 7px; margin: 0; padding: 0; display: block; cursor: pointer; color: #fff }
.thumbnail-carousel ul.slick-dots li a:focus, .thumbnail-carousel ul.slick-dots li button:focus { outline: 1px solid #000 }
.thumbnail-carousel ul.slick-dots li.slick-active a, .thumbnail-carousel ul.slick-dots li.slick-active button { background: #767676; border-color: #767676; color: #767676 }
.thumbnail-carousel ul.slick-dots li:before { display: none!important }
[class^=tabs-type] {
font-size:0
}
[class^=tabs-type] a, [class^=tabs-type] button { background-color: transparent; border: none; padding: 10px 20px; text-transform: uppercase }
[class^=tabs-type] .btn-tab { display: inline-block; vertical-align: top; font-size: 16px; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; pointer-events: auto }
[class^=tabs-type] .btn-tab else { font-style: normal }
[class^=tabs-type] .btn-tab.active { color: #005239 }
@media (max-width:767px) {
[class^=tabs-type] {
white-space:nowrap;
overflow-x:auto
}
}
.tabs-type-liner { white-space: nowrap; color: #6b6b6b }
@media (min-width:768px) {
.tabs-type-liner { border-bottom: 1px solid #e4e4e4 }
}
.tabs-type-liner .btn-tab { font-size: 16px; margin: 0 68px 0 0; border-width: 3px; padding: 12px 20px; pointer-events: auto; background-color: #fff; color: #6b6b6b }
.tabs-type-liner .btn-tab.active { color: #000 }
.tabs-type-liner .btn-tab:last-child { margin-right: 0 }
@media (max-width:767px) {
.txt-area img { width: 100% }
.tabs-type-liner { margin-top: 5px }
.tabs-type-liner .btn-tab { padding: 11px 0 12px 0; margin: 0 0 0 24px; border-width: 2px }
.tabs-type-liner .btn-tab:first-child { margin-left: 0 }
.tabs-type-liner li { display: inline-block; margin: 0 0 0 24px }
.tabs-type-liner li:first-child { margin-left: 0 }
.tabs-type-liner li:first-child .btn-tab { margin: 0 }
.tabs-type-liner button.btn-tab { cursor: pointer }
}
.tabs-type-liner .btn-tab.active { border-bottom: 3px solid #005239 }
.tabs-type-liner a { display: block; text-decoration: none }
.tabs-type-liner.center { text-align: center }
.tabs-type-liner.small { border-bottom: 1px solid #e4e4e4 }
.tabs-type-liner.small .btn-tab { font-size: 14px; padding: 11px 20px 11px 20px; margin: 0 10px 0 0 }
.tabs-type-liner.small .btn-tab.active { border-bottom-width: 2px }
.tabs-type-rect { white-space: nowrap }
@media (min-width:768px) {
.tabs-type-rect { color: #6b6b6b }
.tabs-type-rect a, .tabs-type-rect button { color: #6b6b6b; padding: 15px 40px; text-decoration: none }
.tabs-type-rect .btn-tab { border: 1px solid #d9d9d9; border-left: none }
.tabs-type-rect .btn-tab:first-child { border-left: 1px solid #d9d9d9 }
.tabs-type-rect.center { text-align: center }
}
@media (max-width:767px) {
.tabs-type-rect { color: #6b6b6b }
.tabs-type-rect .btn-tab { font-size: 16px; border-width: 3px; background-color: #fff; color: #6b6b6b; padding: 11px 0 12px 0; margin: 0 0 0 24px }
.tabs-type-rect .btn-tab:first-child { margin-left: 0 }
.tabs-type-rect li { display: inline-block; margin: 0 0 0 24px }
.tabs-type-rect li:first-child { margin-left: 0 }
.tabs-type-rect li:first-child .btn-tab { margin-left: 0 }
.tabs-type-rect .btn-tab.active { color: #000; border-bottom: 3px solid #005239 }
.tabs-type-rect a { display: block; text-decoration: none }
.tabs-type-rect.center { text-align: center }
}
.tab-equal-type { display: table; table-layout: fixed; width: 100% }
.tab-equal-type .btn-tab { margin: 0; display: table-cell; width: 100%; text-align: center }
.js-tab-controll-type2.none-scroll .tab-scroll-controller, .js-tab-controll.none-scroll .tab-scroll-controller { display: none }
.js-tab-controll-type2.has-scroll .tab-scroll-controller, .js-tab-controll.has-scroll .tab-scroll-controller { display: block }
.js-tab-controll .tab-scroll-controller, .js-tab-controll-type2 .tab-scroll-controller { display: none }
.js-tab-controll .tab-scroll-controller button, .js-tab-controll-type2 .tab-scroll-controller button { width: 51px; height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; border: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer }
@media (max-width:767px) {
.js-tab-controll .tab-scroll-controller button, .js-tab-controll-type2 .tab-scroll-controller button { width: 41px }
}
.js-tab-controll .tab-scroll-controller button:before, .js-tab-controll-type2 .tab-scroll-controller button:before { content: ''; display: inline-block; width: 14px; height: 14px; border-left: 1px solid #767676; border-top: 1px solid #767676; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center }
.js-tab-controll .tab-scroll-controller button:disabled, .js-tab-controll-type2 .tab-scroll-controller button:disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4; cursor: default }
.js-tab-controll .tab-scroll-controller button span, .js-tab-controll-type2 .tab-scroll-controller button span { color: #000 }
.js-tab-controll .tab-scroll-controller .scroll-left, .js-tab-controll-type2 .tab-scroll-controller .scroll-left { left: 0 }
.js-tab-controll .tab-scroll-controller .scroll-left:before, .js-tab-controll-type2 .tab-scroll-controller .scroll-left:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -2px }
.js-tab-controll .tab-scroll-controller .scroll-right, .js-tab-controll-type2 .tab-scroll-controller .scroll-right { right: 0 }
.js-tab-controll .tab-scroll-controller .scroll-right:before, .js-tab-controll-type2 .tab-scroll-controller .scroll-right:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: -8px; margin-bottom: -2px }
@media (min-width:768px) {
.js-tab-controll { position: relative }
.js-tab-controll:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e4e4e4 }
.js-tab-controll .tab-outer { padding: 0; background: #fff; text-align: center; border-bottom: 1px solid #e4e4e4 }
.js-tab-controll .tab-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger, .js-tab-controll .tab-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 }
.js-tab-controll .tab-outer .tab-inner { border-bottom: none }
.js-tab-controll .tab-outer .tab-inner li { display: inline-block; padding-left: 20px }
.js-tab-controll .tab-outer .tab-inner li:first-child { padding-left: 0 }
.js-tab-controll .tab-outer .btn-tab { max-width: 200px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 15px 40px 15px 20px; margin-right: 10px; display: table-cell; text-align: center; vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .1s; transition: opacity .1s; height: 32px }
.js-tab-controll .tab-outer .btn-tab:last-child { padding-right: 20px }
.js-tab-controll .tab-outer .btn-tab.active { padding-bottom: 12px }
.js-tab-controll .tab-outer.type-half { background-color: transparent }
.js-tab-controll .tab-outer.type-half .btn-tab { padding-right: 20px; max-width: 130px }
.js-tab-controll .tab-outer:not(.type-half) .btn-tab.active:not(:last-child) { position: relative }
.js-tab-controll .tab-outer:not(.type-half) .btn-tab.active:not(:last-child):after { content: ''; width: 20px; height: 100%; border-bottom: 3px solid #fff; background: inherit; position: absolute; right: 0; top: 0; display: block; -webkit-box-sizing: content-box; box-sizing: content-box }
.js-tab-controll .tab-outer.mCustomScrollbar_init .btn-tab { white-space: normal; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
.js-tab-controll .tab-outer .tab-scroll-controller { display: none }
.js-tab-controll .tab-scroll-controller { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .1s; transition: opacity .1s }
.js-tab-controll.has-scroll { padding: 0 51px }
.js-tab-controll.has-scroll .tab-scroll-controller { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
.js-tab-controll.none-scroll .tab-scroll-controller { display: none }
.js-tab-controll.none-scroll .mCustomScrollbar { padding: 0 }
.js-tab-controll.none-scroll .mCS_no_scrollbar { padding: 0 }
.js-tab-controll.none-scroll .mCS_no_scrollbar .tab-inner { display: inline-block; text-align: center; vertical-align: top }
.js-tab-controll:not(.none-scroll) { position: relative }
.js-tab-controll:not(.none-scroll) .tab-scroll-controller { display: block }
.js-tab-controll.type-rect:before { display: none }
.js-tab-controll.type-rect .tab-outer { border-bottom: 0; background: 0 0 }
.js-tab-controll.type-rect .tab-outer .btn-tab { max-width: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px; margin-right: 0; display: inline-block; text-align: center; vertical-align: top; white-space: nowrap }
.js-tab-controll.type-rect .tab-outer .btn-tab:last-child { padding-right: 20px }
.js-tab-controll.type-rect .tab-outer .btn-tab.active { padding-bottom: 15px }
.js-tab-controll.type-rect .tab-outer:not(.type-half) .btn-tab.active:not(:last-child):after { display: none }
.js-tab-controll.type-rect:not(.none-scroll) .tab-outer .btn-tab:first-child { border-left: 0 }
.js-tab-controll.type-rect:not(.none-scroll) .tab-outer .btn-tab:last-child { border-right: 0 }
.js-tab-controll.type-rect:not(.none-scroll) .tab-scroll-controller button { border: 1px solid #d9d9d9; padding: 0 }
.js-tab-controll.type-rect:not(.none-scroll) .tab-scroll-controller button:disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
.js-tab-controll.type-rect:not(.none-scroll) .tab-scroll-controller button:disabled:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4 }
.js-tab-controll.type-rect:not(.none-scroll) .tab-scroll-controller .scroll-left:before { margin-left: 9px }
.js-tab-controll.type-rect:not(.none-scroll) .tab-scroll-controller .scroll-right:before { margin-left: -9px }
}
@media (max-width:767px) {
@-webkit-keyframes arrow { 0% {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
background-position:1px 50%
}
50% {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1;
background-position:3px 50%
}
100% {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
background-position:1px 50%
}
}
@keyframes arrow { 0% {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
background-position:1px 50%
}
50% {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity:1;
background-position:3px 50%
}
100% {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
background-position:1px 50%
}
}
.tab-wrap { position: relative; border-bottom: 1px solid #e4e4e4; margin: 0 -24px }
.tab-wrap .tab-outer { position: static; margin: 0 41px; height: auto; font-size: 0 }
.tab-wrap .tab-outer .arrow { position: absolute; right: 0; bottom: 0; width: 24px; height: 100%; background: url(/lg5-common/images/common/icons/double-angle-right-nobel.svg) no-repeat; background-position: 0 50%; background-color: #fff; -webkit-animation: arrow 1s .2s infinite; animation: arrow 1s .2s infinite; -webkit-transition: opacity .5s ease; transition: opacity .5s ease }
.tab-wrap .tab-outer .arrow.js-fade { display: none }
.tab-outer { text-align: center; overflow-x: auto }
.tab-outer .tab-inner { display: inline-block; text-align: center }
.has-scroll .tab-outer { text-align: left }
.has-scroll .tab-outer .tab-inner { text-align: left }
.none-scroll .tab-outer .mCSB_container { left: 0!important; width: 100%!important }
}
.notice { position: relative; padding: 7px 0 0 22px; font-size: 14px; line-height: 20px; color: #6b6b6b }
.notice:before { content: ""; display: block; position: absolute; left: 0; top: 10px; width: 14px; height: 14px; background: url(/lg5-common/images/common/icons/notice.svg) no-repeat 0 0 }
.require-area { color: #6b6b6b; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: right }
.require-area else { font-style: normal }
.require-area .require { padding: 0 3px 0 0; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.require-area .require else { font-style: normal }
.require { display: inline-block; padding: 0 0 0 3px; color: #005239; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.require else { font-style: normal }
body.modal-open { padding-right: 0!important }
.modal { padding-right: 0!important }
@media (min-width:768px) {
.modal:before { display: inline-block; vertical-align: middle; content: ''; height: 100% }
}
.modal.modal-scroll .modal-body { max-height: 400px }
.modal.modal-scroll .modal-lg .modal-body { max-height: 600px }
.modal.modal-fix:before { vertical-align: top }
.modal.modal-fix .modal-dialog { top: 40px }
@media (max-width:767px) {
.modal.modal-fix .modal-dialog { top: 0 }
}
.modal.modal-locked { overflow-y: hidden }
.modal.modal-simple .modal-header { padding-top: 32px }
.modal.modal-simple .modal-header+.modal-body { padding-top: 0 }
@media (max-width:767px) {
.modal.modal-simple .modal-header { padding-top: 22px }
}
.modal.modal-simple .modal-body { padding: 32px 40px 0!important }
@media (max-width:767px) {
.modal.modal-simple .modal-body { padding: 22px 30px 0!important }
}
.modal.modal-simple .modal-footer { padding: 23px 40px 40px }
@media (max-width:767px) {
.modal.modal-simple .modal-footer { padding: 23px 30px 30px }
}
.modal.modal-simple .modal-dialog { width: 400px; margin-left: -200px; border: 1px solid #333 }
@media (max-width:767px) {
.modal.modal-simple .modal-dialog { width: 310px; margin-left: -155px; margin-top: 47px }
}
.modal.modal-simple .simple-content-box { text-align: center; font-size: 16px; color: #333 }
@media (max-width:767px) {
.modal.modal-simple .simple-content-box { font-size: 14px }
}
.modal.modal-simple .simple-content-box p { margin: 0 }
.modal.modal-simple .simple-content-box .content-paragraph:not(:first-child) { margin-top: 17px }
.modal.modal-simple .simple-content-box .modal-url { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.modal.modal-simple .simple-content-box .modal-url else { font-style: normal }
.modal.modal-simple .simple-content-box .receipt-number { color: #005239 }
.modal .modal-dialog { max-width: 100%; display: inline-block; text-align: left; vertical-align: middle; left: 50% }
.modal .modal-dialog.modal-sm { width: 480px; max-width: 480px; margin-left: -240px }
@media (max-width:767px) {
.modal .modal-dialog.modal-sm { left: 0; margin: 47px 12px 0; width: calc(100% - 24px); max-width: 100% }
}
.modal .modal-dialog.modal-md { width: 560px; max-width: 560px; margin-left: -280px }
@media (max-width:767px) {
.modal .modal-dialog.modal-md { left: 0; margin: 47px 12px 0; width: calc(100% - 24px); max-width: 100% }
}
.modal .modal-dialog.modal-lg { width: 710px; max-width: 710px; margin-left: -355px }
@media (max-width:767px) {
.modal .modal-dialog.modal-lg { left: 0; margin: 47px 12px 0; width: calc(100% - 24px); max-width: 100% }
}
.modal .modal-dialog .mCSB_container .question-section .star-rates+.caution { margin-top: 5px!important }
.modal .modal-content { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none }
.modal .modal-content .modal-close { position: absolute; right: 30px; top: 22px; z-index: 1; width: 20px; height: 20px; padding: 0; border: 0; cursor: pointer; overflow: hidden; text-indent: 200%; white-space: nowrap; background: url(/lg5-common/images/common/icons/modal-close.svg) no-repeat 0 0 }
@media (max-width:767px) {
.modal .modal-content .modal-close { right: 20px; top: 17px; width: 15px; height: 15px; background-size: 100% 100% }
}
.modal .modal-content>.modal-body:first-child { padding-top: 60px }
.modal .modal-header { padding: 22px 40px 10px 0; margin: 0 30px 18px; border-bottom: 3px solid #005239 }
@media (max-width:767px) {
.modal .modal-header { padding: 12px 30px 9px 0; margin-left: 20px; margin-right: 20px }
}
.modal .modal-header+.modal-body { padding-top: 0 }
.modal .modal-title { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 28px; line-height: 32px; color: #000 }
.modal .modal-title else { font-style: normal }
@media (max-width:767px) {
.modal .modal-title { font-size: 24px }
}
.modal .modal-body { padding: 0 30px; color: #6b6b6b; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.modal .modal-body else { font-style: normal }
@media (max-width:767px) {
.modal .modal-body { padding-left: 20px; padding-right: 20px }
}
.modal .modal-body p { margin: 0 }
.modal .modal-footer { border: 0; padding: 20px 30px 30px; text-align: center; display: block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
@media (max-width:767px) {
.modal .modal-footer { padding: 20px }
}
.modal .modal-footer .btn { margin: 0 5px }
.modal .modal-footer .btn.btn-block { margin: 0 }
.modal .modal-footer .btn.btn-block+.btn-block { margin-top: 10px }
.btn-tooltip-question { position: relative; top: 1px; display: inline-block; overflow: hidden; text-indent: 200%; white-space: nowrap; width: 20px; height: 20px; padding: 0; border: 0; vertical-align: top; background: 0 0; cursor: pointer }
.btn-tooltip-question span { position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; border-radius: 100%; background: #005239 }
.btn-tooltip-question span:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 14px; height: 14px; background: url(/lg5-common/images/common/icons/question.svg) no-repeat 0 0 }
.tooltip { position: relative; display: inline-block; padding-right: 22px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 }
.tooltip-wrap { position: absolute; right: 0; top: 0 }
.tooltip-area { display: none; position: absolute; z-index: 1000; min-width: 220px }
.tooltip-area:before { position: absolute; content: ''; border-color: #e4e4e4; border-style: solid; border-width: 0 0 1px 1px; background: #fff; width: 11px; height: 11px }
.tooltip-area.top-left { bottom: 26px; right: -5px; padding: 0 0 8px }
.tooltip-area.top-left:before { bottom: 2px; right: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.tooltip-area.top-center { bottom: 26px; left: 50%; margin-left: -108px; padding: 0 0 8px }
.tooltip-area.top-center:before { bottom: 2px; left: 50%; margin-left: -8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.tooltip-area.top-right { bottom: 26px; left: -5px; padding: 0 0 8px }
.tooltip-area.top-right:before { bottom: 2px; left: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.tooltip-area.bottom-left { top: 26px; right: -5px; padding: 8px 0 0 }
.tooltip-area.bottom-left:before { top: 2px; right: 9px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.tooltip-area.bottom-left .tooltip-close { top: 16px }
.tooltip-area.bottom-center { top: 26px; left: 50%; margin-left: -108px; padding: 8px 0 0 }
.tooltip-area.bottom-center:before { top: 2px; left: 50%; margin-left: -8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.tooltip-area.bottom-center .tooltip-close { top: 16px }
.tooltip-area.bottom-right { top: 26px; left: -5px; padding: 8px 0 0 }
.tooltip-area.bottom-right:before { top: 2px; left: 9px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.tooltip-area.bottom-right .tooltip-close { top: 16px }
.tooltip-inner { padding: 18px 30px 19px 24px; border: 1px solid #e4e4e4; background: #fff; color: #767676; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-align: left; word-wrap: break-all; max-width: none }
.tooltip-inner else { font-style: normal }
.tooltip-inner p { margin: 0 }
.tooltip-close { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; padding: 0; border: 0; cursor: pointer; overflow: hidden; text-indent: 200%; white-space: nowrap; background: #fff url(/lg5-common/images/common/icons/modal-close.svg) no-repeat 4px 4px; background-size: 12px 12px }
table caption { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 }
.table-view { width: 100%; border-bottom: 1px solid #e4e4e4 }
.table-view tr:first-child td, .table-view tr:first-child th { border-top: 1px solid #e4e4e4 }
.table-view tr td, .table-view tr th { padding: 14px 20px 13px 24px }
@media (max-width:767px) {
.table-view tr td, .table-view tr th { padding-left: 20px; font-size: 14px }
}
.table-view th { background-color: #f8f8f8; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 16px; border-top: 1px solid #eee; color: #333; font-weight: 400 }
.table-view th else { font-style: normal }
.table-view td { font-size: 16px; color: #6b6b6b; border-top: 1px solid #eee }
.table-view td p { margin: 0 }
.table-view td .info-text { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #6b6b6b; min-height: 88px }
.table-view td .info-text else { font-style: normal }
.table-view td .info-text strong { color: #333 }
@media (min-width:768px) {
.table-view td .info-text+.info-text { padding-top: 14px }
}
@media (max-width:767px) {
.table-view td .info-text { min-height: 35px }
}
@media (max-width:767px) {
.table-view td p { margin: 0 }
}
.table-view td .color, .table-view td.color { color: #005239 }
.table-view td .color a, .table-view td.color a { color: inherit }
.table-view td.border-left { border-left: 1px solid #eee }
@media (max-width:767px) {
.table-view td.border-left { border-left: 0 }
}
.table-view td.vertical-top { vertical-align: top }
.table-view td img { max-width: 80px; max-height: 80px; margin-right: 10px }
@media (max-width:767px) {
.table-view td .link-text { font-size: 14px }
}
.table-view td img+.text-wrap { display: inline-block; vertical-align: middle; max-width: 280px; padding: 10px 0 }
.table-view.row2 th { padding: 43px 0 40px 24px }
.table-list table, .table-list td, .table-list th { border-collapse: collapse }
.table-list table { width: 100%; border-spacing: 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; table-layout: fixed }
.table-list table td, .table-list table th { word-break: break-all; font-size: 16px; line-height: 24px; text-align: center }
@media (max-width:767px) {
.table-list table td, .table-list table th { font-size: 14px; line-height: 20px }
}
.table-list table thead th { padding: 14px 5px 13px; border-bottom: 1px solid #e4e4e4; background: #f8f8f8; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #333 }
.table-list table thead th else { font-style: normal }
@media (max-width:767px) {
.table-list table thead th { padding-bottom: 15px }
}
.table-list table tbody td, .table-list table tbody th { padding: 14px 5px 13px; border-top: 1px solid #eee; background: #fff; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; color: #6b6b6b }
.table-list table tbody td else, .table-list table tbody th else { font-style: normal }
@media (max-width:767px) {
.table-list table tbody td, .table-list table tbody th { padding-bottom: 15px }
}
.table-list table tbody tr:first-child td, .table-list table tbody tr:first-child th { border-top: 0 }
@media (max-width:767px) {
.table-list table .link-text.lg { font-size: 14px; line-height: 20px }
}
.table-list.js-scroll-x table { min-width: 767px }
.table-list.table-no-result table { border-bottom: 0 }
.table-list.table-no-result tbody { display: none }
.table-list.table-list-image td { padding: 20px 5px }
.ui-datepicker { border: 1px solid #6b6b6b; width: 318px; margin-left: -1px; position: absolute; left: -9999em; display: none }
@media (max-width:767px) {
.ui-datepicker { width: 100%; left: 0!important; right: 0!important; margin-left: 0!important }
}
.ui-datepicker .ui-datepicker-header { border-bottom: 1px solid #eee; position: relative; padding: 17px 0; background: #fff }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align: center; padding: 0 35px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 20px; line-height: 1; color: #000 }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title else { font-style: normal }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { position: absolute; text-indent: -9999em; width: 20px; height: 20px; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 57px; background: url(/lg5-common/images/common/icons/arrow-left.svg) no-repeat 50% 50% }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 57px; background: url(/lg5-common/images/common/icons/arrow-right.svg) no-repeat 50% 50% }
.ui-datepicker .ui-datepicker-calendar { width: 100%; display: block; padding: 8px; background: #fff }
.ui-datepicker .ui-datepicker-calendar tbody, .ui-datepicker .ui-datepicker-calendar thead { display: table; table-layout: fixed; width: 100% }
.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th { font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; text-align: center; font-size: 14px; height: 24px; line-height: 24px; padding: 4px 0 }
.ui-datepicker .ui-datepicker-calendar td else, .ui-datepicker .ui-datepicker-calendar th else { font-style: normal }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child, .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child { color: #005239 }
.ui-datepicker .ui-datepicker-calendar th { font-weight: 400; color: #767676 }
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled { color: #767676!important; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled else { font-style: normal }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-days-cell-over a { background: #f8f8f8; border-radius: 50%; text-decoration: underline }
.ui-datepicker .ui-datepicker-calendar a { color: inherit; width: 24px; margin: 0 auto; display: block }
.ui-datepicker .ui-datepicker-calendar a.ui-state-active { color: #fff; background: #005239!important; border-radius: 50%; text-decoration: none!important }
.mCustomScrollbar { -ms-touch-action: none; touch-action: none }
.mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto }
.mCustomScrollBox { position: relative; overflow: hidden; max-width: 100%; outline: 0; direction: ltr }
.mCSB_container { overflow: hidden; width: auto; height: auto }
.mCSB_inside>.mCSB_container { margin-right: 18px }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 }
.mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px }
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 }
.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 }
.mCSB_outside+.mCSB_scrollTools { right: -26px }
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: 0 }
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto }
.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0 }
.mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 20px }
.mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100% }
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 }
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 }
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px }
.mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px }
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px }
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 }
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 }
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px }
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 }
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { margin-right: 0; margin-left: 30px }
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out }
.mCSB_scrollTools { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" }
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" }
.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" }
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px }
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,.85) }
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0,0,0,.9) }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px }
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.1); border-radius: 1px }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.75); border-radius: 1px }
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px }
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); border-radius: 1px }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); border-radius: 1px }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,.1); border-radius: 2px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,.75); border-radius: 2px }
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 }
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); border-radius: 2px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); border-radius: 2px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px }
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.1) }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px }
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% }
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto }
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px }
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.15) }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px }
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px }
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 }
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 }
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px }
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px }
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px }
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" }
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px }
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,.5)), to(rgba(255,255,255,0))); background-image: linear-gradient(to right, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) }
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,.5)), to(rgba(255,255,255,0))); background-image: linear-gradient(to bottom, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) }
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px }
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px }
.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" }
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px }
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,.2); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.5), inset -1px 0 1px rgba(255,255,255,.2); box-shadow: inset 1px 0 1px rgba(0,0,0,.5), inset -1px 0 1px rgba(255,255,255,.2) }
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 }
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px }
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.2); box-shadow: inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.2) }
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto }
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1); box-shadow: inset 1px 0 1px rgba(0,0,0,.1) }
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.1) }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }
.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" }
.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px }
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px }
.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5); box-shadow: inset 1px 0 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5); box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.4); box-shadow: inset 1px 0 0 rgba(255,255,255,.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.4) }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto }
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) }
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }
.mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,.2); box-shadow: inset 0 0 14px rgba(0,0,0,.2) }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.2); box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.2) }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.4), inset -1px 0 0 rgba(0,0,0,.2); box-shadow: inset 1px 0 0 rgba(255,255,255,.4), inset -1px 0 0 rgba(0,0,0,.2) }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.2) }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 }
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px }
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px }
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,.2) }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px }
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 }
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px }
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,.2) }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 }
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 }
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 }
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,.2); -webkit-box-sizing: border-box; box-sizing: border-box }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,.2) }
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,.6) }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.6) }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75) }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85) }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9) }
.js-tab-guide-outer .mCSB_horizontal.mCSB_inside>.mCSB_container { margin: 0 }
.js-tab-guide-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 0 }
.js-tab-guide-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar { background-color: rgba(0,0,0,.75); margin: 0 }
.js-tab-guide-outer .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 4px; z-index: 5 }
.js-tab-guide-outer .mCSB_scrollTools_horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important; opacity: 0!important }
.js-tab-guide-outer:hover .mCSB_scrollTools_horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important; opacity: 0!important }
@media print {
body, html { width: 100%; height: 100%; margin: 0; -webkit-print-color-adjust: economy; color-adjust: economy }
}
.customer-title-wrap { padding: 0 15px }
@media (max-width:767px) {
.customer-title-wrap { padding: 0 9px }
}
.customer-title { position: relative; width: 100%; max-width: 1284px; margin: 0 auto; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; text-align: center; background-color: transparent!important }
.customer-title else { font-style: normal }
.customer-title.line { border-bottom: 2px solid #333 }
.customer-title.line .txt-area { padding: 13px 0 34px }
@media (max-width:767px) {
.customer-title.line .txt-area { padding-bottom: 19px }
}
.customer-title.line .desc { padding-top: 10px!important }
@media (max-width:767px) {
.customer-title.line .desc { padding-top: 7px!important }
}
@media (max-width:767px) {
.customer-title.button .txt-area { padding-top: 70px }
}
.customer-title .txt-area { padding: 13px 0 44px }
.customer-title .txt-area .txt-wrap .title { font-size: 48px; line-height: 56px; margin: 0; max-width: 800px; margin: 0 auto; padding: 0; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; color: #000 }
.customer-title .txt-area .txt-wrap .title else { font-style: normal }
.customer-title .txt-area .txt-wrap .desc { max-width: 800px; margin: 0 auto; padding-top: 15px; font-size: 18px; line-height: 24px; color: #333 }
.customer-title .txt-area .txt-wrap .desc .count { color: #005239; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400 }
.customer-title .txt-area .txt-wrap .desc .count else { font-style: normal }
.customer-title .txt-area .txt-wrap .desc:empty { padding: 0 }
.customer-title .txt-area .txt-wrap .desc strong { font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400 }
.customer-title .txt-area .txt-wrap .desc strong else { font-style: normal }
@media (max-width:1199px) {
.customer-title .txt-area .txt-wrap .title { font-size: 44px; line-height: 52px }
}
@media (max-width:991px) {
.customer-title .txt-area .txt-wrap .title { font-size: 40px; line-height: 48px }
}
@media (max-width:767px) {
.customer-title .txt-area { padding: 33px 0 34px }
.customer-title .txt-area .txt-wrap .title { font-size: 32px; line-height: 36px }
.customer-title .txt-area .txt-wrap .desc { padding-top: 7px; font-size: 16px; line-height: 24px }
}
.customer-title .previous, .visible-sticky .previous { position: absolute; left: 0; top: 16px }
@media (max-width:767px) {
.customer-title .previous, .visible-sticky .previous { top: 18px }
}
.customer-title .previous a, .visible-sticky .previous a { display: block; height: 40px; padding: 10px 0 0 60px; color: #6b6b6b; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-decoration: none }
.customer-title .previous a else, .visible-sticky .previous a else { font-style: normal }
.customer-title .previous a:before, .visible-sticky .previous a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: #f5f5f5 }
.customer-title .previous a:after, .visible-sticky .previous a:after { content: ""; display: block; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background: url(/lg5-common/images/common/icons/arrow-left-nightrider.svg) no-repeat 50% 50% }
.customer-title .print, .visible-sticky .print { position: absolute; right: 0; top: 89px }
.customer-title .print a, .visible-sticky .print a { position: relative; display: inline-block; padding: 0 0 0 30px; color: #6b6b6b; font-family: "LG Smart Bold", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-decoration: none; text-transform: uppercase }
.customer-title .print a else, .visible-sticky .print a else { font-style: normal }
.customer-title .print a:before, .visible-sticky .print a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(/lg5-common/images/common/icons/print-dimgray.svg) no-repeat 50% 50% }
.customer-title .print a.page-email:before, .visible-sticky .print a.page-email:before { background: url(/lg5-common/images/common/icons/email-radius.svg) no-repeat 50% 50% }
.customer-title .print a+a, .visible-sticky .print a+a { margin-left: 22px }
.loading-circle { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,.6); z-index: 99 }
.loading-circle .lds-dual-ring { display: inline-block; width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%) }
.loading-circle .lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #005239; border-color: #005239 transparent #005239 transparent; -webkit-animation: lds-dual-ring 1.2s linear infinite; animation: lds-dual-ring 1.2s linear infinite }
body>.loading-circle { position: fixed }
@-webkit-keyframes lds-dual-ring { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes lds-dual-ring { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.header-noscript { padding: 10px 30px 11px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; text-align: center; color: #333; background: #f5f5f5 }
.header-noscript else { font-style: normal }
body .eco-m .eco-c a { color: #005239; text-decoration: underline; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
body .eco-m .eco-c a else { font-style: normal }
.rating-area [data-bv-show=rating_summary] .bv_main_container .bv_stars_component_container { padding-right: 5px!important }
.rating-area [data-bv-show=rating_summary] .bv_main_container .bv_avgRating, .rating-area [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text { color: #333!important }
.rating-area [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist, .rating-area [data-bv-show=rating_summary] .bv_main_container .bv_button_buttonMinimalist:hover { display: inline-block!important; color: #005239!important; font-family: "LG Smart Regular", sans-serif!important; font-style: normal!important; font-weight: 400!important; font-size: 14px!important; line-height: 1.5!important; text-decoration: underline!important; word-break: break-all!important; cursor: pointer!important }
.rating-area .bv_button_component_container { position: relative!important; padding-left: 15px!important }
.rating-area .bv_button_component_container:before { content: ""; display: block; position: absolute; left: 0!important; top: 6px!important; width: 1px!important; height: 13px!important; background: #e4e4e4!important }
.rating-area [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex { padding-right: 15px!important }
body ._acsmiddleright._acsVertical_right._acsbadge--default { top: 20%!important }
@media (max-width:1630px) {
body>.iw_viewport-wrapper>.container-fluid>.container-fluid>.row>.iw_columns>.iw_component>.component-wrap, body>.iw_viewport-wrapper>.container-fluid>.container-fluid>.row>.iw_columns>.iw_component>.footer-box, body>.iw_viewport-wrapper>.container-fluid>.container-fluid>.row>.iw_columns>.iw_placeholder>.iw_component>.component-wrap { margin-left: -30px; margin-right: -30px }
}
.modal .handraiser-signup-area { line-height: 24px }
.modal .handraiser-signup-area .title { padding: 2px 0 8px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #333 }
.modal .handraiser-signup-area .title else { font-style: normal }
.modal .handraiser-signup-area .period { padding: 24px 30px; font-size: 20px; color: #333; background: #f8f8f8 }
@media (max-width:767px) {
.modal .handraiser-signup-area .period { padding-left: 20px; padding-right: 20px }
}
.modal .handraiser-signup-area .period .emailAddress { width: 70% }
@media (max-width:767px) {
.modal .handraiser-signup-area .period .emailAddress { width: 100% }
}
.modal .handraiser-signup-area button { float: right }
@media (max-width:767px) {
.modal .handraiser-signup-area button { width: 100%; margin-top: 24px }
}
/*# sourceMappingURL=maps/default.min.css.map */
// skip navigation
.skip_nav {
	a {
		display: block;
		width: 100%;
		background: #666;
		padding: 0 30px;
		text-align: center;
		font-size: 14px;
		line-height: 40px;
		color: #fff;
		@include font-family($font-regular);
		letter-spacing: 0.5px;
		text-decoration: underline;
		position: absolute;
		left: -10000px;
		[dir="rtl"] & {
			right: -10000px;
		}
		&:focus {
			position: static;
			color: #fff !important;
		}
		@include screen(custom, max, $max-sm) {
			padding: 0 24px;
			&[href="#lgAccHelp"] {
				display: none;
			}
		}
	}
	// print
	@include screen(print) {
		display: none;
	}
}
.cookie-banner.eprivacy-cookie:not(.active) + .skip_nav {
	a:focus {
		z-index: 10002;
	}
}
// naviggation
header.navigation {
	position: relative;
	width: 100%;
	z-index: 10000;
	.row {
		border-bottom: 1px solid #e4e4e4;
		background: #fff;
		&.for-desktop {
			display: block;
		}
		&.for-mobile {
			display: none;
		}
		@include screen(custom, max, $max-sm) {
			&.for-desktop {
				display: none;
			}
			&.for-mobile {
				display: block;
			}
		}
	}
	.skip_nav {
		a:focus {
			width: 100%;
		}
	}
	.for-desktop {
		.size {
			max-width: 1600px;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			@extend %clearfix;
		}
		.logo {
			height: 93px;
			float: left;
			[dir="rtl"] & {
				float: right;
			}
			a {
				display: block;
				padding: 0 30px;
				img {
					height: 93px;
				}
			}
		}
		.links {
			float: left;
			[dir="rtl"] & {
				float: right;
			}
		}
		.navi-top {
			width: 100%;
			height: 42px;
			border-bottom: 1px solid #eee;
		}
		.navi-btm {
			width: 100%;
			height: 51px;
		}
		.left-top {
			height: 100%;
			font-size: 14px;
			line-height: 24px;
			@include font-family($font-bold);
			overflow: hidden;
			float: left;
			[dir="rtl"] & {
				float: right;
			}
			a {
				display: block;
				width: auto;
				height: 100%;
				padding: 12px 10px 0;
				color: #333;
				text-transform: uppercase;
				overflow: hidden;
				float: left;
				margin-right: 10px;
				[dir="rtl"] & {
					float: right;
					margin-right: 0;
					margin-left: 10px;
				}
				img {
					width: auto;
					height: 9px;
					margin: 0 0 2px 0;
				}
			}
		}
		.right-top {
			height: 100%;
			font-size: 14px;
			line-height: 24px;
			@include font-family($font-semibold);
			float: right;
			[dir="rtl"] & {
				float: left;
			}
			a {
				display: block;
				width: auto;
				height: 100%;
				padding: 12px 10px 0;
				color: $color-black;
				overflow: hidden;
			}
		}
		.left-btm {
			@extend %clearfix;
			height: 100%;
			float: left;

			[dir="rtl"] & {
				float: right;
			}
			// depth1,2 common style
			ul.depth1,
			ul.depth2 {
				//float:left;
				display: table-cell;
				table-layout: fixed;
				width: auto;
				height: 100%;
				@include font-family($font-bold);
				font-size: 15px;
				line-height: 16px;
				height: 100%;
				margin: 0;
				> li,
				.mCSB_container > li {
					display: table-cell;
					vertical-align: middle;
					height: 100%;
					> a {
						position: relative;
						display: block;
						width: auto;
						height: 100%;
						max-height: 51px;
						margin: 0 9px;
						color: #333;
						overflow: hidden;
						text-transform: uppercase;
						text-decoration: none;
						> span {
							//position:relative;
							display: table-cell;
							table-layout: fixed;
							width: 100%;
							height: 51px;
							vertical-align: middle;
							text-align: center;
							padding: 0 0 2px 0;
						}
						&.active {
							color: $color-carmine;
							overflow: visible;
							& > span:after {
								position: absolute;
								content: "";
								display: block;
								left: 0;
								bottom: 0;
								width: 100%;
								height: 2px;
								background: $bg-carmine;
							}
						}
						@include screen(custom, max, 1440) {
							margin: 0 5px;
						}
						@include screen(custom, max, 1325) {
							.hidden-br {
								display: none;
							}
						}
					}
				}
			}
			// depth 1 style
			ul.depth1 {
				max-width: 870px; // GNB 자동으로 2줄로 나오도록 수정
				word-break: normal;
				word-wrap: normal;
				@include screen(custom, max, 1325) {
					max-width: 100%;
				}
				> li {
					&.depth1-holder {
						> a {
							float: left;

							[dir="rtl"] & {
								float: right;
							}
							@include screen(custom, min, 1326) {
								display: none;
							}
							@include screen(custom, max, 1325) {
								position: relative;
								overflow: visible;
							}
						}
						@include screen(custom, max, 1325) {
							padding-right: 20px;
							[dir="rtl"] & {
								padding-right: 0;
								padding-left: 20px;
							}
							> a {
								&.active {
									& > span:after {
										display: none;
									}
								}
							}
							> a.active {
								& + .scroll {
									display: block;
									ul.depth2 {
										display: block;
									}
								}
							}
						}
						& + li {
							> a {
								overflow: visible;
								&:before {
									display: block;
									width: 1px;
									height: 14px;
									background: #e4e4e4;
									content: "";
									position: absolute;
									top: 17px;
									left: -30px;
									[dir="rtl"] & {
										left: auto;
										right: -30px;
									}
								}
							}
						}
						& ~ li {
							padding-left: 20px;
							[dir="rtl"] & {
								padding-left: 0;
								padding-right: 20px;
							}
						}
						@include screen(custom, max, 1440) {
							& + li {
								> a {
									&:before {
										left: -15px;
										[dir="rtl"] & {
											left: auto;
											right: -15px;
										}
									}
								}
							}
							& ~ li {
								padding-left: 10px;
								[dir="rtl"] & {
									padding-right: 10px;
								}
							}
						}
						@include screen(custom, max, 1325) {
							& + li {
								> a {
									&:before {
										left: -25px;
										[dir="rtl"] & {
											left: auto;
											right: -25px;
										}
									}
								}
							}
							& ~ li {
								padding-left: 20px;
								[dir="rtl"] & {
									padding-right: 20px;
								}
							}
						}
						ul.depth2 {
							> li {
								padding-right: 20px;
								[dir="rtl"] & {
									padding-right: 0;
									padding-left: 20px;
								}
							}
						}
						@include screen(custom, max, 1440) {
							ul.depth2 {
								> li {
									padding-right: 10px;
									[dir="rtl"] & {
										padding-left: 10px;
									}
								}
							}
						}
						@include screen(custom, max, 1325) {
							ul.depth2 {
								> li {
									padding-right: 20px;
									[dir="rtl"] & {
										padding-left: 20px;
									}
								}
							}
						}
						.scroll {
							.scroll-left,
							.scroll-right {
								display: none;
							}
						}
						@include screen(custom, max, 1325) {
							.scroll {
								display: none;
								position: absolute;
								left: 0;
								top: 94px;
								width: 100%;
								height: 52px;
								background: $bg-white;
								margin: 0 -15px;
								padding: 0 15px;
								box-sizing: content-box;
								.scroll-left,
								.scroll-right {
									display: none;
									position: absolute;
									top: 0;
									width: 50px;
									height: 52px;
									border-bottom: 2px solid #e4e4e4;
									background: #fff;
									z-index: 3;
									&:before {
										content: "";
										display: block;
										position: absolute;
										width: 14px;
										height: 14px;
										border-left: 1px solid $color-gray;
										border-top: 1px solid $color-gray;
									}
									&:hover:before {
										border-left: 1px solid $color-black;
										border-top: 1px solid $color-black;
									}
									a {
										position: relative;
										display: block;
										width: 100%;
										height: 100%;
										z-index: 2;
									}
								}
								.scroll-left {
									left: 0;
									&:before {
										transform: rotate(-45deg);
										left: 23px;
										top: 18px;
									}
								}
								.scroll-right {
									right: 0;
									&:before {
										transform: rotate(135deg);
										right: 23px;
										top: 18px;
									}
								}
								// scroll bar
								.mCSB_scrollTools {
									opacity: 0 !important;
								}
								.mCSB_container {
									width: 100% !important;
									display: table;
									text-align: center;
								}
								.mCustomScrollBox {
									-webkit-overflow-scrolling: touch;
								}
								&:after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 100%;
									height: 2px;
									background: #e4e4e4;
									z-index: 1;
								}
							}
							ul.depth2 {
								display: none;
								z-index: 2;
								position: relative;
								width: calc(100%-80px);
								max-width: calc(100%-80px);
								margin: 0 40px !important;
								text-align: center;
								white-space: nowrap;
								box-sizing: border-box;
								> li {
									float: none;
									display: inline-block;
									margin: 0 (10px-7px);
									padding-right: 10px;
									> a {
										> span {
											height: 52px;
										}
									}
								}
							}
						}
					}
				}
			}
			/*
			.tablet-layer {
				display:none;
				@include screen(custom, max, 1325) {
					&.active {
						display:block;
					}
					.sublayer {
						display:block !important;
						top:(94px+52px);
					}
				}
			}
			*/
		}
		.right-btm {
			position: relative;
			padding: 14px 4px 0 0;
			white-space: nowrap;
			height: 51px;
			float: right;
			text-align: right;
			[dir="rtl"] & {
				float: left;
				text-align: left;
			}
			.links {
				padding: 0 13px 0 0;
				a {
					@include font-family($font-bold);
					font-size: 15px;
					line-height: 28px;
					color: #333;
					text-transform: uppercase;
					&:focus,
					&:hover {
						color: $color-carmine;
					}
				}
				// for b2b (inquiry to buy)
				width: 80px !important;
				text-align: center;
				line-height: 16px;
				position: absolute;
				right: 196px;
				top: 8px;
				[dir="rtl"] & {
					right: auto;
					left: 196px;
				}
				a {
					line-height: 16px;
					white-space: normal;
				}
				// INQUIRY TO BUY is kept as 1 line for 1490px and larger
				@include screen(custom, min, 1490) {
					//width:140px !important;
					width: 150px !important; // for ca_fr +10px
					top: 16px;
					text-align: right;
					[dir="rtl"] & {
						text-align: left;
					}
				}
			}
			.icons {
				display: inline-block;
				white-space: nowrap;
				vertical-align: top;
				height: 38px;
				padding-right: 5px;
				[dir="rtl"] & {
					padding-right: 0;
					padding-left: 5px;
				}
				> li,
				> div {
					display: inline-block;
					vertical-align: top;
					> a {
						width: 20px;
						height: 20px;
						display: inline-block;
						text-decoration: none;
						background: {
							repeat: no-repeat;
							position: 50% 50%;
							size: auto auto;
						}
						margin-left: 8px;
						[dir="rtl"] & {
							margin-left: 0;
							margin-right: 8px;
						}
					}
				}
				.login {
					position: static;
					padding-right: 7px;
					[dir="rtl"] & {
						padding-right: 0;
						padding-left: 7px;
					}
					> a {
						background-image: url("/lg5-common-gp/images/common/icons/login-nero.svg");
						&:focus,
						&:hover {
							background-image: url("/lg5-common-gp/images/common/icons/login-carmine.svg");
						}
					}
					&.logged {
						> a {
							background-image: url("/lg5-common-gp/images/common/icons/login-fill-nero.svg");
							&:focus,
							&:hover {
								background-image: url("/lg5-common-gp/images/common/icons/login-fill-carmine.svg");
							}
						}
					}
				}
				// .wishlist {
				// 	> a {
				// 		background-image:url('/lg5-common-gp/images/common/icons/wishlist-nero.svg');
				// 		&:focus,
				// 		&:hover {
				// 			background-image:url('/lg5-common-gp/images/common/icons/wishlist-carmine.svg');
				// 		}
				// 	}
				// }
				.cart {
					position: relative;
					padding-right: 7px;
					[dir="rtl"] & {
						padding-right: 0;
						padding-left: 7px;
					}
					> a {
						background-image: url("/lg5-common-gp/images/common/icons/cart-nero.svg");
					}
					.count {
						display: block;
						background: $bg-carmine;
						color: $color-white;
						@include font-family($font-regular);
						font-size: 12px;
						line-height: 16px;
						width: auto;
						min-width: 16px;
						height: 16px;
						border-radius: 8px;
						text-align: center;
						padding: 0 5px;
						position: absolute;
						top: -2px;
						left: 21px;
						&:empty {
							display: none;
						}
					}
				}
				.search {
					a {
						background-image: url("/lg5-common-gp/images/common/icons/search-nero.svg");
						&:focus,
						&:hover {
							background-image: url("/lg5-common-gp/images/common/icons/search-carmine.svg");
						}
					}
				}
				.language {
					> a {
						margin-left: 0;
						margin-right: 5px;
						[dir="rtl"] & {
							margin-right: 0;
							margin-left: 5px;
						}
						color: $color-nightrider;
						box-sizing: content-box;
						background: {
							image: url("/lg5-common-gp/images/common/icons/language-black.svg");
							position: 0% 57%;
						}
						&:focus,
						&:hover {
							background-image: url("/lg5-common-gp/images/common/icons/language-carmine.svg");
							color: $color-carmine;
						}
					}
					.language-options {
						display: none;
						width: 165px;
						background-color: $bg-white;
						padding: 11px 20px 10px;
						border: 1px solid $line-gray;
						font-size: 16px;
						line-height: 30px;
						color: $color-dimgray;
						@include font-family($font-semibold);
						position: absolute;
						top: 51px;
						right: 0;
						text-align: left;
						[dir="rtl"] & {
							right: auto;
							left: 0;
							text-align: right;
						}
						&.active {
							display: block;
						}
						a {
							display: block;
							&.active {
								color: $color-carmine;
							}
							&:focus,
							&:hover {
								text-decoration: underline;
							}
						}
					}
				}
			}
		}
		// close
		.close {
			opacity: 1;
			&:hover {
				opacity: 1;
			}
			position: absolute;
			top: 12px;
			right: 12px;
			[dir="rtl"] & {
				right: auto;
				left: 12px;
			}
			a {
				display: block;
				width: 28px;
				height: 28px;
				background: url("/lg5-common-gp/images/common/icons/gnb-close.svg") no-repeat 50% 50%;
				background-size: 12px 12px;
			}
		}
		// sub layer
		.sublayer {
			display: none;
			width: 100%;
			background: $bg-white;
			box-sizing: content-box;
			border-bottom: 1px solid #e4e4e4;
			padding: 0 15px 15px;
			margin: 0 -15px;
			position: absolute;
			top: 94px;
			left: 0;
			white-space: normal;
			[dir="rtl"] & {
				left: auto;
				right: 0;
			}
			.sublayer-inner {
				max-width: (336px * 4);
				width: 100%;
				margin: 0 auto;
				// padding:50px 0 0;
				padding: 45px 0 0;
				&:after {
					clear: both;
					width: 100%;
					height: 0;
					display: block;
					content: "";
				}
			}
			$title-column-margin: 21px; // value of between 1depth title n below categories.
			.title-top {
				width: 100%;
				padding: 0 40px;
				& + .columns {
					margin-top: $title-column-margin;
				}
				& + .column {
					clear: both;
				}
				// 20200507 START 이지원 : 타이틀 위치 rtl 적용
				[dir="rtl"] & {
					text-align: right;
				}
				// 20200507 END
			}
			.column {
				position: relative;
				display: block;
				width: 25%;
				padding: 0 40px;
				box-sizing: border-box;
				font-size: 16px;
				line-height: 20px;
				color: $color-dimgray;
				@include font-family($font-regular);
				margin-left: 0;
				margin-right: 0;
				margin-bottom: 40px;
				float: left;
				border-left: 1px solid #e4e4e4;
				&:nth-child(1) {
					border-left: 0;
				}
				&.featured-product,
				&.banner {
					border-left: 0;
				}
				&.featured-product {
					padding-left: 60px;
				}
				&.banner {
					padding-left: 20px;
				}
				[dir="rtl"] & {
					float: right;
					text-align: right;
					border-left: none;
					border-right: 1px solid #e4e4e4;
					&:nth-child(1) {
						border-right: 0;
					}
					&.featured-product,
					&.banner {
						border-right: 0;
					}
					&.featured-product {
						padding-right: 60px;
					}
					&.banner {
						padding-right: 20px;
					}
				}
				@include screen(custom, max, 1325) {
					width: 33.3333%;
					&.featured-product {
						display: none;
					}
				}
				@include screen(custom, max, 991) {
					width: 50%;
					&.banner {
						display: none;
					}
				}
			}
			.banner {
				padding: 0;
				a {
					position: relative;
					display: block;
					width: 265px;
					height: 300px;
					&.white {
						.banner-visual {
							background: $color-nightrider;
						}
						.banner-description {
							color: $color-white;
							.banner-link {
								span {
									&::after {
										background: url("/lg5-common-gp/images/common/icons/link-right-white.svg")
											no-repeat 0 1px;
									}
								}
							}
						}
					}
					&.black {
						.banner-visual {
							background: $color-white;
						}
						.banner-description {
							color: $color-nightrider;
							.banner-head {
								color: $color-black;
							}
							.banner-link {
								span {
									&::after {
										background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg") no-repeat 0 1px;
									}
								}
							}
						}
					}
				}
				.banner-visual {
					position: relative;
					overflow: hidden;
					width: 100%;
					height: 100%;
					img {
						max-width: 100%;
					}
				}
				.banner-description {
					position: absolute;
					left: 0;
					right: 0;
					max-width: 235px;
					width: 100%;
					margin: auto;
					text-align: center;
					&.top {
						top: 20px;
					}
					&.bottom {
						bottom: 20px;
					}
					.banner-desc {
						font-size: 14px;
						line-height: 20px;
						@include font-family($font-semibold);
					}
					.banner-head {
						font-size: 20px;
						line-height: 24px;
						@include font-family($font-semibold);
						margin: 5px 0 8px;
					}
					.banner-link {
						font-size: 14px;
						line-height: 20px;
						@include font-family($font-bold);
						span {
							@extend %uppercase;
							position: relative;
							margin-left: -12px;
							[dir="rtl"] & {
								margin-left: 0;
								margin-right: -12px;
							}
							&::after {
								content: "";
								display: inline-block;
								width: 12px;
								height: 12px;
								position: absolute;
								bottom: 2px;
								margin-left: 3px;
								[dir="rtl"] & {
									// 20200413 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
									margin: 0 3px 0 0;
									transform: rotateY(180deg);
									// 20200413 END
								}
							}
						}
					}
				}
			}
			// margin-top
			.head-link {
				font-size: 17px;
				line-height: 21px;
				text-transform: uppercase;
				position: relative;
				//display:inline-block;
				& + ul {
					margin-top: $title-column-margin;
				}
				> div {
					color: #333;
					@include font-family($font-bold);
				}
				> a {
					position: relative;
					color: #333;
					@include font-family($font-bold);
					&:after {
						@extend %linkicon;
						background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg") no-repeat 0 1px;
						position: absolute;
						bottom: 5px;
						margin-left: 3px;
					}
					&[target="_blank"] {
						&:after {
							@extend %linkicon;
							background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0 0;
							// bottom:5px;
							margin-left: 6px;
							[dir="rtl"] & {
								margin-left: 0;
								margin-right: 6px;
							}
						}
					}
					[dir="rtl"] & {
						// 20200525 START 이상현 - GNB : rtl, IE 브라우저 조건에서 링크 아이콘과 텍스트가 포개지는 것을 방지.
						&:after {right:100%;}
						// 20200525 END
						&:not([target="_blank"]):after {
							margin: 0 3px 0 0;
							transform: rotateY(180deg);
						}
					}
				}
			}
			.sub-link {
				text-transform: uppercase;
				color: #333;
				font-size: 16px;
				line-height: 20px;
				margin-bottom: 21px;
				@include font-family($font-semibold);
				&:last-child {
					margin-bottom: 0;
				}
				> a,
				> div a {
					color: #333;
					&[target="_blank"] {
						&:after {
							@extend %linkicon;
							background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0 0;
							// bottom:5px;
							margin-left: 6px;
							[dir="rtl"] & {
								margin-left: 0;
								margin-right: 6px;
							}
						}
					}
					sup{
						font-size:10px;
						margin-left:2px;
					}
				}
				> ul {
					margin-top: 7px;
				}
			}
			.link-list {
				text-transform: none;
				.link {
					color: $color-dimgray;
					font-size: 16px;
					line-height: 20px;
					@include font-family($font-regular);
					a {
						position: relative;
						display: inline-block;
						color: $color-dimgray;
						&[target="_blank"] {
							&:after {
								@extend %linkicon;
								background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0 0;
								margin-left: 6px;
								[dir="rtl"] & {
									margin-left: 0;
									margin-right: 6px;
								}
							}
						}
					}
				}
				.link + .link {
					margin-top: 7px;
				}
			}
			.sub-link .link-list {
				padding-left: 5px;

				[dir="rtl"] & {
					padding-left: 0;
					padding-right: 6px;
				}
			}
			.head-link .link-list {
				margin-top: 20px;
				margin-bottom: 40px;
				// 20200525 START 박지영 - GNB 간격 수정
				&:last-child {
					margin-bottom:0;
				}
				// 20200525 END
			}
			.head-link + ul .head-link {
				margin-top: 20px;
			}
			.head-link + .head-link {
				margin-top: 20px;
			}
			/*
			.head-link .link-list {
				margin-top:21px;
			}
			.link-list + .head-link {
				margin-top:40px;
			}
			.head-link + .sub-link {
				margin-top:21px;
			}
			.sub-link + .link-list {
				margin-top:7px;
			}
			.link-list + .sub-link {
				margin-top:21px;
			}
			.sub-link + .sub-link {
				margin-top:21px;
			}

			// text-indent
			.sub-link + .link-list {
				padding-left:5px;
			}
			*/
		}
		@include screen(custom, max, 1325) {
			.sublayer {
				padding: 0 15px;
				margin: 0 -15px;

				//top:52px;
				li a {
					transition: transform 0.5s ease-in-out;
				}
			}
			.left-btm ul.depth2 li > a.active + .sublayer {
				//display:none !important;
				top: 52px;
				width: 100vw;
				white-space: none;
				box-sizing: border-box;
				margin: 0 0 0 -55px;
				text-align: left;
				[dir="rtl"] & {
					margin: 0 -55px 0 0;
					text-align: right;
				}
				li {
					display: block;
				}
				.close {
					right: 25px;
					[dir="rtl"] & {
						right: auto;
						left: 25px;
					}
				}
			}
		}
		.left-btm ul.depth1 > li > a.active + .sublayer,
		.left-btm ul.depth2 li > a.active + .sublayer {
			display: block;
		}
	}
	&.b2c {
		.for-desktop {
			.logo {
				width: 158px;
			}
			.links {
				width: calc(100%-158px-30px);
			}
			.left-btm {
				ul.depth1 {
					//max-width:100%;
					max-width: 1100px; // B2C - GNB 무조건 한 줄로
					@include screen(custom, max, 1325) {
						max-width: 100%;
					}
				}
			}
			.sublayer {
				.columns.support .column {
					@include screen(custom, min, 1326) {
						&:nth-child(4n + 1) {
							clear: both;
							// 20200525 START 박지영 - GNB 간격 수정
							[dir="ltr"] & {
								border-left: 0;
							}
							[dir="rtl"] & {
								border-right: 0;
							}
							// 20200525 END
						}
					}
					@include screen(custom, max, 1325) {
						@include screen(custom, min, 992) {
							&:nth-child(3n + 1) {
								clear: both;
								// 20200525 START 박지영 - GNB 간격 수정
								[dir="ltr"] & {
									border-left: 0;
								}
								[dir="rtl"] & {
									border-right: 0;
								}
								// 20200525 END
							}
						}
					}
					@include screen(custom, max, 991) {
						&:nth-child(2n + 1) {
							clear: both;
							// 20200525 START 박지영 - GNB 간격 수정
							[dir="ltr"] & {
								border-left: 0;
							}
							[dir="rtl"] & {
								border-right: 0;
							}
							// 20200525 END
						}
					}
				}
			}
		}
	}
	&.b2b {
		.for-desktop {
			.logo {
				width: 230px;
			}
			.links {
				width: calc(100%-230px-30px);
			}
			.left-btm {
				ul.depth1 {
					max-width: 770px;
					> li {
						&.depth1-holder {
							@include screen(custom, max, 1440) {
								& + li {
									padding-left: 10px;
									[dir="rtl"] & {
										padding-left: 0;
										padding-right: 10px;
									}
									> a:before {
										left: -15px;
										[dir="rtl"] & {
											right: -15px;
										}
									}
								}
							}
							@include screen(custom, max, 1325) {
								padding-right: 20px;
								[dir="rtl"] & {
									padding-right: 0;
									padding-left: 20px;
								}
								& + li {
									padding-left: 20px;
									[dir="rtl"] & {
										padding-left: 0;
										padding-right: 20px;
									}
									> a:before {
										left: -25px;
										[dir="rtl"] & {
											left: auto;
											right: -25px;
										}
									}
								}
							}
							ul.depth2 {
								li {
									padding-right: 4px;
									&:last-child {
										padding-right: 20px;

										@include screen(custom, max, 1440) {
											padding-right: 10px;
										}
									}
									[dir="rtl"] & {
										padding-right: 0;
										padding-left: 4px;
										&:last-child {
											padding-left: 20px;
											@include screen(custom, max, 1440) {
												padding-left: 10px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
			.right-btm {
				.links {
					right: 111px;
					word-break: normal;
					word-wrap: normal;
					[dir="rtl"] & {
						right: auto;
						left: 111px;
					}
				}
				&.num1 {
					.links {
						right: 30px;
						[dir="rtl"] & {
							right: auto;
							left: 30px;
						}
					}
				}
				&.num2 {
					.links {
						right: (111px-30px);
						[dir="rtl"] & {
							right: auto;
							left: (111px-30px);
						}
					}
				}
				&.num3 {
					.links {
						right: 111px;
						[dir="rtl"] & {
							right: auto;
							left: 111px;
						}
					}
				}
			}
			.sublayer {
				.columns {
					margin-left: 0;
					margin-right: 0;
					.column2 {
						width: 50%;
						float: left;
						[dir="rtl"] & {
							float: right;
						}
						@include screen(custom, max, 1325) {
							width: 66.6666%;
						}
						@include screen(custom, max, 991) {
							width: 50%;
						}
						.column {
							width: 50% !important;
							float: left !important;
							@include screen(custom, max, 991) {
								width: 100% !important;
								border-left: 0;
								& + .column {
									margin-top: -19px;
								}
							}
							[dir="rtl"] & {
								float: right !important;
								@include screen(custom, max, 991) {
									border-right: 0;
								}
							}
						}
						&:after {
							content: "";
							display: block;
							width: 100%;
							height: 0;
						}
					}
					&:after {
						content: "";
						display: block;
						width: 100%;
						height: 0;
					}
				}
			}
		}
	}
	.for-mobile {
		height: 84px;
		&.b2c-only {
			// 20200316 START 박지영 : b2b링크 없는 국가의 경우 높이 수정
			height: 48px;
			// 20200316 END
		}
		.top-menu {
			width: 100%;
			height: 36px;
			overflow: hidden;
			background: #d9d9d9;
			padding: 4px 0 0 0;
			ul {
				width: 100%;
				height: 32px;
				li {
					width: 50%;
					height: 100%;
					padding: 0 24px;
					overflow: hidden;
					background: #fff;
					float: left;
					[dir="rtl"] & {
						float: right;
					}
					a {
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
						font-size: 14px;
						line-height: 32px;
						text-align: center;
						@include font-family($font-semibold);
						color: $color-dimgray;
						background: #fff;
						/* LGECI-307 20201124 웹접근성 Add start */
						&:focus{
							outline: 2px solid #000;
							outline-offset: -2px;
						}
						/* LGECI-307 20201124 웹접근성 Add end */
						&:after {
							content: "";
							position: absolute;
							display: block;
							width: 200%;
							height: 62px;
							bottom: 0;
							border-radius: 31px 31px;
							z-index: 1;
							background: #d9d9d9;
						}
						span {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
							text-align: center;
							z-index: 2;
						}
					}
					&.active {
						background: #d9d9d9;
						a {
							color: #333333;
							&:after {
								background: #fff;
							}
						}
					}
					// b2c
					$wave-position: -28px;
					&:nth-child(2) {
						a:after {
							left: $wave-position;
							[dir="rtl"] & {
								left: auto;
								right: $wave-position;
							}
						}
					}
					&.active:nth-child(1) {
						a:after {
							bottom: auto;
							top: 0;
							right: $wave-position;
							[dir="rtl"] & {
								right: auto;
								left: $wave-position;
							}
						}
					}
					// b2b
					&:nth-child(1) {
						a:after {
							right: $wave-position;
							[dir="rtl"] & {
								right: auto;
								left: $wave-position;
							}
						}
					}
					&.active:nth-child(2) {
						a:after {
							bottom: auto;
							top: 0;
							left: $wave-position;

							[dir="rtl"] & {
								left: auto;
								right: $wave-position;
							}
						}
					}
				}
			}
		}
		.nav-wrap {
			position: relative;
			width: 100%;
			height: 47px;
		}
		.logo {
			width: 140px;
			text-align: center;
			margin: 0 auto;
			a {
				padding: 11px 20px;
				display: inline-block;

				img {
					width: auto;
					height: 22px;
				}
			}
		}
		.menu {
			position: static;
			padding: 0;
			margin-top: -46px;
			float: left;
			[dir="rtl"] & {
				float: right;
			}
			> a {
				display: block;
				width: 58px;
				height: 47px;
				.line {
					display: block;
					height: 2px;
					background: #333;
					position: absolute;
					left: 20px;
					[dir="rtl"] & {
						left: auto;
						right: 20px;
					}
					&.line1 {
						width: 16px;
						top: 16px;
					}
					&.line2 {
						width: 14px;
						top: 23px;
					}
					&.line3 {
						width: 18px;
						top: 30px;
					}
					//-webkit-transition: width 0.5s, top 0.5s, transform 0.5s; transition: width 0.5s, top 0.5s, transform 0.5s;
					//&.line2 {
					//	-webkit-transition: width 0.2s; transition: width 0.2s;
					//}
				}
			}
			&.open > a {
				background: url("/lg5-common-gp/images/common/icons/gnb-close.svg") no-repeat 50% 50%;
				background-size: 16px 16px;
				.line {
					display: none;
				}
				//.line {
				//	&.line1 {
				//		width:20px;
				//		top:23px;
				//		-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);
				//	}
				//	&.line2 {width:0;}
				//	&.line3 {
				//		width:20px;
				//		top:23px;
				//		-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
				//	}
				//}
			}
			.menu-wrap {
				display: none;
				width: 100%;
				background: #fff;
				border-bottom: 1px solid #e4e4e4;
				position: absolute;
				top: 48px;
				left: 0;
				[dir="rtl"] & {
					left: auto;
					right: 0;
					text-align: right;
				}
				&.active {
					display: block;
				}
				.sublayer-m {
					display: none;
					&.active {
						display: block;
					}
					.welcome {
						color: #333;
						padding: 14px 24px 13px;
						border-top: 1px solid #e4e4e4;
						border-bottom: 1px solid #e4e4e4;
						@include font-family($font-semibold);
						.name {
							@include font-family($font-bold);
							text-transform: capitalize;
						}
					}
				}
				.top-link {
					display: none;
					&.active {
						display: block;
					}
					margin: 0;
					padding: 0;
					background: #f7f7f7;
					border-bottom: 1px solid #e4e4e4;
					> li {
						a {
							position: relative;
							display: block;
							width: 100%;
							font-size: 17px;
							line-height: 51px;
							padding: 0 24px;
							color: #333;
							text-transform: uppercase;
							text-decoration: none;
							@include font-family($font-semibold);
							img {
								width: auto;
								height: 11px;
							}
						}
					}
				}
				.depth1-m {
					margin: 0;
					padding: 0;
					display: none;

					&.active {
						display: block;
					}
					> li {
						position: relative;
						a {
							position: relative;
							display: block;
							width: 100%;
							font-size: 17px;
							line-height: 24px;
							padding: 13px 24px 14px;
							color: #333;
							text-transform: uppercase;
							text-decoration: none;
							@include font-family($font-semibold);
							&:after {
								content: "";
								display: block;
								width: 14px;
								height: 14px;
								background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg") no-repeat 0 1px;
								background-size: 14px 14px;
								position: absolute;
								top: 18px;
								right: 22px;
								margin-left: 3px;
								[dir="rtl"] & {
									right: auto;
									left: 22px;
									margin-left: 0;
									margin-right: 3px;
									// 20200413 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
									transform: rotateY(180deg);
									// 20200413 END
								}
							}
							&[target="_blank"] {
								&:after {
									display: none;
								}
								span {
									&:after {
										@extend %linkicon;
										background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0 0;
										margin-left: 6px;
										[dir="rtl"] & {
											margin-left: 0;
											margin-right: 6px;
										}
									}
								}
							}
						}
						&.support {
							border-top: 1px solid #e4e4e4;
							height: 53px;
						}
						&.business {
							border-top: 1px solid #e4e4e4;
						}
					}
				}
				.back {
					width: 100%;
					height: 51px;
					background: #f8f8f8;
					a {
						display: block;
						width: 100%;
						height: 51px;
						&:before {
							content: "";
							display: inline-block;
							width: 28px;
							height: 28px;
							vertical-align: middle;
							background: url("/lg5-common-gp/images/common/icons/gnb-arrow-left.svg") no-repeat 0 0;
							background-size: 20px 20px;
							margin: 16px 0 0 19px;
							[dir="rtl"] & {
								margin: 16px 19px 0 0;
								transform: rotateY(180deg);
								-ms-transform: rotateY(180deg);
								-moz-transform: rotateY(180deg);
								-o-transform: rotateY(180deg);
							}
						}
					}
				}
				.depth2-m {
					margin: 0;
					padding: 0;
					li {
						span, a {
							position: relative;
							display: block;
							width: 100%;
							font-size: 17px;
							line-height: 24px;
							padding: 13px 24px 14px;
							color: #333;
							text-decoration: none;
							@include font-family($font-semibold);
						}
						&.current-page a {
							color: $color-carmine !important;
						}
						&.type1 {
							border-top: 1px solid #e4e4e4;
							color: #333;
							text-transform: uppercase;
							a {
								color: #333;
								&:after {
									@extend %linkicon;
									background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg")
										no-repeat 0 1px;
									margin-left: 3px;

									[dir="rtl"] & {
										// 20200413 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
										margin: 0 3px 0 0;
										transform: rotateY(180deg);
										// 20200413 END
									}
								}
								&[target="_blank"] {
									&:after {
										@extend %linkicon;
										background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg")
											no-repeat 0 0;
										margin-left: 6px;

										[dir="rtl"] & {
											margin-left: 0;
											margin-right: 6px;
										}
									}
								}
							}
						}
						&.type1.current-page {
							a {
								color: $color-carmine !important;
								&:after {
									background: url("/lg5-common-gp/images/common/icons/link-right-carmine.svg")
										no-repeat 0 1px;
								}
								&[target="_blank"] {
									&:after {
										background: url("/lg5-common-gp/images/common/icons/blank-carmine.svg")
											no-repeat 0 0;
									}
								}
							}
						}
						&:first-child.type1 {
							border-bottom: 1px solid #e4e4e4;
							+ .type1 {
								border-top: 0;
							}
						}
						&.type2 {
							color: #333;
							span, a {
								color: #333;
								&:after {
									@extend %linkicon;
									background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg") no-repeat 0 1px;
									margin-left: 3px;
									[dir="rtl"] & {
										// 20200413 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
										margin: 0 3px 0 0;
										transform: rotateY(180deg);
										// 20200413 END
									}
								}
								&[target="_blank"] {
									&:after {
										@extend %linkicon;
										background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg")
											no-repeat 0 0;
										margin-left: 6px;

										[dir="rtl"] & {
											margin-left: 0;
											margin-right: 6px;
										}
									}
								}
							}
							span.no-link {
								&:after {
									display: none;
								}
							}
						}
						&.type2.current-page {
							a {
								color: $color-carmine !important;
								&:after {
									background: url("/lg5-common-gp/images/common/icons/link-right-carmine.svg") no-repeat 0 1px;
								}
								&[target="_blank"] {
									&:after {
										background: url("/lg5-common-gp/images/common/icons/blank-carmine.svg") no-repeat 0 0;
									}
								}
							}
						}
						&.type3 {
							ul, li {
								margin: 0;
								padding: 0;
							}
							a {
								position: relative;
								color: $color-dimgray;
								font-size: 16px;
								padding: 14px 24px 14px;
								@include font-family($font-regular);
								&[target="_blank"] {
									&:after {
										@extend %linkicon;
										background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0 0;
										margin-left: 6px;
										[dir="rtl"] & {
											margin-left: 0;
											margin-right: 6px;
										}
									}
								}
							}
						}
						&.type3.current-page {
							a {
								color: $color-carmine !important;
								&[target="_blank"] {
									&:after {
										background: url("/lg5-common-gp/images/common/icons/blank-carmine.svg") no-repeat 0 0;
									}
								}
							}
						}
						&.type2 + .type3 {
							padding-left: 5px;
							[dir="rtl"] & {
								padding-left: 0;
								padding-right: 5px;
							}
						}
						&.type1 {
							ul {
								li {
									border-top: 0;
								}
							}
						}
						&.no-expand {
							position: relative;
							border-top: 1px solid #e4e4e4;
							color: #333;
							text-transform: uppercase;
							a {
								position: relative;
								color: #333;
							}
						}
						&.expand {
							position: relative;
							border-top: 1px solid #e4e4e4;
							color: #333;
							text-transform: uppercase;
							a {
								position: relative;
								color: #333;
								&:before,
								&:after {
									content: "";
									position: absolute;
									display: block;
									background: #333;
								}
								&:before {
									width: 14px;
									height: 2px;
									top: 24px;
									right: 24px;

									[dir="rtl"] & {
										right: auto;
										left: 24px;
									}
								}
								&:after {
									width: 2px;
									height: 14px;
									top: 18px;
									right: 30px;

									[dir="rtl"] & {
										right: auto;
										left: 30px;
									}
								}
							}
							&.active a {
								&:after {
									display: none;
								}
							}
						}
						&.sub {
							display: none;
							.type3 {
								padding-left: 0 !important;
							}
						}
						&.expand.active + .sub {
							display: block;
						}
					}
				}
				.depth2-m + .back {
					border-top: 1px solid #e4e4e4;
				}
				.mylg {
					/* 20190729 LGEUS-11776 */
					display: none;
					&.active {
						display: block;
						> li a {
							&[target="_blank"] {
								&:after {
									@extend %linkicon;
									background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0
										0;
									margin-left: 6px;

									[dir="rtl"] & {
										margin-left: 0;
										margin-right: 6px;
									}
								}
							}
						}
					}
					/* //20190729 LGEUS-11776 */
					margin: 0;
					padding: 0;
					border-top: 1px solid #e4e4e4;
					> li {
						position: relative;
						a {
							position: relative;
							display: block;
							width: 100%;
							font-size: 17px;
							line-height: 24px;
							padding: 13px 24px 14px;
							color: #333;
							text-decoration: none;
							@include font-family($font-semibold);
						}
						&.txtlink {
							border-bottom: 1px solid #e4e4e4;

							a {
								text-transform: uppercase;
							}
						}
						&.login,
						&.wishlist {
							> a {
								&:before {
									content: "";
									display: inline-block;
									width: 28px;
									height: 28px;
									vertical-align: middle;
								}
							}
						}
						&.login {
							> a {
								&:before {
									background: url("/lg5-common-gp/images/common/icons/login-nero.svg") no-repeat 0 50%;
									background-size: 20px 20px;

									[dir="rtl"] & {
										background-position: 100% 50%;
									}
								}
							}
							&.logged > a {
								&:before {
									background-image: url("/lg5-common-gp/images/common/icons/login-fill-nero.svg");
								}
								&:after {
									content: "";
									display: block;
									width: 14px;
									height: 14px;
									background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg") no-repeat 0 1px;
									background-size: 14px 14px;
									position: absolute;
									top: 18px;
									right: 22px;
									margin-left: 3px;
									[dir="rtl"] & {
										right: auto;
										left: 22px;
										margin-left: 0;
										margin-right: 3px;
										// 20200413 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
										transform: rotateY(180deg);
										// 20200413 END
									}
								}
							}
						}
						&.wishlist {
							> a {
								&:before {
									background: url("/lg5-common-gp/images/common/icons/wishlist-nero.svg") no-repeat 0
										50%;
									background-size: 20px 20px;
								}
							}
						}
					}
				}
				.language {
					display: none;
					a {
						position: relative;
						display: block;
						font-size: 17px;
						color: $color-nightrider;
						@include font-family($font-semibold);
						background: {
							image: url("/lg5-common-gp/images/common/icons/language-black.svg");
							repeat: no-repeat;
							position: 24px 50%;
						}
						padding: 10px 24px 12px 52px;
						[dir="rtl"] & {
							background-position-x: calc(100% - 24px);
							padding: 10px 52px 12px 24px;
						}
						&:hover {
							text-decoration: none;
						}
						&:after {
							content: "";
							width: 14px;
							height: 14px;
							background: url("/lg5-common-gp/images/common/icons/link-right-nightrider.svg") no-repeat 0 1px;
							background-size: 14px 14px;
							position: absolute;
							top: 14px;
							right: 22px;
							margin-left: 3px;
							[dir="rtl"] & {
								right: auto;
								left: 22px;
								margin-left: 0;
								margin-right: 3px;
								// 20200413 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
								transform: rotateY(180deg);
								// 20200413 END
							}
						}
					}
					// event style
					&.active {
						display: block;
					}
					& + .sublayer-m .depth2-m {
						.active a {
							color: $color-carmine;
						}
					}
				}
			}
			/* PJTOBS 20200603 add */
			.box-obs {
				/* PJTOBS 20200701 add */
				display:none;
				/* //PJTOBS 20200701 add */
				margin: 0;
				padding: 14px 24px 24px;
				border-top: 1px solid #e4e4e4;
				border-bottom: none;
				/* PJTOBS 20200701 add */
				&.active {
					display:block;
				}
				/* //PJTOBS 20200701 add */
				& + .depth2-m {
					border-top: 1px solid #e4e4e4;
				}
			}
			/* //PJTOBS 20200603 add */
			&.open {
				@include screen(custom, max, $max-sm) {
					.bg-drop {
						//content:'';
						display: block;
						width: 100%;
						height: 100%;
						position: fixed;
						background: rgba(0, 0, 0, 0.5);
						left: 0;
						top: 0;
						z-index: -1;
					}
				}
			}
		}
		/* 20200925 LGEGMC-723 모바일 View에서 Sign-in/up 아이콘 누락건 개선 */
		.left {
			position: static;
			margin-top: -46px;
			float: left;
			padding: 0 10px 0 0;
			[dir="rtl"] & {
				float: right;
				padding: 0 0 0 10px;
			}
			.icons {
				> div {
					display: inline-block;
					padding: 10px 12px 0 0;

					[dir="rtl"] & {
						padding: 10px 0 0 12px;
					}
					> a {
						width: 28px;
						height: 28px;
						display: inline-block;
					}
				}
				.search {
					position: relative;
					@include screen(custom, max, $max-sm) {
						position: static;
					}
					&:before {
						display: block;
						width: 1px;
						height: 14px;
						content: "";
						position: absolute;
						left: 19px;
						top: 7px;
					}
					> a {
						background: url("/lg5-common-gp/images/common/icons/search-nero.svg") no-repeat 50% 50%;
						background-size: 20px 20px;
					}
				}
			}
		}
		.right {
			position: static;
			margin-top: -46px;
			float: right;
			padding: 0 20px 0 0;
			[dir="rtl"] & {
				float: left;
				padding: 0 0 0 20px;
			}
			.icons {
				> div {
					display: inline-block;
					padding: 10px 0 0 12px;

					[dir="rtl"] & {
						padding: 10px 12px 0 0;
					}
					> a {
						width: 28px;
						height: 28px;
						display: inline-block;
					}
				}
				.cart {
					position: relative;
					> a {
						background: url("/lg5-common-gp/images/common/icons/cart-nero.svg") no-repeat 50% 50%;
						background-size: 20px 20px;
					}
					.count {
						display: block;
						position: absolute;
						left: 25px;
						top: 11px;
						background: $bg-carmine;
						color: $color-white;
						@include font-family($font-regular);
						font-size: 12px;
						line-height: 16px;
						width: auto;
						min-width: 16px;
						height: 16px;
						border-radius: 8px;
						text-align: center;
						padding: 0 5px;
						&:empty {
							display: none;
						}
					}
				}
				.login {
					position: static;
					padding-left: 7px;
					[dir="rtl"] & {
						padding-left: 0;
						padding-right: 7px;
					}
					> a {
						background-image: url("/lg5-common-gp/images/common/icons/login-nero.svg");
						background-repeat: no-repeat;
						background-position: 50% 50%;
						background-size:20px 20px;
						&:focus,
						&:hover {
							background-image: url("/lg5-common-gp/images/common/icons/login-carmine.svg");
						}
					}
					&.logged {
						> a {
							background-image: url("/lg5-common-gp/images/common/icons/login-fill-nero.svg");
							&:focus,
							&:hover {
								background-image: url("/lg5-common-gp/images/common/icons/login-fill-carmine.svg");
							}
						}
					}
				}
				.search {
					position: relative;
					@include screen(custom, max, $max-sm) {
						position: static;
					}
					&:before {
						display: block;
						width: 1px;
						height: 14px;
						content: "";
						position: absolute;
						left: 19px;
						top: 7px;
					}
					> a {
						background: url("/lg5-common-gp/images/common/icons/search-nero.svg") no-repeat 50% 50%;
						background-size: 20px 20px;
					}
				}
			}
		}
		/* // 20200925 LGEGMC-723 모바일 View에서 Sign-in/up 아이콘 누락건 개선 */
	}
	&.b2b {
		.for-mobile {
			.menu {
				.menu-wrap {
					.depth2-m {
						li {
							&:first-child {
								border-bottom: 0;
							}
						}
					}
				}
			}
		}
	}
	// print
	@include screen(print) {
		display: none;
	}
	// search layer
	.gnb-search-layer {
		display: none;
		&.active {
			display: block;
		}
		position: absolute;
		right: 0;
		top: -4px;
		width: 348px;
		height: 46px;
		z-index: 2;
		@include screen(custom, max, $max-sm) {
			top: 4px;
			right: auto;
			left: 0;
			background: #fff;
			width: 100%;
			height: auto;
			padding: 0 50px 0 4px;
			.search-close {
				position: absolute;
				right: 12px;
				top: 5px;
				a {
					display: block;
					width: 28px;
					height: 28px;
					background: url("/lg5-common-gp/images/common/icons/gnb-close.svg") no-repeat 50% 50%;
					background-size: 14px 14px;
				}
			}
		}
	}
	// form
	form.gnb-search-form {
		.search-input {
			border-radius: 3px;
			border: 1px solid #999;
			background: #fff;
			text-align: left;
			overflow: hidden;
			.input {
				width: calc(100%-54px);
				height: 36px;
				font-size: 16px;
				@include font-family($font-semibold);
				color: #333;
				border: 0;
				padding-left: 18px;
				padding-right: 18px;
				&:focus {
					background: #fff;
					border: 0;
				}
				@include screen(custom, max, $max-sm) {
					width: calc(100%-54px);
					height: 37px;
				}
				@include placeholder(#767676);
			}
		}
		.search-submit {
			position: absolute;
			right: 14px;
			top: 4px;
			.submit {
				width: 28px;
				height: 28px;
				padding: 4px;
			}
			@include screen(custom, max, $max-sm) {
				right: 64px;
				top: 6px;
			}
		}
		.search-result-layer {
			position: absolute;
			right: 0;
			top: 41px;
			display: none;
			&.active {
				display: block;
			}
			@include screen(custom, max, $max-sm) {
				top: 43px;
				width: 100%;
			}
		}
		.search-layer {
			position: relative;
			float: right;
			white-space: normal;
			width: 749px;
			border: 1px solid #e4e4e4;
			background: #fff;
			.enhanced {
				float: right;
				.head {
					font-size: 15px;
					color: #767676;
					padding-bottom: 9px;
					a {
						color: #767676;
						.count {
							color: $color-carmine;
						}
					}
				}
				.enhanced-products {
					float: left;
					width: 400px;
					text-align: left;
					padding: 19px 30px 12px;
					border-right: 1px solid #e4e4e4;
					margin-right: -1px;
					ul {
						margin: 0;
						padding: 0;
						li {
							width: 100%;
							height: 111px;
							margin: 0;
							padding: 0;
							border-top: 1px solid #eee;
							.img {
								float: left;
								padding: 18px 0;
								width: 70px;
								height: (70px+36px);
								img {
									width: 100%;
									height: auto;
								}
							}
							.txt {
								float: left;
								width: calc(100%-70px);
								padding: 14px 0 0 30px;
								word-break: break-all;
								a.product {
									display: block;
								}
								a.link-text {
									margin-right: 13px;

									&:last-child {
										margin-right: 0;
									}
								}
								.model {
									@include font-family($font-semibold);
									font-size: 15px;
									line-height: 18px;
									color: #333;
								}
								.name {
									@include font-family($font-semibold);
									font-size: 14px;
									line-height: 18px;
									color: $color-dimgray;
									margin: 4px 0 3px 0;
									overflow: hidden;
									max-height: 36px;
								}
								.hidden-price {
									display: none;
								}
							}
							&:after {
								content: "";
								clear: both;
								display: block;
								width: 100%;
								height: 0;
							}
						}
					}
				}
				.enhanced-category {
					float: left;
					width: 347px;
					border-left: 1px solid #e4e4e4;
					text-align: left;
					.head {
						padding: 19px 30px 9px;
					}
					ul {
						li {
							a {
								display: block;
								padding: 0 30px;
								font-size: 16px;
								line-height: 45px;
								height: 45px;
								color: #333;
								text-decoration: none;
								@include font-family($font-semibold);
								&:hover,
								&:focus {
									background: $bg-carmine;
									color: $color-white;
								}
							}
						}
					}
				}
			}
			@include screen(custom, max, $max-sm) {
				float: none;
				width: 100%;
				> .close {
					display: none;
				}
				.enhanced {
					float: none;
					.enhanced-products {
						float: none;
						width: 100%;
						padding: 14px 0 7px;
						border-right: 0;
						.head {
							padding: 0 20px 9px;
						}
						ul {
							li {
								height: auto;
								.img {
									width: (65px+40px);
									height: (65px+38px);
									padding: 19px 20px;
								}
								.txt {
									width: calc(100%- (65px+40px));
									padding: 14px 20px 11px 5px;
								}
							}
						}
					}
					.enhanced-category {
						float: none;
						width: 100%;
						border-left: 0;
						border-top: 1px solid #e4e4e4;
						.head {
							padding: 14px 20px 7px;
						}
						ul {
							margin-bottom: 23px;
							li {
								a {
									line-height: 52px;
									height: 52px;
									padding: 0 25px;
								}
							}
						}
					}
				}
			}
		}
		.search-layer-suggestion {
			float: right;
			white-space: normal;
			width: 348px;
			border: 1px solid #e4e4e4;
			background: #fff;
			text-align: left;
			padding: 18px 25px;
			a {
				font-size: 15px;
				line-height: 22px;
				color: $color-dimgray;
				.txt {
					color: $color-carmine;
				}
			}
			@include screen(custom, max, $max-sm) {
				float: none;
				width: 100%;
				border-left: 0;
				border-right: 0;
				padding: 13px 20px 17px;
			}
		}
	}
	// login, logout
	.gnb-login {
		display: none;

		&.active {
			display: block;
		}
		white-space: normal;
		width: 222px;
		border: 1px solid #e4e4e4;
		background: #fff;
		padding: 12px 20px;
		position: absolute;
		right: 0;
		top: 51px;
		text-align: left;
		[dir="rtl"] & {
			right: auto;
			left: 0;
			text-align: right;
		}
		a {
			color: $color-dimgray;
			font-size: 16px;
			line-height: 27px;
			/* 20190729 LGEUS-11776 */
			&[target="_blank"] {
				&:after {
					@extend %linkicon;
					background: url("/lg5-common-gp/images/common/icons/blank-dimgray.svg") no-repeat 0 0;
					margin-left: 6px;

					[dir="rtl"] & {
						margin-left: 0;
						margin-right: 6px;
					}
				}
			}
			/* 20190729 LGEUS-11776 */
		}
		.welcome {
			padding: 2px 0 13px 0;
			border-bottom: 1px solid #e4e4e4;
			color: #333;
			@include font-family($font-semibold);
			.name {
				@include font-family($font-bold);
				text-transform: capitalize;
			}
		}
		ul {
			margin: 0;
			li {
				padding: 3px 0 0 0;
				margin: 0;
			}
		}
		.welcome + ul {
			padding: 9px 0 0 0;
		}
	}
	/* PJTOBS 20200603 add */
	.box-obs{
		margin: 13px 0 20px;
		padding-bottom: 16px;
		border-bottom: 1px solid #e4e4e4;
		.rate{
			display: inline-block;
			padding-left: 5px;
			@include font-family($font-regular);
			font-size: 16px;
			line-height: 27px;
			color: $color-black;
			text-decoration: none;
		}
		.box-point,
		.box-coupon {
			a {	
				display: block;
				text-decoration: none;
				&[target=_blank]:after {
					display: none !important;
				}
				background-color: rgba(248, 248, 248, 1);
				ul {
					@extend %clearfix;
					margin: 0;
					padding: 6px 12px 7px 11px;
					.title {
						margin: 0;
						float: left;
						[dir="rtl"] & {float: right;}
						@include font-family($font-regular);
						font-size: 14px;
						line-height: 27px;
						color: $color-black;
					}
					.number {
						float: right;
						[dir="rtl"] & {float: left;}
						margin: 0;
						@include font-family($font-semibold);
						font-size: 16px;
						line-height: 27px;
						color: $color-black;
					}
				}
			}
		}
		.box-point {
			& + .box-coupon {
				margin-top: 1px;
			}
		}
	}
	/* //PJTOBS 20200603 add */
	// login or logout
	.before-login {
		display: block !important;
	}
	.after-login {
		display: none !important;
	}
	.logged {
		.before-login {
			display: none !important;
		}
		.after-login {
			display: block !important;
		}
	}
	.logged ~ .before-login {
		display: none !important;
	}
	.logged ~ .after-login {
		display: block !important;
	}
	.for-desktop {
		// feature product
		.gnb-feature {
			text-align: center;
			max-width: 160px;
			position: relative;

			@include screen(custom, max, 1325) {
				display: none;
			}
			.title,
			.title h1,
			.title h2,
			.title h3,
			.title h4,
			.title h5,
			.title h6 {
				margin-top: 15px;
				font-size: 18px;
				line-height: 22px;
				color: $color-nightrider;
				@include font-family($font-semibold);
			}
			.desc {
				margin-top: 4px;
				font-size: 14px;
				line-height: 20px;
				color: $color-dimgray;
				@include font-family($font-regular);
			}
			.feature-box {
				.slick-slider {
					position: relative;
					display: block;
					box-sizing: border-box;
					-webkit-touch-callout: none;
					-webkit-user-select: none;
					-khtml-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					-ms-touch-action: pan-y;
					touch-action: pan-y;
					-webkit-tap-highlight-color: transparent;
				}
				.slick-list {
					position: relative;
					overflow: hidden;
					display: block;
					margin: 0;
					padding: 0;

					&:focus {
						outline: none;
					}
					&.dragging {
						cursor: pointer;
					}
				}
				.slick-slider .slick-track,
				.slick-slider .slick-list {
					-webkit-transform: translate3d(0, 0, 0);
					-moz-transform: translate3d(0, 0, 0);
					-ms-transform: translate3d(0, 0, 0);
					-o-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
				}
				.slick-track {
					position: relative;
					left: 0;
					top: 0;
					display: block;
					margin-left: auto;
					margin-right: auto;
					&:before,
					&:after {
						content: "";
						display: table;
					}
					&:after {
						clear: both;
					}
					.slick-loading & {
						visibility: hidden;
					}
				}
				.slick-slide {
					height: 100%;
					min-height: 1px;
					padding: 0 !important;
					float: left;
					[dir="rtl"] & {
						float: right;
					}
					a {
						position: relative;
						display: block;
					}
					.image {
						max-width: 160px;
						height: 160px;
						line-height: 160px;
						position: static;
					}

					img {
						width: 100%;
					}
				}
				.slick-arrow.slick-hidden {
					display: none;
				}
			}
			.slick-dot-wrap {
				left: 0;
				width: 100%;
				text-align: center;
				z-index: 2;
				margin-top: 15px;
				.dot-box {
					display: inline-block;
					text-align: center;
					margin: 0;
					height: 8px;
					vertical-align: middle;
					li {
						display: inline-block;
						width: 8px;
						height: 8px;
						position: relative;
						margin: 0 5px;
						line-height: normal;
						vertical-align: top;
						padding: 0 !important;
						a,
						button {
							overflow: hidden;
							color: transparent;
							background: $color-white;
							border-radius: 50%;
							border: 1px solid rgba(0, 0, 0, 0.75);
							display: block;
							width: 8px;
							height: 8px;
							margin: 0;
							padding: 0;
							cursor: pointer;

							&:focus {
								outline: 1px solid $color-black;
							}
						}
						&.slick-active {
							a,
							button {
								background: $color-carmine;
								border-color: $color-carmine;
							}
						}
					}
				}
				.slide-pause {
					overflow: hidden;
					color: transparent;
					white-space: nowrap;
					display: inline-block;
					vertical-align: middle;
					width: 8px;
					height: 8px;
					background: url("/lg5-common-gp/images/common/icons/pause-dimgray.svg") no-repeat;
					background-size: 100% 100%;
					margin-left: 10px - 5px;
					@include screen(custom, max, $max-sm) {
						margin-left: 10px - 5px;
					}
					[dir="rtl"] & {
						margin-left: 0;
						margin-right: 10px - 5px;

						@include screen(custom, max, $max-sm) {
							margin-right: 10px - 5px;
						}
					}
					&.play {
						background: url("/lg5-common-gp/images/common/icons/play-dimgray.svg") no-repeat;
						background-size: 100% 100%;
					}
				}
			}
			.slick-arrow {
				padding: 0;
				&.slick-prev,
				&.slick-next {
					position: absolute;
					z-index: 10;
					top: 60px;
					width: 22px;
					height: 40px;
					margin-top: 0;
					cursor: pointer;
					overflow: hidden;
					color: transparent;
					[dir="rtl"] & {
						transform: rotateY(180deg);
					}
				}
				&.slick-prev {
					background: url("/lg5-common-gp/images/common/header/gnb-feature-prev.svg") no-repeat 50% 50%;
					left: -40px;
					[dir="rtl"] & {
						left: auto;
						right: -40px;
					}
				}
				&.slick-next {
					background: url("/lg5-common-gp/images/common/header/gnb-feature-next.svg") no-repeat 50% 50%;
					right: -40px;
					[dir="rtl"] & {
						right: auto;
						left: -40px;
					}
				}
				&.slick-disabled {
					opacity: 0.3;
					cursor: default;
				}
			}
			button {
				appearance: none;
				border: none;
				background-color: transparent;
			}
		}
	}
	// TYPE B !!!
	.for-desktop .navi-b-type {
		@include screen(custom, min, $min-xl) {
			white-space: normal;
		}
		.column {
			border-left: none;
			& + .column:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 1px;
				height: 100%;
				background: #e4e4e4;

				[dir="rtl"] & {
					display: none;
				}
			}
			// font-size, line-height, color
			.head-link > a {
				// font-size:17px;
				// line-height:41px;
				&.icon-none:after {
					display: none;
				}
			}
			.link-list .link {
				font-size: 16px;
				line-height: 27px;

				& + .link {
					margin: 0;
				}
			}
			.sub-link {
				font-size: 16px;
				line-height: 24px;
				margin-bottom: 17px;
				// 20200525 START 박지영 - GNB 간격 수정
				&:last-child {
					margin-bottom:0;
				}
				// 20200525 END
				> ul {
					margin: 0;
				}
			}
			.head-link .link-list {
				margin-top: 6px;
			}

			.link-list {
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		// thumbnail area
		$title-column-margin: 21px;
		.column:nth-of-type(1) {
			border-left: none;

			@include screen(custom, min, $min-xl) {
				width: calc(100% - 316px);
			}
			.thumb-list-box {
				@extend %clearfix;
				margin: 0;

				@include screen(custom, min, $min-xl) {
					padding: ($title-column-margin + 4px) 0 0;
				}
			}
			// 20200525 START 박지영 - GNB 간격 수정
			.head-link + .thumb-list-box {
				margin-top:12px;
				@include screen(custom, min, $min-xl) {
					margin-top:0;
				}
			}
			// 20200525 END
			.thumb-list {
				@include screen(custom, min, $min-xl) {
					float: left;
					text-align: center;
					width: 25%;
					padding: 0 20px;

					[dir="rtl"] & {
						float: right;
					}
				}
				a {
					display: block;
					&:hover {
						.thumb-title,
						.thumb-txt {
							text-decoration: underline;
						}
					}
				}
				.thumb-title {
					// 20200525 START 박지영 - GNB 폰트 수정
					font-size: 16px;
					line-height: 22px;
					@include screen(custom, min, $min-xl) {
						font-size:18px;
					}
					// 20200525 END
					color: #333333;
					padding: 15px 0 4px;
					@include font-family($font-semibold);
					@include screen(custom, max, $max-lg) {
						padding: 9px 0 10px;
					}
				}
				.thumb-txt {
					font-size: 14px;
					line-height: 20px;
					color: #6b6b6b;
					margin: 0;
					@include screen(custom, max, $max-lg) {
						display: none;
					}
				}
				.thumb-img {
					max-width: 160px;
					max-height: 160px;
					@include screen(custom, max, $max-lg) {
						display: none;
					}
				}
			}
		}
		// text area
		.column:nth-of-type(2) {
			width: 316px;
			margin-top: 50px;
			margin-bottom: 25px;
			text-align: left;
			border-left: none;
			[dir="rtl"] & {
				text-align: right;
			}
			@include screen(custom, max, $max-lg) {
				margin-top: 10px;
			}
			.head-link {
				padding-top: 12px;
				// 20200525 START 박지영 - GNB 간격 수정
				&:first-child {
					padding-top:0;
				}
				// 20200525 END
			}
		}
	}

	// 20200416 START 이상현 - gnb : rtl 화면에서 링크 아이콘 수정
	[dir="rtl"] & a[target="_blank"]:after {
		transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
	}
	// 20200416 END

	
	// LGEGMC-1070 START TYPE C 추가
	.for-desktop {
		.sublayer {
			.columns.navi-c-type {
				.column2 {
					.column {
						@media (min-width: 992px) and (max-width: 1325px) {
							width: 100% !important;
						}
					}
					.column + .column {
						@media (min-width: 992px) and (max-width: 1325px) {
							border-color: transparent;
						}
					}

					@include screen(custom, max, 1325) {
						width: 33.3333%;
					}
					@include screen(custom, max, 991) {
						width: 50%;
					}
				}
			}
		}
	}
	// LGEGMC-1070 END
}
.breadcrumb {
	[dir="rtl"] & {
		text-align: right;
	}
	display: block;
	width: 100%;
	max-width: 1600px;
	padding: 0;
	margin: 0 auto;
	border-radius: 0;
	background: transparent !important;
	@include font-family($font-regular);
	@include screen(custom, max, 1600) {
		margin: 0 -15px;
		width: auto;
	}
	ul {
		list-style: none;
		padding: 11px 30px;
		margin: 0;
		li {
			display: inline-block;
			padding: 0;
			margin: 0;
			font-size: 15px;
			line-height: 18px;
			&:before {
				content: "/";
				display: inline-block;
				padding: 0 5px 0 1px;

				// 20200416 START 박지영 rtl 간격 수정
				[dir="rtl"] & {
					padding: 0 1px 0 5px;
				}

				// 20200416 END
			}
			&:first-child:before {
				display: none;
			}
			a {
				color: #767676;

				strong {
					font-weight: normal;
					color: #000000;
				}
			}
		}
	}
	@include screen(custom, max, $max-sm) {
		display: none;
	}
}
@import "./navigation-search";
@media screen and (-ms-high-contrast: active) {
	header.navigation .for-desktop .sublayer .banner a.white .banner-visual {
		img {
			visibility: hidden;
		}
	}
}
// 20200514 START 박지영
[data-countrycode="ca_fr"] header.navigation.b2c .for-desktop .left-btm ul.depth1 {
	max-width: 1000px;
}
[data-countrycode="tw"] header.navigation.b2b .for-desktop {
	.right-btm .links {
		top: 16px;
	}
}
[data-countrycode="cn"] header.navigation.b2b .for-desktop {
	.right-btm .links {
		top: 16px;
	}
}
[data-countrycode="vn"] header.navigation.b2b .for-desktop {
	.right-btm .links {
		width: 180px!important;
		top: 16px;
		@include screen(custom, min, 1490) {
			width: 180px!important;
		}
	}
	.left-btm ul.depth1 {
		max-width: 890px;
	}
}
// 20200514 END
// 20200421 START 박지영
[data-countrycode="vn"] header.navigation.b2c .for-desktop .left-btm ul.depth1 {
	max-width: 1000px;
}
[data-countrycode="au"] header.navigation.b2c .for-desktop .left-btm ul.depth1 {
	max-width: 1020px;
}
[data-countrycode="ar"] header.navigation.b2b .for-desktop {
	.right-btm .links {
		width: 210px !important;
		top: 16px;
		@include screen(custom, min, 1490) {
			width: 210px !important;
		}
	}
	.left-btm ul.depth1 {
		max-width: 782px;
	}
}
[data-countrycode="ru"] header.navigation.b2b .for-desktop .right-btm .links {
	width: 160px !important;
	top: 16px;
	@include screen(custom, min, 1490) {
		width: 160px !important;
	}
}
[data-countrycode="ec"] header.navigation.b2b .for-desktop .right-btm .links,
[data-countrycode="cac"] header.navigation.b2b .for-desktop .right-btm .links {
	width: 180px !important;
	top: 16px;
	@include screen(custom, min, 1490) {
		width: 180px !important;
	}
}
[data-countrycode="ar"] header.navigation.b2b .for-desktop .right-btm .links,
[data-countrycode="co"] header.navigation.b2b .for-desktop .right-btm .links {
	width: 210px !important;
	top: 16px;
	@include screen(custom, min, 1490) {
		width: 210px !important;
	}
}
[data-countrycode="ua"] header.navigation.b2b .for-desktop .right-btm .links {
	@include screen(custom, min, 1490) {
		width: 180px !important;
	}
}
// 20200421 END
// 20200406 START 박지영 : br b2b 예외 (inquiry to buy - width)
[data-countrycode="br"] header.navigation.b2b .for-desktop .right-btm .links {
	width: 210px !important;
	top: 16px;
	@include screen(custom, min, 1490) {
		width: 210px !important;
	}
}
// 20200406 END
// 20200413 START 박지영 : pe b2b 예외 (inquiry to buy - width)
[data-countrycode="pe"] header.navigation.b2b .for-desktop .right-btm .links {
	width: 210px !important;
	top: 16px;
	@include screen(custom, min, 1490) {
		width: 210px !important;
	}
}
// 20200413 END
// global b2b 예외
[data-countrycode="global"] header.navigation.b2b .for-desktop .left-btm ul.depth1 {
	max-width: 1020px;
}
// 20201110 START LGECI-199 : GNB level2 uppercase 제거
[data-countrycode="ca_en"] header.navigation .for-desktop .sublayer .sub-link, 
[data-countrycode="ca_fr"] header.navigation .for-desktop .sublayer .sub-link {
	text-transform: none;
}
// 20201110 END

// LGEBR-306 START
[data-countrycode="br"] header.navigation .for-mobile .top-menu ul li:nth-child(2) a span {
	&:nth-child(1) {
		@include screen(custom, min, 401) {
			display: block !important;
		}
		@include screen(custom, max, 400) {
			display: none !important;
		}
	}
	&:nth-child(2) {
		@include screen(custom, min, 401) {
			display: none !important;
		}
		@include screen(custom, max, 400) {
			display: block !important;
		}
	}
}
// LGEBR-306 END

/* LGEGMC-1134 : CES2021 안내페이지 : start */
.ces2021-wrap {
	display: table;
	width: 100%;
	height: 100vh;
	background: #0e0e12 url(/lg5-common-gp/images/static/bg-ces2021-w.jpg) no-repeat 50% 0;
	@include screen(custom, max, $max-sm) {
		background: #0e0e12 url(/lg5-common-gp/images/static/bg-ces2021-m.jpg) no-repeat 50% 0;
		background-size: cover;
	}
	.inner {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.title {
		font-size: 26px; 
		line-height: 38px;
		color: $color-white;
		@include font-family($font-semibold);
		@include screen(custom, max, $max-sm) {
			font-size: 22px;
			line-height: 28px;
		}
	}
	.count {
		display: block;
		margin-top: 25px;
		font-size: 38px;
		line-height: 50px;
		color: $color-white;
		@include font-family($font-semibold);
	}
	.logo {
		margin-top: 28px;
		font-size: 0;
		@include screen(custom, max, $max-sm) {
			margin-top: 20px;
		}
		li {
			position: relative;
			display: inline-block;
			padding: 0 27px;
			@include screen(custom, max, $max-sm) {
				padding: 0 20px;
			}
			& + li {
				&:before {
					position: absolute;
					left: 0;
					top: 50%;
					width: 1px;
					height: 37px;
					background-color: #6b6b6b;
					transform: translateY(-50%);
					content: "";
					@include screen(custom, max, $max-sm) {
						height: 30px;
					}
				}
			}
			img {
				height: 50px;
				@include screen(custom, max, $max-sm) {
					height: 45px;
				}
			}
		}

	}
	br.mobile {
		display: none;
		@include screen(custom, max, $max-sm) {
			display: block;
		}
	}
}