﻿.card-container{overflow:hidden;}.card-container .card-item{border-radius:10px;background-color:#fff;-webkit-box-shadow:0 0 8px rgba(193,193,193,.4);box-shadow:0 6px 5px rgba(0,0,0,.18);overflow:hidden;position:relative;padding-bottom:80px;box-sizing:border-box;}.card-container .card-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;border:2px solid #000;z-index:1;opacity:0;}.card-container .card-item.active:before{opacity:1;}.card-container .card-item.active .btn-lead{background-color:#000;color:#fff;}.card-container .card-item.active .btn-lead span{display:inline-block;}.card-container .card-item.disable{border-color:#b2b2b2;}.card-container .card-item.disable .project-info,.card-container .card-item.disable .highlight,.card-container .card-item.disable .project-desc,.card-container .card-item.disable .project-price{color:#b2b2b2!important;}.card-container .card-item.disable .card-tag{background-color:#b2b2b2!important;}.card-container .card-item.disable .card-img img{filter:grayscale(100%);}.card-container .card-item.disable .icon-unit{filter:invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(70%) contrast(90%);}.card-container .card-item.disable .btn-lead{background-color:#b2b2b2!important;color:#fff!important;cursor:not-allowed;}.card-container .card-item.disable .sold-label{display:block!important;}.card-container .card-item .check-item{display:none;}.card-container .card-item .card-img-wrap{position:relative;}.card-container .card-item .card-img{display:block;position:relative;overflow:hidden;aspect-ratio:4/3.2;}.card-container .card-item .card-img img{display:block;}.card-container .card-item .sold-label{font-family:"GraphikTH-SemiBold";font-size:2.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-16deg);background-color:#fff;color:#000;padding:10px 0;box-shadow:2px 2px 5px rgba(0,0,0,.2);outline:1px solid #fff;outline-offset:4px;z-index:1;width:40%;min-width:94px;text-align:center;display:none;}.card-container .card-item .card-content{padding:2rem 2.5rem 0;position:relative;}.card-container .card-item .card-tag{font-family:"GraphikTH-SemiBold";position:absolute;top:-18px;background:#000;color:#fff;padding:.6rem 1.6rem;border-radius:20px;}.card-container .card-item .content-header{padding-bottom:1.6rem;margin-bottom:1rem;}.card-container .card-item .line-bottom{border-bottom:1px solid #d2d3d4;}.card-container .card-item .project-info{font-family:"GraphikTH-SemiBold";font-size:1.5rem;margin-top:1rem;}.card-container .card-item .project-info h3{font-size:1.5rem;line-height:1.5;}.card-container .card-item .project-info.list{display:none;}.card-container .card-item .project-info .icon-wrap{font-size:2rem;}.card-container .card-item .highlight{font-family:"GraphikTH-SemiBold";color:#000;margin-bottom:1rem;display:flex;}.card-container .card-item .highlight span.price-filter{font-size:3.6rem;line-height:.75;padding:0 5px 0 10px;}@media(max-width:768px){.card-container .card-item .highlight span.price-filter{font-size:2.5rem;}}.card-container .card-item .icon-wrap{display:flex;align-items:center;margin-top:1em;}.card-container .card-item .icon-unit{width:25px;height:25px;display:inline-block;vertical-align:middle;background-image:url("../../scss/img/hotdeal/icon/icon-unit.svg");background-repeat:no-repeat;background-size:cover;}.card-container .card-item .project-desc{line-height:2.2rem;color:#4c5055;padding-bottom:10px;}.card-container .card-item .card-bottom{display:flex;justify-content:space-between;align-items:center;padding:5px 2.5rem 25px;position:absolute;bottom:0;left:0;right:0;z-index:2;}@media(max-width:768px){.card-container .card-item .card-bottom{padding:5px 2.5rem 15px;}}.card-container .card-item .card-bottom.grid{display:none;}.card-container .card-item .view-detail{text-decoration:underline;cursor:pointer;color:#000;}.card-container .card-item .view-detail:hover{color:#0053b5;transition:all .3s ease;}.card-container .card-item .btn-lead{height:40px;padding:0 18px;display:flex;align-items:center;justify-content:center;font-family:"GraphikTH-SemiBold";color:#000;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:20px;}.card-container .card-item .btn-lead span{display:none;}.card-container .card-item .btn-lead:hover{color:#fff;background-color:#000;transition:all .3s ease;}.card-container .card-item .btn-lead.disable{background-color:#b2b2b2!important;color:#fff!important;cursor:not-allowed;}.header-layout-list{text-align:center;align-items:center;background-color:#e1e2e3;font-family:"GraphikTH-SemiBold";color:#000;border:1px solid #d2d3d4;border-bottom:0;position:sticky;top:0;z-index:110;height:60px;}.header-layout-list .unit-des-wrap{padding:0 10px;}.header-layout-list .unit-title{width:70%;border-right:1px solid #d2d3d4;}.header-layout-list .pro-title{width:30%;}.header-layout-list>div,.header-layout-list>div>div{height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #d2d3d4;}.header-layout-list,.card-container.list .card-item{width:100%;display:grid;grid-template-columns:10% 15% 60% 15%;}.header-layout-list>div>div,.card-container.list .card-item>div{border-right:1px solid #d2d3d4;}.header-layout-list div:last-child,.card-container.list .card-item div:last-child{border:0;}.card-container.list:after{content:"";position:absolute;height:1px;background-color:#d2d3d4;left:10px;right:10px;bottom:0;}@media(min-width:481px){.card-container.list:after{left:15px;right:15px;}}.card-container.list .card-filter{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-bottom:0!important;}.card-container.list .card-item>div{padding:10px;}.card-container.list .card-item{height:100%;padding:0;box-shadow:none;border-radius:0;border-left:1px solid #d2d3d4;border-right:1px solid #d2d3d4;}.card-container.list .card-item:before{border-radius:0;}.card-container.list .card-item .check-item{display:flex;justify-content:center;align-items:center;}.card-container.list .card-item .check-item .checkbox-unit{height:36px;width:36px;transition:all .15s ease-out 0s;background:#fff;border:2px solid #000;color:#fff;cursor:pointer;display:inline-block;vertical-align:middle;outline:0;position:absolute;z-index:100;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;padding:0;}.card-container.list .card-item .check-item .checkbox-unit:checked{background:#000;}.card-container.list .card-item .check-item .checkbox-unit:checked::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(../../scss/img/ico/ico-check-w.svg);background-position:center;background-repeat:no-repeat;background-size:26px 26px;}.card-container.list .card-item .check-item .checkbox-unit:checked::after{-webkit-animation:click-wave .65s;-moz-animation:click-wave .65s;animation:click-wave .65s;content:"";display:block;position:relative;z-index:100;}.card-container.list .card-item .card-img{height:21.25vw;}@media(min-width:768px){.card-container.list .card-item .card-img{height:11.5885416667vw;}}@media(min-width:992px) and (max-width:1199px){.card-container.list .card-item .card-img{height:123px;}}@media(min-width:1200px){.card-container.list .card-item .card-img{height:12.8333333333vw;max-height:176px;}}.card-container.list .card-item .card-content{height:100%!important;display:flex;position:unset;padding-top:0;padding-bottom:0;}.card-container.list .card-item .content-header{width:30%;order:2;padding:0!important;margin:0!important;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:0!important;}.card-container.list .card-item .project-desc{width:70%;margin:0;padding-top:10px;padding-bottom:10px;border-right:1px solid #d2d3d4;display:flex;flex-direction:column;justify-content:center;}.card-container.list .card-item .card-tag{position:unset;top:unset;color:#000;background:transparent;padding:0;border-radius:0;margin-bottom:10px;}.card-container.list .card-item .project-info{display:none;}.card-container.list .card-item .project-info.list{display:block;margin:0 0 5px -1.5em;}.card-container.list .card-item .project-info.list h3{color:#000;}.card-container.list .card-item .project-info.list p{margin:0;font-family:"GraphikTH-Regular";color:#000;}.card-container.list .card-item .project-price{display:flex;flex-direction:column;justify-content:center;}.card-container.list .card-item .project-price span{margin:0!important;}.card-container.list .card-item button.btn-lead{display:none;}.card-container.list .card-item.disable .card-tag{color:#b2b2b2;background-color:unset!important;}.card-container.list .card-item.disable .project-info.list *{color:#b2b2b2!important;}.card-container.list .card-item.disable .check-item .checkbox-unit{border-color:#b2b2b2!important;}.card-container.list .card-bottom{position:unset;padding:0!important;justify-content:center;}.card-container.list .card-bottom .view-detail{font-family:"GraphikTH-Regular";}.btn-view-more-wrap{display:flex;justify-content:center;align-items:center;}.btn-view-more-wrap .btn-view-more{font-family:"GraphikTH-SemiBold";color:#0053b5;display:flex;align-items:center;height:50px;padding:0 16px;border:2px solid #0053b5;}.btn-view-more-wrap .btn-view-more .icon-arrow-down{width:11px;height:7px;display:inline-block;background-image:url("../../img/ico/ico-detail.svg");background-repeat:no-repeat;filter:brightness(0) saturate(100%) invert(19%) sepia(66%) saturate(3361%) hue-rotate(203deg) brightness(94%) contrast(101%);}.btn-view-more-wrap .btn-view-more:hover{color:#fff;background-color:#0053b5;}.btn-view-more-wrap .btn-view-more:hover .icon-arrow-down{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(100deg) brightness(1000%) contrast(100%);}@media(max-width:992px){.card-container{grid-template-columns:repeat(2,1fr);grid-column-gap:16px;grid-row-gap:16px;}.card-container .card-item{padding-bottom:50px;}.card-container .card-item .highlight span{font-size:2.22rem;}.card-container .card-item .card-content{padding:2rem 1.5rem;position:relative;}.card-container .card-item .icon-unit{width:14px;height:14px;}.card-container .card-item .btn-lead{height:35px;order:1;text-align:center;justify-content:center;margin-bottom:1rem;}.card-container .card-bottom{flex-direction:row;padding:0 1.5rem 2rem;}}@media(max-width:767px){.header-layout-list{height:40px;grid-template-columns:30% 45% 25%;}.header-layout-list .hide-lg{display:none;}.header-layout-list .unit-des-wrap{flex-direction:column;}.header-layout-list .unit-title{border-right:0;width:100%!important;max-width:100%;}.header-layout-list .check-title{order:3;padding-left:0;text-align:right;border-right:0;}.card-container .card-item .highlight span{font-size:1.5rem;}.card-container.list .card-item{grid-template-columns:30% 70%;}.card-container.list .card-item .sold-label{top:13vw;}.card-container.list .card-item .check-item{position:absolute;right:20px;top:20px;}.card-container.list .card-item .card-content{flex-direction:column;border-right:0;}.card-container.list .card-item .content-header,.card-container.list .card-item .project-desc{width:100%;}.card-container.list .card-item .content-header{align-items:start;}.card-container.list .card-item .card-tag{background:#f94700;color:#fff;padding:.6rem 1.6rem;border-radius:20px;margin-bottom:0;}.card-container.list .card-item .project-desc{border-right:0;padding-left:20px!important;}.card-container.list .card-item .project-price{flex-direction:row;align-items:baseline;text-align:left;flex-wrap:wrap;justify-content:start;column-gap:5px;}.card-container.list .card-item.disable .card-tag{background-color:#b2b2b2!important;color:#fff;}.card-container.list .card-bottom{display:none;}.card-container.list .card-bottom.grid{display:block;height:auto!important;padding:10px 0!important;width:100%;text-align:left;}}@media(max-width:376px){.card-container .card-item .highlight{display:block;}}