/* plugin */
@import url(./plugins/jquery-ui.css);
@import url(./plugins/slick.css);
/* base */
@import url(base/reset.css);
@import url(base/font.css);
/* layout */
@import url(layout/layout.css);
@import url(layout/header.css);
@import url(layout/gnb.css);
@import url(layout/footer.css);
/* components */
@import url(components/components.css);
@import url(components/typo.css);
@import url(components/table.css);
@import url(components/form.css);
@import url(components/gallery.css);
@import url(components/shortlink.css);
@import url(components/filter.css);
@import url(components/icon.css);
@import url(components/button.css);
@import url(components/badge.css);
@import url(components/popup.css);
@import url(components/keyword.css);
@import url(components/tab.css);
@import url(components/accordion.css);
/* pages */
@import url(pages/lxindex.css);
@import url(pages/product_common.css);
@import url(pages/product_finder.css);
@import url(pages/product_category_detail.css);
@import url(pages/viatera.css);
@import url(pages/hflor.css);
@import url(pages/otherproduct.css);
@import url(pages/ordersample.css);
@import url(pages/insp_common.css);
@import url(pages/pros_docu.css);
@import url(pages/seg_retail.css);
@import url(pages/contact_common.css);
@import url(pages/private_policy.css);
@import url(pages/sitemap.css);
@import url(pages/img_lib.css);
@import url(pages/cookie_policy.css);
@import url(pages/google_ads.css);
@import url(pages/homedepot.css);
@import url(pages/donotsell.css);
/* helper */
@import url(helper.css);
/* temp */
@import url(renewal.css);
@import url(new_pdp.css);
@import url(new_insp.css);
@import url(new_insp_pop_01.css);
@import url(new_mypage.css);
@import url(new_search.css);
@import url(temp.css);
/*---------------------- S : etc > Imprint ------------------------*/
.container {
width: 100vw;
min-height: 100dvh;
overflow-x: hidden;
}
.enh_design-ideas-wrap {
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
}
.enh_design-ideas-wrap a {
display: inline-block;
width: 260px;
height: 50px;
background-color: #222222;
color: #ffffff;
border: none;
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1em;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
}
.enh_design-ideas-wrap a:link, .enh_design-ideas-wrap a:visited {
text-decoration: none !important;
}
@media (max-width: 1440px) {
.container.imprint .w-con-02.inner {
padding-left: 10px;
padding-right: 10px;
}
}
/*---------------------- E : etc > Imprint ------------------------*/
@media only screen and (max-width: 1500px) {
.hder-section .hd-close {
width: 100%;
}
}
@media only screen and (max-width: 1500px) and (max-width: 992px) {
.hder-section .hd-close {
width: calc(100% - 40px);
}
}
@media only screen and (max-width: 1500px) {
.sch-btm .sch-res-list {
padding-top: 40px;
}
.sch-btm .sch-res-list .sch-res-tab {
display: block;
width: 80%;
margin: 0 auto;
}
.sch-btm .sch-res-list .sch-res-tab > ul {
text-align: center;
}
.sch-btm .sch-res-list .sch-res-tab > ul li {
display: inline-block;
}
.sch-btm .sch-res-list .sch-res-tab > ul li ~ li {
margin-left: 20px;
}
.sch-btm .sch-res-list .sch-res-tab ul li.on a:after {
display: none;
}
.sch-btm .sch-res-list .sch-res-data {
display: block;
margin-top: 20px;
margin-left: 0;
}
.sch-res-data .hsrd-list .hsrd-list-detail li.info01, .sch-res-data .hsrd-list .hsrd-list-detail li.info03 {
text-align: left;
}
.sch-res-data .hsrd-list .more-box {
width: 80%;
margin: 30px auto;
}
.gnb-section .dep2 {
margin: 0 0 0 30px;
}
.gnb-section .img-box {
width: 300px;
height: 189px;
margin: 50px 30px 0 0;
}
.gnb-section .img-box .over-txt {
height: 65px;
padding: 10px 20px 0;
}
.gnb-section .img-box .over-txt .txt-tit {
font-size: 20px;
}
.gnb-section .img-box .over-txt .txt-info {
font-size: 13px;
}
.gnb-section .img-box .over-txt .go-link {
top: 20px;
right: 20px;
}
}
@media only screen and (max-width: 1440px) {
header .menu span {
font-size: 16px;
}
.sch-area .sch-btm {
padding-left: 10px;
padding-right: 10px;
}
.sch-res-wrap {
padding: 0;
}
.mypg-tab-con {
padding: 0 30px;
}
.mypg-top {
width: calc(100% - 60px);
margin: 0 auto;
}
.mypg-profile-info .col-02.mypg-signup {
padding: 0;
}
.mypg-sign-help {
width: calc(100% - 40px);
margin: 120px auto 0;
}
footer .comp-box [class^=com-] > ul {
display: block;
}
.mypg-sign-help .ms-link-email,
.mypg-sign-help .ms-link-faq {
margin-left: 50px;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
header .m-ui {
display: block;
}
header .p-ui.mp-ui {
display: inline-block !important;
}
header.hd-type02 .p-ui.mp-ui {
display: none !important;
}
header .hd-btns01 .p-ui.mp-ui a span {
font-size: 0;
}
header .hd-btns01 > ul > li.p-ui.mp-ui ~ li.p-ui.mp-ui {
margin-left: 0;
}
header .hd-btns01 .ico-03 {
width: 22px;
height: 15px;
padding-left: 22px;
background-size: auto 100%;
}
header .hd-btns02 .p-ui.mp-ui {
position: absolute;
top: 20px;
right: 70px;
}
header.main .hd-btns01 .ico-03 {
width: 18px;
height: 17px;
padding-left: 23px;
background-size: auto 100% !important;
}
.hd-type02.main .hd-btns01 .ico-03 {
width: 22px;
height: 15px;
padding-left: 22px;
background-size: auto 100% !important;
}
.hder-section .hd-close {
width: calc(100% - 40px);
}
.hder-section .hd-close .btn-hd-close {
width: 40px;
height: 40px;
background-size: 18px auto;
}
.sch-btm .sch-res-list .sch-res-tab {
width: 100%;
}
.sch-res-data .hsrd-list > ul > li {
width: calc((100% - 30px) / 4);
}
.sch-res-data .hsrd-list > ul > li ~ li {
margin-left: 10px;
}
.sch-res-data .hsrd-list .more-box {
width: 100%;
}
.sch-res-wrap .tab-ui .btns.type03 {
height: auto;
}
.sch-res-wrap .tab-ui .btns.type03 li {
width: 50%;
margin-bottom: -1px;
}
.sch-res-wrap .tab-ui .btns.type03 li:nth-child(even) {
margin-left: -1px;
}
.sch-res-wrap .tab-ui .btns.type03 li ~ li {
border-left: 1px solid #222;
}
.list-type-view.row-sch > ul > li {
width: calc((100% - 20px) / 3);
margin: 0 10px 30px 0;
}
.list-type-view.row-sch > ul > li:nth-child(3n) {
margin-right: 0;
}
.sch-res-wrap .sch-res-prod .res-prod-cnt em,
.sch-res-wrap .sch-res-prod .res-prod-cnt span {
height: 23px;
}
.list-type-view.row-sch .over-cg, .list-type-view.row-sch-insp .over-cg {
top: 0;
bottom: auto;
}
.mypg-tab-con .mypg-like .list-type-view.row-sch .over-cg {
top: auto;
bottom: 0;
}
.prod-fd-view.sch-res-prod .list-type-view.row-03 > ul > li, .prod-fd-view.sch-res-prod .list-type-view.row-sch-insp > ul > li {
width: calc((100% - 20px) / 3);
margin: 0 10px 30px 0;
}
.prod-fd-view.sch-res-prod .list-type-view.row-03 > ul > li:nth-child(3n), .prod-fd-view.sch-res-prod .list-type-view.row-sch-insp > ul > li:nth-child(3n) {
margin-right: 0;
}
.list-type-view.row-sch-insp .over-my a.ico-wish {
width: 24px;
height: 24px;
background-size: 11px;
}
.cart-golist .list-type-view .info .txt-info {
margin-top: 15px;
margin-bottom: 15px;
}
.cart-golist .list-type-view .info .txt-info span em {
font-size: 24px;
}
.cart-golist .list-type-view .info .txt-info span em:after {
bottom: 2px;
}
.gnb-section.gnb-allmenu .gam-top {
padding: 45px 26px 20px;
}
.gnb-section.gnb-allmenu .gam-top > ul > li ~ li {
margin-left: 13px;
}
.gnb-section.gnb-allmenu .gam-top a {
padding-left: 15px;
width: 15px;
height: 13px;
}
.gnb-section.gnb-allmenu .gam-btm {
margin-bottom: 30px;
padding: 25px 26px 25px 47px;
}
.gnb-section.gnb-allmenu .gam-btm > ul > li ~ li {
margin-top: 20px;
}
.gnb-section.gnb-allmenu .gam-btm a span {
font-size: 16px;
}
.gnb-section.gnb-allmenu .gam-btm .ico-likes em {
top: 9px;
left: 12px;
}
.gnb-section.gnb-allmenu .dep1 {
height: 60px;
line-height: 60px;
padding: 0 26px 0 47px;
font-size: 21px;
}
.gnb-section.gnb-allmenu .dep2 {
padding: 23px 26px 23px 53px;
}
.gnb-section.gnb-allmenu .dep2 > ul > li > a {
padding-bottom: 3px;
border-bottom: 2px solid #736762;
}
.gnb-section.gnb-allmenu .dep2 > ul > li > a > span {
font-size: 16px;
}
.gnb-section.gnb-allmenu .dep2 > ul > li:hover > a > span,
.gnb-section.gnb-allmenu .dep2 > ul > li:hover > a > span > em {
font-size: 16px;
}
.gnb-section.gnb-allmenu .dep2 > ul > li > a > span > em {
font-size: 16px;
}
.gnb-section.gnb-allmenu .dep3 {
padding: 23px 0 0 10px;
}
.gnb-section.gnb-allmenu .dep3 > ul > li > a > span {
font-size: 15px;
}
.gnb-section.gnb-allmenu .dep3 > ul > li ~ li {
margin-top: 24px;
}
.gnb-section.gnb-allmenu .dep4 {
padding: 17px 0 0 10px !important;
}
.gnb-section.gnb-allmenu .dep3.dep3-type02 > ul > li ~ li,
.gnb-section.gnb-allmenu .dep4 > ul > li ~ li {
margin-top: 5px;
}
.gnb-section.gnb-allmenu .dep3.dep3-type02 > ul > li > a > span,
.gnb-section.gnb-allmenu .dep4 > ul > li > a > span {
font-size: 13px;
}
.gnb-section.gnb-allmenu .dep3.dep3-type02 > ul > li > a > span:hover,
.gnb-section.gnb-allmenu .dep4 > ul > li > a > span:hover {
border-bottom: 1px solid #a72b2a;
}
.gnb-section.gnb-allmenu .dep1:after {
right: 26px;
width: 9px;
}
.prod-dt-cate.main .slider-prod.m-ui {
display: block;
}
.ourprod-box,
.ftrd-prod-box,
.seg-box {
margin-top: 40px;
}
.tab-ui .btns.type-main li {
margin: 0 10px;
}
.tab-ui .btns.type-main button {
font-size: 13px;
height: 30px;
line-height: 30px;
}
.tab-ui .btns.type-main li.on button {
height: 30px;
font-size: 14px;
padding: 0 9px;
}
.btn-lmore {
width: 100px;
height: 20px;
padding: 0 13px 0 0;
margin-top: 30px;
}
.btn-lmore span {
font-size: 9px;
line-height: 18px;
padding: 0 15px 0 13px;
background-size: 13px auto;
}
.overscr-list-wrap {
height: 468px;
padding: 0;
}
.overscr-list-wrap .overscr-list {
height: 448px;
}
.overscr-list-wrap .overscr-list > ul > li {
width: 253px;
height: 448px;
}
.ftrd-prod-box .tab-ui {
margin-top: 20px;
}
.ftrd-prod-box .tab-con {
margin-top: 20px;
}
.ftrd-prod-box .txt-box {
padding: 50px 20px;
}
.ftrd-prod-box .txt-box .info-st {
margin-top: 0;
font-size: 13px;
}
.ftrd-prod-box .txt-box .info-ti {
margin-top: 10px;
font-size: 26px;
padding-bottom: 5px;
border-bottom: 1px solid #a72b2a;
}
.ftrd-prod-box .txt-box .info-ki {
margin-top: 10px;
font-size: 13px;
}
.ftrd-prod-box .txt-box .info-tx {
display: none;
}
.seg-box .tab-ui {
margin-top: 20px;
}
.seg-box .tab-con {
margin-top: 20px;
padding-left: 20px;
}
.seg-box .menu-box {
padding-top: 50px;
}
.seg-box .menu-box ul li a {
font-size: 13px;
}
.seg-box .menu-box ul li ~ li {
margin-top: 5px;
}
.seg-box .overscr-list-wrap .overscr-list > ul > li .seg-menu-tit span {
font-size: 15px;
}
.seg-box .overscr-list-wrap .overscr-list > ul > li:hover .seg-menu-tit span {
font-size: 20px;
}
.seg-box .overscr-list > ul > li:hover .menu-box ul li a {
font-size: 14px;
}
.insp-box {
width: 100%;
margin: 40px auto 0;
}
.insp-box .tab-ui {
margin-top: 20px;
}
.insp-box .tab-ui .btns.type-main > ul {
padding: 0 30px;
}
.insp-box .tab-ui .btns.type-main > ul .slick-arrow {
position: absolute;
top: 50%;
width: 8px;
height: 15px;
background-color: rgba(255, 255, 255, 0.5);
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
font-size: 0;
transform: translateY(-50%);
}
.insp-box .tab-ui .btns.type-main > ul .slick-prev {
left: 0;
background-image: url(https://img.lxhausys.com/public/images/main/arr_left_01.png);
}
.insp-box .tab-ui .btns.type-main > ul .slick-prev:hover, .insp-box .tab-ui .btns.type-main > ul .slick-prev:active {
background-image: url(https://img.lxhausys.com/public/images/main/arr_left_01.png);
}
.insp-box .tab-ui .btns.type-main > ul .slick-next {
right: 0;
background-image: url(https://img.lxhausys.com/public/images/main/arr_right_01.png);
}
.insp-box .tab-ui .btns.type-main > ul .slick-next:hover, .insp-box .tab-ui .btns.type-main > ul .slick-next:active {
background-image: url(https://img.lxhausys.com/public/images/main/arr_right_01.png);
}
.insp-box .tab-ui .btns.type-main li {
margin: 0;
}
.insp-box .tab-ui .btns.type-main li.on button {
padding: 0 13px;
}
.insp-box .tab-con {
margin-top: 20px;
}
.insplist-wrap .txt-info {
bottom: 16px;
padding: 0 10px 0 13px;
}
.insplist-wrap .txt-info .tinfo-tit {
font-size: 11px;
}
.insplist-wrap .txt-info .tinfo-menu {
font-size: 6px;
margin-top: 7px;
}
.insplist-wrap .txt-info .tinfo-place {
font-size: 6px;
margin-top: 4px;
}
.insplist-wrap .txt-info .tinfo-cmt {
font-size: 6px;
line-height: 10px;
margin-top: 7px;
}
.mypg-tab-con .mypg-like > ul > li {
width: calc(50% - 15px);
margin-right: 30px;
}
.mypg-tab-con .mypg-like .tab-ui .btns.type03 .btns03 li {
width: 33.3333333333%;
margin-bottom: 0;
}
.mypg-oh-schbox .ord-term span {
margin: 0 10px;
}
.mypg-oh-schbox .ord-term .btn-ot-sch {
margin-left: 10px;
}
.mypg-oh-schbox .ord-btn-mterm {
margin-left: 20px;
}
.mypg-oh-schbox .ord-btn-mterm button ~ button {
margin-left: 5px;
}
.logo-box .cnctus > [class^=cnctus] {
display: inline-block;
}
.logo-box .cnctus div ~ div {
margin: 0 0 0 70px;
}
.cs-box {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.hc-os-dvcfm .tbl-input.type02 col.p-ui {
display: none;
}
.mypg-top .mypg-info .myinfo-menu ul li ~ li {
margin-left: 10px;
}
.mypg-top .mypg-info .myinfo-menu ul li.myim-cntcus {
margin-left: 15px;
}
.mypg-top .mypg-info .myinfo-menu ul li.myim-cntcus:before {
margin-right: 15px;
}
.mypg-top .mypg-tab-ui {
top: 80px;
}
.mypg-top .mypg-tab-ui ul li {
width: 80px;
height: 80px;
}
.mypg-tab-con .mypg-like > ul > li {
width: 100%;
margin-right: 0;
margin-top: 20px;
}
.mypg-top .mypg-tab-ui ul li span, .mypg-top .mypg-tab-ui ul li.on span {
font-size: 13px;
}
.mypg-tab-con .mypg-like .tab-ui .btns.type03 {
height: auto;
}
.mypg-tab-con .mypg-like .tab-ui .btns.type03 li {
width: 50%;
margin-bottom: -1px;
}
.mypg-tab-con .mypg-like .tab-ui .btns.type03 li:nth-child(even) {
margin-left: -1px;
}
.mypg-tab-con .mypg-like .tab-ui .btns.type03 li ~ li {
border-left: 1px solid #222;
}
.list-type-view.row-sch-insp > ul > li {
width: calc(50% - 5px);
margin: 0 0 10px 10px !important;
}
.list-type-view.row-sch-insp > ul > li:nth-child(2n+1) {
margin-left: 0 !important;
}
.list-type-view.row-sch-insp .info.sch-insp .txt-04 {
margin-top: 5px;
}
.list-type-view.row-sch-insp .info.sch-insp .txt-01 a {
font-size: 16px;
line-height: 1;
}
.list-type-view.row-sch-insp .info.sch-insp .txt-02 a,
.list-type-view.row-sch-insp .info.sch-insp .txt-03 a,
.list-type-view.row-sch-insp .info.sch-insp .txt-04 a {
font-size: 13px;
line-height: 1;
}
.col-02.mypg-signup > div {
display: block;
width: 100%;
}
.col-02.mypg-signup > div ~ div {
margin-left: 0;
}
.mypg-sign-help {
height: auto;
padding: 20px;
}
.mypg-sign-help > div {
display: block;
}
.mypg-sign-help .ms-link-email,
.mypg-sign-help .ms-link-faq {
margin-left: 0;
margin-top: 10px;
}
.mypg-sign-help [class^=ms-link-] a {
text-align: left;
padding-right: 0;
padding-left: 60px;
}
.mypg-sign-help [class^=ms-link-] a:after {
left: 0;
right: auto;
margin-left: 0;
}
.signUp-wrap .rdo-box ul li {
display: block;
}
.signUp-wrap .rdo-box ul li ~ li {
margin-left: 0;
margin-top: 5px;
}
.signUp-wrap .mypg-signup colgroup {
display: none !important;
}
.signUp-wrap .mypg-signup tbody tr th {
width: 30%;
}
.signUp-wrap .mypg-signup tbody tr td {
width: 70%;
}
.sch-docu .tbl-box.type05 colgroup col:nth-of-type(1) {
width: 30px !important;
}
.sch-docu .tbl-box.type05 colgroup col:nth-of-type(2), .sch-docu .tbl-box.type05 colgroup col:nth-of-type(3) {
width: calc((100% - 150px) / 2) !important;
}
.sch-docu .tbl-box.type05 colgroup col:nth-of-type(4), .sch-docu .tbl-box.type05 colgroup col:nth-of-type(5), .sch-docu .tbl-box.type05 colgroup col:nth-of-type(6) {
width: 60px !important;
}
.sch-docu .tbl-box.type05 td,
.sch-docu .tbl-box.type05 th {
padding: 20px 5px;
}
.sch-docu .tbl-box.type05 button ~ button {
margin-left: 5px;
}
.cart-prod-list .tbl-box.type05 th {
font-size: 16px;
}
.cart-prod-list .tbl-box.type05 td {
font-size: 14px;
}
.cart-prod-list .tbl-box.type05 td.txt-tot {
font-size: 14px;
}
.cart-prod-list .cart-pd-detail .img-box {
width: 80px;
height: 80px;
}
.cart-prod-list .cart-pd-detail .info {
width: calc(100% - 110px);
}
.cart-prod-list .cart-pd-detail .info li.txt-code {
font-size: 13px;
}
.cart-prod-list .cart-pd-detail .info li.txt-prod {
font-size: 14px;
margin-top: 5px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt {
margin-top: 5px;
height: 30px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .selOpt {
width: 50px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .selOpt span {
line-height: 30px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 {
width: 120px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 .btn-sel span {
font-size: 14px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box .sel-list {
top: 30px !important;
}
.cart-prod-list .tbl-01 .tbl-box tbody td {
font-size: 14px;
}
.cart-prod-list .tbl-01 .tbl-box tbody td.txt-gTot {
font-size: 16px;
}
.mypg-oh-schbox .ord-tit {
font-size: 16px;
}
.mypg-oh-schbox .ord-term span {
margin: 0 5px;
}
.mypg-oh-schbox .ord-term .btn-ot-sch {
width: 80px;
}
.mypg-oh-schbox .ord-btn-mterm {
margin-left: 10px;
}
.mypg-oh-schbox .ord-btn-mterm button {
width: 60px;
font-size: 13px;
}
.mypg-ordhstry .tbl-box.type05 colgroup {
display: none;
}
.mypg-ordhstry .mypg-oh-num span {
font-size: 14px;
}
.mypg-ordhstry .mypg-oh-num em {
font-size: 13px;
}
.mypg-ordhstry .mypg-oh-detail .img-box {
display: block;
width: 100px;
height: 100px;
}
.mypg-ordhstry .mypg-oh-detail .info {
display: block;
width: 100%;
margin-left: 0;
margin-top: 5px;
}
.mypg-ordhstry .mypg-oh-detail .info .txt-comp,
.mypg-ordhstry .mypg-oh-detail .info .txt-prod,
.mypg-ordhstry .mypg-oh-detail .info .txt-cate {
font-size: 14px;
}
.mypg-ordhstry .mypg-oh-detail .info ul li ~ li {
margin-top: 5px;
}
.mypg-ordhstry .mypg-oh-detail .info .txt-code {
font-size: 16px;
}
.mypg-ordhstry .mypg-oh-detail .info .txt-prod {
margin-top: 5px;
}
.mypg-ordhstry .mypg-oh-dtinfo ul li span {
font-size: 14px;
}
.mypg-ordhstry .mypg-oh-dtinfo ul li ~ li {
margin-left: 20px;
}
.mypg-ordhstry .tbl-box.type05 thead tr th {
font-size: 14px;
}
.mypg-ordhstry .tbl-box.type05 td {
font-size: 14px;
}
.mypg-ordhstry .tbl-box.type05 td.txt-tot {
font-size: 16px;
}
.mypg-ohdt-info .tbl-box.type03 th,
.mypg-ohdt-info .tbl-box.type03 td {
padding: 15px 10px;
font-size: 14px;
}
.sch-res-data .hsrd-list > ul > li {
width: calc((100% - 30px) / 4);
}
.sch-res-data .hsrd-list > ul > li ~ li {
margin-left: 10px;
}
.sch-res-data .hsrd-list .more-box {
width: 100%;
}
}
@media (max-width: 768px) {
/* header */
header .hd-btns02 .p-ui.mp-ui {
right: 42px;
}
header.main .hd-btns01 .p-ui.mp-ui .ico-01,
header.main .hd-btns01 .p-ui.mp-ui .ico-02 {
height: 13px;
padding-left: 23px;
background-size: auto 100%;
}
header.main .hd-btns02 .p-ui.mp-ui .ico-04 {
height: 13px;
padding-left: 23px;
background-size: auto 100%;
background-position: left;
}
header.main .hd-btns01 .ico-03 {
width: 22px;
height: 15px;
padding-left: 22px;
background-size: auto 100%;
}
.sch-top .sch-frm {
width: calc(100% - 40px);
}
.sch-btm .sch-no .sch-no-info {
font-size: 20px;
}
.sch-btm .sch-no .sch-no-info .sch-keyw {
font-size: 20px;
}
.sch-btm .sch-no .sch-no-info span {
font-size: 13px;
}
.sch-btm .sch-res-list .sch-res-tab {
padding: 0;
}
.sch-btm .sch-res-list .sch-res-tab ul li.on a,
.sch-btm .sch-res-list .sch-res-tab ul li a {
font-size: 16px;
}
.sch-res-data .hsrd-list > ul > li {
width: calc(50% - 0.625rem);
margin-top: 10px;
}
.sch-res-data .hsrd-list > ul > li ~ li {
margin-left: 1.25rem;
}
.sch-res-data .hsrd-list > ul > li:nth-of-type(2n + 1) {
margin-left: 0;
}
.sch-res-data .hsrd-list .hsrd-list-detail li.info00 img + span {
width: 60px;
height: 30px;
font-size: 13px;
line-height: 30px;
}
.sch-res-data .hsrd-list .hsrd-list-detail li.info01, .sch-res-data .hsrd-list .hsrd-list-detail li.info02, .sch-res-data .hsrd-list .hsrd-list-detail li.info03 {
margin-top: 0;
}
.sch-res-data .hsrd-list .hsrd-list-detail li.info01 span, .sch-res-data .hsrd-list .hsrd-list-detail li.info03 span {
font-size: 12px;
line-height: 1;
}
.sch-res-data .hsrd-list .hsrd-list-detail li.info02 a {
font-size: 15px;
line-height: 1;
}
.mypg-tab-con {
padding: 0 20px;
}
.sch-res-wrap {
padding: 0;
}
.sch-res-wrap .tit {
font-size: 2.1875rem;
font-weight: 900;
color: #222;
}
.sch-res-wrap .tit span, .sch-res-wrap .tit strong {
font-size: 2.1875rem;
font-weight: 700;
}
.sch-res-wrap .tit span {
color: #b40f2c;
}
.sch-res-wrap .tit strong {
color: #222;
}
.sch-res-wrap .tab-ui,
.sch-res-wrap .tab-con,
.sch-res-wrap .sch-res-prod {
margin-top: 15px;
}
.list-type-view.row-sch > ul > li {
width: calc((100% - 10px) / 2);
margin: 0 5px 15px 0 !important;
}
.list-type-view.row-sch > ul > li:nth-child(2n) {
margin-right: 0 !important;
}
.list-type-view.row-sch > ul > li:nth-child(3n) {
margin-right: 5px !important;
}
.list-type-view.row-sch .over-my a {
width: 22px;
height: 22px;
}
.list-type-view.row-sch .over-cg p.ico-cg {
height: 20px;
line-height: 20px;
padding: 0 8px;
font-size: 11px;
}
.list-type-view.row-sch-insp .over-cg p.ico-cg {
height: 20px;
line-height: 20px;
padding: 0 8px;
font-size: 11px;
}
.prod-fd-view.sch-res-prod .list-type-view.row-03 > ul > li, .prod-fd-view.sch-res-prod .list-type-view.row-sch-insp > ul > li {
width: 100%;
margin: 0 0 30px 0 !important;
}
.sch-res-wrap .list-type-view.row-03 .info .txt-01 a {
font-size: 14px;
}
.sch-res-wrap .list-type-view.row-03 .info .txt-02 a {
font-size: 12px;
}
.sch-res-wrap .list-type-view.row-03 .info .txt-02 a ~ a {
margin-left: 10px;
}
.sch-docu .tbl-box.type05 {
border: 0;
margin-top: 10px;
}
.sch-docu .tbl-box.type05 colgroup {
display: none;
}
.sch-docu .tbl-box.type05 tbody tr {
position: relative;
display: block;
font-size: 0;
margin-top: 10px;
padding: 10px;
border: 1px solid #ccc;
}
.sch-docu .tbl-box.type05 tbody tr td,
.sch-docu .tbl-box.type05 tbody tr th {
display: inline-block;
padding: 5px 0 0;
}
.sch-docu .tbl-box.type05 tbody tr td:nth-child(1) {
width: 30px;
text-align: center;
}
.sch-docu .tbl-box.type05 tbody tr th {
width: calc(100% - 30px);
padding-top: 0;
}
.sch-docu .tbl-box.type05 tbody tr td:nth-child(3) {
width: 100%;
margin-bottom: 10px;
}
.sch-docu .tbl-box.type05 tbody tr:last-child {
border-bottom: 1px solid #ccc;
}
.mypg-top {
width: calc(100% - 40px);
height: auto;
}
.mypg-top .mypg-info {
padding-top: 80px;
}
.mypg-top .mypg-info .myinfo-id strong {
font-size: 20px;
}
.mypg-top .mypg-info .myinfo-menu {
margin-top: 8px;
}
.mypg-top .mypg-info .myinfo-menu ul li.myim-cntcus {
display: block;
margin-left: 0;
margin-top: 10px;
text-align: right;
}
.mypg-top .mypg-info .myinfo-menu ul li.myim-cntcus:before {
display: none;
}
.mypg-tab-con .mypg-like {
padding-top: 20px;
}
.mypg-top .mypg-tab-ui {
top: 50px;
}
.mypg-top .mypg-tab-ui ul li {
width: 70px;
height: 70px;
}
.mypg-top .mypg-tab-ui ul li ~ li {
margin-left: 5px;
}
.mypg-tab-con .mypg-like .img-box .info .txt-01 {
top: 20px;
left: 20px;
}
.mypg-tab-con .mypg-like .img-box .info .txt-01 a span {
font-size: 16px;
}
.mypg-tab-con .mypg-like .img-box .info .txt-02 {
top: auto;
bottom: 20px;
font-size: 13px;
}
.mypg-tab-con .mypg-like .img-box .info .txt-02 span {
font-size: 15px;
}
.mypg-top .mypg-tab-ui ul li button {
line-height: 0.5;
}
.mypg-like.prod-fd-view .sort-box {
padding: 20px 0 0 0;
}
.order-view .order-inp-box h3 + p + p {
font-size: 12px;
}
.hc-os-dvcfm {
width: calc(100% - 40px);
}
.hc-os-dvcfm .tbl-input.type02 th,
.hc-os-dvcfm .tbl-input.type02 td {
font-size: 12px;
padding: 10px !important;
}
.hc-os-dvcfm .tbl-total td span {
display: block;
margin-left: 0;
}
.hc-os-dvcfm .tbl-total td .btn-pp {
height: 23px !important;
}
.hc-os-dvcfm .tbl-total th {
font-size: 16px;
}
.hc-os-dvcfm .tbl-total td {
font-size: 18px;
}
.mypg-loginJoin {
width: calc(100% - 40px);
}
.mypg-loginJoin [class^=mypg-] {
padding: 20px 0 40px 0;
}
.mypg-login .login-box ul li {
padding: 5px 15px;
height: 37px;
}
.mypg-login .login-box ul li label {
width: 100px;
font-size: 14px;
}
.mypg-loginJoin .btn-mypg {
bottom: 10px;
}
.btn-darkG {
height: 25px;
padding: 0 30px 0 15px;
}
.btn-darkG span {
font-size: 10px;
line-height: 25px;
}
.btn-darkG.btn-myJoin:after, .btn-darkG.btn-myGo:after {
width: 15px;
background-size: 15px auto;
}
.mypg-loginJoin .inpt-mypg {
margin-top: 10px;
}
.mypg-loginJoin .inpt-mypg ul li label {
font-size: 13px;
}
.mypg-loginJoin .inpt-mypg ul li ~ li {
margin-top: 10px;
}
.mypg-loginJoin .mypg-forgotPW .t-type-03 a {
font-size: 12px;
}
.mypg-signup .rdo-box label span {
font-size: 12px;
}
.mypg-signup .rdo-box label input {
height: 14px !important;
}
.mypg-signup .tbl-input .inp-btn-ab .btn-ab {
position: relative;
}
.mypg-signup .tbl-input .inp-btn-ab .inp-text {
height: 35px;
}
.mypg-signup .tbl-input .inp-btn-ab .btn-r {
height: auto !important;
padding: 0 20px;
margin-bottom: 10px;
}
.mypg-sign-help .ms-tit h4 {
font-size: 20px;
}
.mypg-sign-help [class^=ms-link-] h5 {
font-size: 14px;
}
.mypg-sign-help [class^=ms-link-] span {
font-size: 12px;
}
.mypg-profile {
width: 100%;
}
.mypg-pop-confirm .popup > div {
width: 100% !important;
}
.mypg-pop-confirm .popup .txt-box strong {
font-size: 24px;
}
.mypg-pop-confirm .popup .txt-box p {
font-size: 14px;
}
.mypg-pop-confirm .popup .more-box .btn-darkG {
width: 30% !important;
}
.mypg-pop-confirm .popup .more-box .btn-type-large {
width: calc(70% - 10px) !important;
}
.cart-area .cart-prod-list .tbl-box.type05 colgroup {
display: none;
}
.cart-area .cart-prod-list .tbl-box.type05 thead tr,
.cart-area .cart-prod-list .tbl-box.type05 tbody tr {
display: block;
font-size: 0;
}
.cart-area .cart-prod-list .tbl-box.type05 thead tr th,
.cart-area .cart-prod-list .tbl-box.type05 tbody tr td {
display: inline-block;
vertical-align: top;
}
.cart-area .cart-prod-list .tbl-box.type05 thead tr th:nth-child(1),
.cart-area .cart-prod-list .tbl-box.type05 tbody tr td:nth-child(1) {
width: 40px;
}
.cart-area .cart-prod-list .tbl-box.type05 thead tr th:nth-child(2),
.cart-area .cart-prod-list .tbl-box.type05 tbody tr td:nth-child(2) {
width: calc(100% - 40px);
}
.cart-prod-list .cart-pd-detail .info {
margin-left: 10px;
width: calc(100% - 90px);
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .selOpt {
display: none;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 {
width: 100%;
}
.cart-ordsample .cart-sampleInfo .info {
}
.cart-ordsample .cart-sampleInfo .info .txt-comp,
.cart-ordsample .cart-sampleInfo .info .txt-prod {
font-size: 13px;
}
.cart-ordsample .cart-sampleInfo .info .txt-code {
font-size: 16px;
}
.cart-ordsample .cart-sampleInfo .info .txt-opt .sel-box {
width: 100%;
}
.cart-ordsample .cart-sampleInfo .info .txt-opt .sel-box .btn-sel span {
font-size: 12px;
padding-left: 0.625rem;
background-position: right 10px center;
}
.cart-ordsample .cart-sampleInfo .select-opt {
width: 100%;
margin: 15px 0 15px 0;
}
.cart-ordsample .cart-sampleInfo .select-opt .opt-txt {
justify-content: space-around;
}
.cart-ordsample .popup .t-type-03 {
margin-top: 30px;
}
.cart-ordsample .popup .more-box button {
width: 100%;
}
.cart-ordsample .popup .more-box button ~ button {
margin-left: 10px;
}
.mypg-oh-schbox {
margin-top: 20px;
text-align: left;
height: auto;
}
.mypg-oh-schbox [class^=ord-] {
display: block;
}
.mypg-oh-schbox .ord-tit {
position: relative;
height: auto;
line-height: 30px;
margin-top: 10px;
padding-left: 0;
font-size: 14px;
}
.mypg-oh-schbox .ord-term .date-ui {
width: 110px;
height: 30px;
}
.mypg-oh-schbox .ord-term .date-ui input {
width: 80px;
height: 30px;
font-size: 13px;
}
.mypg-oh-schbox .ord-term span {
height: 30px;
line-height: 30px;
}
.pop-footer-news .popup .btn-close {
top: 20px;
right: 20px;
}
.pop-footer-news .popup .tbl-input colgroup {
display: none;
}
.pop-footer-news .popup .tbl-input tr th {
width: 30%;
}
.pop-footer-news .popup .tbl-input tr td {
width: 70%;
}
.pop-footer-news .prod-interest > li {
width: 50%;
}
.pop-footer-news .popup .cont-box {
padding: 45px 20px;
}
.pop-footer-news .popup .cont-box .ico-news-res {
font-size: 16px;
}
.pop-footer-news .popup .cont-box p {
font-size: 13px;
}
}
/* About us 태블릿 사이즈 */
@media only screen and (max-width: 1440px) and (min-width: 1281px) {
.au-view .bbs-dt-box .tit-box {
padding: 50px 20px 70px !important;
}
.au-view .cr-box,
.au-view .bbs-box .slider-box + .w-con,
.au-view .bbs-dt-box .nd-box.prod-dt-view,
.au-view .au-box02 .t-list-box {
padding: 0 20px;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1281px) and (max-width: 1440px) {
.au-view .cr-box,
.au-view .bbs-box .slider-box + .w-con,
.au-view .bbs-dt-box .nd-box.prod-dt-view,
.au-view .au-box02 .t-list-box {
padding: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1281px) {
.au-view .au-box02 .sc-box {
padding: 100px 20px;
}
.au-view .cwp-box .w-con {
padding: 0 !important;
}
.au-view .da-box .dp-list .over-box .view {
padding: 10px;
}
.au-view .da-box .dp-list .over-box .text {
padding-right: 20px;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1023px) {
.au-view .bbs-box .slider-bbs {
padding: 50px 20px 130px !important;
}
.au-view .bbs-box .slider-bbs .slider .txt-box {
margin-top: 50px !important;
padding-left: 30px !important;
}
.au-view .di-box .ico-box .ico-01 {
padding: 0 185px 0 0;
}
.au-view .di-box .ico-box .ico-02 {
padding: 0 0 0 185px;
}
.au-view .pd-box .tr-box > div {
width: 150px !important;
height: 150px !important;
}
.au-view .pd-box .tr-box > div > div {
font-size: 14px;
}
.au-view .pd-box .tr-box > div p {
font-size: 14px;
line-height: 1.5;
}
.au-view .pd-box .tr-02 > div {
width: 200px !important;
height: 200px !important;
}
.au-view .pd-box .tr-list:before {
top: 100px !important;
bottom: 75px !important;
}
.au-view .pd-box .wrap-02 {
padding-top: 40px !important;
}
.au-view .dm-tb-box .b-list .tit {
width: 130px !important;
height: 130px !important;
}
.au-view .dm-tb-box .b-list .tit p {
font-size: 14px;
}
.au-view .dm-tb-box .b-list li {
width: 50% !important;
margin-top: 50px !important;
}
.au-view .dm-tb-box .b-list li > div {
padding-left: 110px !important;
}
.au-view .da-box .dp-list {
padding: 0 !important;
}
.au-view .da-box .dp-list > ul > li {
padding: 0 15px !important;
}
.au-view .da-box .dp-list .over-box .text {
width: calc(100% - 50px) !important;
}
.au-view .da-box .dp-list .over-box .text strong {
font-size: 14px !important;
}
.au-view .da-box .dp-list .over-box .text p {
margin-top: 5px !important;
}
.au-view .da-box .dp-list .over-box .ico {
width: 50px !important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.au-view .bbs-box .slider-bbs .slider .img-box {
width: 480px !important;
}
.au-view .bbs-box .slider-bbs .slider .txt-box {
width: calc(100% - 480px) !important;
margin-top: 20px !important;
padding-left: 20px !important;
}
.au-view .bbs-box .txt-box .t-02 strong {
font-size: 16px;
}
.au-view .bbs-box .txt-box .t-03,
.au-view .bbs-box .txt-box .t-04 {
font-size: 14px;
}
.au-view .bbs-box .bbs-list > ul > li {
width: calc((100% - 20px) / 2) !important;
margin-bottom: 50px !important;
}
.au-view .bbs-box .bbs-list > ul > li ~ li {
margin-left: 20px !important;
}
.au-view .bbs-box .bbs-list > ul > li:nth-child(2n+1) {
margin-left: 0 !important;
}
.au-view .bbs-dt-box {
margin-top: 50px !important;
}
.au-view .bbs-dt-box .bbs-list {
padding: 0 100px;
}
.au-view .bbs-dt-box .slider-news .slick-prev {
left: -100px !important;
}
.au-view .bbs-dt-box .slider-news .slick-next {
right: -100px !important;
}
.au-view .di-box .ico-box:after {
width: 200px;
height: 200px;
margin: 50px 0 0 -100px;
background-size: 60% auto;
}
.au-view .di-box .ico-box .ico-01 {
padding: 0 130px 0 0;
}
.au-view .di-box .ico-box .ico-02 {
padding: 0 0 0 130px;
}
.au-view .cwp-box .view {
width: calc(100% - 211px) !important;
margin-left: 10px !important;
padding-left: 10px !important;
}
.au-view .da-box .dp-box .txt-box {
margin-right: 10px !important;
padding: 20px !important;
min-height: 312px;
}
.au-view .da-box .dp-box .txt-box strong {
font-size: 16px;
}
.au-view .da-box .dp-box .txt-box p {
font-size: 18px;
}
.au-view .da-box .dp-list > ul > li {
width: 50% !important;
margin-top: 20px !important;
padding: 0 10px !important;
}
}
@media only screen and (max-width: 768px) {
.au-view .bbs-box .search-box .btns {
width: 100%;
}
.au-view .bbs-box .slider-bbs {
padding: 30px 20px 100px !important;
}
.au-view .bbs-box .slider-bbs .slider .img-box {
display: block;
width: 100% !important;
}
.au-view .bbs-box .slider-bbs .slider .txt-box {
display: block;
width: 100% !important;
padding-left: 0 !important;
}
.au-view .bbs-box .slider-bbs .slick-arrow {
bottom: 40px !important;
}
.au-view .bbs-box .slider-bbs .slick-prev {
left: 10% !important;
}
.au-view .bbs-box .slider-bbs .slick-next {
right: 10% !important;
}
.au-view .bbs-dt-box .bbs-list {
padding: 0 40px;
}
.au-view .di-box .ico-box strong {
font-size: 16px;
line-height: 1.2;
}
.au-view .di-box .ico-box .ico-01 b {
font-size: 0.6875rem;
}
.au-view .di-box .ico-box .ico-02 p {
font-size: 0.6875rem;
}
.au-view .di-box .ico-box .ico-02 b {
font-size: 0.6875rem;
}
.au-view .di-box .ico-box:after {
width: 50px;
height: 50px;
margin: 50px 0 0 -25px;
}
.au-view .di-box .ico-box .ico-01 {
padding: 0 30px 0 0;
}
.au-view .di-box .ico-box .ico-02 {
padding: 0 0 0 30px;
}
.au-view .di-box .ico-box .ico-02 .t-type-03 {
padding: 0;
}
.au-view .pd-box .tr-box > div {
width: 100px;
height: 100px;
}
.au-view .pd-box .tr-box > div > div {
font-size: 12px;
line-height: 1.4;
}
.au-view .pd-box .tr-list:before {
top: 52px !important;
bottom: 50px !important;
}
.au-view .pd-box .tr-02 > div {
width: 110px;
}
.au-view .pd-box .tr-box > div > div {
padding: 0 10px !important;
}
.au-view .pd-box .tr-box > div p {
font-size: 11px;
}
.au-view .pd-box .tr-box:after {
z-index: 2;
right: 7px !important;
background-size: 10px auto !important;
}
.au-view .pd-box .tr-box.tr-02:after {
right: -2px !important;
}
.au-view .pd-box .tr-box.tr-04:after, .au-view .pd-box .tr-box.tr-05:after {
right: -16px !important;
}
.au-view .pd-box .wrap-02:before {
left: 8px !important;
background-size: auto 10px !important;
}
.au-view .pd-box .wrap-02:after {
background-size: auto 10px !important;
background-position: top right 11px !important;
}
.au-view .cwp-box .w-con > strong {
font-size: 20px;
}
.au-view .cwp-box .info {
display: block !important;
}
.au-view .cwp-box .view {
display: block !important;
width: 100% !important;
margin-left: 0 !important;
margin-top: 10px !important;
padding-left: 0 !important;
border-left: 0 !important;
}
.au-view .dm-tb-box .tit-box > div {
padding: 20px 40px 45px !important;
font-size: 20px !important;
}
.au-view .dm-tb-box .b-list li {
display: block !important;
width: 100% !important;
}
.au-view .da-box .dp-box .txt-box {
display: block !important;
width: 100% !important;
}
.au-view .da-box .dp-box .img-box {
width: 100% !important;
margin-top: 10px;
}
.au-view .da-box .dp-list > ul > li {
display: block !important;
width: 100% !important;
}
}
.pop-inspr .slider-img .slider__counter {
width: auto;
position: absolute;
left: 50%;
bottom: 40px;
font-weight: 500;
font-size: 24px;
color: #ccc;
transform: transitionX(-50%);
}
.prod-dt-view .tab-ui .tab-con.mia-box h5 {
margin-bottom: 20px;
}
.prod-dt-view .prod-img .btns li {
position: relative;
}
.prod-dt-view .prod-img .btns li .sns {
position: absolute;
right: 0;
z-index: 2;
top: 55px;
}
@media (max-width: 768px) {
.prod-dt-view .prod-img .btns li .sns {
right: unset;
left: 0;
top: 44px;
}
}
.tbl-box.type05 .sns-wrp .sns {
position: absolute;
right: 0;
z-index: 2;
top: 35px;
}
/* ------------------------------ about us -------------------------- */
.au-view .inspr-view .more-box.ta-c {
display: flex;
justify-content: center;
}
.au-view .inspr-view .more-box.ta-c button {
width: 160px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
padding: unset;
background-color: #2c2c2d;
}
.au-view .bbs-box .more-box.ta-c button span {
font-size: 16px;
font-weight: 500;
letter-spacing: 0.16px;
padding-right: 34px;
line-height: inherit;
background: url("data:image/svg+xml;utf8, ") 100% 25% no-repeat;
}
.au-view .bbs-box.inspr-view .search-box {
display: flex;
}
.sel-box .sel-list {
/* width: 200px; */
top: 50px;
right: 0px;
left: unset;
}
.sel-box .sel-list .box {
display: flex;
flex-flow: column;
}
.main-box .overscr-list-wrap {
height: 634px;
padding: 0;
}
.main-box .overscr-list {
height: 634px;
}
.btn-golmore {
background: url("data:image/svg+xml;utf8, ") 100% no-repeat !important;
}
/* OUR PRODUCT */
.ourprod-wrap .ourprod-content .item {
display: flex;
flex-flow: column;
justify-content: flex-start;
padding: 270px 0 0 4%;
box-sizing: border-box;
}
.ourprod-wrap .ourprod-content .item.off .title,
.ourprod-wrap .ourprod-content .item.off svg {
top: unset;
opacity: 0;
transition: all 0.1s ease-out 0.1s;
}
.ourprod-wrap .ourprod-content .item.off .btn {
opacity: 0;
pointer-events: none;
transition: all 0.1s ease-out 0.1s;
}
.ourprod-wrap .ourprod-content .item.on .title {
display: unset;
}
.ourprod-wrap .ourprod-content .item.on .area {
top: unset;
position: relative;
}
.ourprod-wrap .ourprod-content .item svg {
transition: 0.1s ease;
}
.ourprod-wrap .ourprod-content .item.on {
justify-content: flex-start;
}
.ourprod-wrap .ourprod-content .item.on .area {
bottom: 0px;
transition: all 0.1s ease-in;
}
.ourprod-wrap .ourprod-content .item .area {
top: unset;
left: unset;
}
.ourprod-wrap .ourprod-content .item .area .text {
margin: 0;
margin: 54px 0 75px 0;
}
.ourprod-wrap .ourprod-content .item:first-child {
padding: 271px 0 0 4%;
}
.ourprod-wrap .ourprod-content .item > .title,
.ourprod-wrap .ourprod-content .item .area .area_title {
position: relative;
font-family: 'NotoSans' , sans-serif;
font-size: 38px;
text-transform: unset;
top: unset;
left: -3px;
padding: 32px 0 38px 0;
}
.ourprod-wrap .ourprod-content .item.on .area .btn-golmore {
width: 72px;
height: 31px;
margin-bottom: 78px;
}
.ourprod-wrap .ourprod-view .item:nth-child(2) .bgImage img {
left: 0%;
}
.ourprod-wrap .ourprod-view .item:nth-last-child(1) .bgImage {
right: 0;
left: unset;
}
.ourprod-wrap .ourprod-view .item:nth-last-child(1) .bgImage img {
right: 0;
left: unset;
}
.prod-dt-view {
display: flex;
flex-flow: column;
justify-content: center;
}
.prod-dt-view.flex-start {
justify-content: flex-start;
}
.prod-dt-view .main-box.ftrd-prod-box, .prod-dt-view .main-box.seg-box {
margin-top: 216px;
}
@media (max-width: 1440px) {
.prod-dt-view .main-box.ftrd-prod-box, .prod-dt-view .main-box.seg-box {
margin-top: 151px;
}
}
@media (max-width: 768px) {
.prod-dt-view .main-box.ftrd-prod-box, .prod-dt-view .main-box.seg-box {
margin-top: 7.9583333333rem;
}
}
.prod-dt-view .main-box.ftrd-prod-box .tab-ui, .prod-dt-view .main-box.seg-box .tab-ui, .prod-dt-view .main-box.insp-box .tab-ui {
margin-top: 0;
}
.prod-dt-view .main-box.ftrd-prod-box .tab-ui .btns, .prod-dt-view .main-box.seg-box .tab-ui .btns, .prod-dt-view .main-box.insp-box .tab-ui .btns {
margin: 64px 0;
}
.ourprod-wrap {
margin-top: 0;
height: 800px;
min-height: 800px;
}
.ourprod-wrap .ourprod-content {
min-height: 800px;
}
.ourprod-wrap .ourprod-view .item {
min-height: 800px;
}
.ourprod-wrap .ourprod-view .item.show {
width: 100%;
}
.ourprod-wrap .ourprod-view .bgImage {
min-width: 100%;
}
.cart-area .ourprod-wrap {
margin-top: 0;
height: 750px;
min-height: 750px;
}
.cart-area .ourprod-wrap.ukcart {
width: 480px;
margin-left: auto;
margin-right: auto;
}
.cart-area .ourprod-wrap.ukcart .ourprod-view.ukview .item {
width: 100% !important;
}
.cart-area .ourprod-wrap.ukcart .ourprod-view.ukview .item:nth-child(2) {
display: none;
}
.cart-area .ourprod-wrap.ukcart .ourprod-view.ukview .item:nth-child(3) {
display: none;
}
.cart-area .ourprod-wrap.ukcart .ourprod-content.ukcontent .item {
width: 100%;
padding-top: 224px;
padding-left: 80px;
}
@media (max-width: 768px) {
.cart-area .ourprod-wrap.ukcart .ourprod-content.ukcontent .item {
padding-top: 8.9583333333rem;
padding-left: 2.0416666667rem;
}
}
.cart-area .ourprod-wrap.ukcart .ourprod-content.ukcontent .item:nth-child(2) {
display: none;
}
.cart-area .ourprod-wrap.ukcart .ourprod-content.ukcontent .item:nth-child(3) {
display: none;
}
.cart-area .ourprod-wrap .ourprod-content {
min-height: 750px;
}
@media (max-width: 768px) {
.cart-area .ourprod-wrap .ourprod-content {
min-height: 29.5833333333rem;
}
}
.cart-area .ourprod-wrap .ourprod-view .item {
min-height: 750px;
}
@media (max-width: 768px) {
.cart-area .ourprod-wrap .ourprod-view .item {
min-height: 29.5833333333rem;
}
}
@media (max-width: 768px) {
.cart-area .ourprod-wrap {
display: block;
height: auto;
}
.cart-area .ourprod-wrap .ourprod-view {
overflow: visible;
height: auto;
}
.cart-area .ourprod-wrap .ourprod-view .item {
width: 100%;
height: 29.5833333333rem;
position: relative;
left: 0;
right: unset;
}
.cart-area .ourprod-wrap .ourprod-view .item + .item {
margin-top: 1.25rem;
}
.cart-area .ourprod-wrap .ourprod-view .item .bgImage, .cart-area .ourprod-wrap .ourprod-view .item .bgImage img {
left: 0;
right: unset;
}
.cart-area .ourprod-wrap .ourprod-content {
height: auto;
}
.cart-area .ourprod-wrap .ourprod-content .item {
height: 29.5833333333rem;
width: 100%;
padding: 8.9583333333rem 0 0 2.0416666667rem;
}
.cart-area .ourprod-wrap .ourprod-content .item > .title {
font-size: 1.3333333333rem;
padding: 1.1458333333rem 0 1.3958333333rem;
}
.cart-area .ourprod-wrap .ourprod-content .item + .item {
margin-top: 1.25rem;
}
.cart-area .ourprod-wrap .ourprod-content .item svg.content_title_hflor {
width: 7.1666666667rem;
height: 1.5625rem;
}
.cart-area .ourprod-wrap .ourprod-content .item svg.content_title_viatera {
width: 7.0625rem;
height: 1.5625rem;
}
.cart-area .ourprod-wrap .ourprod-content .item svg.content_title_himacs {
width: 8.3541666667rem;
height: 1.5208333333rem;
}
.cart-area .ourprod-wrap .ourprod-content .item svg.content_badge {
width: 2.2083333333rem;
height: 2.2083333333rem;
}
}
/* OUR PRODUCT END*/
/* FEATURED PRODUCTS */
.ftrd-prod-box .txt-box {
padding: 47px 50px 58px 31px;
display: flex;
flex-flow: column;
}
.ftrd-prod-box .txt-box .center-box {
display: flex;
flex-flow: column;
}
.ftrd-prod-box .txt-box .center-box span {
margin: unset;
padding: unset;
color: #ffffff;
text-align: left;
}
.ftrd-prod-box .txt-box .center-box .info-ti {
font-weight: 900;
letter-spacing: 1.9px;
font-family: 'NotoSans' , sans-serif;
margin-top: 194px;
white-space: normal;
text-transform: uppercase;
border-bottom: none;
}
.ftrd-prod-box .txt-box .center-box .info-ki {
margin-top: 31px;
text-transform: inherit;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.ftrd-prod-box .txt-box .btn-golmore {
position: absolute;
width: 47px;
height: 20px;
bottom: 58px;
}
.ftrd-prod-box .overscr-list-wrap .overscr-list li {
position: relative;
width: 367px;
height: 634px;
margin-left: 24px;
background-color: rgba(160, 156, 155, 0.9);
}
@media (max-width: 768px) {
.ftrd-prod-box .overscr-list-wrap .overscr-list li {
width: 100vw;
}
}
.ftrd-prod-box .overscr-list-wrap .overscr-list li img {
height: 100%;
object-fit: cover;
}
.ftrd-prod-box .overscr-list-wrap .overscr-list li:hover {
cursor: pointer;
}
.ftrd-prod-box .overscr-list-wrap .overscr-list li:hover img {
opacity: 0.1;
transition: all 0.5s ease;
}
.ftrd-prod-box .overscr-list-wrap .overscr-list li:hover .txt-box.on {
box-shadow: inherit;
visibility: visible;
opacity: 1;
}
/* FEATURED PRODUCTS END*/
/* Segments */
.overscr-list-wrap::-webkit-scrollbar {
display: none;
}
.seg-box .tab-con {
display: none;
position: absolute;
opacity: 0;
padding-left: 0;
}
.seg-box .tab-con.on {
position: relative;
opacity: 1;
z-index: 100;
display: block;
}
.seg-box .seg-menu-tit {
padding-left: 32px;
padding-right: 32px;
text-align: left;
}
.seg-box .seg-menu-tit span {
font-family: 'NotoSans' , sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 900;
}
.seg-box .overscr-list > ul > li .menu-box {
display: flex;
height: 100%;
padding-top: 120px;
align-items: flex-end;
padding-left: 33px;
padding-bottom: 172px;
}
.seg-box .menu-box {
transform: unset;
left: unset;
position: relative;
padding-top: 0 !important;
opacity: 0;
}
.seg-box .menu-box ul {
position: static;
}
.seg-box .menu-box ul li ~ li {
margin-top: 12px;
}
.seg-box .menu-box ul li a {
text-transform: uppercase;
}
.seg-box .menu-box ul li a:before {
content: unset;
}
.seg-box .overscr-list .slick-list .slick-track li:hover .menu-box ul li a {
font-size: 16px;
}
.seg-box .overscr-list .slick-list .slick-track li:hover .menu-box ul li a:after {
content: unset;
}
.seg-box .overscr-list .slick-list .slick-track li:hover .menu-box ul li a:hover {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 6px;
}
.slick-track {
margin-left: 0;
}
.seg-box .overscr-list-wrap .overscr-list .slick-list .slick-track > li {
position: relative;
width: 370px;
height: 634px;
max-width: 370px;
max-height: 634px;
margin-left: 23px;
background-color: rgba(160, 156, 155, 0.95);
}
.seg-box .overscr-list-wrap .overscr-list .slick-list .slick-track > li:hover img {
cursor: pointer;
opacity: 0.05;
transition: all 0.5s ease;
}
.seg-box .overscr-list-wrap .overscr-list .slick-list .slick-track > li:hover .menu-box {
opacity: 1;
}
@media (max-width: 768px) {
.seg-box .overscr-list-wrap .overscr-list .slick-list .slick-track > li {
max-width: unset;
margin-left: 0;
}
}
.seg-box .overscr-list-wrap .overscr-list .slick-list .slick-track li:hover .seg-menu-tit span {
font-size: 38px;
border-bottom: none;
}
/* Segments End */
@media (max-width: 768px) {
.mob-bt-0 {
border-top: 0;
}
}
/*-------------------- S : Search results --------------------*/
@media (max-width: 768px) {
.sch-area .sch-btm.has-tab {
padding: 0;
}
}
.search-result-tit > .color-red {
border-bottom: 1px solid #555;
margin-right: 10px;
}
@media (max-width: 768px) {
.search-result-tit > .color-red {
margin-right: 0.3333333333rem;
}
}
.search-result-tit > .results-for {
margin-right: 10px;
}
@media (max-width: 768px) {
.search-result-tit > .results-for {
margin-right: 0.3333333333rem;
}
}
.sch-btm.has-tab .tab-ui {
margin-bottom: 0;
}
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab button {
font-size: 20px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab button {
font-size: 0.875rem;
}
}
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab button .btn-tit-txt {
margin-right: 8px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab button .btn-tit-txt {
margin-right: 0.2916666667rem;
}
}
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab button > span {
font-family: 'NotoSans' , sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab button > span {
font-size: 0.875rem;
color: #a0a0a0;
letter-spacing: 0;
}
}
.sch-btm.has-tab .tab-ui-dark ul li.btn-tab.on button > span {
color: #fff;
}
.tab-ui-dark ul li.btn-tab button:hover > span {
color: #fff;
}
@media (max-width: 768px) {
.sch-btm.has-tab .tab-ui .tab-con {
padding: 0rem 1.25rem;
}
}
.sch-btm.has-tab .sch-res-list .sch-res-tab {
width: 100%;
border-top: 0;
padding-bottom: 39px;
border-bottom: 0;
}
.sch-btm.has-tab .sch-res-list > .tac {
margin-bottom: 90px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .sch-res-list > .tac {
margin-bottom: 3.3333333333rem;
}
}
.sch-btm.has-tab .sch-res-list .sch-res-data {
width: 100%;
margin-left: 0;
padding-top: 35px;
border-top: 1px solid #ccc;
}
.sch-btm.has-tab .sch-res-list .sch-res-data .hsrd-list {
display: block;
width: 100%;
}
.sch-btm.has-tab .tab-ui.tab-ui-dark > ul {
margin-bottom: 39px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .tab-ui.tab-ui-dark > ul {
margin-bottom: 1.0416666667rem;
}
}
.badge.badge-new {
position: absolute;
left: 0;
top: 0;
}
.btns.ab-right {
position: absolute;
right: 10px;
top: 10px;
}
.sch-btm.has-tab .sch-res-data .hsrd-list .hsrd-list-detail li.info01 {
margin-top: 10px;
}
.sch-btm.has-tab .sch-res-data .hsrd-list .hsrd-list-detail li.info03 {
margin-top: 13px;
}
.sch-btm.has-tab .search-result-section {
padding-top: 39px;
border-top: 1px solid #ccc;
}
@media (max-width: 768px) {
.sch-btm.has-tab .search-result-section {
padding-top: 1.0416666667rem;
border-top: 0;
}
}
.sch-btm.has-tab .search-result-section h4.srs-tit {
margin-bottom: 34px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .search-result-section h4.srs-tit {
margin-bottom: 1.6666666667rem;
}
}
.sch-btm.has-tab .search-result-section h4.srs-tit > .srs-tit-txt {
margin-right: 10px;
}
@media (max-width: 768px) {
.sch-btm.has-tab .search-result-section h4.srs-tit > .srs-tit-txt {
margin-right: 0.3333333333rem;
}
}
.search-result-list-wrap > ul.list.list-card {
margin: 0 -10px;
gap: 0;
}
.search-result-list-wrap > ul.list.list-card > li {
padding: 0 10px;
flex: 0 0 20%;
}
@media (max-width: 768px) {
.search-result-list-wrap > ul.list.list-card > li {
flex: 0 0 50%;
}
}
.sch-btm.has-tab .icon-like-shadow {
width: 37px;
}
.tab-ui-dark .ul-type {
display: block;
}
.color-red {
color: #b40f2c;
}
.search-result-section .more-area {
padding-top: 20px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.search-result-section .more-area {
padding-top: 0.8333333333rem;
margin-bottom: 2.5rem;
}
}
.search-result-list-wrap > ul.list.list-thumb {
justify-content: flex-start;
gap: 0;
margin: 0 -10px;
}
.search-result-list-wrap > ul.list.list-thumb > li {
flex: 0 0 33.33%;
padding: 0 10px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.search-result-list-wrap > ul.list.list-thumb > li {
flex: 0 0 100%;
margin-bottom: 2.0833333333rem;
}
}
@media (max-width: 768px) {
.list.list-thumb .card .info {
margin-top: 0.9375rem;
}
}
.list-thumb .card .thumb::before {
padding-top: 100%;
}
.underline {
width: fit-content;
border-bottom: 1px solid #666;
}
a.underline {
width: fit-content;
border-bottom: 1px solid #666;
}
.sch-btm.has-tab .sort-box {
position: relative;
min-height: 62px;
margin-bottom: 40px;
margin-top: 40px;
padding: 10px 150px 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sch-btm.has-tab .sort-box .sel-box {
position: absolute;
top: 10px;
right: 0;
padding: 0 28px;
}
.sch-btm.has-tab .sort-box .sel-box .btn-sel {
width: auto;
height: 40px;
}
.sch-btm.has-tab .sort-box .sel-box .btn-sel span {
padding-right: 50px;
}
.sch-btm.has-tab .sort-box .sel-box .sel-list {
top: 40px;
left: -20px;
width: 180px;
}
.search-result .sch-top {
margin-bottom: 45px;
}
@media (max-width: 1440px) {
.search-result .sch-top {
margin-bottom: 31px;
}
}
.search-result .sch-top .sch-frm {
position: relative;
display: inline-block;
width: 730px;
height: 55px;
padding-top: 14px;
border-bottom: 1px solid #000;
}
@media (max-width: 1280px) {
.search-result .sch-top .sch-frm {
width: 600px;
}
}
@media (max-width: 992px) {
.search-result .sch-top .sch-frm {
width: calc(100% - 40px);
}
}
.search-result .sch-top .sch-frm .ipt-hd-sch {
width: calc(100% - 60px);
height: 27px;
padding: 0 5px;
font-weight: 300;
font-size: 19px;
color: #999;
border: 0 none;
border-left: 1px solid #a72b2a;
}
@media (max-width: 1440px) {
.search-result .sch-top .sch-frm .ipt-hd-sch {
font-size: 16px;
}
}
@media (max-width: 768px) {
.search-result .sch-top .sch-frm .ipt-hd-sch {
width: calc(100% - 35px);
}
}
.search-result .sch-top .sch-frm .ipt-hd-sch.wrd-on {
border-left: 0 none;
color: #222;
}
.search-result .sch-top .sch-frm .btn-hd-sch {
display: inline-block;
width: 55px;
height: 27px;
background: url("https://img.lxhausys.com/public/images/header/btn_header_search.png") no-repeat center center;
}
@media (max-width: 768px) {
.search-result .sch-top .sch-frm .btn-hd-sch {
width: 35px;
}
}
.search-result .sch-btm {
margin-bottom: 40px;
}
@media (max-width: 1440px) {
.search-result .sch-btm {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.search-result .sch-btm {
margin-bottom: 0rem;
}
}
.search-result .sch-btm .sch-recent .sch-rcnt-tit {
margin-top: 45px;
font-weight: 500;
font-size: 16px;
color: #222;
}
@media (max-width: 1440px) {
.search-result .sch-btm .sch-recent .sch-rcnt-tit {
font-size: 11px;
}
}
@media (max-width: 768px) {
.search-result .sch-btm .sch-recent .sch-rcnt-tit {
margin-top: 1.6666666667rem;
}
}
.search-result .sch-btm .sch-recent .sch-rcnt-list {
font-size: 0;
margin-top: 10px;
}
.search-result .sch-btm .sch-recent .sch-rcnt-list li {
display: inline-block;
position: relative;
margin: 10px 10px 0 0;
padding: 8px 45px 12px 20px;
background: #f5f5f5;
vertical-align: top;
border-radius: 25px;
}
.search-result .sch-btm .sch-recent .sch-rcnt-list li .btn-rcnt-del {
position: absolute;
top: 50%;
right: 20px;
width: 9px;
height: 9px;
margin-top: -5px;
background: url(https://img.lxhausys.com/public/images/inspiration/btn_close.png) center no-repeat;
font-size: 0;
}
.search-result .sch-btm .sch-no {
margin-top: 80px;
}
@media (max-width: 768px) {
.search-result .sch-btm .sch-no {
margin-top: 3.3333333333rem;
}
}
.search-result .sch-btm .sch-no .sch-no-info {
text-align: center;
}
@media (max-width: 768px) {
.search-result .sch-btm .sch-no .sch-no-info {
padding: 0rem 1.25rem;
}
}
.search-result .sch-btm .sch-no .sch-no-info .no-re-tit {
display: block;
margin-bottom: 20px;
font-size: 27px;
font-weight: 700;
}
@media (max-width: 768px) {
.search-result .sch-btm .sch-no .sch-no-info .no-re-tit {
margin-bottom: 0.8333333333rem;
font-size: 1.0833333333rem;
line-height: 1.4;
}
}
.search-result .sch-btm .sch-no .sch-no-info .sch-keyw {
font-weight: 700;
font-size: 27px;
}
@media (max-width: 768px) {
.search-result .sch-btm .sch-no .sch-no-info .sch-keyw {
font-size: 1.0833333333rem;
}
}
.search-result .sch-btm .sch-no .sch-no-info .sch-keyw.color-red {
color: #b40f2c;
}
.search-result .sch-btm .sch-no .sch-no-info .no-re-desc {
font-size: 18px;
font-weight: 400;
}
@media (max-width: 768px) {
.search-result .sch-btm .sch-no .sch-no-info .no-re-desc {
font-size: 0.75rem;
}
}
.search-result .sch-btm .sch-no .sch-no-info span {
display: block;
font-size: 16px;
}
.search-result .sch-btm .sch-res-list {
padding-top: 80px;
}
.search-result .sch-btm .sch-res-list .sch-res-tab {
display: inline-block;
width: 260px;
padding: 15px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
vertical-align: top;
}
.search-result .sch-btm .sch-res-list .sch-res-tab ul li {
display: block;
}
.search-result .sch-btm .sch-res-list .sch-res-tab ul li a {
height: 45px;
line-height: 45px;
text-align: left;
font-weight: 500;
font-size: 20px;
color: #555;
}
.search-result .sch-btm .sch-res-list .sch-res-tab ul li.on a {
position: relative;
font-weight: 700;
font-size: 22px;
color: #111;
}
.search-result .sch-btm .sch-res-list .sch-res-tab ul li.on a:after {
display: inline-block;
width: 7px;
height: inherit;
position: absolute;
right: 6px;
content: "";
background: url("https://img.lxhausys.com/public/images/header/arr_right.png") no-repeat center center;
}
.search-result .sch-btm .sch-res-list .sch-res-data {
display: inline-block;
margin-left: 30px;
vertical-align: top;
width: 100%;
max-width: 1145px;
}
.search-result .sch-btm .sch-res-list .sch-res-data .hsrd-list {
display: none;
}
.search-result .sch-btm .sch-res-list .sch-res-data .hsrd-list.on {
display: block;
}
.search-result .sch-btm .sch-res-list .sch-res-data .hsrd-list .hsrd-list-detail li img {
cursor: pointer;
}
.search-result .faq-box .drop-list {
margin-top: 0;
}
@media (max-width: 1600px) {
.ourprod-wrap.p-ui.hasDouble {
display: block;
}
}
@media (max-width: 1440px) {
.ourprod-wrap.p-ui.hasDouble {
display: block;
}
}
@media (max-width: 1280px) {
.ourprod-wrap.p-ui.hasDouble {
display: block;
}
}
@media (max-width: 992px) {
.ourprod-wrap.p-ui.hasDouble {
display: block;
}
}
@media (max-width: 768px) {
.ourprod-wrap.p-ui.hasDouble {
display: none;
}
}
@media (max-width: 1600px) {
.ourprod-wrap.m-ui.hasDouble {
display: none;
}
}
@media (max-width: 1440px) {
.ourprod-wrap.m-ui.hasDouble {
display: none;
}
}
@media (max-width: 1280px) {
.ourprod-wrap.m-ui.hasDouble {
display: none;
}
}
@media (max-width: 768px) {
.ourprod-wrap.m-ui.hasDouble {
display: block;
}
}
@media (max-width: 1500px) and (min-width: 1200px) {
.sch-btm .sch-res-list .search-product-big-box {
margin: 20px auto 0;
}
}
/*********** E : style.scss ***********/
/* =================================== reset =================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre {
margin: 0;
padding: 0;
word-break: keep-all;
border: 0;
box-sizing: border-box;
color: #222;
}
a {
margin: 0;
padding: 0;
word-break: break-word;
box-sizing: border-box;
}
a:active, a:hover, a:link, a:visited {
margin: 0;
padding: 0;
word-break: break-word;
box-sizing: border-box;
}
abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, select, summary, time, mark, audio, video {
margin: 0;
padding: 0;
word-break: break-word;
border: 0;
box-sizing: border-box;
}
fieldset {
min-width: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html {
height: 100%;
}
body {
height: 100%;
word-break: keep-all;
overflow-x: hidden;
-ms-word-break: keep-all;
-webkit-text-size-adjust: none;
}
body.scrolllock{
overflow: hidden;
}
caption, hr, legend {
display: none;
}
ol, ul, dl, li, menu {
list-style: none;
}
.nd-box.prod-dt-view ul li {
list-style-type: disc;
}
.nd-box.prod-dt-view ol li {
list-style: decimal;
}
strong {
font-weight: bold;
}
.tinymce-content strong {
font-weight: bold;
}
.nd-box.prod-dt-view strong span {
color: inherit;
}
blockquote, q {
quotes: none;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
unicode-bidi: isolate
}
.tinymce-content em
{
font-style: italic;
}
.tinymce-content a,
.tinymce-content a:link,
.tinymce-content a:visited{
vertical-align: inherit;
text-decoration: underline;
text-underline-position: under;
}
/* 리스트 스타일 */
.tinymce-content ul,
.tinymce-content ol {
margin-left: 1.5em;
padding-left: 0.5em;
}
.tinymce-content ul ul,
.tinymce-content ol ol {
margin-left: 2em;
}
.tinymce-content ul ul {
list-style-type: circle;
}
.tinymce-content ul ul ul {
list-style-type: square;
}
.tinymce-content ol ol {
list-style-type: lower-alpha;
list-style: decimal;
}
blockquote:before, blockquote:after {
content: "";
content: none;
}
q:before, q:after {
content: "";
content: none;
}
table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
input, select, textarea, optgroup {
margin: 0;
width: 100%;
background: #fff;
border-radius: 0;
outline: none;
box-shadow: none;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* input[type='checkbox']{-webkit-appearance:checkbox;} */
/* input[type='radio']{-webkit-appearance:radio;} */
input[type=submit], input[type=button] {
cursor: pointer;
}
input:-webkit-autofill {
background-color: none !important;
}
input::-webkit-input-placeholder {
color: #999;
}
input:-moz-placeholder, input::-moz-placeholder {
color: #999;
opacity: 1;
}
input:-ms-input-placeholder {
color: #999;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition: background-color 5000s;
-webkit-text-fill-color: none !important;
}
/* select{width:100%;background:#fff url(https://img.lxhausys.com/public/images/arrw_bottom.png) right center no-repeat;background-size:15px;} */
select::-ms-expand {
display: none;
}
textarea {
overflow: auto;
}
input:disabled, select:disabled, textarea:disabled, optgroup:disabled {
background: #f2f2f2;
color: #c6c6c6;
}
em, address {
font-style: normal;
}
fieldset, img {
border: none;
outline: 0;
border-radius: 0;
text-decoration: none;
vertical-align: top;
-webkit-appearance: none;
}
a {
display: inline-block;
outline: none;
vertical-align: top;
border-radius: 0;
background: none;
text-decoration: none;
-webkit-appearance: none;
cursor: pointer;
color: inherit;
white-space: nowrap;
}
a:link, a:visited, a:active, a:hover {
outline: none;
vertical-align: top;
border-radius: 0;
text-decoration: none;
-webkit-appearance: none;
cursor: pointer;
}
button {
display: inline-block;
border: none;
outline: none;
width: 100%;
vertical-align: top;
border-radius: 0;
background: none;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
cursor: pointer;
font-family: 'NotoSans' , sans-serif;
}
iframe[name=google_conversion_frame], iframe[name=txnIdGetterFrame] {
display: none;
}
@media only screen and (max-width: 930px) {
.gnb-header.on {
display: none;
}
}
.go_home_for_pc {
display: inline-block;
}
.go_home_for_mobile {
display: none;
}
@media (max-width: 767px) {
.go_home_for_pc {
display: none !important;
}
.go_home_for_mobile {
display: inline-block !important;
}
}
.gnb-section .img-box a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(44, 44, 45, 0), rgba(44, 44, 45, 0.7));
bottom: 0;
left: 0;
/* linear-gradient(to left, #333, #333 50%); */
}
.gnb-section .img-box .over-txt {
background: transparent;
}
.gnb-section .gmlist {
min-height: 800px;
}
.column_wrap_box {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
}
/* GNB HEADER END*/
/* 1차 배포 lang Box 숨김 */
#langBox {
display: none;
}
/* 1차 배포 lang Box 숨김 End */
@media only screen and (max-width: 930px) {
.wide-pc {
display: none;
}
.tab-gnb-ui {
display: block;
}
}
/*********** S : reference.scss ***********/
@media (max-width: 768px) {
.dl-dcmt.tbl-box.type05 {
border: 0;
}
.dl-dcmt.tbl-box.type05 table {
display: flex;
flex-flow: column;
}
.dl-dcmt.tbl-box.type05 table tr {
display: flex;
flex-flow: wrap;
padding: 0.8333333333rem 0.8333333333rem 0.6666666667rem;
border: 1px solid #ccc;
}
.dl-dcmt.tbl-box.type05 table tr + tr {
margin-top: 0.8333333333rem;
}
.dl-dcmt.tbl-box.type05 table tr th, .dl-dcmt.tbl-box.type05 table tr td {
display: inline-block;
width: 100%;
padding: 0;
}
.dl-dcmt.tbl-box.type05 table tr th:nth-of-type(1) {
width: calc(100% - 1.875rem);
height: 45px;
display: flex;
align-items: center;
line-height: 22px;
border-bottom: 1px solid #ccc;
font-size: 14px;
font-weight: 500;
/* padding-top: 0.1666666667rem; */
/* padding-bottom: 0.5rem; */
}
.dl-dcmt.tbl-box.type05 table tr th:nth-of-type(1) br {
display: none;
}
.dl-dcmt.tbl-box.type05 table tr td.dcmt-chk {
text-align: left !important;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(1) {
width: 1.875rem;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(1) .inp-chk.single {
margin-right: 8px;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(2) {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 1.875rem;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(3), .dl-dcmt.tbl-box.type05 table tr td:nth-of-type(4) {
width: 4.1666666667rem;
color: #a09c9b;
font-size: 0.75rem;
line-height: 1.6666666667rem;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(3) {
padding-left: 1.875rem;
text-align: left !important;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(4) {
padding-left: 0.8333333333rem;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) {
width: calc(100% - 8.3333333333rem);
text-align: right;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) .btn-share, .dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) .sns-wrp ~ button, .dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) .btn-down {
width: 1.6666666667rem;
height: 1.6666666667rem;
background-color: rgba(0, 0, 0, 0.33);
border-radius: 100%;
box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.33);
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) .btn-share {
background-image: url(https://img.lxhausys.com/public/images/icon-share@3x.png);
background-size: 0.8333333333rem;
background-size: 0.5rem;
}
.dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) .sns-wrp ~ button, .dl-dcmt.tbl-box.type05 table tr td:nth-of-type(5) .btn-down {
margin-left: 0.6666666667rem;
background-image: url(https://img.lxhausys.com/public/images/icon-download@3x.png);
background-size: 0.6666666667rem;
}
}
.result-controler {
display: table;
width: 100%;
table-layout: fixed;
margin: 42px 0 32px;
}
@media (max-width: 768px) {
.result-controler {
display: flex;
flex-flow: column-reverse;
margin: 0.8333333333rem 0;
}
}
.result-controler .filter-cnt {
display: table-cell;
width: 50%;
font-size: 16px;
}
@media (max-width: 768px) {
.result-controler .filter-cnt {
width: 100%;
}
}
.result-controler .inp-chk{
display: flex;
width: 50%;
font-size: 16px;
}
@media (max-width: 768px) {
.result-controler .inp-chk{
width: 100%;
}
}
.result-controler .inp-chk input {
width: 22px;
height: 22px;
}
@media (max-width: 768px) {
.result-controler .inp-chk input {
top: unset;
}
}
.result-controler .inp-chk input + span {
font-size: 14px;
line-height: 22px;
}
@media (min-width: 769px) {
.result-controler .inp-chk input + span {
font-size: 16px;
line-height: 22px;
}
}
.result-controler .filter-cnt {
text-align: right;
}
.result-controler .filter-cnt strong {
color: #b40f2c;
}
@media (max-width: 768px) {
.result-controler .filter-cnt, .result-controler .filter-cnt strong {
font-size: 0.6666666667rem;
}
}
.articles-list ul {
display: flex;
flex-flow: column;
}
.articles-list .more-box {
position: relative;
width: fit-content;
left: -23px;
/* height: 48px; */
margin-top: 0;
bottom: 0;
}
@media (max-width: 768px) {
.articles-list .more-box {
left: 0;
}
}
.articles-list .col-02 {
width: calc(100% - 40px);
height: 400px;
position: relative;
display: flex;
justify-content: space-between;
background-color: #f3f2f1;
box-sizing: border-box;
}
@media (max-width: 768px) {
.articles-list .col-02 {
width: 100%;
height: auto;
}
}
.articles-list .col-02 ~ .col-02 {
margin-top: 140px;
}
.articles-list .col-02:nth-child(2n) {
flex-flow: row-reverse;
left: 40px;
}
.articles-list .col-02:nth-child(2n) .txt-box {
right: 60px;
}
.articles-list .col-02:nth-child(2n) .img-box {
left: -40px;
}
.articles-list .col-02 .img-box {
position: relative;
width: 50%;
top: -30px;
left: 40px;
height: 100%;
}
.articles-list .col-02 .img-box button {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #cecbca;
}
.articles-list .col-02 .img-box button::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.06);
}
.articles-list .col-02 .img-box button img {
width: 100%;
height: 100%;
object-fit: cover;
}
.articles-list .col-02 .img-box .icon-like-shadow {
position: absolute;
top: 20px;
right: 20px;
}
.articles-list .col-02 .img-box .badge-cat {
position: absolute;
right: 16px;
bottom: 16px;
font-size: 14px;
font-weight: 400;
}
.articles-list .txt-box {
width: 50%;
display: flex;
flex-flow: column;
justify-content: space-between;
padding: 32px 0 24px 63px;
box-sizing: border-box;
}
.articles-list .txt-box .red {
text-transform: uppercase;
color: #b40f2c;
font-size: 16px;
font-weight: 500;
margin-bottom: 18px;
letter-spacing: 0.16px;
}
@media (max-width: 768px) {
.articles-list .txt-box .red {
font-size: 0.5416666667rem;
letter-spacing: 0.0054166667rem;
margin-bottom: 0;
}
}
.articles-list .txt-box h4 {
display: -webkit-box;
margin: inherit;
font-family: 'NotoSans' , sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.articles-list .txt-box .cs-min-tit {
margin: 16px 0 0 0;
font-size: 20px;
color: #222;
}
@media (max-width: 768px) {
.articles-list .txt-box .cs-min-tit {
margin-top: 0.9375rem;
font-size: 0.875rem;
line-height: 0.5416666667rem;
}
}
.articles-list .text {
margin: 16px 0;
color: #222;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.articles-list:nth-child(3).text {
margin: 0 0 32px 0;
}
.inspr-view .articles-list {
margin-top: 70px;
}
@media (max-width: 768px) {
.inspr-view .articles-list {
margin-top: 0;
}
}
.inspr-view .articles-list .col-02 {
position: relative;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 ~ .col-02 {
margin-top: 20px;
}
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02:nth-child(2n) {
left: 0;
}
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02:nth-child(2n) .txt-box {
right: 0;
}
}
.inspr-view .articles-list .col-02 .img-box {
position: relative;
width: 662px;
height: 380px;
overflow: hidden;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .img-box {
width: 100%;
height: auto;
top: 0;
left: 0;
}
}
.inspr-view .articles-list .col-02 .img-box > img {
object-fit: cover;
}
.inspr-view .articles-list .col-02 .txt-box {
position: relative;
padding: 20px;
}
@media (min-width: 769px) {
.inspr-view .articles-list .col-02 .txt-box {
padding: 30px 0 55px 30px;
}
}
.inspr-view .articles-list .col-02 .txt-box p {
margin-bottom: 0;
}
.inspr-view .articles-list .col-02 .txt-box p:not(.tt-3) {
letter-spacing: -0.025em;
font-weight: 400;
font-size: 17px;
line-height: 1.25em;
word-wrap: break-word;
word-break: keep-all;
color: #222;
-webkit-text-size-adjust: none;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box p {
font-size: 0.5416666667rem;
}
}
.inspr-view .articles-list .col-02 .txt-box .tt-3 {
color: #222;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box .tt-3 {
font-size: 1.2916666667rem;
margin-bottom: 6px;
-webkit-line-clamp: 1;
}
}
.inspr-view .articles-list .col-02 .txt-box h5 {
margin: 0;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box h5 {
margin-top: 1rem;
font-size: 0.875rem;
line-height: 0.5416666667rem;
}
}
.inspr-view .articles-list .col-02 .txt-box .text {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 400;
line-height: 1.3;
color: #666;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box .text {
margin-top: 0.8125rem;
margin-bottom: 30px;
}
}
.inspr-view .articles-list .col-02 .txt-box .more-box {
position: absolute;
left: 33px;
bottom: 18px;
margin: 0;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box .more-box {
height: auto;
left: 20px;
bottom: 18px;
}
}
.inspr-view .articles-list + .short-link {
margin-top: 110px;
}
@media (max-width: 768px) {
.inspr-view .articles-list + .short-link {
margin-top: 5.9375rem;
}
}
@media (max-width: 1280px) {
.inspr-view .articles-list .col-02, .inspr-view .articles-list:nth-child(2n) {
flex-flow: column-reverse;
}
.inspr-view .articles-list .txt-box,
.inspr-view .articles-list .col-02 .img-box {
width: 100%;
}
}
/*********** E : reference.scss ***********/
/*********** S : thumb.scss ***********/
.thumb {
position: relative;
}
.thumb .over a img {
object-fit: cover;
width: 100%;
height: 300px;
display: block;
}
@media (max-width: 768px) {
.thumb .over a img {
height: 10.625rem;
}
}
.thumb .view {
position: absolute;
right: 15px;
top: 15px;
z-index: 99;
}
@media (max-width: 768px) {
.thumb .view {
right: 0.4166666667rem;
top: 0.4166666667rem;
}
}
.thumb + .info {
position: relative;
margin-top: 20px;
}
@media (max-width: 768px) {
.thumb + .info {
margin-top: 1.0416666667rem;
margin-bottom: 0.0625rem;
}
}
.thumb + .info .txt-01 {
font-size: 16px;
font-weight: 700;
color: #333;
margin-top: 10px;
}
@media (max-width: 768px) {
.thumb + .info .txt-01 {
font-size: 0.7708333333rem;
}
}
.thumb + .info .txt-02 {
padding-right: 80px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 700;
color: #222;
}
@media (max-width: 768px) {
.thumb + .info .txt-02 {
padding-right: 0;
margin-bottom: 0.625rem;
font-size: 0.8541666667rem;
line-height: 1.3;
}
}
.thumb + .info .txt-02 a {
white-space: nowrap;
text-align: left;
font-size: 20px;
font-weight: 700;
color: #222;
}
@media (max-width: 768px) {
.thumb + .info .txt-02 a {
font-size: 0.8541666667rem;
}
}
.thumb + .info .txt-03 {
margin-top: 15px;
color: #a09c9b;
font-size: 15px;
}
@media (max-width: 768px) {
.thumb + .info .txt-03 {
margin-top: 0.7708333333rem;
font-size: 0.7083333333rem;
}
}
.thumb + .info .txt-04 {
margin-top: 11px;
font-size: 15px;
color: #a09c9b;
}
@media (max-width: 768px) {
.thumb + .info .txt-04 {
font-size: 0.7083333333rem;
}
}
.thumb + .info .ico-color {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 26px;
padding: 0 10px;
border: 1px solid #ccc;
font-size: 0;
}
@media (max-width: 768px) {
.thumb + .info .ico-color {
display: inline-block;
position: relative;
height: unset;
padding: 0.2083333333rem 0.4166666667rem;
margin-top: 0.625rem;
}
}
.thumb + .info .ico-color span {
display: inline-block;
font-size: 13px;
line-height: 24px;
color: #999;
vertical-align: top;
}
@media (max-width: 768px) {
.thumb + .info .ico-color span {
font-size: 0.4375rem;
line-height: 0.7708333333rem;
color: #222;
}
}
.thumb + .info .ico-color .color {
width: 13px;
height: 13px;
margin: 6px 5px 0 0;
border: 1px solid #999;
border-radius: 50%;
}
@media (max-width: 768px) {
.thumb + .info .ico-color .color {
width: 0.4791666667rem;
height: 0.4791666667rem;
margin: 0.2291666667rem 0.1666666667rem 0 0;
}
}
.list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 2%;
}
@media (max-width: 768px) {
.list {
gap: 4%;
}
}
.list-card > li {
flex: 0 0 18%;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.list-card > li {
flex: 0 0 48%;
margin-bottom: 1.6666666667rem;
}
}
.list-pd > li {
flex: 1 0 21%;
}
.card {
position: relative;
}
.card .thumb {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.card .thumb::before {
content: "";
width: 1px;
margin-left: -1px;
float: left;
height: 0;
padding-top: 115.9922928709%;
}
.card .thumb::after { /* to clear float */
content: "";
display: table;
clear: both;
}
.card .thumb .badge-new {
position: absolute;
top: 0;
left: 0;
}
.card .thumb .badge-exclusive {
position: absolute;
top: 0;
left: 0;
}
.card .thumb .btns {
position: absolute;
top: 5%;
right: 4%;
}
.card .info {
position: relative;
margin-top: 23px;
}
.card .info .txt-01 {
font-size: 16px;
font-weight: 700;
color: #333;
margin-top: 10px;
}
@media (max-width: 768px) {
.card .info .txt-01 {
font-size: 0.7708333333rem;
}
}
.card .info .txt-02 {
margin-top: 4px;
padding-right: 80px;
font-size: 20px;
font-weight: 700;
color: #111;
}
@media (max-width: 768px) {
.card .info .txt-02 {
padding-right: 0;
font-size: 1.0416666667rem;
line-height: 1.1666666667rem;
}
}
.card .info .txt-02 a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: inherit;
font-weight: inherit;
text-align-last: left;
color: inherit;
}
.card .info .txt-03 {
margin-top: 20px;
color: #a09c9b;
font-size: 16px;
line-height: 1;
}
@media (max-width: 768px) {
.card .info .txt-03 {
margin-top: 0.9375rem;
font-size: 0.6979166667rem;
}
}
.card .info .txt-04 {
margin-top: 10px;
font-size: 16px;
color: #a09c9b;
line-height: 1;
}
@media (max-width: 768px) {
.card .info .txt-04 {
font-size: 0.6979166667rem;
}
}
.card .info .inp-chk {
margin-top: 24px;
}
@media (max-width: 768px) {
.card .info .inp-chk {
margin-top: 1rem;
}
}
.card .info .inp-chk span {
display: block;
font-size: 18px;
font-weight: 300;
line-height: 1;
color: #222;
}
@media (max-width: 768px) {
.card .info .inp-chk span {
font-size: 0.75rem;
}
}
.card .info .ico-color {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 26px;
padding: 0 10px;
border: 1px solid #ccc;
font-size: 0;
}
@media (max-width: 768px) {
.card .info .ico-color {
display: inline-block;
position: relative;
height: 0.9375rem;
padding: 0 0.3125rem;
margin-top: 0.8125rem;
}
}
.card .info .ico-color span {
display: inline-block;
font-size: 13px;
line-height: 24px;
color: #999;
vertical-align: top;
}
@media (max-width: 768px) {
.card .info .ico-color span {
font-size: 0.4375rem;
line-height: 0.7708333333rem;
color: #222;
}
}
.card .info .ico-color .color {
width: 13px;
height: 13px;
margin: 6px 5px 0 0;
border: 1px solid #999;
border-radius: 50%;
}
@media (max-width: 768px) {
.card .info .ico-color .color {
width: 0.4791666667rem;
height: 0.4791666667rem;
margin: 0.2291666667rem 0.1666666667rem 0 0;
}
}
.sch-res-prod.prod-fd-view .list-type-view {
display: inline-block;
}
.sch-res-prod.prod-fd-view .list-type-view .img-box {
position: relative;
border: 1px solid #e8e8e8;
}
.sch-res-prod.prod-fd-view .list-type-view .img-box > a {
width: 100%;
height: 336px;
}
@media (max-width:768px) {
.sch-res-prod.prod-fd-view .list-type-view .img-box > a {
width: 100%;
height: 190px;
}
}
.sch-res-prod.prod-fd-view .list-type-view .img-box::after {
opacity: 1;
background: none;
}
.sch-res-prod.prod-fd-view .list-type-view .img-box .over-cg{
position: absolute;
display: none;
left: 0px;
top: 0px;
}
.sch-res-prod.prod-fd-view .list-type-view .img-box .over-cg .ico-cg{
padding: 20px;
/* color: #fff; */
}
.sch-res-prod.prod-fd-view .list-type-view .img-box img {
height: 100%;
width: 100%;
object-fit: cover;
}
.sch-res-prod.prod-fd-view .list-type-view .img-box img.hover {
opacity: 0;
transition: .3s;
position: absolute;
left: 0;
top: 0;
}
.sch-res-prod.prod-fd-view .list-type-view .img-box:hover img.hover {
opacity: 1;
}
.list-type-view.row-sch,
.list-type-view.row-sch-insp {
width: 100%;
display: inline-block;
}
.list-type-view.row-sch .img-box .over-my,
.list-type-view.row-sch-insp .img-box .over-my {
top: 15px;
right: 15px;
}
@media (max-width: 768px) {
.list-type-view.row-sch .img-box .over-my,
.list-type-view.row-sch-insp .img-box .over-my {
top: 0.4166666667rem;
right: 0.4166666667rem;
}
}
/*********** E : thumb.scss ***********/
/*********** S : slide.scss ***********/
.slider .over, .thumb .over, .prod-list-box .over, .prod-fd-view .over {
position: relative;
}
.slider .over::after, .prod-list-box .over::after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(#000, transparent);
opacity: 0.1;
pointer-events: none;
}
.slide-wrapper {
position: relative;
width: 1440px;
margin: 0 auto;
}
.slide-wrapper .arrow-prev:hover,
.slide-wrapper .arrow-prev:active {
background-image: url(https://img.lxhausys.com/public/images/arrw_left_06.png);
}
.slide-wrapper .arrow-next:hover,
.slide-wrapper .arrow-next:active {
background-image: url(https://img.lxhausys.com/public/images/arrw_right_14.png);
}
.slide-wrapper .arrow-prev {
left: -50px;
background-image: url(https://img.lxhausys.com/public/images/arrw_left_05.png);
}
@media (max-width: 1440px) {
.slide-wrapper .arrow-prev {
left: -40px;
}
}
@media (max-width: 768px) {
.slide-wrapper .arrow-prev {
left: -1.25rem;
}
}
.slide-wrapper .arrow-next {
right: -50px;
background-image: url(https://img.lxhausys.com/public/images/arrw_right_17.png);
}
@media (max-width: 1440px) {
.slide-wrapper .arrow-next {
right: -40px;
}
}
@media (max-width: 768px) {
.slide-wrapper .arrow-next {
right: -1.25rem;
}
}
.slide-wrapper .arrow-prev,
.slide-wrapper .arrow-next {
position: absolute;
z-index: 9;
top: 36%;
width: 40px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: 40%;
font-size: 0;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.slide-wrapper .arrow-prev,
.slide-wrapper .arrow-next {
width: 1.25rem;
height: 1.6666666667rem;
background-size: 50%;
}
}
@media (max-width: 1440px) {
.slide-wrapper {
width: 100%;
}
}
@media (max-width: 768px) {
.slide-wrapper {
width: 100%;
}
}
.slick-container {
width: 1440px;
}
@media (max-width: 1440px) {
.slick-container {
width: 100%;
}
}
@media (max-width: 768px) {
.slick-container {
width: 100%;
}
}
.slick-container .slick-list {
margin: 0 -17px;
}
@media (max-width: 768px) {
.slick-container .slick-list {
margin: 0 -0.7083333333rem;
}
}
.slick-container .slick-list .slider {
margin: 0 17px;
}
@media (max-width: 768px) {
.slick-container .slick-list .slider {
margin: 0 0.625rem;
}
}
.slick-container .slick-list .hflo-nav.slider-prod-nav {
border: 1px solid red;
}
@media (max-width: 768px) {
.slick-container .slick-list .hflo-nav.slider-prod-nav {
width: 83% !important;
margin: auto auto;
}
}
.slide-ftrd .slick-container {
position: relative;
}
.slide-ftrd .slick-container .slick-list .slick-slide {
height: auto;
}
.slide-ftrd .slick-container .slick-list .slick-slide .img-box {
width: 100%;
height: 290px;
position: relative;
}
.slide-ftrd .slick-container .slick-list .slick-slide .img-box .img-cover {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.slide-ftrd .slick-container .slick-list .slick-slide .img-box .badge {
position: absolute;
right: 18px;
bottom: 18px;
opacity: 0.9;
pointer-events: none;
}
.slide-ftrd .slick-container .slick-list .slick-slide .img-box a[class^=icon], .slide-ftrd .slick-container .slick-list .slick-slide .img-box [class^=icon] {
display: inline-block;
width: 44px;
height: 34px;
font-size: 0;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
position: absolute;
right: 12px;
top: 16px;
}
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box {
width: 100%;
margin-top: 25px;
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box {
width: 100%;
margin-top: 1.3333333333rem;
}
}
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box li a {
text-align: left;
}
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-01 a {
font-size: 24px;
font-weight: 700;
color: #111;
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-01 a {
font-size: 1rem;
}
}
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-02 {
margin-top: 10px;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-02 {
font-size: 0.8333333333rem;
margin-top: 0.6666666667rem;
}
}
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-03 {
margin-top: 3px;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-03 {
font-size: 0.6666666667rem;
margin-top: 0.5rem;
}
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-04 {
overflow: hidden;
max-height: 4.1666666667rem;
font-size: 0.6666666667rem;
font-weight: 300;
}
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-05 {
font-size: 0.6666666667rem;
}
}
.slide-ftrd .slick-container .slick-list .slick-slide .more-box.type04 {
margin-top: 40px;
}
@media (max-width: 768px) {
.slide-ftrd .slick-container .slick-list .slick-slide .more-box.type04 {
margin-top: 1rem;
}
.slide-ftrd .slick-container .slick-list .slick-slide .more-box.type04 button:after {
display: none;
}
}
.slide-ftrd .slick-container.has-view-all .slick-list {
overflow: visible;
}
@media (max-width: 768px) {
.slide-ftrd .slick-container.has-view-all .slick-list {
overflow: hidden;
}
}
@media (max-width: 768px) {
.slide-ftrd .slick-container {
padding: 0;
width: 100%;
}
.slide-ftrd .slick-container .slick-list .slick-slide {
padding: 0;
}
}
/* micro 페이지 */
.micro-pf .list-filter-key .sel.del_all {
padding: unset;
width: 28px;
height: 28px;
border-radius: 50%;
background: #fff;
}
@media (min-width: 768px) {
.micro-pf .list-filter-key .sel.del_all {
width: 30px;
height: 30px;
}
}
.micro-pf .list-filter-key .sel.del_all button {
width: 100%;
height: 100%;
padding: unset;
background: center / 12px 12px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_mo_menu_close.svg);
}
.micro-pf .list-filter-key .sel.del_all button span {
font-size: 0;
font-weight: unset;
line-height: unset;
color: unset;
white-space: unset;
}
/*상품리스트*/
.list-type-view.row-04 {
width: 100%;
display: inline-block;
}
.list-type-view.row-04 > ul > li {
margin-bottom: 32px;
width: calc(25% - 23px);
position: relative;
margin: 0 30px 40px 0;
float: left;
}
.list-type-view.row-04 > ul > li:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 768px) {
.list-type-view.row-04 > ul > li {
width: calc(50% - 11px);
margin-right: 1.25rem;
margin-bottom: 1.3541666667rem;
}
.list-type-view.row-04 > ul > li:nth-child(2n) {
margin-right: 0;
}
}
.list-type-view.row-04 > ul > li .over {
position: relative;
}
.list-type-view.row-04 > ul > li .over .auraBtns {
position: absolute;
bottom: 5%;
height: 12%;
width: 100%;
}
.list-type-view.row-04 > ul > li .view a.icon-wish-shadow {
font-size: 0;
display: inline-block;
display: none;
width: 40px;
background-size: 100%;
height: 36px;
}
@media (max-width: 768px) {
.list-type-view.row-04 > ul > li .view a.icon-wish-shadow {
width: 1.7708333333rem;
height: 1.7708333333rem;
margin-left: 0.2083333333rem;
}
}
@media (max-width: 768px) {
.list-type-view.row-04 > ul > li .view a {
width: 1.875rem;
height: 1.875rem;
}
}
.list-type-view.row-04 ul li:first-child > a {
font-size: inherit;
margin: 0;
text-align: left;
}
@media (max-width: 768px) {
.list-type-view.row-04 ul li:first-child > a {
font-size: 0.8541666667rem;
}
}
.list-type-view.row-04 .info .txt-02 {
font-size: 20px;
margin-bottom: 14px;
font-weight: 700;
color: #222;
}
.list-type-view.row-04 .info .txt-02 a {
text-align: left;
}
@media (max-width: 1440px) {
.list-type-view.row-04 .info .txt-02 {
font-size: 15px;
}
}
@media (max-width: 768px) {
.list-type-view.row-04 .info .txt-02 {
font-size: 14px;
margin-bottom: 0.625rem;
}
.list-type-view.row-04 .info .txt-02 a {
font-size: 14px;
}
}
.list-type-view.row-04 .info .txt-01 {
font-size: 20px;
margin-top: 14px;
margin-bottom: 14px;
color: #222;
}
.list-type-view.row-04 .info .txt-01 > a {
font-size: 20px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info .txt-01 > a {
font-size: 14px;
}
}
.list-type-view.row-04 .info ul li.txt-03 {
color: #666;
font-size: 20px;
margin-bottom: 14px;
}
.list-type-view.row-04 .info ul li.txt-04 {
color: #666;
font-size: 20px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info ul li.txt-04 {
font-size: 0.6875rem;
}
}
.list-type-view.row-04 .info ul li.txt-04.euSite {
height: 43px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info ul li.txt-04.euSite {
height: 1.875rem;
}
}
.micro-pf .list-type-view.row-04 .info02{
position: absolute;
bottom: 12px;
left: 14px;
}
@media (min-width: 769px) {
.micro-pf .list-type-view.row-04 .info02{
bottom: 20px;
left: 20px;
}
}
.list-type-view.row-04 .info02 ul {
height: 180px;
display: block;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info02 ul {
height: 6.6666666667rem;
}
}
.list-type-view.row-04 .info02 ul li.txt-03 {
color: #a09c9b;
font-size: 16px;
margin: 15px 0 7px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info02 ul li.txt-03 {
font-size: 0.6875rem;
margin: 0.9375rem 0 0.4166666667rem;
}
}
.list-type-view.row-04 .info02 ul li.txt-04 {
color: #a09c9b;
font-size: 16px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info02 ul li.txt-04 {
font-size: 0.6875rem;
}
}
.list-type-view.row-04 .info02 ul .txt-02 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
color: #fff;
font-size: 18px;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5), 0px 0px 30px rgba(0, 0, 0, 0.3);
}
.list-type-view.row-04 .info02 ul .txt-02 a {
text-align: left;
font-size: 18px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .info02 ul .txt-02 {
margin-top: 0.8333333333rem;
margin-bottom: 0.4166666667rem;
font-size: 0.875rem;
}
.list-type-view.row-04 .info02 ul .txt-02 a {
font-size: 0.8541666667rem;
}
}
.list-type-view.row-04 .info02 ul .txt-01 {
margin-top: 10px;
font-size: 16px;
font-weight: 700;
display: none;
}
@media (max-width: 1440px) {
.list-type-view.row-04 .info02 ul .txt-01 {
font-size: 13px;
}
}
@media (max-width: 768px) {
.list-type-view.row-04 .info02 ul .txt-01 {
margin-top: 0.4166666667rem;
font-size: 0.75rem;
}
}
.list-type-view.row-04 .inp-chk {
margin-top: 24px;
}
@media (max-width: 768px) {
.list-type-view.row-04 .inp-chk {
margin-top: 1rem;
}
}
/*********** E : slide.scss ***********/
/*************** S : cart.scss ***************/
.cart-area {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 120px 0 60px 0;
min-height: 450px;
background: #fff;
}
@media (max-width: 768px) {
.cart-area {
padding: 5.4166666667rem 0 0rem 0;
}
}
.txt_color_gray{
color: #666;
}
.cart-area .cart-info {
margin-top: 20px;
margin-bottom: 60px;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
letter-spacing: -0.5px;
text-align: center;
color: #222;
}
@media (max-width: 768px) {
.cart-area .cart-info {
font-size: 0.875rem;
margin-top: 0.8333333333rem;
margin-bottom: 3.3333333333rem;
}
}
.cart-area .ico-03 {
display: inline-block;
width: 100%;
height: 38px;
background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.360001 1.64999L5.04 2.17999L8.93 20.99H25.02L28.84 7.22999L6.32 6.97999' stroke='rgba(116, 103, 97, 1)' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M11.73 30.37C13.0886 30.37 14.19 29.2686 14.19 27.91C14.19 26.5514 13.0886 25.45 11.73 25.45C10.3714 25.45 9.27 26.5514 9.27 27.91C9.27 29.2686 10.3714 30.37 11.73 30.37Z' fill='rgba(116, 103, 97, 1)'/%3E%3Cpath d='M22.45 30.37C23.8086 30.37 24.91 29.2686 24.91 27.91C24.91 26.5514 23.8086 25.45 22.45 25.45C21.0914 25.45 19.99 26.5514 19.99 27.91C19.99 29.2686 21.0914 30.37 22.45 30.37Z' fill='rgba(116, 103, 97, 1)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 38px;
background-position: center;
margin-top: 64px;
}
@media (max-width: 768px) {
.cart-area .ico-03 {
background-size: 1.4166666667rem;
margin-top: 1.8333333333rem;
}
}
.cart-area .cart-con {
width: 1440px;
margin-top: 30px;
border-bottom: 1px solid #e8e8e8;
}
@media (max-width: 1440px) {
.cart-area .cart-con {
width: 100%;
}
}
@media (max-width: 768px) {
.cart-area .cart-con {
width: 100%;
}
}
.cart-area .ourprod-wrap.p-ui {
display: block;
}
@media (max-width: 768px) {
.cart-area .ourprod-wrap.p-ui {
display: none;
}
}
.cart-area .ourprod-wrap.m-ui {
display: none;
}
@media (max-width: 768px) {
.cart-area .ourprod-wrap.m-ui {
display: block;
}
}
.cart-golist .list-type-view.row-03 > ul {
display: flex;
justify-content: space-between;
text-align: center;
}
@media (max-width: 768px) {
.cart-golist .list-type-view.row-03 > ul {
flex-direction: column;
}
}
.cart-golist .list-type-view.row-03 > ul > li {
margin: 0 20px 50px 0;
}
.cart-golist .list-type-view.row-03 > ul > li:nth-of-type(3n) {
margin-right: 0;
}
@media (max-width: 768px) {
.cart-golist .list-type-view.row-03 > ul > li {
margin-right: 0;
}
}
.cart-golist .list-type-view {
border-bottom: 0;
}
.cart-golist .list-type-view li {
position: relative;
display: block;
}
.cart-golist .list-type-view .img-box img {
height: auto;
}
.cart-golist .list-type-view .info {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 200px;
margin-top: 0;
text-align: center;
}
@media (max-width: 768px) {
.cart-golist .list-type-view .info {
padding-top: 6.25rem;
}
}
.cart-golist .list-type-view .info .txt-logo span {
display: block;
width: 100%;
height: 30px;
font-size: 0;
}
.cart-golist .list-type-view .info .txt-logo .logo-hflor {
background: url("https://img.lxhausys.com/public/images/header/logo_hflor.png") no-repeat center center;
}
.cart-golist .list-type-view .info .txt-logo .logo-via {
background: url("https://img.lxhausys.com/public/images/header/logo_viatera.png") no-repeat center center;
}
.cart-golist .list-type-view .info .txt-logo .logo-hi {
background: url("https://img.lxhausys.com/public/images/header/logo_himacs.png") no-repeat center center;
}
.cart-golist .list-type-view .info .txt-info {
margin-top: 25px;
margin-bottom: 40px;
}
.cart-golist .list-type-view .info .txt-info span {
display: block;
}
.cart-golist .list-type-view .info .txt-info span em {
position: relative;
font-weight: 700;
font-size: 42px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.cart-golist .list-type-view .info .txt-info span em {
font-size: 1.6666666667rem;
}
}
.cart-golist .list-type-view .info .txt-info span em:after {
display: block;
position: absolute;
bottom: 6px;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: "";
}
.cart-golist .list-type-view .info .txt-btn {
margin-bottom: 5px;
}
.cart-golist .list-type-view .info .txt-btn a {
position: relative;
width: 222px;
height: 55px;
padding: 10px 50px 10px 20px;
line-height: 1.2;
font-weight: 400;
font-size: 14px;
color: #fffefe;
border: 1px solid #fff;
background: rgba(0, 0, 0, 0.15);
border-radius: 27.5px;
text-align: left;
}
@media (max-width: 768px) {
.cart-golist .list-type-view .info .txt-btn a {
height: auto;
font-size: 0.5833333333rem;
padding: 0.4166666667rem 2.0833333333rem 0.4166666667rem 0.8333333333rem;
}
}
.cart-golist .list-type-view .info .txt-btn a span {
font-weight: 700;
font-size: inherit;
color: inherit;
}
.cart-golist .list-type-view .info .txt-btn a:after {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 50px;
height: 55px;
background: url("https://img.lxhausys.com/public/images/header/arr_right02.png") no-repeat center center;
content: "";
}
@media (max-width: 768px) {
.cart-golist .list-type-view .info .txt-btn a:after {
height: 2.2916666667rem;
}
}
.cart-prod-list {
width: 1440px;
margin-top: 60px;
}
@media (max-width: 1440px) {
.cart-prod-list {
width: 100%;
}
}
@media (max-width: 768px) {
.cart-prod-list {
width: 100%;
margin-top: 3.3333333333rem;
}
}
.cart-prod-list .tab-ui {
margin-bottom: 2.0833333333rem;
}
.cart-prod-list .cart-wrap {
display: flex;
}
@media (max-width: 1440px) {
.cart-prod-list .cart-wrap {
flex-direction: column;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap {
flex-direction: column;
}
}
.cart-prod-list .cart-wrap .col {
width: 900px;
}
@media (max-width: 1440px) {
.cart-prod-list .cart-wrap .col {
width: 100%;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col {
width: 100%;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col:first-child .tt-3 {
display: none;
}
}
.cart-prod-list .cart-wrap .col:last-child {
width: 500px;
margin-left: 40px;
}
@media (max-width: 1440px) {
.cart-prod-list .cart-wrap .col:last-child {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col:last-child {
width: 100%;
margin: 0;
}
}
.cart-prod-list .cart-wrap .col:last-child .tt-3 {
text-transform: capitalize;
}
.cart-prod-list .cart-wrap .col .tt-3 {
margin-bottom: 36px;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tt-3 {
margin-bottom: 1.1041666667rem;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 {
width: 900px;
}
@media (max-width: 1440px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 {
width: 100%;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 {
width: 100%;
overflow-x: scroll;
padding-bottom:20px;
border-bottom: none;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05::-webkit-scrollbar{
background-color: #e8e8e8;
height:2px;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05::-webkit-scrollbar-thumb{
background-color: #222;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 table{
width:740px;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 thead tr {
position: relative;
padding: 0.625rem 1.25rem;
background-color: #f6f6f6;
}
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 tbody tr {
position: relative;
padding: 1.25rem;
line-height: 85px;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th {
padding: 30px 0;
font-size: 17px;
text-align: center;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 th {
padding: 0.625rem 0;
font-size: 1.0625rem;
text-align: left;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:nth-child(2) {
/* width: calc(100% - 40px); */
width:300px;
padding: 0.625rem 0;
margin-right:20px;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:nth-child(3) {
/* width: calc((100% + 100px) / 3); */
/* padding-left: 40px; */
width:100px;
text-align: center;
margin-right:10px;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:nth-child(4) {
/* width: calc((100% - 50px) / 3); */
width:100px;
text-align: center;
margin-right:10px;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:nth-child(5) {
/* width: calc((100% - 50px) / 3); */
width:100px;
text-align: center;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:first-child {
padding: 30px 31px;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:first-child {
padding: 0.625rem 0;
width:40px;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 th:first-child .inp-chk {
margin: 0;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td {
padding: 20px;
font-weight: 400;
font-size: 20px;
color: #666;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 td {
padding: 0;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td ~ td {
padding: 20px;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 td ~ td {
padding: 0;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td.nodata_td{
text-align: center;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 td:first-child {
padding: 0;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td:nth-child(2) {
/* width: calc(100% - 40px); */
width:40px;
margin-bottom: 1.25rem;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td:nth-child(3) {
/* width: calc((100% + 100px) / 3); */
width:300px;
padding: 0;
margin-right:20px;
/* padding-left: 40px; */
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td:nth-child(4) {
/* width: calc((100% - 50px) / 3); */
width:100px;
padding: 0;
margin-right:10px;
text-align: center;
vertical-align: middle;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td:nth-child(5) {
width: calc((100% - 50px) / 3);
vertical-align: baseline;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td.txt-price {
font-size: 16px;
text-align: center;
white-space: nowrap;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 td.txt-price {
width:100px;
text-align: center;
vertical-align: middle;
margin-right:10px;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td.txt-price > div{
white-space: nowrap;
}
.cart-prod-list .cart-wrap .col .tbl-box.type05 td.txt-tot {
font-weight: 700;
font-size: 22px;
color: #222;
text-align: center;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .tbl-box.type05 td.txt-tot {
padding: 0;
text-align: center;
width: 100px;
line-height: 85px;
}
}
.cart-prod-list .cart-wrap .col .tbl-box.type03 {
border-top: 1px solid #746761;
border-bottom: 1px solid #746761;
}
.cart-prod-list .cart-wrap .col .tbl-box.type03 tr {
border-bottom: 1px solid #ccc;
}
.cart-prod-list .cart-wrap .col .tbl-box.type03 tr:last-child {
border-bottom: 0;
}
.cart-prod-list .cart-wrap .col .tbl-box.type03 tr th, .cart-prod-list .cart-wrap .col .tbl-box.type03 tr td {
padding: 1.0416666667rem 1.25rem;
}
.cart-prod-list .cart-wrap .col .tbl-box.type03 tr th {
font-size: 1.0625rem;
}
@media (max-width: 768px) {
.cart-prod-list .cart-wrap .col .t-type-03 {
font-size: 0.8125rem;
line-height: 1.25rem;
letter-spacing: -0.024375rem;
}
}
.cart-prod-list .cart-pd-detail {
width: 100%;
white-space: nowrap;
}
.cart-prod-list .cart-pd-detail .img-box {
display: inline-block;
width: 150px;
height: 150px;
vertical-align: top;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .img-box {
width: 5rem;
height: 5rem;
}
}
.cart-prod-list .cart-pd-detail .img-box > img{
width: 100%;
height: 100%;
object-fit: cover;
}
.cart-prod-list .cart-pd-detail .info {
display: inline-block;
margin-left: 30px;
vertical-align: top;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info {
margin-left: 1.2rem;
}
}
.cart-prod-list .cart-pd-detail .info li {
display: block;
}
.cart-prod-list .cart-pd-detail .info li.txt-code {
font-weight: 700;
font-size: 16px;
color: #333;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info li.txt-code {
font-size: 1rem;
line-height: 1;
}
}
.cart-prod-list .cart-pd-detail .info li.txt-prod {
margin-top: 10px;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info li.txt-prod {
margin-top: 0.4166666667rem;
padding-right: 0.8333333333rem;
}
}
.cart-prod-list .cart-pd-detail .info li.txt-prod span {
display: inline-block;
font-weight: 700;
font-size: 20px;
color: #111;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info li.txt-prod span {
display: block;
font-size: 1.25rem;
line-height: 1.6666666667rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.cart-prod-list .cart-pd-detail .info li.txt-opt {
margin-top: 20px;
height: 40px;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info li.txt-opt {
height: 1.875rem;
margin-top: 0.4166666667rem;
}
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .selOpt {
display: inline-block;
width: 64px;
vertical-align: top;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info li.txt-opt .selOpt {
display: none;
}
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .selOpt span {
line-height: 40px;
font-weight: 400;
font-size: 13px;
color: #222;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 {
display: inline-block;
width: 100%;
max-width: 140px;
height: 100%;
border-bottom: 1px solid #a0a0a0;
}
@media (max-width: 768px) {
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 {
width: 100%;
max-width: none;
}
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 .btn-sel {
width: 100% !important;
height: 100% !important;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 .btn-sel.disable {
width: 100% !important;
height: 100% !important;
opacity: 0.5;
cursor: not-allowed;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box.type02 .btn-sel span {
font-weight: 400;
font-size: 15px;
color: #666;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box .sel-list {
top: 40px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box .sel-list .box li {
padding: 0 15px;
font-size: 16px;
}
.cart-prod-list .cart-pd-detail .info li.txt-opt .sel-box .sel-list button {
width: 100%;
}
.cart-prod-list .t-type-03 {
font-weight: 400;
margin-top: 40px;
/* margin-bottom: 60px; */
color: #666;
}
@media (max-width: 768px) {
.cart-prod-list .t-type-03 {
margin-top: 1.25rem;
margin-bottom: 2.6875rem;
}
}
.cart-prod-list .tbl-01 {
margin-top: 20px;
}
.cart-prod-list .tab-con {
position: relative;
}
.cart-prod-list .tab-con .btn-checkout {
position: absolute;
bottom: -10px;
right: -120px;
}
@media (max-width: 1600px) {
.cart-prod-list .tab-con .btn-checkout {
right: 0;
}
}
@media (max-width: 1440px) {
.cart-prod-list .tab-con .btn-checkout {
right: 0;
}
}
@media (max-width: 768px) {
.cart-prod-list .tab-con .btn-checkout {
z-index: 830;
bottom: 10.4166666667rem;
right: 1.2916666667rem;
}
}
@media (max-width: 768px) {
.cart-prod-list .tab-con::after {
content: "";
position: relative;
/* display: block; */
/* height: 12.5rem; */
/* margin-left: -20px; */
/* background: #2c2c2d; */
}
}
.more-box .btn-selDel span {
color: #222;
background-image: url(https://img.lxhausys.com/public/images/header/btn_header_close02.png);
}
.more-box.btn-cart-buy {
margin-top: 20px;
padding-bottom: 30px;
}
@media (min-width: 769px) {
.more-box.btn-cart-buy {
margin-top: 60px;
padding-bottom: 80px;
}
}
@media (max-width: 768px) {
.more-box.btn-cart-buy .btn {
/* display: block; */
width: 100%;
display: inline-flex;
}
}
.more-box.btn-cart-buy span {
padding-right: 58px;
}
@media (max-width: 768px) {
.more-box.btn-cart-buy span {
text-align-last: left;
width: 100%;
}
}
.cart-prod-list .tbl-01 .tbl-box tbody td {
font-weight: 400;
font-size: 18px;
color: #666;
}
.cart-prod-list .tbl-01 .tbl-box tbody td.txt-gTot {
font-weight: 700;
font-size: 30px;
color: #222;
}
/*************** E : cart.scss ***************/
/*********** S : feature.scss ***********/
/*---------- S : CARE AND MAINTENANCE CMS AREA ----------*/
.wrapper-cms-cnm {
color: #222;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .col-02 > div {
width: 100%;
}
.wrapper-cms-cnm .t-type-03 {
font-size: 0.75rem;
line-height: 1.42;
}
.wrapper-cms-cnm .tbl-box.type06 table th,
.wrapper-cms-cnm .tbl-box.type06 table td {
padding: 0.5rem;
}
.wrapper-cms-cnm .tbl-box.type06 table thead th {
font-size: 0.75rem;
}
.wrapper-cms-cnm .tbl-box.type06 table tbody th,
.wrapper-cms-cnm .tbl-box.type06 table tbody td {
font-size: 0.6666666667rem;
}
}
.wrapper-cms-cnm .text-box:not(.ico-box) .tit-04 {
font-family: 'NotoSans' , sans-serif;
font-size: 38px;
font-weight: bold;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .text-box:not(.ico-box) .tit-04 {
font-size: 1.125rem;
}
}
.wrapper-cms-cnm .text-box:not(.ico-box) strong {
display: inline-block;
font-size: 16px;
margin: 40px 0 16px;
font-weight: bold;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .text-box:not(.ico-box) strong {
font-size: 0.875rem;
margin: 1.25rem 0 0.625rem;
}
}
.wrapper-cms-cnm .text-box:not(.ico-box) .tbl-wrap {
width: 100%;
}
.wrapper-cms-cnm .text-box:not(.ico-box) .tbl-wrap .t-type-03 {
padding-right: 40px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .text-box:not(.ico-box) .tbl-wrap .t-type-03 {
padding-right: 0;
margin-bottom: 1.3333333333rem;
}
}
.wrapper-cms-cnm .img-box {
margin-top: 40px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .img-box {
margin-top: 1.25rem;
}
}
.wrapper-cms-cnm .img-box .img img {
max-width: 100%;
}
.wrapper-cms-cnm .img-box .txt {
padding-left: 40px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .img-box .txt {
padding-left: 0;
margin-top: 1.25rem;
}
}
.wrapper-cms-cnm .img-box .txt strong {
margin-top: 0;
}
.wrapper-cms-cnm .ico-box {
margin-top: 60px;
padding: 24px 0 72px 0;
background-color: #f3f3f3;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box {
margin-top: 1.6666666667rem;
padding: 0;
}
}
.wrapper-cms-cnm .ico-box .tit-feature {
width: calc(100% - 120px);
margin: 0 auto;
padding-top: 36px;
padding-bottom: 30px;
border-bottom: 1px solid #d7d3cf;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box .tit-feature {
width: calc(100% - 3rem);
}
}
.wrapper-cms-cnm .ico-box ul {
font-size: 0;
}
.wrapper-cms-cnm .ico-box ul.box-full li {
width: 100%;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul.box-full li {
width: calc(100% - 3rem);
}
}
.wrapper-cms-cnm .ico-box ul.box-full li:nth-child(2n-1) [class^=ico] {
border-right: 0;
}
.wrapper-cms-cnm .ico-box ul.box-full li [class^=ico] {
min-height: 94px;
padding-left: 220px;
background-size: 100px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul.box-full li [class^=ico] {
padding-left: 4.1666666667rem;
background-size: 3.125rem;
min-height: unset;
}
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul {
text-align: center;
}
.wrapper-cms-cnm .ico-box ul li {
text-align: left;
}
}
.wrapper-cms-cnm .ico-box ul li {
display: inline-table;
table-layout: fixed;
width: 50%;
padding-top: 48px;
}
@media (max-width: 992px) {
.wrapper-cms-cnm .ico-box ul li {
width: 100%;
}
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li {
width: calc(100% - 3rem);
padding-top: 1.6666666667rem;
padding-bottom: 1.6666666667rem;
}
.wrapper-cms-cnm .ico-box ul li + li {
border-top: 1px solid #d7d3cf;
}
}
.wrapper-cms-cnm .ico-box ul li:nth-child(2n-1) [class^=ico] {
border-right: 1px solid #d7d3cf;
}
@media (max-width: 992px) {
.wrapper-cms-cnm .ico-box ul li:nth-child(2n-1) [class^=ico] {
border-right: 0;
}
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li:nth-child(2n-1) [class^=ico] {
border-right: 0;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico] {
padding-left: 176px;
background-repeat: no-repeat;
background-position: top 8px left 80px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico] {
padding-left: 3.125rem;
background-position: top 0px left 0;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico] strong {
display: inline-block;
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico] strong {
font-size: 0.875rem;
margin-bottom: 0.6666666667rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico] .t-type-03 {
font-size: 16px;
line-height: 1.63;
padding-right: 80px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico] .t-type-03 {
padding-right: 0;
font-size: 0.75rem;
line-height: 1.42;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-01 {
background-image: url(https://img.lxhausys.com/public/images/support/ico_12_new.png);
background-size: 54px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-01 {
background-size: 1.875rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-02 {
background-image: url(https://img.lxhausys.com/public/images/support/ico_13_new.png);
background-size: 53px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-02 {
background-size: 1.875rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-03 {
background-image: url(https://img.lxhausys.com/public/images/support/ico_14_new.png);
background-size: 60px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-03 {
background-size: 2.0833333333rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-04 {
background-image: url(https://img.lxhausys.com/public/images/support/ico_15_new.png);
background-size: 52px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-04 {
background-size: 1.7916666667rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-05 {
background-image: url(https://img.lxhausys.com/public/images/support/ico_18_new.png);
background-size: 70px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-05 {
background-size: 2.4166666667rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-06 {
background-image: url(https://img.lxhausys.com/public/images/support/ico_17_new.png);
background-size: 58px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-06 {
background-size: 2rem;
}
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-07 {
background-image: url(https://img.lxhausys.com/public/images/feature-01.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-08 {
background-image: url(https://img.lxhausys.com/public/images/feature-02.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-09 {
background-image: url(https://img.lxhausys.com/public/images/feature-03.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-10 {
background-image: url(https://img.lxhausys.com/public/images/feature-04.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-11 {
background-image: url(https://img.lxhausys.com/public/images/feature-05.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-12 {
background-image: url(https://img.lxhausys.com/public/images/feature-06.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-13 {
background-image: url(https://img.lxhausys.com/public/images/feature-07.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-14 {
background-image: url(https://img.lxhausys.com/public/images/feature-08.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-15 {
background-image: url(https://img.lxhausys.com/public/images/feature-09.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-16 {
background-image: url(https://img.lxhausys.com/public/images/feature-10.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-17 {
background-image: url(https://img.lxhausys.com/public/images/feature-11.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-18 {
background-image: url(https://img.lxhausys.com/public/images/feature-12.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-19 {
background-image: url(https://img.lxhausys.com/public/images/feature-13.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-20 {
background-image: url(https://img.lxhausys.com/public/images/feature-14.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-himacs-01 {
background-image: url(https://img.lxhausys.com/public/images/google/features_himacs_01.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-himacs-02 {
background-image: url(https://img.lxhausys.com/public/images/google/features_himacs_02.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-himacs-03 {
background-image: url(https://img.lxhausys.com/public/images/google/features_himacs_03.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-himacs-04 {
background-image: url(https://img.lxhausys.com/public/images/google/features_himacs_04.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-himacs-05 {
background-image: url(https://img.lxhausys.com/public/images/google/features_himacs_05.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-hflor-01 {
background-image: url(https://img.lxhausys.com/public/images/google/features_hflor_01.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-hflor-02 {
background-image: url(https://img.lxhausys.com/public/images/google/features_hflor_02.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-hflor-03 {
background-image: url(https://img.lxhausys.com/public/images/google/features_hflor_03.png);
}
.wrapper-cms-cnm .ico-box ul li [class^=ico].ico-hflor-04 {
background-image: url(https://img.lxhausys.com/public/images/google/features_hflor_04.png);
}
.wrapper-cms-cnm.type-col-02, .wrapper-cms-cnm.type-col-03 {
margin-bottom: 200px;
}
@media (max-width: 768px) {
.wrapper-cms-cnm.type-col-02, .wrapper-cms-cnm.type-col-03 {
margin-bottom: 7.0833333333rem;
}
}
.wrapper-cms-cnm.type-col-02 ul, .wrapper-cms-cnm.type-col-03 ul {
width: 1440px;
margin: 0 auto;
}
@media (max-width: 768px) {
.wrapper-cms-cnm.type-col-02 ul, .wrapper-cms-cnm.type-col-03 ul {
width: 100%;
}
}
.wrapper-cms-cnm.type-col-02 ul li [class^=ico], .wrapper-cms-cnm.type-col-03 ul li [class^=ico] {
border-right: 0 !important;
padding-left: 150px;
background-size: 100px !important;
background-position: left top;
}
.wrapper-cms-cnm.type-col-02 ul li [class^=ico] strong, .wrapper-cms-cnm.type-col-03 ul li [class^=ico] strong {
font-weight: bold;
}
.wrapper-cms-cnm.type-col-02 ul li [class^=ico] .t-type-03, .wrapper-cms-cnm.type-col-03 ul li [class^=ico] .t-type-03 {
line-height: 2.09;
}
@media (max-width: 768px) {
.wrapper-cms-cnm.type-col-02 ul li [class^=ico] .t-type-03, .wrapper-cms-cnm.type-col-03 ul li [class^=ico] .t-type-03 {
line-height: 1.6;
}
}
@media (max-width: 768px) {
.wrapper-cms-cnm.type-col-02 ul li [class^=ico], .wrapper-cms-cnm.type-col-03 ul li [class^=ico] {
padding-left: 4.7916666667rem;
background-size: 3.125rem !important;
}
}
.wrapper-cms-cnm.type-col-03 ul li {
width: 33.3333333333%;
}
@media (max-width: 768px) {
.wrapper-cms-cnm.type-col-03 ul li {
width: 100%;
padding-left: 1.4583333333rem;
padding-right: 1.4583333333rem;
}
}
@media (max-width: 768px) {
.wrapper-cms-cnm.type-col-03 ul li + li {
border-top: none;
}
}
/*---------- E : CARE AND MAINTENANCE CMS AREA ----------*/
/*********** E : feature.scss ***********/
@media (max-width: 768px) {
.inner {
padding-left: 20px;
padding-right: 20px;
}
}
.list-policy {
margin-left: 20px;
font-size: inherit;
}
.list-policy li {
list-style-type: disc;
line-height: 1.8;
font-size: inherit;
}
@media (max-width: 768px) {
.list-policy li {
font-size: 0.875rem;
line-height: 1.5;
}
.list-policy li + li {
margin-top: 0.3333333333rem;
}
}
/* 수정 header */
.icon_new_cart_wrap{
margin:0;
display: none !important;
}
.scr-hder.main.on .icon_new_cart_wrap{
display: block !important;
padding-top:3px;
}
.scr-hder.main.on .icon_new_cart{
display: block !important;
}
.icon_new_cart{
background:url(https://img.lxhausys.com/public/images/header/old-gnb/ico_hd_shopping_basket.png);
display: none !important;
}
/* 수정 m-gnb */
.mGnb-all-menu{
width:100%;
padding: 20px;
background-color: #fff;
}
.mGnb-all-menu a{
padding: 10px 0;
background-color: #666;
border-radius: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
gap:5px;
}
.mGnb-all-menu a div{
width:20px;
height:20px;
background: url(https://img.lxhausys.com/public/images/header/old-gnb/gnb/view_all.png) no-repeat center center;
}
.mGnb-all-menu a p{
color:#fff;
font-size: 15px;
font-weight: 500;
}
.mGnb-leftbar{
background-color: #f8f8f8;
max-width:160px;
height: calc(100vh - 102px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mGnb-barmenu{
padding:28px 20px 0 20px;
}
.mGnb-barmenu div{
margin-bottom: 40px;
}
.mGnb-barmenu div:last-child{
margin-bottom: 0;
}
.mGnb-barmenu div span{
font-size: 15px;
font-weight: 500;
color:#999;
}
.mGnb-barmenu > .on span {
font-weight: 700;
color:#222;
position: relative;
}
.mGnb-barmenu > .on span::after{
content: '';
width:5px;
height:5px;
position: absolute;
background-color: #222;
top:0;
right:-10px;
}
.mGnb-links{
padding-left:20px;
}
.mGnb-links a{
font-size: 15px;
margin-bottom: 22px;
text-decoration: underline;
font-weight: 400;
color:#666;
}
.mGnb-links a:last-child{
margin-bottom: 40px;
}
.m-gnb-title > span{
font-size: 12px;
color:#222;
font-weight: 400;
}
.m-gnb-title.more,
.m-gnb-title.more.rotate{
position:relative;
}
.m-gnb-title.more:after{
content: '';
position:absolute;
top:50%;
right:20px;
transform: translateY(-50%);
width:12px;
height:12px;
background: url(https://img.lxhausys.com/public/images/header/old-gnb/gnb/mGnb_plus01.png) no-repeat;
}
.m-gnb-title.more.rotate:after{
content: '';
position:absolute;
top:50%;
right:20px;
transform: translateY(-50%);
width:12px;
height:12px;
background: url(https://img.lxhausys.com/public/images/header/old-gnb/gnb/mGnb_minus01.png) no-repeat;
}
.m-dep02 > ul > li{
font-size: 13px;
font-weight: 500;
color:rgba(34,34,34,0.3);
}
.m-dep03 + li{
padding-top:15px;
}
.m-dep02-more{
margin-top:18px;
margin-bottom:0;
}
.m-dep02-more li{
padding-bottom: 22px;
}
.m-dep02-more li:last-child{
padding-bottom: 0;
}
.m-dep02-more li a{
position:relative;
font-size: 15px;
color:#666;
font-weight: 400;
padding-left:10px;
white-space: normal;
}
.m-dep02-more li a::before{
position:absolute;
content:'';
top:6px;
left:0;
background-color: #999;
width:3px;
height:3px;
}
@media (min-width: 431px) {
.src-hder.main.on .clear{
border:2px solid red;
}
}
/*# sourceMappingURL=import.css.map */