/*************** S : segments.scss ***************/
.mt_40 {
  margin-top: 40px !important;
}

.mt-190 {
  margin-top: 190px !important;
}

.more-box.type04 {
  width: fit-content;
  left: -25px;
  height: 48px;
  position: relative;
  margin-top: 0;
  bottom: 0;
}
.more-box.type04 .seg-edu-btn {
  width: auto;
  height: auto;
  padding-left: 25px;
}
.more-box.type04 span {
  color: #222;
  position: relative;
  line-height: initial;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  z-index: 1;
  padding: 0;
}
@media (max-width: 768px) {
  .more-box.type04 span {
    font-size: 0.7083333333rem;
  }
}
.more-box.type04 span:hover {
  border-bottom: 1px solid #2c2c2d;
}
.more-box.type04 .seg-edu-img {
  position: absolute;
  top: 20%;
  right: -20px;
  width: 5px;
  height: 9px;
}

.btn-tab-disabled {
  opacity: 0.3;
  pointer-events: none;
}

/*common*/
.seg-box .tit-05 {
  text-transform: uppercase;
}
.seg-box .tab-ui .btns.type-main li.on button, .seg-box .tab-ui .btns.type-main li:hover button {
  background: #b40f2c;
  font-size: 20px;
  font-weight: 700;
}
.seg-box .tab-ui .btns.type-main button {
  font-family: 'NotoSans' , sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.prod-dt-view .slider-ins .img-box {
  width: 100%;
  height: 290px;
}
.prod-dt-view .slider-ins .img-box .img-cover {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.prod-dt-view .slider-ins .more-box.type04 {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .prod-dt-view .slider-ins {
    width: 100%;
    padding: 0;
  }
  .prod-dt-view .slider-ins .slider {
    padding: 0;
  }
  .prod-dt-view .slider-ins .txt-box {
    width: 100%;
  }
}
.prod-dt-view .ftrd-inspr-list .slick-slide {
  height: auto;
}
.prod-dt-view .ftrd-inspr-list .slick-list {
  overflow: visible;
}
@media (max-width: 768px) {
  .prod-dt-view .ftrd-inspr-list .slick-list {
    overflow: hidden;
  }
}
.prod-dt-view .slider-ins.ftrd-inspr-list .ico-wish-shadow {
  position: absolute;
  top: 18px;
  right: 18px;
}

.ftrd-inspr-list .ico-wish-shadow:hover, .ftrd-inspr-list .ico-wish-shadow.on {
  top: 18px;
  right: 18px;
}

.prod-dt-view .ftrd-inspr-list .img-box p {
  position: absolute;
  right: 18px;
  bottom: 17px;
  opacity: 0.9;
  pointer-events: none;
}

.seg-view .meta-box {
  margin-top: 126px;
}
@media (max-width: 768px) {
  .seg-view .meta-box {
    margin-top: 3.6666666667rem;
  }
}
.seg-view .seg-box .tab-con {
  padding-left: 0;
}
.seg-view .dt-img-box {
  margin-top: 0;
}
.seg-view .seg-info {
  font-size: 0;
}
.seg-view .seg-info > li {
  display: inline-block;
  width: calc(50% - 15px);
  min-height: 810px;
  margin: 0 30px 30px 0;
  padding: 50px 55px;
  vertical-align: top;
}
.seg-view .seg-info > li:nth-child(2n) {
  margin-right: 0;
}
.seg-view .seg-info > li:nth-child(n+3):nth-child(-n+4) {
  min-height: 920px;
}
.seg-view .seg-info h3 {
  display: inline-block;
  padding-left: 70px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 34px;
  line-height: 54px;
  color: #222;
  vertical-align: top;
}
.seg-view .seg-info .box-01 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_01.png);
}
.seg-view .seg-info .box-02 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_02.png);
}
.seg-view .seg-info .box-03 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_03.png);
}
.seg-view .seg-info .box-04 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_04.png);
}
.seg-view .seg-info .img-box {
  margin-top: 20px;
}
.seg-view .seg-info .txt-box {
  margin-top: 30px;
}
.seg-view .txt-box h4 {
  font-size: 24px;
  font-weight: 700;
  color: #222;
}
.seg-view .txt-box h4 span {
  display: inline-block;
  font-size: 29px;
  font-weight: 900;
  line-height: 25px;
  color: inherit;
  vertical-align: top;
}
.seg-view .txt-box .t-type-03 {
  margin-top: 10px;
}
.seg-view .t-info {
  margin-top: -15px;
  font-size: 0;
}
.seg-view .t-info p {
  display: inline-block;
  font-weight: 700;
  vertical-align: top;
}
.seg-view .t-info p ~ p {
  margin-left: 20px;
}
.seg-view .t-info p span {
  display: inline-block;
  margin-right: 7px;
  font-size: 24px;
  line-height: 18px;
  font-weight: 900;
  color: #222;
  vertical-align: top;
}
.seg-view .tab02 .seg-info .box-01 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_05.png);
}
.seg-view .tab02 .seg-info > li {
  min-height: 780px;
}
.seg-view .tab02 .seg-info > li:nth-child(n+3):nth-child(-n+4) {
  min-height: 800px;
}
.seg-view .tab03 .seg-info .box-01 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_06.png);
}
.seg-view .tab03 .seg-info .box-03 h3 {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_07.png);
}
.seg-view .tab03 .seg-info > li {
  min-height: 965px;
}
.seg-view .tab03 .seg-info > li:nth-child(n+3):nth-child(-n+4) {
  min-height: 935px;
}
.seg-view .see-box .btns {
  font-size: 0;
}
.seg-view .see-box li {
  display: inline-block;
  width: calc(33.3333333333% - 20px);
  margin-right: 30px;
  vertical-align: top;
}
.seg-view .see-box li:last-child {
  margin-right: 0;
}
.seg-view .see-box .btns a {
  padding: 60px 0 50px;
}
.seg-view .see-box .btns span {
  display: block;
  font-size: 22px;
  font-weight: 500;
}
.seg-view .see-box .btns span:before {
  display: block;
  width: 86px;
  height: 86px;
  margin: 0 auto 20px;
  background-color: #999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  content: "";
}
.seg-view .see-box .ico-01 span:before {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_08.png);
}
.seg-view .see-box .ico-02 span:before {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_09.png);
}
.seg-view .see-box .ico-03 span:before {
  background-image: url(https://img.lxhausys.com/public/images/segments/ico_10.png);
}
.seg-view .tit-05 + p {
  margin-top: 60px;
  font-size: 20px;
  text-align: center;
  line-height: 1.7;
}
.seg-view .img-map {
  position: relative;
  margin-top: 40px;
}
.seg-view .img-map .map-box {
  position: absolute;
}
.seg-view .img-map .map-box .btn {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #cacacb;
  background: #57565a;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
.seg-view .img-map .map-box .btn:hover, .seg-view .img-map .map-box .btn:active {
  border-color: #a72b2a;
  background: #a72b2a;
}
@media (max-width: 768px) {
  .seg-view .img-map .map-box .btn {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    line-height: 1.25rem;
    font-size: 0.6666666667rem;
  }
}
.seg-view .img-map .map-text-box {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  z-index: 200;
  width: 260px;
  transform: translateX(-50%);
}
@media (max-width: 992px) {
  .seg-view .img-map .map-text-box {
    width: 200px;
  }
}
@media (max-width: 768px) {
  .seg-view .img-map .map-text-box {
    width: 130px;
  }
}
.seg-view .img-map .map-text-box:before {
  display: block;
  position: relative;
  z-index: 99;
  width: 14px;
  height: 9px;
  margin: 7px auto 0;
  background: url(https://img.lxhausys.com/public/images/segments/arrw_top.png) center no-repeat;
  content: "";
}
.seg-view .img-map .map-text-box > div {
  position: relative;
  z-index: 98;
  margin-top: -1px;
  padding: 20px;
  border: 1px solid #d2d2d2;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
  .seg-view .img-map .map-text-box > div {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .seg-view .img-map .map-text-box > div {
    padding: 0.625rem;
  }
}
.seg-view .img-map .txt-box {
  display: none;
  font-size: 13px;
  font-weight: 300;
}
.seg-view .img-map .slider-related {
  margin-top: 0px;
}
@media (max-width: 992px) {
  .seg-view .img-map .slider-related {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .seg-view .img-map .slider-related {
    margin-top: 0;
  }
}
.seg-view .img-map .img-box {
  position: relative;
  width: 66px;
  padding-bottom: 34px;
}
@media (max-width: 768px) {
  .seg-view .img-map .img-box {
    width: 30%;
  }
}
.seg-view .img-map .img-box .view {
  width: 100%;
  top: auto;
  bottom: 0;
  left: 0;
}
.seg-view .img-map .img-box .view a {
  width: 32px;
  height: 32px;
  background-color: transparent;
}
.seg-view .img-map .img-box .view a ~ a {
  margin-left: 0;
}
.seg-view .img-map .img-box .view .icon-cart {
  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(44, 44, 45, 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(44, 44, 45, 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(44, 44, 45, 1)'/%3E%3C/svg%3E");
}
.seg-view .img-map .img-box .view .icon-like {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.07 24L26.39 12.72C29.52 9.59 28.16 4.79 26.39 3.41H26.32C25.0755 2.27547 23.4355 1.67448 21.7526 1.73619C20.0697 1.79789 18.4781 2.51737 17.32 3.74L15 6L12.69 3.7C11.5319 2.47737 9.94034 1.75789 8.25742 1.69619C6.5745 1.63448 4.93454 2.23547 3.69 3.37H3.62C1.85 4.75 0.489998 9.55 3.62 12.68L15 24.11L15.07 24Z' stroke='rgba(44, 44, 45, 1)' stroke-width='3' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.seg-view .img-map .img-box .view .icon-like:hover {
  background-size: 70%;
}
.seg-view .img-map .info {
  position: static;
  width: calc(100% - 66px);
  margin-top: -3px;
  padding: 0 0 40px 10px;
}
@media (max-width: 768px) {
  .seg-view .img-map .info {
    width: 70%;
    padding: 0 0 1.6666666667rem 0.625rem;
  }
}
.seg-view .img-map .info li {
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
  color: #555;
}
.seg-view .img-map .info li ~ li {
  margin-top: 3px;
}
@media (max-width: 768px) {
  .seg-view .img-map .info li {
    font-size: 0.5833333333rem;
    color: #222;
  }
}
.seg-view .img-map .info .txt-01 {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
@media (max-width: 768px) {
  .seg-view .img-map .info .txt-01 {
    font-size: 0.6666666667rem;
    font-weight: 700;
  }
}
.seg-view .img-map .info .btn-more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 38px;
  height: 10px;
  background: url(https://img.lxhausys.com/public/images/segments/arrw_right.png) center no-repeat;
  font-size: 0;
}
.seg-view .img-map .info .btn-more::after {
  display: none;
}
@media (max-width: 768px) {
  .seg-view .img-map .info .btn-more {
    width: 1.5rem;
    height: 0.5833333333rem;
    background-size: 100%;
    right: 0.8333333333rem;
    bottom: 0.6666666667rem;
  }
}
.seg-view .map-box.on .btn {
  border-color: #a72b2a;
  background: #a72b2a;
}
.seg-view .prod-list-box {
  margin-top: 80px;
}
@media (max-width: 768px) {
  .seg-view .prod-list-box {
    margin-top: 3.3333333333rem;
  }
}
@media (max-width: 1440px) {
  .seg-view .prod-list-box.inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.seg-view .prod-list ~ .prod-list {
  margin-top: 24px;
  font-size: 0;
}
.seg-view .prod-list .seg-detail-sub-tit {
  font-size: 30px;
  font-weight: 700;
  color: #222;
}
@media (max-width: 768px) {
  .seg-view .prod-list .seg-detail-sub-tit {
    font-size: 1.125rem;
  }
}
.seg-view .prod-list .seg-detail-sub-tit span {
  margin-left: 15px;
  font-size: 16px;
  font-weight: inherit;
  color: inherit;
}
.seg-view .prod-list .p-list,
.seg-view .prod-list .slider-related {
  margin-top: 20px;
  font-size: 0;
}
@media (max-width: 768px) {
  .seg-view .prod-list .p-list,
  .seg-view .prod-list .slider-related {
    margin-top: 1.1666666667rem;
  }
}
.seg-view .prod-list .p-list > li {
  display: inline-block;
  position: relative;
  width: calc(16.6666666667% - 30px);
  margin: 0 36px 36px 0;
  padding: 0;
  vertical-align: top;
}
.seg-view .prod-list .slider-related > div {
  display: inline-block;
  position: relative;
  width: calc(20% - 29px);
  margin: 0 36px 36px 0;
  padding: 0;
  vertical-align: top;
}
@media (max-width: 1440px) {
  .seg-view .prod-list .slider-related > div {
    width: 25%;
    margin: 0;
    padding: 0 10px;
  }
}
@media (max-width: 1280px) {
  .seg-view .prod-list .slider-related > div {
    width: calc(50% - 0.4166666667rem);
    margin: 0;
    padding: 0;
  }
  .seg-view .prod-list .slider-related > div:nth-child(2n) {
    margin-left: 0.8333333333rem;
  }
}
@media (max-width: 768px) {
  .seg-view .prod-list .slider-related > div {
    width: calc(50% - 0.4166666667rem);
    margin: 0 0 1.6666666667rem;
    padding: 0;
  }
  .seg-view .prod-list .slider-related > div:nth-child(2n) {
    margin-left: 0.8333333333rem;
  }
}
.seg-view .prod-list .p-list > li:nth-child(6n),
.seg-view .prod-list .slider-related > div:nth-child(5n) {
  margin-right: 0;
}
.seg-view .prod-list .p-list .num {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25px;
  height: 25px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  color: #333;
  text-align: center;
  border-radius: 50%;
}
.seg-view .prod-list .slider-related .num {
  display: block;
  width: 25px;
  height: 25px;
  margin-bottom: 10px;
  background: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .seg-view .prod-list .slider-related .num {
    width: 1.1666666667rem;
    height: 1.1666666667rem;
    line-height: 1.1666666667rem;
    font-size: 0.6666666667rem;
    margin-bottom: 0.5rem;
  }
}
.seg-view .prod-list .txt-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 92px;
  padding: 12px 20px 15px;
  background: rgba(0, 0, 0, 0.6);
}
.seg-view .prod-list .txt-box li {
  font-size: 15px;
  color: #fff;
}
.seg-view .prod-list .txt-box li ~ li {
  margin-top: 3px;
}
.seg-view .prod-list .txt-box .txt-01 {
  font-weight: 500;
}
.seg-view .prod-list .txt-box .txt-02 a {
  font-size: 17px;
  font-weight: 700;
  color: inherit;
  text-align: left;
}
.seg-view .prod-list .txt-box .txt-03 {
  margin-top: 5px;
}

.seg-view .img-map .img-box .view .icon-like.gray.on {
  background-image: url("https://img.lxhausys.com/public/images/grayon.png");
}

.more-box.type04.view-all-btn-area {
  left: 0;
}

.more-box.type04.view-all-btn-area .seg-edu-btn {
  padding-left: 0;
}

@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1600px) {
  .segments-main .slide-wrapper.respon-inner {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1600px) {
  .segments-main .slide-wrapper.respon-inner .slick-container {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1600px) {
  .segments-main .slide-wrapper.respon-inner .slick-container .slick-list {
    margin: 0;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .tab-ui-nav ul li.btn-tab {
    margin: 0rem 0.3333333333rem;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .tab-ui-nav ul li.btn-tab button {
    font-size: 0.8333333333rem;
    height: unset;
    line-height: 1.4;
    padding: 0.5416666667rem 0.7083333333rem;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .meta-box {
    height: 600px;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
  .segments-main .meta-box {
    height: unset;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .meta-box .wrapper {
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
  .segments-main .meta-box .wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .meta-box .wrapper .point_wrapper {
    display: none;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .meta-box .tab-con > div {
    text-align: left !important;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .meta-box .lx_world_nav {
    position: relative;
    left: unset;
    float: right;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
  .segments-main .meta-box .lx_world_nav {
    float: unset;
    left: 50%;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
  .segments-main .meta-box .wrapper > img {
    width: 100%;
    left: 0;
  }
}
.seg-view .img-map .map-box .btn:active {
  opacity: 1;
}

@media (max-width: 1440px) {
  .slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-01 a {
    font-size: 1.0416666667rem;
  }
}

@media (max-width: 1440px) {
  .slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-02 {
    font-size: 0.9583333333rem;
  }
}

@media (max-width: 1440px) {
  .slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-03 {
    font-size: 0.9166666667rem;
  }
}

@media (max-width: 1440px) {
  .slide-ftrd .slick-container .slick-list .slick-slide .txt-box .txt-04 {
    font-size: 0.875rem;
  }
}

@media (min-width: 769px) {
  .segments-main .slide-wrapper.seg-slide-wrap {
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .segments-main .slide-wrapper.seg-slide-wrap .slick-container {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1440px;
    width: 90%;
  }
  .segments-main .slide-wrapper.seg-slide-wrap .slick-arrow.no-hidden {
    display: block;
  }
  .segments-main .slide-wrapper.seg-slide-wrap .slick-arrow {
    top: 30%;
  }
  .segments-main .slide-wrapper.seg-slide-wrap .slick-arrow:nth-child(2) {
    left: 20px;
  }
  .segments-main .slide-wrapper.seg-slide-wrap .slick-arrow:nth-child(3) {
    right: 20px;
  }
}
.wrapper-cokkie .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  padding: 0;
  background: url(https://img.lxhausys.com/public/images/btn_close_02.png) center no-repeat;
  font-size: 0;
}/*# sourceMappingURL=segments.css.map */