.wrap-rec-proj{background-color:#574944;width:100%;position:relative}.wrap-rec-proj .inner{padding-top:40px;padding-bottom:40px;overflow:hidden}.wrap-rec-proj .inner .head-title{color:#ffa67c;letter-spacing:.7px;font-size:14px;line-height:20px}.wrap-rec-proj .inner .detail{white-space:pre-wrap;justify-content:space-between;align-items:flex-end;padding-top:30px;display:flex}.wrap-rec-proj .inner .detail .DeTitle{letter-spacing:-1.04px;color:#fff;font-size:52px;line-height:1.25}.wrap-rec-proj .inner .detail .DeSubTitle{letter-spacing:-.16px;color:#fff;max-width:400px;font-size:16px;line-height:1.25}.wrap-rec-proj .inner .wrap-horizon-swiper{padding-top:40px}.wrap-rec-proj .inner .wrap-horizon-swiper .swiper-horizontal{overflow:visible}.wrap-rec-proj .inner .swiper-slide{flex-shrink:0;width:190px!important;height:190px!important}.wrap-rec-proj .inner .card{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wrap-rec-proj .inner .card img{object-fit:cover;width:100%;height:100%}.wrap-rec-proj .inner .card:before{content:"";opacity:.4;background-color:#000;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.wrap-rec-proj .inner .card:hover:before{opacity:.85;background-color:#ff6200}.wrap-rec-proj .inner .card p{color:#fff;letter-spacing:0;font-size:16px;line-height:1.25;position:absolute}.wrap-rec-proj .inner .card:hover p{color:#000}.wrap-rec-proj .lifestyle-bg{z-index:1;background-image:url(/images/icon/lifestyle-bg-pattern.svg);background-position:0 0;background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wrap-rec-proj .inner{padding-top:30px;padding-bottom:30px}.wrap-rec-proj .inner .detail{text-align:start;flex-direction:column;align-items:flex-start;padding-top:20px}.wrap-rec-proj .inner .detail .DeTitle{letter-spacing:0;text-align:start;font-size:36px;line-height:1.25}.wrap-rec-proj .inner .detail .DeSubTitle{padding-top:30px}.wrap-rec-proj .inner .swiper-slide{height:100%!important}.wrap-rec-proj .inner .flex-col{flex-direction:column;gap:10px;display:flex}.wrap-rec-proj .inner .flex-col .card{position:relative;overflow:hidden}.wrap-rec-proj .inner .flex-col .card img{aspect-ratio:1}}
.wrap-all-brand-sec{padding:40px 0}.wrap-all-brand-sec .wrap-flex{align-items:stretch;height:100%;display:flex}.wrap-all-brand-sec .wrap-flex .col-left{align-items:flex-start;gap:30px;min-width:450px;height:max-content;display:grid}@media (max-width:767px){.wrap-all-brand-sec .wrap-flex .col-left{min-width:unset}}.wrap-all-brand-sec .wrap-flex .col-left .title-sec{color:#000;letter-spacing:.7px;font-size:14px;line-height:20px}.wrap-all-brand-sec .wrap-flex .col-left .wrap-list-project{gap:10px;display:grid}.wrap-all-brand-sec .wrap-flex .col-left .project-list{letter-spacing:0;cursor:pointer;align-items:center;gap:10px;font-size:36px;line-height:1.25;transition:all .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-left .project-list .ic-arr{opacity:0;transition:opacity .3s ease-in-out}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active,.wrap-all-brand-sec .wrap-flex .col-left .project-list:hover{color:#ff6200}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .ic-arr,.wrap-all-brand-sec .wrap-flex .col-left .project-list:hover .ic-arr{opacity:1}.wrap-all-brand-sec .wrap-flex .col-left .mobile-logo-content{display:none}@media (max-width:767px){.wrap-all-brand-sec .wrap-flex .col-left .mobile-logo-content{-webkit-overflow-scrolling:touch;order:2;grid-template-columns:repeat(3,1fr);max-height:0;margin-bottom:20px;transition:max-height .3s ease-in-out,padding .3s ease-in-out;display:grid;overflow:auto hidden}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .mobile-logo-content{max-height:1000px;padding-top:20px}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .mobile-logo-content .card-brand{width:120px;height:80px}.wrap-all-brand-sec .wrap-flex .col-left .project-item-group.active .mobile-logo-content .card-brand img{object-fit:contain;width:100%;height:100%}}.wrap-all-brand-sec .wrap-flex .col-right{flex-direction:column;flex-grow:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.wrap-all-brand-sec .wrap-flex .col-right .wrap-brand-logos{flex-wrap:wrap;gap:10px;transition:all .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-right .wrap-brand-logos>*{flex:0 0 calc(25% - 10px)}.wrap-all-brand-sec .wrap-flex .col-right .wrap-action-btn{margin:auto}.wrap-all-brand-sec .wrap-flex .col-right .card-brand{opacity:0;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-right .card-brand img{object-fit:contain}.wrap-all-brand-sec .wrap-flex .col-right .card-brand.fade-in{opacity:1}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination{gap:20px;display:flex;position:absolute;bottom:0;right:0}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next{cursor:pointer;background-color:#0000;border:1px solid #ff6200;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease-in-out;display:flex}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:before,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next:before{content:"";background-image:url(/images/icon/ic-curve-arrow-sunrise.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:12px;transition:background-image .3s ease-in-out;display:block}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:before{rotate:180deg}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:hover,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next:hover{background-color:#ff6200}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-prev:hover:before,.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .pag-next:hover:before{background-image:url(/images/icon/ic-curve-arrow.svg)}.wrap-all-brand-sec .wrap-flex .col-right .list-brand-pagination .disabled{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}@media (max-width:767px){.wrap-all-brand-sec .wrap-flex .col-right{display:none}}
.wrap-hl-sec{height:720px;padding:40px 0;position:relative}.wrap-hl-sec .hl-label{letter-spacing:.7px;color:#ff6200;font-size:14px;line-height:20px;position:absolute;top:40px;left:0}.wrap-hl-sec .hl-swiper .swiper-wrapper .swiper{width:100%;margin:0}.wrap-hl-sec .hl-swiper .list-hl{justify-content:space-between;gap:50px;display:flex}@media (max-width:767px){.wrap-hl-sec .hl-swiper .list-hl{flex-direction:column-reverse;gap:0}}.wrap-hl-sec .hl-swiper .hl-detail{padding-top:60px;padding-bottom:150px}.wrap-hl-sec .hl-swiper .hl-detail .brand-logo-container{justify-content:flex-start;width:fit-content;height:auto;display:flex;position:relative}.wrap-hl-sec .hl-swiper .hl-detail .brand-logo{object-fit:contain;width:100%;height:auto}.wrap-hl-sec .hl-swiper .hl-detail .desc{letter-spacing:0;padding-top:20px;font-size:36px;line-height:1.25}@media (max-width:767px){.wrap-hl-sec .hl-swiper .hl-detail .desc{letter-spacing:0;font-size:26px;line-height:1.25}}.wrap-hl-sec .hl-swiper .hl-detail .price{letter-spacing:0;color:#ff6200;padding-top:20px;font-size:18px;line-height:1.25}@media (max-width:767px){.wrap-hl-sec .hl-swiper .hl-detail .price{letter-spacing:0;font-size:16px;line-height:1.25}}.wrap-hl-sec .hl-swiper .hl-detail .wrap-key-sell{flex-direction:column;gap:10px;padding-top:40px;display:flex}@media (max-width:767px){.wrap-hl-sec .hl-swiper .hl-detail .wrap-key-sell{padding-top:30px}}.wrap-hl-sec .hl-swiper .hl-detail .key-sell-list{letter-spacing:0;gap:10px;font-size:16px;line-height:1.25;display:flex}.wrap-hl-sec .hl-swiper .hl-detail .key-sell-list img{filter:brightness(0)}.wrap-hl-sec .hl-swiper .hl-detail .slide-button{margin-top:40px}@media (max-width:767px){.wrap-hl-sec .hl-swiper .hl-detail .slide-button{margin-top:30px}.wrap-hl-sec .hl-swiper .hl-detail{padding-top:40px;padding-bottom:115px}}.wrap-hl-sec .hl-swiper .hl-wrap-img{width:100%;max-width:590px;height:100%;max-height:440px;font-size:0}.wrap-hl-sec .hl-swiper .hl-wrap-img .hl-img{object-fit:cover;width:100%;height:100%}@media (max-width:767px){.wrap-hl-sec .hl-swiper .hl-wrap-img .hl-img{padding-top:50px}.swiper-pagination-custom{justify-content:center}.wrap-hl-sec{height:100%}}
@media (min-width:768px){.visible-xs{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}.promotion-sec{width:100%;height:100%;position:relative}.promotion-sec .head-title{letter-spacing:.7px;color:#000;font-size:14px;line-height:20px}.promotion-sec .promo-swiper-sec{padding-top:40px}.promotion-sec .promo-swiper-sec .promo-container{padding-bottom:40px}.promotion-sec .promo-swiper-sec .promo-container .wrap-img{cursor:pointer;height:330px;position:relative}.promotion-sec .promo-swiper-sec .promo-container .wrap-img .promo-img{object-fit:cover;width:100%;height:100%;transition:transform .5s ease-in-out}.promotion-sec .promo-swiper-sec .promo-container .wrap-img .view-more-btn{opacity:0;background-color:#ff6200d9;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex;position:absolute;inset:0}.promotion-sec .promo-swiper-sec .promo-container .wrap-img .view-more-btn .btn{align-items:center;gap:10px;display:flex}.promotion-sec .promo-swiper-sec .promo-container .wrap-img:hover .view-more-btn{opacity:1}.promotion-sec .promo-swiper-sec .promo-container .promotion-detail{justify-content:space-between;padding-top:20px;display:flex}.promotion-sec .promo-swiper-sec .promo-container .promotion-detail .des{letter-spacing:-.16px;width:65%;max-width:380px;font-size:16px;line-height:1.25}.promotion-sec .promo-swiper-sec .promo-container .promotion-detail .date{color:#fa578b;letter-spacing:-.36px;text-align:end;width:35%;font-size:36px;line-height:1.25}.promotion-sec .promo-swiper-sec .swiper-wrapper .swiper-pagination-bullet-active{background-image:url(/images/swiper/d_active_swiper_lotus.svg)}@media (max-width:767px){.promotion-sec .promo-swiper-sec{padding-top:30px}.promotion-sec .promo-swiper-sec .promotion-detail .date{font-size:26px}}