/*************** S : inspiration.scss ***************/
.au-view .bbs-box.inspr-view .search-box{
display: flex;
align-items: center;
}
.au-view .inspr-view .more-box {
margin-top: 70px;
}
/* inspiration 서브 비주얼 */
/* .container.inspr-box .sub_visual_bg{
min-height: 262px;
}
.container.inspr-box .sub_visual_bg .inner_padding{
min-height: 262px;
} */
.container.inspr-box .w-con-02{
padding-top: 0;
padding-bottom: 150px;
}
.gv-side-header.main {
background: #F8F8F8;
}
.gv-side-header.main > div {
padding: 20px 0 60px;
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.gv-side-header.main p {
margin-top: 116px;
}
.gv-side-header.main .con_title{
color: #222;
font-weight: 600;
line-height: 1.33;
margin-top: 80px;
}
@media (min-width: 769px) {
.gv-side-header.main .con_title{
line-height: 48px;
}
}
.gv-side-header.main .gv-side-root {
margin-top: 20px;
}
/* inspiration 검색창 */
.container.inspr-box .search-box {
margin-bottom: 20px;
}
@media (min-width: 769px) {
.container.inspr-box .search-box {
margin-bottom: 20px;
}
}
.inspr-box .list-filter-key .sel {
margin-left: unset;
background: #F8F8F8;
border: 1px solid #E8E8E8;
}
.inspr-box .list-filter-key .sel.del_all {
background: #fff;
}
@media (min-width: 768px) {
.inspr-box .list-filter-key .sel.del_all {
margin-right: 12px;
margin-bottom: 10px;
}
}
.articles-result {
width: 100%;
display: flex;
justify-content: flex-end;
padding-top: 10px;
font-size: 18px;
}
@media (max-width: 768px) {
.articles-result {
font-size: 0.75rem;
margin-bottom: 1.3125rem;
}
}
.tab-ui {
margin-top: 85px;
}
@media (max-width: 768px) {
.tab-ui {
margin-top: 3.3333333333rem;
}
}
.ico-wish {
top: 24px;
right: 24px;
width: 30px;
height: 27px;
border-radius: inherit;
background-image: url("data:image/svg+xml;utf8, ");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.ico-wish:hover, .ico-wish:active, .ico-wish.on {
background-image: url("data:image/svg+xml;utf8, ");
}
.btn_filter.on > .icon_arrow_down{
transform: rotate(180deg);
}
/* -------------- TREND REPORTS END --------------- */
/* ----------------- CASE STUDIES ----------------- */
.imageSlider {
width: 100vw;
overflow: hidden;
margin-top: 116px;
max-width: 1440px;
}
@media (max-width: 768px) {
.imageSlider {
width: 100%;
margin-top: 3.3333333333rem;
}
}
.imageSlider .sliderWrap {
position: relative;
width: 100%;
height: 500px;
max-height: 500px;
justify-content: center;
align-items: center;
overflow: hidden;
}
@media (max-width: 768px) {
.imageSlider .sliderWrap {
height: auto;
max-height: unset !important;
}
}
.imageSlider .sliderWrap img {
width: 100%;
min-width: 100%;
height: 100%;
object-fit: cover;
}
.imageSlider .sliderWrap .articles-list {
position: absolute;
width: 675px;
height: 350px;
right: 0;
bottom: 0;
background-color: #f3f2f1;
padding: 31px 40px 24px 40px;
}
@media (max-width: 768px) {
.imageSlider .sliderWrap .articles-list {
position: relative;
width: 100%;
height: auto;
margin-top: 0;
padding: 1.25rem 1.7083333333rem;
}
}
.imageSlider .sliderWrap .articles-list .txt-box {
width: 100%;
padding: 0 23px;
}
@media (max-width: 768px) {
.imageSlider .sliderWrap .articles-list .txt-box {
padding: 0;
}
}
@media (max-width: 768px) {
.imageSlider .sliderWrap .articles-list .txt-box p {
margin-bottom: 1.0416666667rem;
}
}
.imageSlider .sliderWrap .articles-list .txt-box .tt-3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.imageSlider .sliderWrap .articles-list .txt-box .tt-3.cs-tit {
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}
@media (max-width: 768px) {
.imageSlider .sliderWrap .articles-list .more-box {
height: auto;
margin-top: 0.625rem;
}
}
.imageSlider .sliderWrap .articles-list .more-box button::after {
opacity: 1;
background-color: #cecbca;
}
.imageSlider .sliderWrap img,
.imageSlider .sliderWrap .articles-list {
display: none;
}
.imageSlider .sliderWrap.slick-active img,
.imageSlider .sliderWrap.slick-active .articles-list {
display: flex;
}
.imageSlider .sliderWrap.slick-active .txtwrap {
position: relative;
left: 0;
bottom: unset;
top: 0;
padding: 24px 20px 20px;
}
@media (min-width: 768px) {
.imageSlider .sliderWrap.slick-active .txtwrap {
position: absolute;
left: 60px;
bottom: 40px;
top: unset;
text-align: left;
padding: unset;
}
}
.imageSlider .sliderWrap.slick-active .txtwrap > span {
display: block;
color: #222;
line-height: 1;
font-weight: 400;
}
@media (min-width: 768px) {
.imageSlider .sliderWrap.slick-active .txtwrap > span {
color: #fff;
}
}
.imageSlider .sliderWrap.slick-active .txtwrap > .min-tit {
font-size: 20px;
}
.imageSlider .sliderWrap.slick-active .txtwrap > .tit {
font-size: 46px;
font-weight: 700;
margin-top: 10px;
}
.imageSlider .sliderWrap.slick-active .txtwrap > .where {
font-size: 14px;
line-height: 30px;
padding-left: 21px;
margin-top: 14px;
background: left center / 16px 16px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_where_bk.svg);
}
@media (min-width: 768px) {
.imageSlider .sliderWrap.slick-active .txtwrap > .where {
font-size: 16px;
line-height: 30px;
background: left center / 16px 16px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_where_wh.svg);
}
}
.imageSlider .sliderWrap.slick-active .tagwrap {
position: absolute;
top: 0;
left: 0;
padding: 8px 14px;
}
@media (min-width: 768px) {
.imageSlider .sliderWrap.slick-active .tagwrap {
padding: 10px 20px;
}
}
.imageSlider .sliderWrap.slick-active .tagwrap > span:first-child {
font-size: 15px;
line-height: 1;
font-weight: 400;
color: #fff;
opacity: 1;
}
@media (min-width: 768px) {
.imageSlider .sliderWrap.slick-active .tagwrap > span:first-child {
font-size: 18px;
}
}
.imageSlider .sliderWrap.slick-active .tagwrap > .line {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid #fff;
background: rgba(0, 0, 0, 0.1);
opacity: 0.5;
}
.slick-dots {
margin: 20px 0;
width: 100%;
height: 10px;
display: flex;
justify-content: center;
}
.slick-active .slider-dot {
background: rgb(0, 0, 0);
}
.slider-wrap {
position: relative;
}
.slider-prev,
.slider-next {
position: absolute;
content: "";
top: 50%;
width: 21px;
height: 36px;
z-index: 100;
}
.slider-prev:hover,
.slider-next:hover {
cursor: pointer;
}
@media (max-width: 768px) {
.slider-prev,
.slider-next {
display: none;
}
}
.slider-dot {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #222;
background: #fff;
margin: 0 6px;
}
@media (min-width: 768px) {
.slider-dot {
width: 12px;
height: 12px;
}
}
.slider-prev {
left: -42px;
background: url("data:image/svg+xml;utf8, ") center no-repeat;
background-size: 100%;
}
.slider-next {
right: -42px;
background: url("data:image/svg+xml;utf8, ") center no-repeat;
background-size: 100%;
}
ul.ins_grid:has(.cs-grid-cont) {
margin: unset;
gap: unset;
}
.gallery ul.ins_grid .cs-grid-cont .txt-box {
width: 100%;
}
.gallery ul.ins_grid > li.cs-grid-cont {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.gallery ul.ins_grid > li.cs-grid-cont {
position: relative;
display: flex;
flex-direction: column;
width: calc((100% - 60px) / 2);
margin: 0 30px 70px 0;
}
.gallery ul.ins_grid > li.cs-grid-cont:nth-child(2n) {
margin: 0 0 70px 30px;
}
}
.gallery .cs-grid-cont .g-box {
position: relative;
max-height: 388px;
}
.gallery .cs-grid-cont .txt-box .txt-cate {
font-size: 14px;
line-height: 18px;
padding-left: 21px;
background: left center / 16px 16px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_where_wh.svg);
color: #fff;
}
@media (min-width: 768px) {
.gallery .cs-grid-cont .txt-box .txt-cate {
font-size: 16px;
}
}
.gallery .cs-grid-cont .txt-box .content_title {
margin-top: 10px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #fff;
opacity: 0.7;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
}
@media (min-width: 768px) {
.gallery .cs-grid-cont .txt-box .content_title {
margin-top: 16px;
font-size: 16px;
line-height: 24px;
opacity: 1;
-webkit-line-clamp: 2;
}
}
.gallery .gal-grid-cont .txt-box .txt-cate + .content_title {
color: #222;
white-space: normal;
}
@media (min-width: 768px) {
.gallery .gal-grid-cont .txt-box .txt-cate + .content_title {
color: #fff;
}
}
.cs-grid-cont .tagwrap,
.img-box .tagwrap {
position: absolute;
top: 0;
left: 0;
padding: 8px 14px;
}
@media (min-width: 768px) {
.cs-grid-cont .tagwrap,
.img-box .tagwrap {
padding: 10px 20px;
}
}
.cs-grid-cont .tagwrap > span:first-child,
.img-box .tagwrap > span:first-child {
font-size: 15px;
line-height: 1;
font-weight: 400;
color: #fff;
opacity: 1;
}
@media (min-width: 768px) {
.cs-grid-cont .tagwrap > span:first-child,
.img-box .tagwrap > span:first-child {
font-size: 18px;
}
}
.cs-grid-cont .tagwrap > .line,
.img-box .tagwrap > .line {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid #fff;
background: rgba(0, 0, 0, 0.1);
opacity: 0.5;
}
.gallery .cs-grid-cont .cont_name {
margin-top: 24px;
}
@media (min-width: 768px) {
.gallery .cs-grid-cont .cont_name {
margin-top: 30px;
}
}
.gallery .cs-grid-cont .cont_name .tag > span {
font-size: 16px;
line-height: 1;
font-weight: 400;
color: #666;
}
.gallery .cs-grid-cont .cont_name .tag > span + span {
padding-left: 10px;
margin-left: 10px;
position: relative;
}
.gallery .cs-grid-cont .cont_name .tag > span + span::before {
content: '';
position: absolute;
display: block;
width: 1px;
height: 12px;
background: #ddd;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.gallery .cs-grid-cont .cont_name .name {
margin-top: 11px
}
@media (min-width: 768px) {
.gallery .cs-grid-cont .cont_name .name {
margin-top: 14px
}
}
.gallery .cs-grid-cont .cont_name .name > span {
font-size: 18px;
line-height: 1.4;
font-weight: 500;
color: #222;
word-break: keep-all;
}
@media (min-width: 768px) {
.gallery .cs-grid-cont .cont_name .name > span {
font-size: 20px;
line-height: 1.4;
}
}
.inspr-view .search-box .btns .sel-list {
min-width: 150px;
top: 22px;
width: calc(100% + 20px);
}
.inspr-dt-view .cs-info {
display: flex;
flex-direction: row-reverse;
margin-top: 80px;
}
@media (max-width: 768px) {
.inspr-dt-view .cs-info {
flex-direction: column;
margin-top: 1.3125rem;
}
}
@media (max-width: 1440px) {
.inspr-dt-view .cs-info.inner {
padding-left: 10px;
padding-right: 10px;
}
}
.inspr-dt-view .cs-info .tbl-box {
width: 520px;
}
@media (max-width: 992px) {
.inspr-dt-view .cs-info .tbl-box {
width: 100%;
}
}
@media (max-width: 768px) {
.inspr-dt-view .cs-info .tbl-box {
width: 100%;
}
.inspr-dt-view .cs-info .tbl-box colgroup col:first-child {
width: auto !important;
}
.inspr-dt-view .cs-info .tbl-box tr th,
.inspr-dt-view .cs-info .tbl-box tr td {
padding: 0.6041666667rem 0.6875rem;
font-size: 0.625rem;
}
}
.inspr-dt-view .cs-info .tbl-box a {
padding-right: 30px;
background: url(https://img.lxhausys.com/public/images/inspiration/arrw_right_04.png) right center no-repeat;
text-align: left;
font-size: 13px;
line-height: 18px;
font-weight: 700;
color: #222;
}
.inspr-dt-view .cs-info .tbl-box a.ico-down02 {
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_download_02.png);
}
.inspr-dt-view .cs-info .tbl-box a:hover, .inspr-dt-view .cs-info .tbl-box a:active {
text-decoration: underline;
}
.inspr-dt-view .cs-info .info {
width: calc(100% - 520px);
padding-left: 40px;
}
@media (max-width: 992px) {
.inspr-dt-view .cs-info .info {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 768px) {
.inspr-dt-view .cs-info .info {
width: 100%;
padding-left: 0;
}
}
.inspr-dt-view .cs-info .info .cs-detail-title {
margin: -10px 0 20px;
font-size: 50px;
font-weight: 700;
}
@media (max-width: 768px) {
.inspr-dt-view .cs-info .info .cs-detail-title {
margin: 0;
margin-bottom: 0.625rem;
font-size: 1.0833333333rem;
}
}
@media (max-width: 1440px) {
.inspr-dt-view .related-prod {
width: 100%;
}
}
@media (max-width: 768px) {
.inspr-dt-view .related-prod {
margin-top: 3.3333333333rem;
}
}
@media (max-width: 1440px) {
.inspr-dt-view .related-prod.section-used-material {
padding: 0 40px;
}
}
@media (max-width: 768px) {
.inspr-dt-view .related-prod.section-used-material {
padding: 0;
}
}
@media (max-width: 768px) {
.inspr-dt-view .related-prod.section-used-material .slide-wrapper .arrow-prev, .inspr-dt-view .related-prod.section-used-material .slide-wrapper .arrow-next {
top: 29%;
}
}
.inspr-dt-view .dt-visual02 {
margin-top: 95px;
}
@media (max-width: 768px) {
.inspr-dt-view .dt-visual02 {
margin-top: 3.3333333333rem;
}
}
.inspr-dt-view .dt-visual02 .video-wrap {
width: 100%;
max-width: 774px;
margin: 0 auto 64px;
}
@media (max-width: 768px) {
.inspr-dt-view .dt-visual02 .video-wrap {
margin-bottom: 1.6666666667rem;
}
}
.inspr-dt-view .dt-visual02 .video-wrap.video-case-studies {
max-width: 1440px;
text-align: center;
}
.inspr-dt-view .dt-visual02 .video-wrap.video-case-studies .video {
position: static;
display: inline-block;
padding-top: 0;
width: calc((100% - 32px) / 2);
}
.inspr-dt-view .dt-visual02 .video-wrap.video-case-studies .video + .video {
margin-left: 32px;
}
@media (max-width: 768px) {
.inspr-dt-view .dt-visual02 .video-wrap.video-case-studies .video + .video {
margin-left: 0;
margin-top: 0.6666666667rem;
}
}
.inspr-dt-view .dt-visual02 .video-wrap.video-case-studies .video video {
position: static;
}
@media (max-width: 768px) {
.inspr-dt-view .dt-visual02 .video-wrap.video-case-studies .video {
width: 100%;
}
}
.inspr-dt-view .dt-visual02 .slider-prod-nav {
position: static;
}
.inspr-dt-view .dt-visual02 .slick-arrow {
position: absolute;
top: 215px;
z-index: 98;
width: 65px;
height: 29px;
background-position: center;
background-repeat: no-repeat;
}
.inspr-dt-view .dt-visual02 .slick-prev {
left: 55px;
background-image: url(https://img.lxhausys.com/public/images/products/arrw_left_03.png);
}
.inspr-dt-view .dt-visual02 .slick-prev:hover, .inspr-dt-view .dt-visual02 .slick-prev:active {
background-image: url(https://img.lxhausys.com/public/images/products/arrw_left_04.png);
}
.inspr-dt-view .dt-visual02 .slick-next {
right: 55px;
background-image: url(https://img.lxhausys.com/public/images/products/arrw_right_05.png);
}
.inspr-dt-view .dt-visual02 .slick-next:hover, .inspr-dt-view .dt-visual02 .slick-next:active {
background-image: url(https://img.lxhausys.com/public/images/products/arrw_right_06.png);
}
.inspr-dt-view .dt-visual02 .btns {
top: auto;
bottom: 280px;
}
.inspr-dt-view .list-vert {
max-width: 1440px;
margin: 0 auto;
}
.inspr-dt-view .list-vert ul {
columns: 3 396px;
column-gap: 30px;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 768px) {
.inspr-dt-view .list-vert ul {
columns: 2;
column-gap: 0.625rem;
}
}
.inspr-dt-view .list-vert ul li {
margin-bottom: 30px;
display: block;
width: 100%;
text-align: center;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media (max-width: 768px) {
.inspr-dt-view .list-vert ul li {
margin-bottom: 0.625rem;
}
}
.inspr-dt-view .list-vert ul li div {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
}
.inspr-dt-view .list-vert ul li div::after {
content: "";
position: absolute;
display: block;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(228, 20, 76, 0.7);
opacity: 0;
transition: all 0.3s ease;
}
.inspr-dt-view .list-vert ul li div button {
z-index: 9;
opacity: 0;
}
.inspr-dt-view .list-vert ul li div:hover::after {
opacity: 1;
}
.inspr-dt-view .list-vert ul li div:hover .icon-view {
width: 80px;
height: 80px;
opacity: 1;
}
.inspr-dt-view .list-vert ul li div:hover .icon-like {
position: absolute;
top: 20px;
right: 20px;
opacity: 1;
}
.inspr-dt-view .list-vert ul li:nth-child(odd) div {
height: 321px;
line-height: 321px;
}
@media (max-width: 768px) {
.inspr-dt-view .list-vert ul li:nth-child(odd) div {
height: 166px;
line-height: 166px;
}
}
.inspr-dt-view .list-vert ul li:nth-child(even) div {
height: 363px;
line-height: 363px;
}
@media (max-width: 768px) {
.inspr-dt-view .list-vert ul li:nth-child(even) div {
height: 186px;
line-height: 186px;
}
}
.inspr-dt-view .list-vert ul li:nth-child(5n) div {
height: 327px;
line-height: 327px;
}
@media (max-width: 768px) {
.inspr-dt-view .list-vert ul li:nth-child(5n) div {
height: 169px;
line-height: 169px;
}
}
.inspr-dt-view .list-vert ul li:nth-child(6n) div {
height: 375px;
line-height: 375px;
}
@media (max-width: 768px) {
.inspr-dt-view .list-vert ul li:nth-child(6n) div {
height: 207px;
line-height: 207px;
}
}
.inspr-dt-view .gallery .grid-box {
max-width: 1440px;
margin: 0 auto;
}
.inspr-dt-view .gallery .grid-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.inspr-dt-view .gallery .grid-box ul li div button {
z-index: 9;
opacity: 0;
}
.inspr-dt-view .gallery .grid-box ul li div:hover .icon-view {
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
opacity: 1;
transform: translate(-50%, -50%);
}
.inspr-dt-view .gallery .grid-box ul li .img-box {
height: 100%;
}
.inspr-dt-view .gallery .grid-box ul li:nth-child(odd) {
height: 501px;
line-height: 501px;
}
@media (max-width: 768px) {
.inspr-dt-view .gallery .grid-box ul li:nth-child(odd) {
height: 189px;
line-height: 189px;
}
}
.inspr-dt-view .gallery .grid-box ul li:nth-child(even) {
height: 469px;
line-height: 469px;
}
@media (max-width: 768px) {
.inspr-dt-view .gallery .grid-box ul li:nth-child(even) {
height: 174px;
line-height: 174px;
}
}
.inspr-dt-view .gallery .grid-box ul li:nth-child(5n) {
height: 475px;
line-height: 475px;
}
@media (max-width: 768px) {
.inspr-dt-view .gallery .grid-box ul li:nth-child(5n) {
height: 201px;
line-height: 201px;
}
}
.inspr-dt-view .gallery .grid-box ul li:nth-child(6n) {
height: 328px;
line-height: 328px;
}
@media (max-width: 768px) {
.inspr-dt-view .gallery .grid-box ul li:nth-child(6n) {
height: 203px;
line-height: 203px;
}
}
.inspr-dt-view .short-link {
margin-top: 120px;
}
.case-studies-detail .gv-side-root > span:nth-child(2n) {
width: 1px;
height: 10px;
background: #ddd;
}
@media(min-width: 768px){
.inspr-view .case-studies-detail .gv-wrap .gv-side-header {
padding: 0 0 0 80px;
}
}
.inspr-view .case-studies-detail .gv-wrap .gv-side .gv-side-header {
padding: 0 20px;
}
@media (min-width: 768px) {
.inspr-view .case-studies-detail .gv-wrap .gv-side .gv-side-header {
padding: 0 0 0 80px;
}
}
.inspr-view .case-studies-detail .gv-wrap .gv-side-mintit {
padding: 20px 0 0 80px;
}
.inspr-view .case-studies-detail .gv-wrap .gv-side-mintit > span {
font-size: 13px;
line-height: 1;
font-weight: 400;
color: #222;
position: relative;
}
.inspr-view .case-studies-detail .gv-wrap .gv-side-mintit > span + span {
margin-left: 6px;
padding-left: 6px;
}
.inspr-view .case-studies-detail .gv-wrap .gv-side-mintit > span + span::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 1px;
height: 10px;
background: #ddd;
}
.inspr-view .case-studies-detail .gv-wrap .gv-side-list {
padding: 0 0 40px 0;
}
@media (min-width: 768px) {
.inspr-view .case-studies-detail .gv-wrap .gv-side-list {
padding: 30px 0 0 80px;
}
}
.inspr-view .case-studies-detail .gv-wrap .gv-side-table {
padding: 0 20px;
}
@media(min-width: 768px) {
.inspr-view .case-studies-detail .gv-wrap .gv-side-table {
padding: 0 0 0 80px;
}
}
.inspr-view .gv-wrap .gv-view .btm_tit {
padding: 20px 0;
margin: 0 20px;
border-bottom: 1px solid #E8E8E8;
}
@media(min-width: 768px) {
.inspr-view .gv-wrap .gv-view .btm_tit {
margin: 30px 0 0 0;
padding: 0 0 30px 0;
}
}
.inspr-view .gv-wrap .gv-view .btm_tit > .title {
font-size: 20px;
line-height: 25px;
font-weight: 500;
color: #222;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .btm_tit > .title {
font-size: 30px;
line-height: 38px;
}
}
.inspr-view .case-studies-detail .gv-wrap {
margin-bottom: unset;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.inspr-view .case-studies-detail .gv-wrap {
margin-bottom: unset;
padding-bottom: 120px;
}
}
.inspr-view .gv-wrap .gv-view .flex_wrap {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .flex_wrap {
flex-direction: row;
}
}
.inspr-view .gv-wrap .gv-view .flex_wrap.reverse {
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .flex_wrap.reverse {
flex-direction: row;
}
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .flex_wrap > div + div {
margin-left: 40px;
}
}
.inspr-view .gv-wrap .gv-view .flex_wrap > .img-wrap {
width: 100%;
}
@media(min-width: 768px) {
.inspr-view .gv-wrap .gv-view .flex_wrap:has(.txt-wrap) > .img-wrap {
width: 60%;
}
}
@media(min-width: 768px) {
.inspr-view .gv-wrap .gv-view .flex_wrap > .img-wrap + .img-wrap {
margin-left: 40px;
}
}
.inspr-view .gv-wrap .gv-view .flex_wrap > div:has(.btm_tit),
.inspr-view .gv-wrap .gv-view .flex_wrap > div:has(.btm_desc) {
width: 100%;
}
@media(min-width: 768px) {
.inspr-view .gv-wrap .gv-view .flex_wrap > div:has(.btm_tit),
.inspr-view .gv-wrap .gv-view .flex_wrap > div:has(.btm_desc) {
width: calc(100% - 40px - 60%);
}
.inspr-view .gv-wrap .gv-view .flex_wrap:not(:has(.img-wrap)) > div {
width: 100%;
}
.inspr-view .gv-wrap .gv-view .flex_wrap:not(:has(.txt-wrap)) > div {
width: 100%;
}
}
.inspr-view .gv-wrap .gv-view .flex_wrap .btm_tit {
margin-top: 0;
line-height: 38px;
}
.inspr-view .gv-wrap .gv-view .flex_wrap .btm_desc {
line-height: 26px;
}
.inspr-view .gv-wrap .gv-view .flex_wrap .min_cont {
flex-grow: 1;
}
.inspr-view .gv-wrap .gv-view .flex_wrap .min_cont .btm_tit {
margin-top: 30px;
}
.inspr-view .gv-wrap .gv-view .flex_wrap .min_cont:has(.img-wrap) .btm_desc {
margin-top: 20px;
}
.gv-side-tablewrap {
border-top: 2px solid #4E4544;
border-bottom: 1px solid #E8E8E8;
padding: 24px 15px;
}
.gv-side-tablewrap > li {
}
.gv-side-tablewrap > li + li {
margin-top: 24px;
}
.gv-side-tablewrap > li > div {
font-size: 15px;
line-height: 1;
text-transform: none;
}
@media (min-width: 768px) {
.gv-side-tablewrap > li > div {
font-size: 18px;
}
}
.gv-side-tablewrap .tit {
font-weight: 500;
color: #222;
position: relative;
}
.gv-side-tablewrap .tit::before {
position: absolute;
bottom: 5px;
left: -14px;
content: '';
display: block;
width: 5px;
height: 5px;
background: #666;
}
.gv-side-tablewrap .cont {
margin-top: 14px;
font-weight: 400;
color: #666;
line-height: 1.4;
}
.gv-side-table + .gv-side-header {
margin-top: 40px;
}
@media (min-width: 768px) {
.gv-side-table + .gv-side-header {
margin-top: 80px;
}
}
/* keyword */
.inspr-view .search-box .search button.btn-close {
display: none;
background-image: url(https://img.lxhausys.com/public/images/btn_close_02.png);
background-size: 100%;
}
.inspr-view .search-box .search.on button.btn-search {
display: none;
}
.inspr-view .search-box .search.on button.btn-close {
display: block;
}
.inspr-view .search-box.type02 .btns {
width: calc(100% - 300px);
display: inline-block;
}
@media (max-width: 768px) {
.inspr-view .tab-ui-dark {
margin-top: 2.7083333333rem;
}
}
.inspr-view .ins-at-dt {
position: relative;
}
.inspr-view .ins-at-dt .img-box {
position: relative;
}
@media (max-width: 768px) {
.inspr-view .ins-at-dt .img-box img {
height: 16.6666666667rem;
object-fit: cover;
}
}
.inspr-view .ins-at-dt .dt-text {
position: relative;
top: 0;
left: 0;
z-index: 99;
margin-top: 130px;
padding-bottom: 70px;
color: #222;
text-align: left;
transform: translate(0, 0);
}
@media (max-width: 768px) {
.inspr-view .ins-at-dt .dt-text {
margin-top: 4.8333333333rem;
}
}
.inspr-view .ins-at-dt .dt-text .dt-text-in {
width: 80%;
margin: 0 auto;
}
.inspr-view .ins-at-dt .dt-text .btn-login a {
padding: 0 75px 0 20px;
border: 1px solid #606060;
background: url(https://img.lxhausys.com/public/images/arrw_right_05.png) right 26px center no-repeat;
font-size: 15px;
font-weight: 500;
line-height: 33px;
color: #333;
border-radius: 25px;
}
.inspr-view .ins-at-dt .btns {
bottom: 0;
}
.inspr-view .ins-at-dt .btns a {
width: auto;
line-height: 47px;
font-size: 15px;
background: none !important;
}
.inspr-view .ins-at-dt .btns a:after {
display: inline-block;
width: 47px;
height: 47px;
margin-left: 10px;
border-radius: 50%;
background: url("https://img.lxhausys.com/public/images/products/ico_download.png") no-repeat center center rgba(68, 68, 68, 0.5);
content: "";
vertical-align: top;
}
.inspr-view .dt-img-box {
margin-top: 30px;
}
.inspr-view .dt-img-box .grid {
}
.inspr-view .dt-img-box .grid > li {
border-top: 5px solid #b40f2c;
}
@media (max-width: 768px) {
.inspr-view .dt-img-box .grid > li {
padding: 3.6041666667rem 1.2916666667rem 0;
}
}
.inspr-view .dt-img-box .g-box {
padding: 32px 160px 73px;
}
@media (max-width: 768px) {
.inspr-view .dt-img-box .g-box {
padding: 0;
border: 0;
}
}
.inspr-view .dt-img-box .tit-box {
position: relative;
}
.inspr-view .dt-img-box .tit-box .num {
position: absolute;
top: 10px;
left: -52px;
width: 30px;
height: 30px;
background: #b40f2c;
font-size: 20px;
line-height: 28px;
font-weight: 500;
color: #fff;
text-align: center;
border-radius: 50%;
}
@media (max-width: 768px) {
.inspr-view .dt-img-box .tit-box .num {
left: 0;
top: -32px;
width: 1.3333333333rem;
height: 1.3333333333rem;
font-size: 1rem;
line-height: 1.2;
}
}
.inspr-view .dt-img-box .ctt-t4 {
color: #b40f2c;
margin-top: 31px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.inspr-view .dt-img-box .ctt-t4 {
margin-top: 1.3125rem;
margin-bottom: 1.6458333333rem;
}
}
.inspr-view .dt-img-box .img-box {
margin-top: 30px;
}
@media (max-width: 768px) {
.inspr-view .dt-img-box .img-box {
margin-top: 1.6458333333rem;
margin-bottom: 2.375rem;
}
}
.inspr-view .dt-img-box .img-box img {
width: 100%;
}
@media (max-width: 768px) {
.inspr-view .dt-img-box .img-box img {
width: 100%;
height: auto;
}
}
.inspr-view .dt-img-box + .short-link {
margin-top: 110px;
margin-bottom: 120px;
}
@media (max-width: 768px) {
.inspr-view .showroom-box .more-box .btn {
display: block;
width: 100%;
}
.inspr-view .showroom-box .more-box .btn ~ .btn {
margin-left: 0;
margin-top: 1.0416666667rem;
}
}
.inspr-view .list-type {
width: 970px;
margin: 15px auto 0;
}
@media (max-width: 768px) {
.inspr-view .list-type {
width: 100%;
margin-top: 2.0833333333rem;
}
}
.inspr-view .list-type li strong {
margin-right: 15px;
}
@media (max-width: 768px) {
.inspr-view .list-type li strong {
font-size: 0.875rem;
}
}
.inspr-view .list-type li span {
font-weight: 100;
}
@media (max-width: 768px) {
.inspr-view .list-type li span {
display: block;
width: 100%;
margin-top: 0.4166666667rem;
font-size: 0.875rem;
}
}
.inspr-view .ft-imgs ul {
}
.inspr-view .ft-imgs li {
display: inline-block;
width: calc(25% - 22.8px);
vertical-align: top;
}
@media (max-width: 768px) {
.inspr-view .ft-imgs li {
width: 100%;
margin-bottom: 1.4583333333rem;
}
}
.inspr-view .ft-imgs li ~ li {
margin-left: 30px;
}
@media (max-width: 768px) {
.inspr-view .ft-imgs li ~ li {
margin-left: 0;
}
}
.inspr-view .ft-imgs p {
margin-top: 25px;
font-size: 24px;
font-weight: 700;
color: #111;
text-align: center;
}
@media (max-width: 1440px) {
.inspr-view .ft-imgs p {
font-size: 0.875rem;
}
}
@media (max-width: 768px) {
.inspr-view .ft-imgs p {
margin-top: 0.8333333333rem;
font-size: 0.875rem;
}
}
.ins-dl-dt .dt-text {
padding-bottom: 0;
}
.ins-dl-dt .dt-text .text {
margin-top: 15px;
color: #555;
}
.ins-dl-dt .dt-text .t-02 {
margin-top: 47px;
font-size: 26px;
font-weight: 700;
color: #111;
}
@media (max-width: 768px) {
.ins-dl-dt .dt-text .t-02 {
font-size: 1.0833333333rem;
}
}
.ins-dl-dt .dt-text .t-02 strong {
margin-right: 10px;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.ins-dl-dt .ico-box {
margin-top: 30px;
}
.ins-dl-dt .ico-box ul {
}
@media (max-width: 768px) {
.ins-dl-dt .ico-box ul {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}
}
.ins-dl-dt .ico-box li {
display: inline-block;
text-align: center;
width: 260px;
height: 260px;
background: rgba(0, 0, 0, 0.45);
vertical-align: top;
border-radius: 50%;
}
@media (max-width: 768px) {
.ins-dl-dt .ico-box li {
margin-left: 0;
margin-bottom: 1.25rem;
}
}
.ins-dl-dt .ico-box li:before {
display: block;
width: 100%;
height: 47px;
margin-top: 43px;
background-position: center;
background-repeat: no-repeat;
content: "";
}
.ins-dl-dt .ico-box li.ico-01:before {
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_cart_02.png);
}
.ins-dl-dt .ico-box li.ico-02:before {
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_box.png);
}
.ins-dl-dt .ico-box li.ico-03:before {
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_unlimited.png);
}
.ins-dl-dt .ico-box li ~ li {
margin-left: 30px;
}
@media (max-width: 768px) {
.ins-dl-dt .ico-box li ~ li {
margin-left: 0;
}
}
.ins-dl-dt .ico-box .design-lab-circle-tit {
margin-top: 20px;
font-size: 20px;
font-weight: 700;
line-height: 25px;
color: #fefefe;
}
.ins-dl-dt .ico-box p {
margin-top: 12px;
padding: 0 20px;
/* font-weight: 300; */
line-height: 20px;
color: #fefefe;
}
.ins-dl-text {
margin-top: 90px;
padding-bottom: 30px;
border-bottom: 1px solid #a0a0a0;
}
@media (max-width: 768px) {
.ins-dl-text {
margin-top: 0;
}
}
.ins-dl-text .img-box {
width: 490px;
}
@media (max-width: 768px) {
.ins-dl-text .img-box {
width: 100%;
}
.ins-dl-text .img-box img {
object-fit: cover;
height: 12.5rem;
}
}
.ins-dl-text .text-box {
width: calc(100% - 490px);
padding: 10px 0 0 60px;
}
@media (max-width: 768px) {
.ins-dl-text .text-box {
width: 100%;
padding: 0.8333333333rem 0;
margin-top: 1.25rem;
}
}
.ins-dl-text .text-box li {
position: relative;
padding: 53px 0 50px 125px;
}
@media (max-width: 768px) {
.ins-dl-text .text-box li {
padding: 1.25rem 0 1.875rem 8.3333333333rem;
}
}
.ins-dl-text .text-box li:after {
content: "";
position: absolute;
top: 150px;
left: 0;
width: 150px;
height: calc(100% - 150px);
background: url(https://img.lxhausys.com/public/images/inspiration/bg_dot.png) center no-repeat;
}
@media (max-width: 768px) {
.ins-dl-text .text-box li:after {
width: 7.2916666667rem;
}
}
.ins-dl-text .text-box li:last-child {
padding-bottom: 0;
}
.ins-dl-text .text-box li:last-child:after {
display: none;
}
.ins-dl-text .step {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 150px;
height: 150px;
padding-top: 42px;
background: #f2f2f2;
font-size: 42px;
font-weight: 700;
color: #222;
text-align: center;
border-radius: 50%;
}
@media (max-width: 768px) {
.ins-dl-text .step {
width: 7.2916666667rem;
height: 7.2916666667rem;
padding-top: 1.6666666667rem;
font-size: 2.0833333333rem;
line-height: 3.125rem;
}
}
.ins-dl-text .step span {
display: block;
font-size: 15px;
font-weight: inherit;
line-height: 1;
color: #a72b2a;
text-transform: uppercase;
}
.ins-dl-text .text strong {
font-size: 40px;
color: #222;
}
@media (max-width: 768px) {
.ins-dl-text .text strong {
font-size: 1.6666666667rem;
}
}
.ins-dl-text .text p {
margin-top: 13px;
font-weight: 100;
line-height: 30px;
}
@media (max-width: 768px) {
.ins-dl-text .text p {
font-size: 0.8333333333rem;
line-height: 1.4;
}
}
.ins-dl-text .btn {
margin-top: 130px;
font-size: 14px;
line-height: 40px;
color: #777;
text-align: right;
}
@media (max-width: 768px) {
.ins-dl-text .btn {
width: 100%;
margin-top: 5rem;
text-align: center;
}
}
.ins-dl-text .btn a {
width: 169px;
height: 40px;
margin-left: 16px;
padding: 0 23px;
border: 1px solid #333;
text-align: left;
border-radius: 25px;
}
@media (max-width: 768px) {
.ins-dl-text .btn a {
display: block;
margin: 1.4583333333rem auto;
}
}
.ins-dl-text .btn a span {
display: block;
background: url(https://img.lxhausys.com/public/images/inspiration/ico_contact.png) right center no-repeat;
font-size: 16px;
line-height: 37px;
font-weight: 700;
color: #222;
}
.ins-dl-text + .short-link {
margin-top: 110px;
}
@media (max-width: 768px) {
.ins-dl-text + .short-link {
margin-top: 1.25rem;
}
}
@media (max-width: 768px) {
.inspr-view {
margin-top: 3.0833333333rem;
}
}
.inspr-view .gv-wrap {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding-top: 0;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap {
flex-direction: row;
padding-top: 60px;
margin-bottom: 100px;
}
}
/* [class*='case_study_temp'] + [class*='case_study_temp'] {
margin-top: 40px;
}
@media (min-width: 768px) {
[class*='case_study_temp'] + [class*='case_study_temp'] {
margin-top: 100px;
}
} */
[class*='case_study_temp']:not(.case_study_temp_first) {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.case_study_temp_first {
margin-bottom: 100px;
}
[class*='case_study_temp']:not(.case_study_temp_first) {
margin-bottom: 100px;
}
}
.inspr-view .gv-wrap .gv-view {
position: relative;
width: 100%;
transition: all 0.3s ease;
}
.inspr-view .gv-wrap .gv-view .img-wrap {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.inspr-view .gv-wrap .gv-view .img-wrap + .img-wrap{
margin-top: 40px;
}
.inspr-view .gv-wrap .gv-view .img-wrap:not(.first) {
cursor: pointer;
}
.inspr-view .case-studies-detail .gv-wrap .gv-view .img-wrap:not(.first) {
padding: 0 20px;
}
@media (min-width: 768px) {
.inspr-view .case-studies-detail .gv-wrap .gv-view .img-wrap:not(.first) {
padding: unset;
}
}
.inspr-view .gv-wrap .gv-view .btm_desc{
padding: 20px 20px 40px;
}
@media (min-width: 768px) {
.inspr-view .gallery-detail .gv-wrap .gv-view .btm_desc{
margin-top: 20px;
}
.inspr-view .gv-wrap .gv-view .btm_desc{
margin-top: 0;
padding: unset;
}
.inspr-view .gv-wrap .gv-view .btm_tit + .btm_desc{
margin-top: 20px;
}
}
.inspr-view .gv-wrap .gv-view .btm_desc > p{
font-weight: 400;
color: #666;
line-height: 1.6;
}
.inspr-view .case-studies-detail .gv-view .btm_desc > p{
white-space: pre-wrap;
}
.inspiration_gallery_hash {
max-width: 1440px;
margin: 0 auto;
padding-bottom: 30px;
border-bottom: 1px solid #E8E8E8;
}
.inspiration_gallery_hash.m-ui {
margin-top: 10px;
margin-bottom: 40px;
max-width: calc(100% - 40px);
}
.inspiration_gallery_hash > ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.inspiration_gallery_hash > ul > li {
margin-right: 6px;
margin-top: 10px;
}
.inspiration_gallery_hash > ul > li a {
display: inline-block;
border: 1px solid #E8E8E8;
border-radius: 100px;
background: #F8F8F8;
padding: 8px 16px;
color: #222;
font-size: 14px;
font-weight: 400;
}
.prod-title {
font-size: 32px;
font-weight: 600;
padding: 0 20px 30px;
}
@media (min-width: 768px) {
.prod-title {
width: 1440px;
margin: 0 auto;
font-size: 46px;
padding: 0 0 60px 0;
}
}
.inspr-view .slider-ins {
position: relative;
width: 100%;
margin: 0 auto;
}
.inspr-view .slider-ins .slick-prev {
left: 15px;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_left_slider.svg);
}
.inspr-view .slider-ins .slick-next {
right: 15px;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_slider.svg);
}
.inspr-view .ins-box {
margin-top: 60px;
}
@media (min-width: 768px) {
.inspr-view .ins-box {
margin: 120px auto 150px;
max-width: 1470px;
}
}
.inspr-view .slider-ins .slick-arrow {
top: 35%;
position: absolute;
width: 80px;
height: 80px;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transform: translateY(-50%);
z-index: 1;
}
.inspr-view .slider-ins .slider {
height: 100%;
padding: 0 15px;
}
.inspr-view .slider-ins .img-box {
position: relative;
}
.inspr-view .slider-ins .img-box img {
width: 100%;
}
.inspr-view .slider-ins .slider .wdTit {
position: absolute;
bottom: 0px;
left: 0px;
background: #000;
outline: 2px solid #fff;
font-family: 'NotoSans' , sans-serif;
font-weight: 700;
color: #fff;
border: 1px solid #080102;
padding: 8px 15px 8px 15px;
opacity: 0.7;
font-size: 17px;
}
.inspr-view .slider-ins .slider .wdTit.viatera-badge {
outline: 0;
border: 0;
}
.inspr-view .slider-ins .txt-box {
width: 100%;
margin-top: 30px;
}
.inspr-view .slider-ins .txt-box .txt-01 {
font-size: 16px;
font-weight: 400;
color: #666;
}
.inspr-view .ins-box .slider-ins .txt-box .txt-01 a > span {
font-size: inhehrit;
font-weight: inherit;
color: inherit;
text-align: left;
position: relative;
}
.inspr-view .ins-box .slider-ins .txt-box .txt-01 a > span + span {
margin-left: 17px
}
.inspr-view .ins-box .slider-ins .txt-box .txt-01 a > span:first-child::after {
content: '';
position: absolute;
top: 50%;
right: -8px;
transform: translateY(-50%);
display: inline-block;
width: 1px;
height: 12px;
background: #666;
opacity: 0.3;
}
.inspr-view .slider-ins .txt-box .txt-02 {
position: relative;
margin-top: 10px;
font-size: 20px;
font-weight: 500;
color: #222;
}
.inspr-view .slider-ins .txt-box .txt-02::after {
content: '';
display: inline-block;
position: absolute;
right: 20px;
width: 22px;
height: 22px;
background: center / contain url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_long.svg);
}
.inspr-view .slider-ins .txt-box .txt-02 > span {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.inspr-view .slider-ins .txt-box .txt-03 {
margin-top: 14px;
font-size: 16px;
font-weight: 400;
color: #666;
opacity: 0.7;
}
.inspr-view .slider-ins .txt-box .txt-03 > span {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.inspr-view .ins-box:has(.slider-pop) {
width: 75vw;
}
.inspr-view .slider-pop .slick-arrow {
top: 50%;
position: absolute;
width: 80px;
height: 80px;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transform: translateY(-50%);
z-index: 1;
}
.inspr-view .slider-pop .slick-prev {
left: 0;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_left_slider.svg);
}
.inspr-view .slider-pop .slick-next {
right: 0;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_slider.svg);
}
.inspr-view .slider-pop .img-box img {
width: 100%;
}
.layer-popup .popup.pop-close.black .btn-close{
background: url(https://img.lxhausys.com/public/images/svg_icon/icon_pop_close.svg) center no-repeat;
}
.layer-popup .popup.pop-close .btn-close {
background: url(https://img.lxhausys.com/public/images/svg_icon/icon_pop_close_wh.svg) center no-repeat;
}
/* s: VueSlickCarousel로 변경후 casestudy 상단 슬라이드 */
.casestudy_sliderwrap {
width: calc(100% + 40px);
margin-left: -20px;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.casestudy_sliderwrap {
width: 100%;
margin-left: unset;
margin-bottom: 60px;
}
}
.casestudy_sliderwrap .item {
position: relative;
cursor: pointer;
}
.casestudy_sliderwrap .item .imgwrap {
position: relative;
}
.casestudy_sliderwrap .item .imgwrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.8%, rgba(0, 0, 0, 0.5) 100%);
}
.casestudy_sliderwrap .imgwrap img {
width:100%;
height: 100%;
aspect-ratio: 1.6;
object-fit: cover;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .imgwrap img {
aspect-ratio: 2.9;
}
}
.casestudy_sliderwrap .txtwrap {
position: relative;
padding: 24px 20px 20px 20px;
white-space: normal;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap {
position: absolute;
left: 60px;
bottom: 40px;
padding: unset;
}
}
.casestudy_sliderwrap .txtwrap span {
color: #222;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap .as_span {
color: #fff;
}
}
.casestudy_sliderwrap .txtwrap .type span {
position: relative;
font-size: 16px;
line-height: 1;
font-weight: 400;
color: #666;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap .type span {
font-size: 20px;
color: #fff;
}
}
.casestudy_sliderwrap .txtwrap .type span + span {
margin-left: 10px;
padding-left: 10px;
}
.casestudy_sliderwrap .txtwrap .type span + span::before {
display: block;
content: '';
width: 1px;
height: 12px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #222;
opacity: 0.3;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap .type span + span::before {
height: 14px;
background: #fff;
}
}
.casestudy_sliderwrap .txtwrap .tit {
margin-top: 14px;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap .tit {
margin-top: 10px;
}
}
.casestudy_sliderwrap .txtwrap .tit .as_span {
font-size: 26px;
line-height: 30px;
font-weight: 700;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap .tit .as_span {
font-size: 46px;
line-height: 1;
}
}
.casestudy_sliderwrap .txtwrap .location {
position: static;
margin-top: 14px;
margin-left: unset;
display: block;
}
.casestudy_sliderwrap .txtwrap .location span {
font-size: 14px;
line-height: 1;
font-weight: 400;
padding-left: 20px;
background: left center / 16px 16px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_where_bk.svg);
}
@media (min-width: 768px) {
.casestudy_sliderwrap .txtwrap .location span {
font-size: 16px;
line-height: 30px;
padding-left: 22px;
color: #fff;
background: left center / 16px 16px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_where_wh.svg);
}
}
.casestudy_sliderwrap .casestudy_dotswrap {
margin: 20px auto 0;
white-space: nowrap;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .casestudy_dotswrap {
margin: 24px auto 0;
}
}
.casestudy_sliderwrap .casestudy_dotswrap {
text-align: center;
}
.casestudy_sliderwrap .casestudy_dotswrap li {
display: inline-block;
}
.casestudy_sliderwrap .casestudy_dotswrap li + li {
margin-left: 12px;
}
.casestudy_sliderwrap .casestudy_dotswrap button {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #222;
background: #fff;
color: transparent;
opacity: 0.5;
}
@media (min-width: 768px) {
.casestudy_sliderwrap .casestudy_dotswrap button {
width: 12px;
height: 12px;
}
}
.casestudy_sliderwrap .casestudy_dotswrap .slick-active button {
border: 1px solid #222;
background: #222;
opacity: 1;
}
/* e: VueSlickCarousel로 변경후 casestudy 상단 슬라이드 */
/* s: VueSlickCarousel로 변경후 inspiration related slider */
.inspr-view .ins-box:has(.related_slider) {
max-width: 1440px;
padding-bottom: 80px;
}
/*.inspr-view .case-studies-detail .ins-box {
margin-top: 20px;
}*/
.related_slider {
max-width: 1440px;
}
.related_slider .item {
position: relative;
}
.related_slider .slick-slider .slick-list {
padding-left: 20px;
}
.related_slider .slick-slider .slick-track {
display: flex;
}
.related_slider .slick-slider .slick-slide {
width: 320px;
}
.related_slider .slick-slider .slick-slide + .slick-slide {
margin-left: 15px;
}
@media (min-width: 768px) {
.related_slider .slick-slider .slick-list {
margin: 0 -15px;
padding-left: unset;
}
.related_slider .slick-slider .slick-track {
}
.related_slider .slick-slider .slick-slide {
margin: 0 15px;
}
.related_slider .slick-slider .slick-slide + .slick-slide {
margin-left: 15px;
}
}
.related_slider .imgwrap {
width: 100%;
height: 100%;
max-height: 300px;
aspect-ratio: 1.5;
}
.related_slider .imgwrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related_slider .txtwrap {
position: relative;
padding: 30px 0;
border-bottom: 1px solid #EBEBEB;
}
.related_slider .txtwrap::after {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background: center / contain no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_long.svg);
}
.related_slider .txtwrap span {
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #666;
position: relative;
}
@media (min-width: 768px) {
.related_slider .txtwrap span {
font-size: 16px;
}
}
.related_slider .txtwrap .type span + span {
margin-left: 8px;
padding-left: 8px;
}
.related_slider .txtwrap .type span + span::before {
content: '';
display: block;
width: 1px;
height: 12px;
background: #666666;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.related_slider .txtwrap .tit {
font-size: unset;
margin-top: 10px;
}
.related_slider .txtwrap .tit span {
font-size: 18px;
font-weight: 500;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding-right: 60px;
white-space: normal;
}
@media (min-width: 768px) {
.related_slider .txtwrap .tit span {
font-size: 20px;
}
}
.related_slider .txtwrap .tag {
margin-top: 14px;
}
.related_slider .txtwrap .tag span {
line-height: 1;
}
@media (min-width: 768px) {
.related_slider .txtwrap .tag span {
line-height: 20px;
}
}
.related_slider .txtwrap .tag span + span {
margin-left: 6px;
}
.related_slider .tagwrap {
position: absolute;
top: 0;
left: 0;
}
.tagwrap {
position: absolute;
top: 0;
left: 0;
padding: 8px 14px;
}
@media (min-width: 768px) {
.tagwrap {
padding: 10px 20px;
}
}
.tagwrap > span:first-child {
font-size: 15px;
line-height: 1;
font-weight: 400;
color: #fff;
opacity: 1;
}
@media (min-width: 768px) {
.tagwrap > span:first-child {
font-size: 18px;
}
}
.tagwrap > .line {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid #fff;
background: rgba(0, 0, 0, 0.1);
opacity: 0.5;
}
.related_slider .slick-arrow {
top: 34%;
position: absolute;
width: 54px;
height: 54px;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transform: translateY(-50%);
z-index: 1;
}
@media (min-width: 768px) {
.related_slider .slick-arrow {
top: 40%;
width: 80px;
height: 80px;
}
}
.related_slider .slick-prev:before {
display: none;
}
.related_slider .slick-next:before {
display: none;
}
.related_slider .slick-prev {
left: 0;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_left_slider.svg);
}
.related_slider .slick-next {
right: 0;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_slider.svg);
}
/* e: VueSlickCarousel로 변경후 inspiration related slider */
/* s: VueSlickCarousel로 변경후 inspiration detail pop */
.layer-gallery-img .popup {
max-width: 1440px;
width: 100%;
}
.layer-gallery-img .slick-slide {
aspect-ratio: 1.6;
}
.layer-gallery-img .slick-slide .slider {
width: 100%;
max-width: 1440px;
}
.layer-gallery-img .slick-slide a {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1.6;
background: #000;
}
.layer-gallery-img .slick-slide img {
width: 100%;
height: 100%;
/* aspect-ratio: 1.6; */
/*object-fit: contain;*/
}
.layer-gallery-img .slick-slide img.is-portrait {
object-fit: contain;
}
.layer-gallery-img .slick-arrow {
top: 50%;
position: absolute;
width: 54px;
height: 54px;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transform: translateY(-50%);
z-index: 1;
}
@media (min-width: 768px) {
.layer-gallery-img .slick-arrow {
width: 80px;
height: 80px;
}
}
.layer-gallery-img .slick-prev {
left: 0;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_left_slider.svg);
}
.layer-gallery-img .slick-next {
right: 0;
background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_slider.svg);
}
/* e: VueSlickCarousel로 변경후 inspiration detail pop */
.inspr-view .gv-wrap .gv-view .img-wrap > img {
width: 100%;
height: 100%;
/* aspect-ratio: 1.6; */
object-fit: contain;
}
.inspr-view .gv-wrap .gv-view .img-wrap .btn-group {
position: absolute;
right: 0px;
bottom: 0px;
}
.inspr-view .case-studies-detail .gv-wrap .gv-view .img-wrap .btn-group {
display: flex;
}
.inspr-view .case-studies-detail .gv-wrap .gv-view .img-wrap .btn-group button + .sns-wrp {
margin-left: 1px;
}
.inspr-view .case-studies-detail .gv-wrap .gv-view .img-wrap .btn-group .sns-wrp + button {
margin-left: 1px;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group .num_btn_wrap {
position: absolute;
z-index: 1;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group .num_btn_wrap:has(button.on) {
z-index: 2;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button {
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button {
width: 30px;
height: 30px;
}
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button.on {
background: rgba(0, 0, 0, 1);
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button > span {
font-size: 12px;
font-weight: 500;
color: #fff;
}
@media (min-width: 769px) {
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button > span {
font-size: 16px;
}
}
@media (max-width: 769px) {
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group .num_btn_wrap {
right: 0;
}
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap {
position: relative;
top: 20px;
left: -16px;
display: none;
background: #fff;
border: 1px solid #222;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button.on + .btn_bubble_wrap {
display: flex;
flex-direction: column;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .top {
display: flex;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .left {
padding: 14px;
border-right: 1px solid #E8E8E8;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .left {
padding: 30px 20px 44px;
}
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .left .img_wrap > img {
width: 40px;
height: 40px;
object-fit: cover;
border:1px solid #e8e8e8;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right {
text-align: left;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap {
padding: 14px 16px 13px 14px;
min-width: 140px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap {
padding: 30px 20px 20px;
min-width: 200px;
}
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap > span {
display: block;
line-height: 1;
white-space: nowrap;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap .tag {
font-size: 14px;
line-height: 1;
font-weight: 400;
background: #505357;
color: #fff;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap .name {
margin-top: 6px;
font-size: 18px;
font-weight: 500;
color: #222;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap .gray {
margin-top: 12px;
font-size: 14px;
font-weight: 400;
color: #999;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .right .txt_wrap .gray + .gray {
margin-top: 6px;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .bottom .btn_wrap {
display: block;
height: 44px;
background: right 24px center / 20px 20px no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_long_wh.svg), #222;
padding-left: 24px;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .bottom .btn_wrap > span {
font-size: 14px;
line-height: 44px;
font-weight: 400;
color: #fff;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .bottom .btn_wrap > span {
font-size: 16px;
}
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .tag {
position: absolute;
top: 0;
right: 0;
background: #505357;
padding: 4px 10px;
}
.inspr-view .gv-wrap .gv-view .img-wrap > .num_group button + .btn_bubble_wrap .tag > span {
font-size: 14px;
line-height: 1;
font-weight: 400;
color: #fff;
}
.center_btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
}
@media (min-width: 769px) {
.center_btn {
display: none;
}
}
.center_btn.on {
display: block;
}
.center_btn > button {
border-radius: 50%;
}
.btn_view_large{
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
.btn_view_large{
width: 50px;
height: 50px;
}
}
.btn_view_large .icon{
width: 18px;
height: 18px;
background: url('https://img.lxhausys.com/public/images/icon/icon_ins_search.png')no-repeat center center / contain;
}
@media (min-width: 768px) {
.btn_view_large .icon{
width: 24px;
height: 24px;
}
}
.btn_download_large{
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
.btn_download_large{
width: 50px;
height: 50px;
}
}
.btn_download_large .icon{
width: 16px;
height: 16px;
background: url('https://img.lxhausys.com/2024/images/svg_icon/icon_download_white.svg')no-repeat center center / contain;
}
@media (min-width: 768px) {
.btn_download_large .icon{
width: 24px;
height: 24px;
}
}
.case-studies-detail .icon-share-bk{
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.5) center / 16px 16px no-repeat url('https://img.lxhausys.com/2024/images/svg_icon/icon_sharing.svg');
}
@media (min-width: 768px) {
.case-studies-detail .icon-share-bk{
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.5) center / 24px 24px no-repeat url('https://img.lxhausys.com/2024/images/svg_icon/icon_sharing.svg');
}
}
.case-studies-detail .sns-wrp .sns {
top: 40px;
}
@media (min-width: 768px) {
.case-studies-detail .sns-wrp .sns {
top: 50px;
}
}
.inspr-view .gv-wrap .gv-view .img-wrap .btn-group.inGell .sns {
position: absolute;
right: 0;
bottom: 49px;
}
.inspr-view .gv-wrap .gv-view .img-wrap .btn-group.inGell .sns ul {
display: inline-block !important;
}
.inspr-view .gv-wrap .gv-view .frow {
position: relative;
padding: 30px 50px 35px;
}
@media (max-width: 1440px) {
.inspr-view .gv-wrap .gv-view .frow {
padding: 20px;
}
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-view .frow {
padding: 0.8333333333rem 1.25rem;
}
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-view .frow.btns {
flex-direction: column-reverse;
}
}
.inspr-view .gv-wrap .gv-view .frow .fcol-md {
align-self: center;
}
.inspr-view .gv-wrap .gv-view .frow .fcol.copy {
position: absolute;
right: 50px;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-view .frow .fcol.copy {
right: auto;
position: relative;
margin-bottom: 1.2083333333rem;
}
}
.inspr-view .gv-wrap .gv-view .frow .fcol.copy * {
font-size: 11px;
line-height: 18px;
text-align: right;
color: #bfbdbc;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-view .frow .fcol.copy * {
font-size: 0.4583333333rem;
line-height: 0.9166666667rem;
letter-spacing: -0.0208333333rem;
}
}
.inspr-view .gv-wrap .gv-view .frow.gv-nav {
padding: 0 40px;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-view .frow.gv-nav {
margin-top: 1.8541666667rem;
padding: 0 1.25rem;
}
}
.inspr-view .gv-wrap .gv-view .frow.gv-nav .prev-arr,
.inspr-view .gv-wrap .gv-view .frow.gv-nav .next-arr {
position: relative;
padding: 0 24px;
font-family: 'NotoSans' , sans-serif;
font-size: 24px;
font-weight: 600;
line-height: normal;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-view .frow.gv-nav .prev-arr,
.inspr-view .gv-wrap .gv-view .frow.gv-nav .next-arr {
font-size: 1.0416666667rem;
}
}
.inspr-view .gv-wrap .gv-view .frow.gv-nav .prev-arr {
text-align: left;
}
.inspr-view .gv-wrap .gv-view .frow.gv-nav .prev-arr::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 24px;
transform: translateY(-50%) rotate(90deg);
background: url("https://img.lxhausys.com/public/images/arrw_bottom_05.png") center/contain no-repeat;
}
.inspr-view .gv-wrap .gv-view .frow.gv-nav .next-arr {
text-align: right;
}
.inspr-view .gv-wrap .gv-view .frow.gv-nav .next-arr::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 24px;
transform: translateY(-50%) rotate(-90deg);
background: url("https://img.lxhausys.com/public/images/arrw_bottom_05.png") center/contain no-repeat;
}
.inspr-view .gv-wrap .gv-side {
flex: 0 0 auto;
}
@media (min-width: 769px) {
.inspr-view .gv-wrap .gv-side {
flex: 0 0 480px;
}
}
/* .inspr-view .gv-wrap .gv-side.show {
margin-right: 0;
flex: 0 0 480px;
} */
.inspr-view .gv-wrap .gv-side-wrap {
position: relative;
height: auto;
}
@media (min-width: 769px) {
.inspr-view .gv-wrap .gv-side-wrap {
height: 100%;
}
}
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle {
position: absolute;
top: 0;
left: -50px;
width: 50px;
height: 50px;
background: #3e3836;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle {
left: -2.0833333333rem;
width: 2.0833333333rem;
height: 2.0833333333rem;
}
}
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle::before, .inspr-view .gv-wrap .gv-side-wrap .ui-toggle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
transition: all 0.3s ease;
}
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle::before {
width: 26px;
height: 2px;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle::before {
width: 0.9583333333rem;
height: 0.0833333333rem;
}
}
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle::after {
width: 2px;
height: 26px;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle::after {
width: 0.0833333333rem;
height: 0.9583333333rem;
}
}
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle.on::before {
opacity: 0;
}
.inspr-view .gv-wrap .gv-side-wrap .ui-toggle.on::after {
transform: translate(-50%, -50%) rotate(270deg);
}
.inspr-view .gv-wrap .gv-side-header {
position: relative;
padding: 0 48px;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-header {
padding: 70px 20px 40px;
}
.inspr-view .gv-wrap .gv-side-header.m-ui {
background: #F8F8F8;
}
}
.inspr-view .gv-wrap .gv-side-header .tit-area {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
padding-bottom: 13px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-header .tit-area {
margin-top: 1.4583333333rem;
padding-bottom: 0.5416666667rem;
}
}
.inspr-view .gv-wrap .gv-side-header .tit-area .ctt {
color: #222;
}
.inspr-view .gv-wrap .gv-side-header .ctt {
line-height: normal;
color: #222;
}
.inspr-view .gv-wrap .gv-side-header .euSite {
width: 70%;
display: block;
overflow: hidden;
height: 44px;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-header .euSite {
height: 1.9166666667rem;
}
}
.inspr-view .gv-wrap .gv-side-header .tt-3 {
line-height: 1;
font-weight: 600;
color: #222;
/* text-transform: uppercase; */
margin-bottom: 14px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-header .tt-3 {
line-height: 50px;
margin-bottom: 20px;
}
}
.inspr-view .gv-wrap .gv-side .gv-side-header .tt-3 {
margin-bottom: 24px;
font-weight: 700;
font-size: 20px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side .gv-side-header .tt-3 {
margin-bottom: 20px;
font-size: 30px;
}
}
.gv-side-root > span {
font-size: 12px;
font-weight: 400;
opacity: 0.6;
}
@media (min-width: 768px) {
.gv-side-root > span {
font-size: 13px;
}
}
.gv-side-root > span:nth-last-child(2) {
opacity: 1;
}
.gv-side-root > span:nth-child(2n) {
display: inline-block;
width: 6px;
height: 11px;
background: center / contain no-repeat url(https://img.lxhausys.com/public/images/svg_icon/icon_arrow_right_gray.svg);
margin: 0 10px;
}
.gv-side-root > span:last-child {
display: none;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-header .ico-where-white {
font-size: 0.5833333333rem;
}
}
.inspr-view .gv-wrap .gv-side-header .btn-group-mob {
display: none;
position: absolute;
top: 0;
right: 0.8333333333rem;
}
@media (max-width: 768px) {
.inspr-view .gv-wrap .gv-side-header .btn-group-mob {
display: block;
}
}
.inspr-view .gv-wrap .gv-side-list {
width: calc(100vw - 40px);
margin: 0 auto;
padding-bottom: 40px;
border-bottom: 1px solid #E8E8E8;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list {
width: auto;
margin: unset;
padding: 0 0 60px 48px;
border: none;
}
}
.inspr-view .gv-wrap .gv-side-list .ctt {
color: #222;
}
.inspr-view .gv-wrap .gv-side-list::-webkit-scrollbar {
width: 6px;
}
.inspr-view .gv-wrap .gv-side-list::-webkit-scrollbar-track {
background: #ccc;
border-radius: 3px;
}
.inspr-view .gv-wrap .gv-side-list::-webkit-scrollbar-thumb {
background: #f4f4f4;
border-radius: 3px;
}
.inspr-view .gv-wrap .gv-side-list .gv-side-title_area {
padding: 18px 0 18px 35px;
background: #F8F8F8;
display: flex;
align-items: center;
}
.inspr-view .gv-wrap .gv-side-list ul + .gv-side-title_area {
margin-top: 60px;
}
.inspr-view .gv-wrap .gv-side-list .gv-side-title_area + ul {
display: flex;
}
@media (min-width: 769px) {
.inspr-view .gv-wrap .gv-side-list .gv-side-title_area + ul {
display: block;
}
}
.inspr-view .gv-wrap .gv-side-list .gv-side-title {
font-size: 18px;
font-weight: 700;
color: #222;
position: relative;
margin-right: 10px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list .gv-side-title {
font-size: 24px;
}
}
.inspr-view .gv-wrap .gv-side-list .gv-side-title::before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -15px;
width: 5px;
height: 5px;
background: #222;
}
.inspr-view .gv-wrap .gv-side-list .gv-side-txt {
font-weight: 400;
color: #222;
}
.inspr-view .gv-wrap .gv-side-list ul li {
position: relative;
display: inline-flex;
flex-direction: column;
margin-top: 20px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li {
flex-direction: row;
display: flex;
margin: 24px 0;
}
}
.inspr-view .gv-wrap .gv-side-list ul li:first-child {
margin-top: 20px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li:first-child {
margin-top: 24px;
}
}
.inspr-view .gv-wrap .gv-side-list ul li + li {
margin-left: 13px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li + li {
margin-left: unset;
}
}
.inspr-view .gv-wrap .gv-side-list ul li .thumb .tag {
display: none;
position: absolute;
top: 0;
left: 0;
padding: 4px 10px;
background: #505357;
color: #fff;
font-size: 14px;
line-height: 1;
font-weight: 400;
}
.inspr-view .gv-wrap .gv-side-list ul li .thumb.on .tag {
display: block;
}
.inspr-view .gv-wrap .gv-side-list ul li .thumb img {
width: calc(100vw / 2 - 28px);
height: 100%;
aspect-ratio: 1;
object-fit: cover;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li .thumb img {
width: 164px;
}
}
.inspr-view .gv-wrap .gv-side-list ul li .info {
margin: 14px 14px 0px 0px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li .info {
margin: 2px 0 2px 20px;
}
}
.inspr-view .gv-wrap .gv-side-list ul li .info strong,
.inspr-view .gv-wrap .gv-side-list ul li .info p {
margin-bottom: 14px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #222;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li .info strong,
.inspr-view .gv-wrap .gv-side-list ul li .info p {
margin-bottom: 18px;
font-size: 20px;
line-height: 1;
}
}
.inspr-view .gv-wrap .gv-side-list ul li .info span {
display: block;
font-size: 14px;
font-weight: 400;
color: #999;
margin-top: 14px;
}
@media (min-width: 768px) {
.inspr-view .gv-wrap .gv-side-list ul li .info span {
font-size: 15px;
margin-top: unset;
}
}
.inspr-view .gv-wrap .gv-side-list ul li .info span + span {
margin-top: 10px;
}
.inspr-view .gv-wrap .gv-side-list ul li .btns {
position: absolute;
top: 0;
right: 0;
}
/* inspiration > gallery */
@media (max-width: 768px) {
.layer-gallery {
z-index: 900;
}
}
@media (max-width: 768px) {
.layer-gallery .popup {
width: 100%;
}
.layer-gallery .popup.pop-close {
padding-top: 0;
}
.layer-gallery .popup.pop-close .btn-close {
top: 0;
right: 0.2083333333rem;
width: 2.7083333333rem;
height: 2.7083333333rem;
background-image: url(https://img.lxhausys.com/public/images/btn_close_bk.png);
background-size: 40%;
}
}
.layer-gallery .popup .pop-inspr {
position: relative;
overflow-y: hidden;
height: 680px;
padding: 30px 40px 37px;
}
@media (max-width: 768px) {
.layer-gallery .popup .pop-inspr {
width: 100% !important;
height: 100vh;
padding: 2.7083333333rem 0;
}
}
.layer-gallery .slider-box {
position: relative;
width: 700px;
}
@media (max-width: 768px) {
.layer-gallery .slider-box {
width: 100%;
}
}
@media (max-width: 768px) {
.layer-gallery .slider-img .slick-track {
margin: 0;
}
}
.layer-gallery .slider-img .img-box {
position: relative;
}
.layer-gallery .slider-img .slick-arrow {
position: absolute;
top: 50%;
z-index: 10;
width: 15px;
height: 27px;
background-position: center;
background-repeat: no-repeat;
transform: translateY(-50%);
}
.layer-gallery .slider-img .slick-prev {
left: 40px;
background-image: url(https://img.lxhausys.com/public/images/inspiration/arrw_left.png);
}
.layer-gallery .slider-img .slick-prev:hover, .layer-gallery .slider-img .slick-prev:active {
background-image: url(https://img.lxhausys.com/public/images/inspiration/arrw_left_02.png);
}
.layer-gallery .slider-img .slick-next {
right: 40px;
background-image: url(https://img.lxhausys.com/public/images/inspiration/arrw_right.png);
}
.layer-gallery .slider-img .slick-next:hover, .layer-gallery .slider-img .slick-next:active {
background-image: url(https://img.lxhausys.com/public/images/inspiration/arrw_right_02.png);
}
.layer-gallery .slider-img .slick-dots {
margin-top: 20px;
text-align: center;
}
.layer-gallery .slider-img .slick-dots li {
display: inline-block;
width: 9px;
height: 9px;
vertical-align: top;
}
.layer-gallery .slider-img .slick-dots li ~ li {
margin-left: 6px;
}
.layer-gallery .slider-img .slick-dots button {
width: inherit;
height: inherit;
background: #ccc;
border-radius: 50%;
}
.layer-gallery .slider-img .slick-dots .slick-active button {
background: #000;
}
.layer-gallery .slider-box .btns {
position: absolute;
top: 21px;
right: 34px;
z-index: 99;
}
@media (max-width: 768px) {
.layer-gallery .slider-box .btns {
right: 3.3333333333rem;
}
}
.layer-gallery .slider-box .btns a {
width: 47px;
height: 47px;
background-color: rgba(0, 0, 0, 0.5);
background-position: center;
background-repeat: no-repeat;
background-size: 22px;
border-radius: 50%;
}
@media (max-width: 768px) {
.layer-gallery .slider-box .btns a {
width: 2.0833333333rem;
height: 2.0833333333rem;
background-color: transparent;
}
}
.layer-gallery .slider-box .btns a:hover, .layer-gallery .slider-box .btns a:active, .layer-gallery .slider-box .btns a.on {
background-color: #000;
}
.layer-gallery .slider-box .btns a.btn-wish {
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_heart.png);
}
.layer-gallery .slider-box .btns a.btn-wish:hover, .layer-gallery .slider-box .btns a.btn-wish:active, .layer-gallery .slider-box .btns a.btn-wish.on {
background-image: url(https://img.lxhausys.com/public/images/ico_heart_w.png);
}
.layer-gallery .slider-box .btns a.btn-down {
margin-left: 10px;
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_download.png);
}
.layer-gallery .col-02 {
position: relative;
}
.layer-gallery .info-box {
width: calc(100% - 700px);
padding-left: 40px;
text-align: left;
}
@media (max-width: 768px) {
.layer-gallery .info-box {
width: 100%;
padding: 0 1.2291666667rem;
}
}
.layer-gallery .btn-share button {
width: 18px;
height: 23px;
background: url(https://img.lxhausys.com/public/images/inspiration/ico_share.png) center no-repeat;
}
@media (max-width: 768px) {
.layer-gallery .btn-share button {
width: 2.0833333333rem;
height: 2.0833333333rem;
background-image: url(https://img.lxhausys.com/public/images/icon-share@3x.png);
background-size: 55%;
}
}
.layer-gallery .btn-share .sns-wrp .sns {
position: absolute;
right: 0;
top: 35px;
z-index: 1;
}
@media (max-width: 768px) {
.layer-gallery .btn-share {
position: absolute;
top: 0.625rem;
right: 0.4166666667rem;
}
}
.layer-gallery h3 {
margin-top: 35px;
font-size: 40px;
text-align: left;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 768px) {
.layer-gallery h3 {
margin-top: 2.0833333333rem;
font-size: 1.0416666667rem;
font-weight: 600;
}
}
.layer-gallery .mob {
display: none;
}
@media (max-width: 768px) {
.layer-gallery .mob {
display: block;
}
}
.layer-gallery .info-list {
position: absolute;
top: 189px;
overflow-y: auto;
width: 390px;
height: 280px;
}
@media (max-width: 768px) {
.layer-gallery .info-list {
position: relative;
top: auto;
width: 100%;
height: 35vh;
margin-top: 0.875rem;
}
}
.layer-gallery .info-list > ul {
display: block;
}
.layer-gallery .info-list > ul > li {
position: relative;
}
@media (max-width: 768px) {
.layer-gallery .info-list > ul > li {
padding: 1.0416666667rem;
border: 1px solid #ccc;
}
}
.layer-gallery .info-list > ul > li ~ li {
margin-top: 28px;
}
@media (max-width: 768px) {
.layer-gallery .info-list > ul > li ~ li {
margin-top: 0;
border-top: 0;
}
}
.layer-gallery .info-list .img-box {
display: inline-block;
width: 70px;
height: 70px;
}
@media (max-width: 768px) {
.layer-gallery .info-list .img-box {
width: 5.4166666667rem;
height: 5.4166666667rem;
}
}
.layer-gallery .info-list .info {
display: inline-block;
width: calc(100% - 70px);
padding-left: 21px;
vertical-align: top;
line-height: 0;
}
@media (max-width: 768px) {
.layer-gallery .info-list .info {
width: calc(100% - 5.41667rem);
padding-left: 0.6041666667rem;
}
}
.layer-gallery .info-list .info .badge {
display: none;
}
@media (max-width: 768px) {
.layer-gallery .info-list .info .badge {
display: inline-block;
}
}
@media (max-width: 768px) {
.layer-gallery .info-list .info ul {
margin-top: 0.7291666667rem;
}
}
.layer-gallery .info-list .info .txt-01 {
font-size: 14px;
font-weight: 700;
color: #222;
}
@media (max-width: 768px) {
.layer-gallery .info-list .info .txt-01 {
font-size: 1.0416666667rem;
line-height: 1.25rem;
}
}
.layer-gallery .info-list .info .txt-02 {
margin-top: 2px;
font-size: 14px;
font-weight: 700;
}
.layer-gallery .info-list .info .txt-03 {
margin-top: 3px;
font-size: 13px;
font-weight: 300;
}
@media (max-width: 768px) {
.layer-gallery .info-list .info .txt-03 {
font-size: 0.75rem;
line-height: 1.25rem;
}
}
.layer-gallery .info-list .info .txt-03 a {
font-size: inherit;
font-weight: inherit;
text-align: left;
}
.layer-gallery .info-list .info .txt-04 {
margin-top: 3px;
font-size: 13px;
font-weight: 300;
color: #888;
}
@media (max-width: 768px) {
.layer-gallery .info-list .info .txt-04 {
font-size: 0.75rem;
line-height: 0.75rem;
}
}
.layer-gallery .info-list .ico-buy {
display: inline-block;
position: absolute;
top: 0;
right: 3px;
width: auto;
padding-left: 21px;
background: url(https://img.lxhausys.com/public/images/inspiration/ico_buy.png) left center no-repeat;
font-size: 12px;
line-height: 14px;
font-weight: 500;
color: #555;
vertical-align: top;
}
@media (max-width: 768px) {
.layer-gallery .info-list .ico-buy {
display: none;
}
}
.layer-gallery .info-list .btns {
position: absolute;
bottom: 4px;
right: 3px;
}
.layer-gallery .info-list .btns a {
width: 30px;
height: 30px;
background-color: #f1f1f1;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
}
.layer-gallery .info-list .btns .ico-cart {
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_cart.png);
}
.layer-gallery .info-list .btns .ico-cart:hover, .layer-gallery .info-list .btns .ico-cart:active, .layer-gallery .info-list .btns .ico-cart.on {
background-color: #000;
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_cart_03.png);
}
.layer-gallery .info-list .btns .ico-wish {
position: static;
margin-left: 4px;
background-image: url(https://img.lxhausys.com/public/images/inspiration/ico_heart_02.png);
background-size: 16px;
}
.layer-gallery .info-list .btns .ico-wish:hover, .layer-gallery .info-list .btns .ico-wish:active, .layer-gallery .info-list .btns .ico-wish.on {
background-color: #000;
background-image: url(https://img.lxhausys.com/public/images/ico_heart_w.png);
background-size: 14px;
}
.layer-gallery .ft-btns {
position: absolute;
left: 0;
bottom: 30px;
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 40px;
}
@media (max-width: 768px) {
.layer-gallery .ft-btns {
bottom: 2.2916666667rem;
padding: 0 1.25rem;
}
}
.layer-gallery .ft-btns button {
width: 38px;
height: 38px;
background-position: center;
background-repeat: no-repeat;
}
.layer-gallery .ft-btns .btn-prev {
background-image: url(https://img.lxhausys.com/public/images/inspiration/arrw_left_03.png);
}
.layer-gallery .ft-btns .btn-next {
background-image: url(https://img.lxhausys.com/public/images/inspiration/arrw_right_03.png);
}
@media (max-width: 768px) {
.cs-popup {
width: 100%;
}
}
.cs-popup .popup.pop-close {
width: 80%;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close {
width: 100%;
height: 100%;
background-color: #fff;
padding: 0;
margin: 0;
}
}
.cs-popup .popup.pop-close .pop-compare {
padding: 60px;
width: 100%;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare {
padding: 0;
width: 100%;
margin: 0 auto;
}
.cs-popup .popup.pop-close .pop-compare .popcarea {
position: relative;
width: 100%;
}
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom {
text-align: center;
margin-top: 64px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom {
margin-top: 2.5rem;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom .btn {
width: 100%;
margin: 0;
}
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom .btn + .btn {
margin-top: 0.625rem;
}
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom .btn + .btn-vm {
margin-top: 1.3333333333rem;
}
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom .btn-fldr {
background: #b40f2c;
}
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom .btn-vm {
display: block;
margin: 24px auto 0;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .popcarea .btns-newsroom .btn-vm {
margin-top: 1.3333333333rem;
}
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare > button.btn-close {
width: 0.9375rem;
height: 0.9375rem;
background: url(https://img.lxhausys.com/public/images/btn_close_02.png) center no-repeat;
top: 1.1666666667rem;
right: 1.2291666667rem;
}
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop {
width: 100%;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop {
width: auto;
z-index: 1;
margin: 0 1.25rem;
}
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .arrow-prev,
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .arrow-next {
top: 50%;
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container {
height: 600px;
width: 100%;
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .slick-list {
height: 100%;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .slick-list .slider {
margin: 0;
}
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .slick-list .slick-track {
height: 100%;
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .img-box {
height: 100%;
position: relative;
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .img-box::after {
position: absolute;
content: "";
background: #E2E1E1;
width: 100%;
height: 100%;
left: 0;
z-index: -1;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .img-box::after {
background: none;
}
}
.cs-popup .popup.pop-close .pop-compare .slide-ftrd-cpop .slick-container .img-box a {
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.cs-popup .popup.pop-close .pop-compare .inComent {
display: inline-block;
width: 100%;
text-align: right;
margin-top: 23px;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .inComent {
margin: 0.8125rem auto 0;
width: 88%;
display: block;
}
}
.cs-popup .popup.pop-close .pop-compare .inComent li {
color: #bfbdbc;
font-size: 11px;
text-align: right;
line-height: 1.45;
}
@media (max-width: 768px) {
.cs-popup .popup.pop-close .pop-compare .inComent li {
font-size: 0.4583333333rem;
}
}
.cntu-box .w-con-02 h3 .tt-1 {
display: block;
}
.cntu-box .w-con-02 .tt-sub {
width: 70%;
margin: 0 auto;
}
@media (max-width: 768px) {
.cntu-box .w-con-02 .tt-sub {
width: 80%;
}
}
.cntu {
padding-top: 88px;
}
.cntu .tbl-wrap .tab-con {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con {
flex-wrap: wrap;
}
}
.cntu .tbl-wrap .tab-con .tbl-01 {
width: 690px;
margin-right: 60px;
display: inline-block;
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con .tbl-01 {
margin-right: 0;
}
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input {
padding-top: 1.25rem;
}
}
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input h3.tit-04 {
font-family: 'NotoSans' , sans-serif;
font-weight: bold !important;
font-size: 38px;
margin-bottom: 40px;
letter-spacing: normal;
}
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input th {
padding: 0 0 15px 0;
vertical-align: middle;
}
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input .cell-noti p.glSite {
text-align: right;
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input .cell-noti .sel-box .box {
margin-top: -22px;
}
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input table {
table-layout: auto;
}
.cntu .tbl-wrap .tab-con .tbl-01 .tbl-input table colgroup col:first-child {
width: 23% !important;
}
}
.cntu .tbl-wrap .tab-con .tbl-02 {
width: 690px;
display: inline-block;
}
.cntu .tbl-wrap .tab-con .tbl-02 .tbl-input {
margin-top: 0;
}
.cntu .tbl-wrap .tab-con .tbl-02 .tbl-input th {
padding: 0 0 10px 0;
vertical-align: middle;
}
.cntu .tbl-wrap .tab-con .tbl-02 .tbl-input th .must.non-red:after {
content: "";
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con .tbl-02 table {
table-layout: auto;
}
.cntu .tbl-wrap .tab-con .tbl-02 table colgroup col:first-child {
width: 23% !important;
}
}
.cntu .tbl-wrap .tab-con .tbl-02 p.glSite {
text-align: right;
}
@media (max-width: 768px) {
.cntu .tbl-wrap .tab-con .tbl-02 .sel-box .box {
margin-top: -22px;
}
}
.noti + .tbl-input {
margin-top: 15px;
}
.noti-02 + .more-box.ta-c button {
padding: 0 16px 0 24px;
}
.noti-02 + .more-box.ta-c button span {
padding-right: 46px;
}
.news-checkbox {
padding-top: 40px;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
@media (max-width: 768px) {
.news-checkbox {
flex-wrap: wrap;
}
}
.news-checkbox .tbl-01 {
width: 690px;
margin-right: 60px;
display: inline-block;
}
@media (max-width: 768px) {
.news-checkbox .tbl-01 {
margin-right: 0;
}
}
.news-checkbox .tbl-01 table tbody tr:first-child .cell-noti .ctt-t4 {
font-weight: 500;
padding-bottom: 10px;
}
.news-checkbox .tbl-01 table tbody tr .cell-noti span {
padding-bottom: 20px;
color: #555;
font-weight: 400;
}
.news-checkbox .tbl-01 table tbody tr .cell-noti span .news-checkbox-after {
white-space: nowrap;
}
.news-checkbox .tbl-01 table tbody tr .cell-noti span .news-checkbox-after:after {
content: "*";
color: #ab2d2a;
}
.news-checkbox .tbl-01 table tbody tr .cell-noti .news-checkbox-red {
color: #ab2d2a;
font-size: 15px;
padding-bottom: 20px;
}
@media (max-width: 768px) {
.news-checkbox .tbl-01 table tbody tr .cell-noti .news-checkbox-red {
font-weight: 400;
font-size: 0.70833rem;
}
}
.news-checkbox .tbl-01 table tbody tr .news-checkbox-back {
padding-left: 30px;
}
.news-checkbox .tbl-02 {
width: 690px;
display: inline-block;
}
.news-checkbox .tbl-02 .cell-noti .news-checkbox-text {
margin-bottom: 30px;
}
.news-checkbox .tbl-02 .cell-noti .news-checkbox-red {
color: #222;
font-size: 15px;
padding-top: 20px;
}
.news-checkbox .tbl-02 .cell-noti .news-checkbox-red:before {
content: "*";
color: #ab2d2a;
}
@media (max-width: 768px) {
.news-checkbox .tbl-02 .cell-noti .news-checkbox-red {
font-weight: 400;
font-size: 0.70833rem;
}
}
.news-recaptcha-wrap {
padding-top: 40px;
width: 100%;
margin: 0 auto;
}
.news-recaptcha-wrap div {
margin: 0 auto;
}
.news-recaptcha-wrap div button {
position: relative;
margin: 60px auto;
width: 145px;
display: block;
font-size: 0.94118rem;
background: #2c2c2d url(https://img.lxhausys.com/public/images/arrw_right_04.png) 80% center no-repeat;
color: #fff;
height: 48px;
text-align: left;
padding: 0 67px 0 24px;
border-radius: 25px;
white-space: nowrap;
}
.news-recaptcha-wrap div button:hover {
opacity: 0.5;
}
@media (max-width: 768px) {
.news-recaptcha-wrap div button {
height: 2.6458333333rem;
padding: 0 1.2083333333rem 0 1.4166666667rem;
border-radius: 1.3125rem;
width: 100%;
}
}
.tbl-box tbody td.nsr-pi-dl {
font-weight: 700;
overflow: hidden;
}
.tbl-box tbody td.nsr-pi-dl i {
float: right;
width: 20px;
height: 20px;
cursor: pointer;
}
@media (max-width: 768px) {
.tbl-box tbody td.nsr-pi-dl i {
width: 0.625rem;
height: 0.625rem;
}
}
.list-video {
width: 100%;
margin-bottom: 64px;
text-align: center;
}
@media (max-width: 768px) {
.list-video {
margin-bottom: 1.6666666667rem;
}
}
.list-video span {
display: inline-block;
width: calc((100% - 30px) / 2);
height: 410px;
}
@media (max-width: 768px) {
.list-video span {
width: 100%;
height: 13.3333333333rem;
}
}
.list-video span + span {
margin-left: 30px;
}
@media (max-width: 768px) {
.list-video span + span {
margin-left: 0;
margin-top: 0.625rem;
}
}
.list-video span iframe {
width: 100%;
height: 100%;
}
.wrap-tch-drw {
width: 1440px;
margin: 120px auto 0;
}
@media (max-width: 768px) {
.wrap-tch-drw {
width: 100%;
margin: 3.3333333333rem auto 0;
}
}
.wrap-tch-drw ul.list-tch-drw {
border: 1px solid #ccc;
padding: 30px 40px;
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw {
padding: 0;
}
}
.wrap-tch-drw ul.list-tch-drw li {
display: inline-table;
width: calc(50% - 5px);
height: 72px;
padding: 0 30px;
background-color: #f5f5f5;
margin-bottom: 8px;
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw li {
display: inline-flex;
flex-flow: column;
justify-content: center;
width: 100%;
margin-bottom: 0;
font-size: 0.75rem;
padding: 0 1.3333333333rem;
}
}
.wrap-tch-drw ul.list-tch-drw li:nth-child(2n) {
margin-left: 10px;
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw li:nth-child(2n) {
margin-left: 0;
}
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw li + li {
border-top: 1px solid #ccc;
}
}
.wrap-tch-drw ul.list-tch-drw li:hover .name-tch-drw {
text-decoration: underline;
cursor: pointer;
}
.wrap-tch-drw ul.list-tch-drw li > .name-tch-drw, .wrap-tch-drw ul.list-tch-drw li > .desc-tch-drw {
display: table-cell;
width: 50%;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw li > .name-tch-drw, .wrap-tch-drw ul.list-tch-drw li > .desc-tch-drw {
display: inline-block;
width: 100%;
font-size: 0.75rem;
}
}
.wrap-tch-drw ul.list-tch-drw li .name-tch-drw {
background: url(https://img.lxhausys.com/public/images/icon-file.png) no-repeat center left;
background-size: 24px;
padding-left: 34px;
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw li .name-tch-drw {
background: unset;
padding-left: 0;
}
}
.wrap-tch-drw ul.list-tch-drw li .desc-tch-drw {
text-align: right;
color: #555;
}
@media (max-width: 768px) {
.wrap-tch-drw ul.list-tch-drw li .desc-tch-drw {
text-align: left;
margin-top: 0.6666666667rem;
}
}
/*--------------------- S : virtualShowroom ------------------- */
.row .showroom-hf {
margin-right: 80px;
}
@media (max-width: 768px) {
.row .showroom-hf {
margin-right: 0;
}
}
.row .sr-bd-line {
width: 1px;
height: auto;
background: #777;
}
.row .showroom-hm {
margin-left: 80px;
}
@media (max-width: 768px) {
.row .showroom-hm {
margin-left: 0;
}
}
@media (max-width: 768px) {
.row.pc-row {
display: block;
}
}
.row.pc-row .showroom-hf {
margin-bottom: 0;
}
@media (max-width: 768px) {
.row.pc-row .showroom-hf {
width: 100%;
margin-bottom: 2.4791666667rem;
}
}
@media (max-width: 768px) {
.row.pc-row .showroom-hm {
width: 100%;
}
}
.showroom-box .w-con .tt-1 {
margin-top: 90px;
margin-bottom: 80px;
}
@media (max-width: 768px) {
.showroom-box .w-con .tt-1 {
margin-top: 3.75rem;
margin-bottom: 2.2916666667rem;
}
}
.showroom-box .w-con .showroom-visual {
display: block;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-visual {
margin-bottom: 1.6666666667rem;
}
}
.showroom-box .w-con .showroom-prod {
display: block;
margin: 0 auto;
margin-bottom: 90px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-prod {
margin-bottom: 2.0833333333rem;
}
}
.showroom-box .w-con .showroom-prod .showroom-hf {
text-align: center;
}
.showroom-box .w-con .showroom-prod .showroom-hf .sr-hf-logo-area {
display: block;
max-width: 267px;
text-align: center;
margin: 0 auto;
margin-bottom: 18px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-prod .showroom-hf .sr-hf-logo-area {
margin-bottom: 0.5208333333rem;
}
}
.showroom-box .w-con .showroom-prod .showroom-hf .sr-hf-logo-area .sr-hf-subtit {
display: inherit;
}
.showroom-box .w-con .showroom-prod .showroom-hf .sr-hf-logo {
margin-bottom: 10px;
}
.showroom-box .w-con .showroom-prod .showroom-hf img {
max-width: 167px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-prod .showroom-hf img {
max-width: unset;
width: 6.6666666667rem;
}
}
.showroom-box .w-con .showroom-prod .showroom-hm {
text-align: center;
}
.showroom-box .w-con .showroom-prod .showroom-hm .sr-hm-logo-area {
display: block;
text-align: center;
margin: 0 auto;
margin-bottom: 18px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-prod .showroom-hm .sr-hm-logo-area {
margin-bottom: 0.5208333333rem;
}
}
.showroom-box .w-con .showroom-prod .showroom-hm .sr-hm-logo-area .sr-hm-subtit {
display: inherit;
}
.showroom-box .w-con .showroom-prod .showroom-hm .sr-hm-logo {
margin-bottom: 10px;
}
.showroom-box .w-con .showroom-prod .showroom-hm img {
max-width: 197px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-prod .showroom-hm img {
max-width: unset;
width: 7.7083333333rem;
}
}
.showroom-box .w-con .showroom-des {
display: block;
width: 100%;
max-width: 1087px;
margin: 0 auto;
}
.showroom-box .w-con .showroom-des .sr-des-txt {
font-size: 20px;
line-height: 34px;
}
@media (max-width: 768px) {
.showroom-box .w-con .showroom-des .sr-des-txt {
font-size: 0.875rem;
line-height: 1.4583333333rem;
}
}
@media (max-width: 768px) {
.info-newsroom .tbl-box {
margin-top: 0.9375rem;
}
}
@media (max-width: 768px) {
.info-newsroom .info p p, .info-newsroom .info p strong, .info-newsroom .info p em, .info-newsroom .info p a {
display: inline;
font-size: 0.6666666667rem;
line-height: 1.52;
text-align: left;
color: #555;
}
.info-newsroom .info p p, .info-newsroom .info p em {
font-weight: 300;
}
.info-newsroom .info p strong, .info-newsroom .info p a {
font-weight: 500;
}
}
@media (max-width: 1440px) {
.newsroom-detail .cs-info.inner.info-newsroom {
padding-left: 10px;
padding-right: 10px;
}
}
.newsroom-detail .section-proj-gal {
margin-bottom: 140px;
}
@media (max-width: 768px) {
.newsroom-detail .section-proj-gal {
margin-bottom: 4.1666666667rem;
}
}
.newsroom-detail .gallery .grid-box {
max-width: 1440px;
margin: 0 auto;
}
.newsroom-detail .gallery .grid-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.newsroom-detail .gallery .grid-box ul li div button {
z-index: 9;
opacity: 0;
}
.newsroom-detail .gallery .grid-box ul li div:hover .icon-view {
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
opacity: 1;
transform: translate(-50%, -50%);
}
.newsroom-detail .gallery .grid-box ul li .img-box {
height: 100%;
}
.newsroom-detail .gallery .grid-box ul li:nth-child(odd) {
height: 409px;
line-height: 409px;
}
@media (max-width: 768px) {
.newsroom-detail .gallery .grid-box ul li:nth-child(odd) {
height: 187px;
line-height: 187px;
}
}
.newsroom-detail .gallery .grid-box ul li:nth-child(even) {
height: 370px;
line-height: 370px;
}
@media (max-width: 768px) {
.newsroom-detail .gallery .grid-box ul li:nth-child(even) {
height: 203px;
line-height: 203px;
}
}
.newsroom-detail .gallery .grid-box ul li:nth-child(5n) {
height: 324px;
line-height: 324px;
}
@media (max-width: 768px) {
.newsroom-detail .gallery .grid-box ul li:nth-child(5n) {
height: 180px;
line-height: 180px;
}
}
.newsroom-detail .gallery .grid-box ul li:nth-child(6n) {
height: 338px;
line-height: 338px;
}
@media (max-width: 768px) {
.newsroom-detail .gallery .grid-box ul li:nth-child(6n) {
height: 194px;
line-height: 194px;
}
}
.feature-prj .imageSlider {
margin-top: unset;
}
@media (max-width: 768px) {
.feature-prj .imageSlider {
margin-top: unset;
}
}
.pre-case-studies {
display: none;
white-space: pre-wrap;
text-align: center;
margin-top: 40px;
}
.pre-case-studies.on {
display: inline-block;
}
@media (max-width: 768px) {
.pre-case-studies {
margin-top: 1.4583333333rem;
}
}
.pre-case-studies h4 {
font-size: 16px;
line-height: 1.63;
color:#222;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.pre-case-studies h4 {
font-size: 0.75rem;
margin-bottom: 0.8333333333rem;
}
}
.pre-case-studies p {
font-size: 16px;
line-height: 1.63;
color: #555;
}
@media (max-width: 768px) {
.pre-case-studies p {
font-size: 0.75rem;
}
}
.related-prj {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1440px) {
.related-prj {
width: 100%;
padding: 0 40px;
box-sizing: border-box;
}
}
@media (max-width: 768px) {
.related-prj {
padding: 0;
}
}
.related-prj > .slide-wrapper {
width: 100%;
}
.related-prj > .slide-wrapper > .slick-container {
width: 100%;
}
@media (max-width: 1440px) {
.related-prj > .slide-wrapper > .slick-container .arrow-prev {
left: -40px;
}
}
@media (max-width: 1440px) {
.related-prj > .slide-wrapper > .slick-container .arrow-next {
left: -40px;
}
}
.related-prj > .slide-wrapper > .slick-container .slick-list .slider {
margin: 0 15px;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .img-box.cs-box-size {
padding-top: 67%;
}
}
.inspr-view .articles-list .col-02 .img-box.cs-box-size .cs-cover-img {
object-fit: cover;
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .img-box.cs-box-size .cs-cover-img {
position: absolute;
top: 0;
left: 0;
}
}
@media (max-width: 768px) {
.imageSlider .sliderWrap .articles-list .txt-box p {
font-family: inherit;
color: inherit;
font-size: inherit;
}
}
@media (max-width: 768px) {
.imageSlider .sliderWrap .articles-list .txt-box .cs-min-tit {
line-height: 1.4;
}
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box .cs-min-tit {
line-height: 1.4;
}
}
.inspr-view .articles-list .col-02 .txt-box .cs-cont-box > p {
font-size: 16px;
font-weight: normal;
color: #222;
word-break: keep-all;
font-family: "Noto Sans";
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box .cs-cont-box > p {
line-height: 1.5;
font-weight: 300;
}
}
@media (max-width: 768px) {
.articles-list .col-02 .img-box button::before {
left: 0;
top: 0;
}
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .cs-txt-box {
padding: 1.25rem 1.6666666667rem 2.0833333333rem;
}
}
@media (max-width: 768px) {
.inspr-view .articles-list .col-02 .txt-box .cs-more-box {
left: 0.4166666667rem;
bottom: 0.8333333333rem;
}
}
@media (max-width: 768px) {
.articles-list .col-02 .img-box .cs-badge {
font-size: 0.5416666667rem;
letter-spacing: normal;
padding: 0 0.3333333333rem;
height: 1.0833333333rem;
line-height: 1.0833333333rem;
font-weight: normal;
}
}
.cs-detail-cont {
margin-top: 23px;
font-size: 17px;
line-height: 30px;
color: #555;
font-weight: 300;
}
@media (max-width: 768px) {
.cs-detail-cont {
margin-top: 0.8333333333rem;
font-size: 0.6875rem;
line-height: 1.0416666667rem;
}
}
.cs-detail-cont > p {
font-size: 17px;
line-height: 30px;
color: #555;
font-weight: 300;
}
@media (max-width: 768px) {
.cs-detail-cont > p {
font-size: 0.6875rem;
line-height: 1.0416666667rem;
}
}
.cs-detail-cont > b {
font-size: 17px;
line-height: 1.4;
color: #555;
}
@media (max-width: 768px) {
.cs-detail-cont > b {
font-size: 0.6875rem;
}
}
@media (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.ins-cs-slide-wrap01 .slick-container .thumb + .info .txt-01,
.ins-cs-slide-wrap01 .slick-container .thumb + .info .txt-02 a {
font-size: 0.9em;
}
}
@media (max-width: 1440px) and (min-width: 769px) and (max-width: 1280px) {
.ins-cs-slide-wrap01 .slick-container .thumb + .info .txt-01,
.ins-cs-slide-wrap01 .slick-container .thumb + .info .txt-02 a {
font-size: 0.8em;
}
}
.search-box .btns ul .sel-box .sel-list {
width: 100%;
}
.case-studies .w-con {
padding-bottom: 120px;
}
.container.case-studies .slider-wrap.inner {
padding-left: 0;
padding-right: 0;
margin-left: -20px;
width: calc(100% + 40px);
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .imageSlider {
width: 100%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
.container.case-studies .imageSlider {
height: auto;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .slider-prev {
left: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .slider-next {
right: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) {
.container.case-studies .search-box {
width: 100%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.inspr-view.case-studies .articles-list .col-02, .inspr-view.case-studies .articles-list:nth-child(2n) {
flex-flow: unset;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
.inspr-view.case-studies .articles-list .col-02, .inspr-view.case-studies .articles-list:nth-child(2n) {
flex-flow: column-reverse;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .articles-list .col-02 {
width: 100%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .articles-list .col-02:nth-child(2n) {
left: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .articles-list .col-02 .img-box {
left: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.inspr-view.case-studies .articles-list .col-02 .txt-box {
padding-left: 0.4166666667rem;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.case-studies .articles-list .col-02:nth-child(2n) .txt-box {
right: unset;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) {
.inspr-view .trend-report .articles-list {
position: relative;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.inspr-view .trend-report .articles-list .col-02, .inspr-view .trend-report .articles-list:nth-child(2n) {
flex-flow: unset;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
.inspr-view .trend-report .articles-list .col-02, .inspr-view .trend-report .articles-list:nth-child(2n) {
flex-flow: column-reverse;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.trend-report .articles-list .col-02 {
width: 100%;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.trend-report .articles-list .col-02:nth-child(2n) {
left: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.trend-report .articles-list .col-02 .img-box {
left: 0;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.trend-report .articles-list .col-02 .txt-box {
padding-left: 0.4166666667rem;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 768px) {
.container.trend-report .articles-list .col-02 .txt-box {
padding-left: 1.25rem;
}
}
@media only screen and (max-width: 1440px) and (min-width: 769px) and (max-width: 1440px) {
.container.trend-report .articles-list .col-02:nth-child(2n) .txt-box {
right: unset;
}
}
.gallery .grid .gal-grid-cont {
width: 31.9%;
}
.gallery .grid .gal-grid-cont:nth-child(odd) {
height: 460px;
line-height: 460px;
}
@media (max-width: 768px) {
.gallery .grid .gal-grid-cont:nth-child(odd) {
height: 20rem;
line-height: 20rem;
}
}
.gallery .grid .gal-grid-cont:nth-child(even) {
height: 460px;
line-height: 460px;
}
@media (max-width: 768px) {
.gallery .grid .gal-grid-cont:nth-child(even) {
height: 20rem;
line-height: 20rem;
}
}
/* .gallery .grid .gal-grid-cont:nth-child(4n) {
height: 543px;
line-height: 543px;
}
@media (max-width: 768px) {
.gallery .grid .gal-grid-cont:nth-child(4n) {
height: 384px;
line-height: 384px;
}
}
.gallery .grid .gal-grid-cont:nth-child(6n) {
height: 467px;
line-height: 467px;
}
@media (max-width: 768px) {
.gallery .grid .gal-grid-cont:nth-child(6n) {
height: 371px;
line-height: 371px;
}
} */
@media (max-width: 1440px) {
.gallery .grid .gal-grid-cont {
width: 48.8%;
}
}
@media (max-width: 1280px) {
.gallery .grid .gal-grid-cont {
width: 48.5%;
}
}
@media (max-width: 992px) {
.gallery .grid .gal-grid-cont {
width: 48%;
}
}
@media (max-width: 768px) {
.gallery .grid .gal-grid-cont {
width: 100%;
}
}
@media (max-width: 1280px) and (min-width: 769px) {
.inspr-view .articles-list .news-min-cont-box {
width: 100%;
height: auto;
}
.articles-list .news-min-cont-box:nth-child(2n) {
left: unset;
}
.articles-list .col-02:nth-child(2n) .news-min-cont {
right: unset;
}
.articles-list .col-02:nth-child(2n) .news-img-box {
left: unset;
}
.articles-list .col-02 .news-img-box {
left: unset;
top: unset;
}
}
@media (max-width: 992px) and (min-width: 769px) {
.inspr-dt-view .info-newsroom {
align-items: center;
flex-direction: column-reverse;
}
.info-newsroom .cs-detail-cont-box {
margin-top: 50px;
}
}
.inspr-view .ins-dl-dt .ico-box .design-lab-circle-tit {
margin-top: 20px;
font-size: 20px;
font-weight: 700;
line-height: 25px;
color: #fefefe;
}
@media (max-width: 1280px) and (min-width: 769px) {
.content.inspr-view .container.prod-dt-view .prod-img.ins-at-dt .dt-text.w-con.inner .text.ctt.ctt-t3 .ico-box ul {
display: flex;
justify-content: center;
}
.content.inspr-view .container.prod-dt-view .prod-img.ins-at-dt .dt-text.w-con.inner .text.ctt.ctt-t3 .ico-box ul li {
width: 200px;
height: 200px;
}
.content.inspr-view .container.prod-dt-view .prod-img.ins-at-dt .dt-text.w-con.inner .text.ctt.ctt-t3 .ico-box ul li:before {
height: 33px;
margin-top: 30px;
background-size: contain;
}
.content.inspr-view .container.prod-dt-view .prod-img.ins-at-dt .dt-text.w-con.inner .text.ctt.ctt-t3 .ico-box ul h5 {
margin-top: 14px;
font-size: 16px;
}
.content.inspr-view .container.prod-dt-view .prod-img.ins-at-dt .dt-text.w-con.inner .text.ctt.ctt-t3 .ico-box ul p {
margin-top: 8px;
font-size: 10px;
line-height: 14px;
}
.content.inspr-view .container.prod-dt-view .ins-dl-text.w-con.col-02.inner .img-box.p-ui {
display: block;
margin: 0 auto;
}
.content.inspr-view .container.prod-dt-view .ins-dl-text.w-con.col-02.inner .text-box {
display: block;
margin: 60px auto 0;
padding: 0;
}
}
@media (max-width: 768px) {
.ins-dl-text.w-con.col-02.inner > .img-box.p-ui img {
height: 70vh;
}
}
.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;
}
/* s: inspiration gallery */
.gallery ul.ins_grid{
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 30px;
}
.gallery ul.ins_grid > li.gal-grid-cont{
position: relative;
display: inline-block;
width: 100%;
height: auto;
margin-bottom: 40px;
}
@media (min-width: 769px) {
.gallery ul.ins_grid > li.gal-grid-cont{
width: calc(100% / 2 - 15px);
height: 460px;
margin-bottom: unset;
aspect-ratio: unset;
}
.gallery ul.ins_grid > li.gal-grid-cont:nth-child(3),
.gallery ul.ins_grid > li.gal-grid-cont:nth-child(4),
.gallery ul.ins_grid > li.gal-grid-cont:nth-child(5){
width: calc(100% / 3 - 20px);
}
}
.gallery ul.ins_grid > li > button, .gallery ul.ins_grid > li .img-box {
aspect-ratio: 1.5;
}
@media (min-width: 768px) {
.gallery ul.ins_grid > li > .g-box,
.gallery ul.ins_grid > li > button, .gallery ul.ins_grid > li .img-box {
height: 100%;
width: 100%;
aspect-ratio: unset;
}
}
.gallery ul.ins_grid > li .g-box {
text-align: left;
white-space: normal;
}
.gallery ul.ins_grid > li .img-box img {
object-fit: cover;
width: 100% !important;
height: 100% !important;
}
.gallery ul.ins_grid .cs-grid-cont .txt-box {
opacity: 1;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
right: 0;
z-index: 9;
padding: 20px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
transition: opacity 0.3s ease;
min-height: 84px;
white-space: normal;
}
.gallery ul.ins_grid .gal-grid-cont .txt-box {
margin-top: 24px;
}
@media (min-width: 768px) {
.gallery ul.ins_grid .cs-grid-cont .txt-box,
.gallery ul.ins_grid .gal-grid-cont .txt-box {
margin-top: unset;
opacity: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
right: 0;
z-index: 9;
padding: 24px 30px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
transition: opacity 0.3s ease;
min-height: 84px;
}
}
@media (min-width: 768px) {
.gallery ul.ins_grid .cs-grid-cont .g-box:hover .txt-box {
opacity: 1;
}
}
@media (min-width: 768px) {
.gallery ul.ins_grid .gal-grid-cont .g-box:hover .txt-box {
opacity: 1;
}
}
.gallery .btn_area {
position: relative;
left: -20px;
width: calc(100% + 40px);
}
@media (min-width: 768px) {
.gallery .btn_area {
position: static;
left: usnet;
width: 100%;
}
}
.gv-side-title_area + ul .thumb{
border:1px solid #e8e8e8;
}
/* e: inspiration gallery */
/*************** E : inspiration.scss ***************//*# sourceMappingURL=inspiration.css.map */