/**Main Contents**/
.main-wrapper{width:100%;height:100vh;margin:0 auto;position:relative;overflow:hidden;z-index:1;background:#171719;}
.PAGE_SCROLL .main-wrapper{height:auto;}
.CHECKOUT .main-wrapper{overflow:visible;}
.main-wrapper h2{font-size:2rem;line-height:2.5rem;font-weight:400;}
.main-wrapper h3{font-size:1.625rem;line-height:2.125rem;font-weight:400;}
.main-wrapper h4{font-size:1.25rem;line-height:1.75rem;font-weight:400;}
.main-wrapper p{font-size:1rem;line-height:1.5rem;font-weight:400;}
.main-wrapper ul{margin:0;padding-left:0;list-style:none;}
.main-wrapper li{font-size:1rem;line-height:1.5rem;font-weight:400;padding:0.25rem 0 0.25rem 1.25rem;position:relative;}
.main-wrapper ul li::before{content:"•";position:absolute;left:0;font-size:1.25rem;}
.main-wrapper ol{margin:0 0 0 1.25rem;padding-left:0;list-style:decimal;}
.main-wrapper ol li{font-size:1rem;line-height:1.5rem;font-weight:400;padding:0.25rem 0 0.25rem 0.25rem;position:relative;}
.STICKCONTENT .main-wrapper{overflow:visible;}
.sticky{position:-webkit-sticky;position:sticky;top:7rem;}
/**Home**/
.home-banners{width:100%;height:100%;position:relative;}
.fore-bg{width:100%;position:absolute;bottom:0;left:0;z-index:2;}
.fore-bg img{width:100%;height:100%;object-fit:cover;}
.banner-slider{width:100%;height:100%;margin:0 auto;position:relative;z-index:1;}
.banner-slider .slick-list{width:100%;height:100% !important;}
.banner-slider .slick-list .slick-track{width:100%;height:100% !important;}
.banner-slider .slide{width:100%;height:100%;background:#000;}
.slide video,.youtube-player,.vimeo-player,.slide img{width:100%;height:100%;object-fit:cover;}
.slide iframe{width:100%;height:100%;pointer-events:none;}
.home-banners .mobile-text{position:absolute;bottom:70px;left:20px;color:rgba(255,255,255,1.0);display:none;max-width:250px;z-index:3;}
.home-banners .mobile-text h2{font-size:1.625rem;line-height:2.5rem;}
.home-banners .mobile-text p{font-size:1rem;line-height:normal;margin-bottom:1rem;transition:all 0.5s ease;}
.home-banners .mobile-text .short-text{padding-bottom:0.5rem !important;font-size:0.75rem;letter-spacing:0.0625em;text-transform:uppercase}
/* --- Custom text nav --- */
.custom-nav{width:calc(100% - 18vw);padding:1rem 9vw;position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;gap:2.5rem;z-index:10;}
.custom-nav .nav-item{cursor:pointer;transition:all 0.5s ease;text-decoration:none;color:rgba(255,255,255,0.3);width:25%;padding-top:1rem;position:relative;}
.custom-nav .nav-item h2{font-size:1.625rem;line-height:2.5rem;}
.custom-nav .nav-item p{font-size:1rem;line-height:normal;padding-bottom:0;transition:all 0.5s ease;}
/*.custom-nav .nav-item .grp p{font-size:0.75rem;letter-spacing:0.0625em;text-transform:uppercase;}*/
.custom-nav .nav-item .grp{transition:all 0.5s ease;}
.custom-nav .nav-item .mo{opacity:0.0;pointer-events:none;position:absolute;bottom:2rem;transition:all 0.5s ease;}
.custom-nav .nav-item .common-btn{opacity:1.0;pointer-events:none;margin-top:1rem;}
.custom-nav .nav-item.active{color: rgba(255,255,255,1.0);}
.custom-nav .nav-item.active .mo{opacity:1.0;position:relative;bottom:0;padding-top:1rem;}
.custom-nav .nav-item.active .common-btn{pointer-events:all;}
/**Header Breadcrumb**/
.header-breadcrumb{width:100%;text-align:left;margin-bottom:1.5rem;}
.product-detail .header-breadcrumb{width:calc(100% - 18vw);padding:0 9vw;}
.header-breadcrumb .breadcrumb{width:100%;display:block;/*border-bottom:1px solid #fff;*/margin-bottom:1rem;padding-bottom:1rem;font-size:0.75rem;letter-spacing:0.0625em;text-transform:uppercase;color:#fff;}
.header-breadcrumb .breadcrumb a{display:inline-block;color:#fff;text-decoration:none !important;}
.header-breadcrumb .breadcrumb a:last-child{text-decoration:underline !important;}
.header-breadcrumb .breadcrumb{text-decoration:underline;}
.header-breadcrumb h2{text-align:left;color:#fff;}
.header-breadcrumb .breadcrumb span{display:inline-block;margin:0 0.5rem;text-decoration:none !important;}
/**Common Paragraph**/
.common-paragraph{width:100%;margin-bottom:3rem;}
.common-paragraph p{text-align:left;color:#fff;margin-bottom:1.25rem;}
.common-paragraph p:last-child{margin-bottom:0;}
/**Recommend**/
.common-recommend{width:100%;/*border-top:1px solid #fff;*/margin-top:1rem;padding-top:2rem;transform:translateY(18.75rem);animation: come-in 1.5s ease forwards;}
.common-recommend h3{color:#fff;margin-bottom:2.5rem;}
/**Accordion**/
.accordion{width:100%;display:block;margin-bottom:20px;}
.accordion .acc-title{width:calc(100% - 1.25rem) !important;padding:1rem 0 1rem 1.25rem;cursor:pointer;/*border-bottom:1px solid #fff;font-size:0.75rem;*/font-size:1.25rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-decoration:none;/*text-transform:uppercase;*/-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:relative;}
.accordion .acc-title.active{border-bottom:none;}
.accordion .acc-title::before{content:'';background:url('../images/products/icon-plus.svg')no-repeat;background-size:100%;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:-0.25rem;transform:translateY(-50%);}
.accordion .acc-title.active::before{content:'';background:url('../images/products/icon-minus.svg')no-repeat;background-size:100%;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:-0.25rem;transform:translateY(-50%);}
.accordion .acc-contents{width:calc(100% - 1.5rem) !important;padding:0 0 0.625rem 1.3rem;display:none;/*border-bottom:1px solid #fff;*/}
.accordion .acc-contents.active{display:block;}
.accordion .acc-contents img{width:100%;display:block;}
/**Responsive Table**/
.responsive-table{width:100%;border:1px solid #fff;}
.responsive-table table{width:100%;border-collapse:separate;}
.responsive-table table thead{width:100%;}
.responsive-table table thead tr{background:#fff;}
.responsive-table table thead tr th{padding:0.7rem 1rem;font-size:0.75rem;letter-spacing:0.0625em;font-weight:400;line-height:normal;text-transform:uppercase;color:#000;text-align:left;}
.responsive-table table tbody{width:100%;}
.responsive-table table tbody tr{position:relative;}
.responsive-table table tbody tr td{padding:1rem;font-size:1rem;line-height:normal;color:#fff;text-align:left;vertical-align:middle;border-bottom:1px solid #fff;}
.responsive-table table tbody tr:last-child td{border-bottom:none;}
.responsive-table table tbody tr td a{color:#fff;}
.responsive-table table tbody tr td .common-btn{background:none;border:1px solid #fff;width:9.25rem;}
.responsive-table table tbody tr td .common-btn.width-auto{width:auto;}
.responsive-table table tbody tr td .common-btn:hover{background:#fff;color:#000;}
.responsive-table table tbody tr td .image{display:inline-block;vertical-align:middle;width:5rem;margin-right:2rem;}
.responsive-table table tbody tr td .image img{width:100%;display:block;}
.responsive-table table tbody tr td .desc{display:inline-block;vertical-align:middle;}
.responsive-table table tbody tr td .desc .order-num{display:block;font-size:0.75rem;line-height:normal;}
/**Product List**/
.products{width:100%;min-height:calc(100vh - 14.5rem);background:#171719;position:relative;display:flex;}
.products .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.products .search-filter{width:100%;max-width:30rem;margin:0 auto 3rem auto;}
.products .search-filter select{border:none;border-bottom:1px solid #fff;font-size:1rem;}
.product-list{width:calc(100% + 1.5rem);display:flex;flex-wrap:wrap;}
.product-list .grp{display:block;width:calc(33.333% - 1.5rem) !important;margin-right:1.5rem;margin-bottom:2rem;text-decoration:none;}
.product-list .grp.disabled{pointer-events:none;}
.product-list .grp .prod-img{width:100%;position:relative;margin-bottom:0.625rem;}
.product-list .prod{width:100%;height:0;padding-top:70%;overflow:hidden;position:relative;}
.product-list .prod img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;top:0;left:0;transition:all 0.5s ease;}
.product-list .grp:hover .prod img{transform:scale(1.05);}
.product-list .grp .prod-detail{width:100%;font-size:0;position:relative;}
.product-list .grp .prod-detail .col{display:inline-block;vertical-align:top;width:50%;}
.product-list .grp .prod-detail .col:last-child{text-align:right;}
.product-list .grp .prod-detail .category-name{font-size:1rem;line-height:normal;display:table;color:#fff;margin-bottom:0.1875rem;position:relative;}
.product-list .grp .prod-detail .category-name::after{content:"";display:inline-block;position:absolute;height:1px;bottom:-0.125rem;background:#fff;transform-origin:0 0;transition:transform 0.3s;transform:scaleX(0);width:100%;left:0;}
.product-list .grp .prod-detail .short-note{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;/*text-transform:uppercase;*/color:#fff;}
.product-list .grp:hover .prod-detail .category-name::after{transform:scaleX(1);}
.product-list .grp .prod-detail .prod-name{font-size:1rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.product-list .grp .prod-detail .prod-series{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;/*text-transform:uppercase;*/color:#fff;}
.product-list .grp .prod-detail .prod-price{font-size:1rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.product-list .grp .prod-detail .prod-color{display:block;}
.product-list .grp .prod-detail .prod-color span{display:inline-block;vertical-align:top;margin-left:0.1875rem;width:0.625rem;height:0.625rem;border-radius:100%;border:none;border:1px solid #fff;}
.product-list .grp .prod-detail .prod-color .black{background:#000;}
.product-list .grp .prod-detail .prod-color .silver{background:#CFCFCF;}
.product-list .grp .prod-detail .prod-color .gold{background:#C5AA77;}
.product-list .grp .prod-detail .prod-color .rose{background:#E5AFB0;}
.come-in{transform:translateY(18.75rem);animation:come-in 1.5s ease forwards;}
.come-in:nth-child(odd){animation-duration:1.25s;}
@keyframes come-in {
	to {transform: translateY(0);}
}
/**Product Detail**/
.product-detail{width:100%;height:auto;position:relative;}
.product-detail p a,
.product-detail li a{color:#fff;text-decoration:none;}
.product-detail p a:hover,
.product-detail li a:hover{text-decoration:underline;}
.product-detail li ul{margin-bottom:0 !important;}
.product-detail .slider-wrapper{position:relative;}
.product-detail .slider-wrapper .gradient-bg{width:100%;height:10rem;position:absolute;top:0;left:0;background: linear-gradient(180deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);z-index:2;}
.product-detail .prod-slider{width:100%;height:100%;position:relative;}
.product-detail .prod-slider .image{width:100% !important;height:0 !important;padding-top:100vh;margin:0 auto;position:relative;}
.product-detail .prod-slider .image img{width:100%;height:100%;display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);object-fit:cover;}
.product-detail .prod-slider .video{width:100% !important;height:0 !important;padding-bottom:100vh;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;}
.product-detail .prod-slider .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.product-detail .prod-tabs{width:calc(100% - 18vw + 0.625rem);font-size:0;margin:2rem 0;padding:0 9vw;}
.product-detail .prod-tabs a{display:inline-block;vertical-align:top;width:calc(33.3333% - 0.625rem);text-align:center;padding:0.625rem 0;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-decoration:none;text-transform:uppercase;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;background:#565656;margin-right:0.625rem;}
.product-detail .prod-tabs a.active,
.product-detail .prod-tabs a:hover{background:#fff;color:#171719;border-top-left-radius:30px;border-top-right-radius:30px;}
.product-detail .prod-tabs a:first-child{border-right:none;}
.product-detail .prod-tabs a:last-child{border-left:none;}
/*Product - Design*/
.product-detail .design{width:calc(100% - 18vw);padding:2rem 9vw 4rem 9vw;height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;position:relative;}
.product-detail .design .title{width:20rem;margin-right:3rem;}
.product-detail .design .title h2{color:#fff;}
.product-detail .design .contents{width:calc(100% - 23rem);}
.product-detail .design .contents p{color:#fff;margin-bottom:1.25rem;}
.product-detail .design .contents ul{margin-bottom:1.25rem;}
.product-detail .design .contents li{color:#fff;}
.product-detail .design .contents .more-info{display:block;text-align:left;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-decoration:none;text-transform:uppercase;margin:3rem 0 3rem 1.25rem;position:relative;}
.product-detail .design .contents .more-info::before{content:'';background:url('../images/products/icon-plus.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);}
.product-detail .design .contents .more-info.active::before{content:'';background:url('../images/products/icon-minus.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);}
.product-detail .design .contents .hide-show{width:calc(100% - 1.25rem);margin-left:1.25rem;}
/*Product - Features*/
.product-detail .features{width:calc(100% - 18vw);padding:2rem 9vw 4rem 9vw;height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;position:relative;}
.product-detail .features .title{width:20rem;margin-right:3rem;}
.product-detail .features .title h2{color:#fff;}
.product-detail .features .contents{width:calc(100% - 23rem);}
.product-detail .features .contents p{color:#fff;margin-bottom:1.25rem;}
.product-detail .features .contents ul{margin-bottom:1.25rem;}
.product-detail .features .contents li{color:#fff;}
/*Product - Get It*/
.product-detail .get-it{width:calc(100% - 18vw);padding:2rem 9vw 4rem 9vw;height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;position:relative;}
.product-detail .get-it .scrollable{width:100%;}
.product-detail .get-it .selection-grp{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;position:relative;}
.product-detail .get-it .title{width:20rem;margin-right:3rem;}
.product-detail .get-it .title h2{color:#fff;}
.product-detail .get-it .contents{width:calc(100% - 23rem);/*border-bottom:1px solid rgba(255, 255, 255, 0.2);*/}
.product-detail .get-it .selection-grp .contents{border-bottom:none;}
.product-detail .get-it .contents.last{/*border-top:1px solid rgba(255, 255, 255, 0.2);*/border-bottom:none;}
.LOCK_ONLY .product-detail .prod-selection{/*border-top:1px solid rgba(255, 255, 255, 0.2);*/}
.product-detail .get-it .contents p{color:#fff;margin-bottom:1.25rem;}
.product-detail .get-it .contents ul{margin-bottom:1.25rem;}
.product-detail .get-it .contents li{color:#fff;}
.product-detail .get-it .contents .prod-price{width:100%;margin-bottom:1.6875rem;}
.product-detail .get-it .contents .prod-price .orignal-price{display:inline-block;vertical-align:middle;color:#fff;font-size:1.25rem;line-height:1.875rem;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset: -35%;margin-right:0.625rem;}
.product-detail .get-it .contents .prod-price .offer-price{display:inline-block;vertical-align:middle;color:#fff;font-size:1.875rem;line-height:2.8125rem}
.product-detail .get-it .contents .prod-selection{width:100%;max-width:40rem;padding:1.6875rem 0 0 0;margin-bottom:1.6875rem;}
.product-detail .get-it .contents .prod-selection .prod-color{width:100%;}
.prod-selection .prod-color .colour-select{width:100%;margin-top:0.625rem;}
.prod-selection .prod-color .colour-select a{display:inline-block;vertical-align:top;margin-right:0.3125rem;width:1.5rem;height:1.5rem;display:inline-block;vertical-align:top;margin-right:0.625rem;border-radius:100%;border:0.125rem solid rgba(255, 255, 255, 0.15);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.prod-selection .prod-color .colour-select a.black-btn{background:#000;}
.prod-selection .prod-color .colour-select a.silver-btn{background:#CFCFCF;}
.prod-selection .prod-color .colour-select a.gold-btn{background:#C5AA77;}
.prod-selection .prod-color .colour-select a.rose-btn{background:#E5AFB0;}
.prod-selection .prod-color .colour-select a.rose-gold-btn{background:#E5AFB0;}
.prod-selection .prod-color .colour-select a.active{border:0.125rem solid #fff;}
.prod-selection .prod-color .item-select{width:100%;/*max-width:30rem;*/}
.prod-selection .prod-color .item-select a{display:inline-block;vertical-align:top;margin-right:0.3125rem;width:4rem;height:4rem;display:inline-block;vertical-align:top;margin-right:0.625rem;margin-bottom:0.625rem;border:0.125rem solid rgba(255, 255, 255, 0.15);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;cursor:pointer;}
.prod-selection .prod-color .item-select a img{width:100%;display:block;opacity:0.5;}
.prod-selection .prod-color .item-select a.active{border:0.125rem solid #fff;}
.prod-selection .prod-color .item-select a.active img{opacity:1.0;}
.prod-selection .prod-color p{color:#fff;font-size:1rem;line-height:1.5rem;}
.prod-selection .prod-color .title{/*font-size:0.75rem;letter-spacing:0.0625em;*/font-size:1rem;line-height: 1.5rem;text-transform:uppercase;position:relative;font-weight:700;width:100%;}
.prod-selection .prod-color .title span{display:inline-block;margin-left:0.125rem;font-size:0.75rem;line-height:normal;position:absolute;top:50%;right:0;transform:translateY(-50%);width:60%;text-align:right;}
.cart-prod.visit-home .prod-selection .prod-color .title span{position:relative;top:auto;right:auto;transform:none;width:auto;text-align:left;}
.prod-selection .select-field{width:100%;max-width:12.5rem;margin-bottom:1.6875rem;}
.product-detail .get-it .contents .prod-selection .prod-qty{width:100%;margin-top:1rem;}
.prod-selection .prod-qty .input-field{display:inline-block;vertical-align:top;position:relative;}
.prod-selection .prod-qty .input-field input{text-align:center;}
.prod-selection .prod-qty .input-field .minus{width:1.5rem;position:absolute;left:1rem;top:50%;transform:translateY(-50%);}
.prod-selection .prod-qty .input-field .plus{width:1.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);}
.prod-selection .prod-qty .input-field a img{width:100%;display:block;}
.prod-selection .prod-qty .common-btn{display:inline-block;vertical-align:middle;}
.prod-selection .prod-qty .or{display:inline-block;vertical-align:middle;font-size:0.75rem;letter-spacing:0.0625em;text-transform:uppercase;margin:0 0.5rem;color:#fff;}
.product-detail .get-it .contents .prod-demo{width:100%;}
.product-detail .get-it .contents .prod-demo p{color:#fff;font-size:1rem;line-height:1.5rem;margin-bottom:1rem;}
.product-detail .get-it .contents .prod-demo .title{font-size:0.75rem;letter-spacing:0.0625em;text-transform:uppercase;}
.get-it .door-bg{width:100%;position:absolute;top:0;left:0;z-index:0;}
.get-it .door-img{width:70%;margin:2.5rem auto;position:relative;}
.get-it .door-img img{width:100%;box-shadow:8px 8px 15px rgba(0, 0, 0, 0.25);}
.get-it .door-img #frame-path{width:100%;position:absolute;top:0;left:0;z-index:3;}
.get-it .door-img #handle-path,
.get-it .door-img .digital_lock_{width:100%;position:absolute;top:0;left:0;z-index:2;}
.get-it .door-img .digital_lock_{display:none;}
.product-detail .get-it .contents .prod-selection{padding-top:0 !important;}
.DOOR_ONLY .prod-selection .title{width:100%;margin-right:0;}
.product-detail .get-it .contents .grp-btns{width:calc(100% + 1rem);margin-bottom:2rem;font-size:0;}
.product-detail .get-it .contents .grp-btns .common-btn{display:inline-block;vertical-align:top;width:calc(50% - 3.5rem - 2px);margin-right:1rem;}
/****/
.slider-nav{position:absolute !important;width:100%;bottom:1rem;left:0;text-align:center;display:flex;}
.slider-nav .slick-track{width:100% !important;justify-content:center;}
.slider-nav .slick-slide{cursor:pointer;outline:none;opacity:1 !important;display:flex;}
.slider-nav .slick-slide.slick-current.slick-active{opacity:1;}
.slider-nav .slick-slide img{padding:0.25rem; background:transparent;}
.slider-nav .slick-slide.slick-current.slick-active img{background:#fff;}
.slider-nav img{width:4rem;margin:0 0.25rem;}
.slider-nav .slick-slide:first-child img{margin-left:0;}
.slider-nav .slick-slide:last-child img{margin-right:0;}
/**Product Detail - Add to cart**/
.add-cart{width:100%;height:100vh;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:10;opacity:0.0;pointer-events:none;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.add-cart .box{position:absolute;top:0;right:-40rem;background:#171719;width:calc(100% - 3rem);max-width:40rem;height:calc(100vh - 3rem);margin:1.5rem;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.add-cart .box .contents{width:calc(100% - 3.75rem);padding:1.875rem;position:relative;}
.add-cart h2{font-size:1.625rem;line-height:2.5rem;color:#fff;margin-bottom:1.5rem;}
.add-cart.active{opacity:1.0;pointer-events:all;}
.add-cart.active .box{right:0;}
.add-cart .close-cart{position:absolute;right:1.875rem;top:1.875rem;cursor:pointer;width:1.5rem;}
.add-cart .close-cart img{width:100%;display:block;filter:brightness(0) invert(1);}
.add-cart .cart-prod{width:100%;height:calc(100vh - 20rem);overflow-y:auto;}
.add-cart.demo-cart .cart-prod{height:calc(100vh - 17rem);}
.add-cart .cart-prod .grp{width:100%;margin-bottom:1.5rem;font-size:0}
.add-cart .cart-prod .grp .image{display:inline-block;vertical-align:middle;width:4rem;margin-right:2rem;position:relative;}
.add-cart .cart-prod .grp .image .prod{width:4rem;height:4rem;position:relative;}
.add-cart .cart-prod .grp .image .prod img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid rgba(255,255,255,0.15);}
.add-cart .cart-prod .grp .detail{display:inline-block;vertical-align:middle;width:calc(100% - 17rem);}
.add-cart .cart-prod .grp .detail span{display:block;}
.add-cart .cart-prod .grp .detail .prod-name{font-size:1rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.add-cart .cart-prod .grp .detail .prod-series{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;text-transform:uppercase;color:#fff;margin-bottom:0.1875rem;}
.add-cart .cart-prod .grp .detail .prod-color{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;color:#fff;}
.add-cart .cart-prod .grp .detail .prod-color span{color:#767676;display:inline-block;}
.add-cart .cart-prod .grp .qty{display:inline-block;vertical-align:middle;width:6rem;margin-left:1rem;position:relative;}
.add-cart .cart-prod .grp .qty input{text-align:center;}
.add-cart .cart-prod .grp .qty .minus{width:1.5rem;position:absolute;left:0.45rem;top:50%;transform:translateY(-50%);display:block;}
.add-cart .cart-prod .grp .qty .plus{width:1.2rem;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:block;}
.add-cart .cart-prod .grp .qty img{width:100%;display:block;}
.add-cart .cart-prod .grp .bin{display:inline-block;vertical-align:middle;width:1rem;margin-left:2rem;position:relative;}
.add-cart .cart-prod .grp .bin .delete-btn{width:1rem;position:absolute;top:50%;right:0.625rem;transform:translateY(-50%);}
.add-cart .cart-prod .grp .bin .delete-btn img{width:100%;display:block;filter:brightness(0) invert(1);}
.add-cart .cart-total{width:100%;padding:1.5rem 0;border-top:1px solid #fff;font-size:0;}
.add-cart .cart-total .title{display:inline-block;vertical-align:top;width:50%;font-size:1.625rem;line-height:2.5rem;color:#fff;}
.add-cart .cart-total .price{display:inline-block;vertical-align:top;width:50%;font-size:1.625rem;line-height:2.5rem;color:#fff;text-align:right;}
.add-cart .cart-total p{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;}
.add-cart .cart-total .common-btn{display:block;margin-top:1.25rem;}
.add-cart .cart-total .grp-btns{width:calc(100% + 1.25rem);font-size:0;margin-top:1.25rem;}
.add-cart .cart-total .grp-btns .common-btn{display:inline-block;vertical-align:top;width:calc(50% - 3.25rem - 2px);margin-right:1.25rem;margin-top:0;}
/* --- Our Story --- */
.our-story{width:100%;position:relative;display:flex;align-items:center;background:#171719;}
.our-story .contents{width:calc(100% - 18vw);min-height:80vh;padding:10rem 9vw 0 9vw;position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-start;}
.our-story .contents .left{width:50%;height:calc(100% - 20rem);padding:0;overflow:hidden;position:relative;}
.our-story .contents .left .bg-color{width:100%;height:0;padding-top:100vh;margin:0 auto;position:relative;background:#171719;}
.our-story .contents .rgt{width:calc(50% - 10rem);height:calc(100% - 20rem);padding:0 5rem;background:#171719;}
.our-story .contents .rgt h2{color:#fff;margin-bottom:1.5rem;}
.our-story .contents .rgt p{color:#fff;margin-bottom:1.25rem;}
.our-story .image-slider{width:100%;position:relative;margin:0 auto;}
.our-story .image-slider .image{width:100% !important;margin:0 auto;position:relative;}
.our-story .image-slider .image img{width:100%;display:block;}
.our-story .slider-nav{position:relative !important;width:100%;margin:2rem auto;text-align:center;display:flex;}
.our-story .slider-nav .slick-track{width:calc(100% + 1rem) !important;justify-content:center;}
.our-story .slider-nav .slick-slide{cursor:pointer;outline:none;opacity:1 !important;display:flex;margin-right:1rem;}
.our-story .slider-nav .slick-slide.slick-current.slick-active{opacity:1;}
.our-story .slider-nav .slick-slide img{padding:0;outline:0.125rem solid transparent;outline-offset:-0.125rem;}
.our-story .slider-nav .slick-slide.slick-current.slick-active img{outline:0.125rem solid #fff;}
.our-story .slider-nav img{width:100%;margin:0;}
.our-story .slider-nav .slick-slide:first-child img{margin-left:0;}
.our-story .slider-nav .slick-slide:last-child img{margin-right:0;}
.our-story.GREEN_WASH .contents{display:block;}
.our-story .block-content{width:100%}
.our-story .block-content h2,
.our-story .block-content h3{color:#fff;margin-bottom:1.5rem;}
.our-story .block-content p{color:#fff;margin-bottom:1.5rem;}
.our-story .block-content ol{color:#fff;margin-bottom:1.5rem;}
.our-story .block-content .logo{width:100%;max-width:20rem;margin-bottom:1.5rem;}
.our-story .block-content .logo img{width:100%;display:block;}
/* --- Login --- */
.login{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;}
.login .contents{width:calc(100% - 18vw);margin:0 auto;padding:10rem 9vw 2.5rem 9vw;}
.login .contents h2{color:#fff;text-align:center;margin-bottom:1rem;}
.login .contents p{text-align:center;margin-bottom:2rem;}
.login .contents .grp{width:100%;display:flex;flex-wrap:wrap;transform:translateY(18.75rem);animation:come-in 1.5s ease forwards;}
.login .contents .login-fields{width:calc(50% - 2rem - 1px);display:inline-block;vertical-align:top;padding-right:2rem;border-right:1px solid #fff;}
.login .contents .single .login-fields{width:100%;max-width:40rem;padding-right:0;border-right:none;margin:0 auto;}
.login .contents .signup-content{width:calc(50% - 2rem);display:inline-block;vertical-align:top;padding-left:2rem;}
.login .contents h3{color:#fff;font-size:1.625rem;line-height:normal;margin-bottom:0.1875rem;font-weight:400;}
.login .contents p{color:#fff;font-size:1rem;line-height:normal;margin-bottom:1.25rem;}
.login .contents p a{color:#fff;}
.login .common-btn{display:block;width:100%;}
.login a.common-btn{width:calc(100% - 2rem - 2px);}
.login h2.line{position:relative;z-index:1;}
.login h2.line span{display:inline-block;background:#171719;position:relative;z-index:1;padding:0 0.5rem;}
.login h2.line::before{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:0;}
.login .common-btn.google span{display:inline-block;position:relative;margin-left:22px;}
.login .common-btn.google span::before{content:'';background:url("../images/common/icon-google-new.svg")no-repeat;width:17px;height:17px;background-size:100%;position:absolute;left:-22px;top:50%;transform:translateY(-50%);}
.login .common-btn.facebook span{display:inline-block;position:relative;margin-left:25px;}
.login .common-btn.facebook span::before{content:'';background:url("../images/common/icon-facebook-new.svg")no-repeat;width:20px;height:20px;background-size:100%;position:absolute;left:-25px;top:50%;transform:translateY(-50%);}
.login .common-btn.createprofile span{display:inline-block;position:relative;margin-left:22px;}
.login .common-btn.createprofile span::before{content:'';background:url("../images/common/icon-user-add.svg")no-repeat;width:17px;height:17px;background-size:100%;position:absolute;left:-22px;top:50%;transform:translateY(-50%);filter:brightness(0) invert(1);}
.login .common-btn.createprofile:hover span::before{filter:none;}
.login .common-btn.loginbtn span{display:inline-block;position:relative;margin-left:22px;}
.login .common-btn.loginbtn span::before{content:'';background:url("../images/common/icon-sign-in.svg")no-repeat;width:17px;height:17px;background-size:100%;position:absolute;left:-22px;top:50%;transform:translateY(-50%);}
.login .common-btn.loginbtn:hover span::before{filter:brightness(0) invert(1);}
.password-wrapper{position:relative;}
.password-wrapper input{padding-right:2.5rem;}
.toggle-icon{position:absolute;right:1.25rem;top:12px;/*transform:translateY(-50%);*/width:1.0625rem;cursor:pointer;filter:brightness(0) invert(1);z-index:3;}
.modal .toggle-icon{filter:none;}
.login .contents .SIGNUP{max-width:70rem !important;width:100%;margin:0 auto;}
/* --- Profile --- */
.profile{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;}
.profile .contents{width:calc(100% - 18vw);margin:0 auto;padding:10rem 9vw 2.5rem 9vw;}
.profile .contents h2{color:#fff;text-align:left !important;margin-bottom:2rem;}
.profile .contents .grp{width:100%;font-size:0;transform:translateY(18.75rem);animation:come-in 1.5s ease forwards;}
.profile .contents .side-menu{width:12rem;border:1px solid #fff;margin-right:3rem;padding:1.5rem;display:inline-block;vertical-align:top;}
.profile .contents .side-menu ul{list-style:none;text-align:center;}
.profile .contents .side-menu ul li{width:100%;display:block;padding:0.5rem 0;}
.profile .contents .side-menu ul li:before{content:'';}
.profile .contents .side-menu ul li .text-btn{color:#fff;text-decoration:none;position:relative;}
.profile .contents .side-menu ul li .text-btn::after{content:"";display:inline-block;position:absolute;height:1px;bottom:-0.125rem;background:#fff;transform-origin:0 0;transition:transform 0.3s;transform:scaleX(0);width:100%;left:0;}
.profile .contents .side-menu ul li .text-btn:hover::after,
.profile .contents .side-menu ul li .text-btn.active::after{transform:scaleX(1);}
.profile .contents .side-menu .common-btn{width:calc(100% - 2rem);margin-top:2rem;}
.profile .contents .tabs{width:100%;font-size:0;margin:2rem 0;}
.profile .contents .tabs a{display:inline-block;vertical-align:top;/*(width:calc(20% - 0.625rem);*/width:calc(33.3333% - 0.625rem);text-align:center;padding:0.625rem 0;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#d9d9d9;text-decoration:none;text-transform:uppercase;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;background:#565656;margin-right:0.625rem;}
.profile .contents .tabs a.active,
.profile .contents .tabs a:hover{background:#fff;color:#171719;border-top-left-radius:30px;border-top-right-radius:30px;}
.profile .contents .tabs a:first-child{border-right:none;}
.profile .contents .tabs a:last-child{border-left:none;}
.profile .contents .rgt-fields{width:calc(100% - 18rem - 2px);display:inline-block;vertical-align:top;}
.profile .contents .rgt-fields.full{width:100%;}
.profile .contents .rgt-fields .grp-col{width:100%;/*border:1px solid #fff;padding:1.5rem;*/margin-bottom:1.5rem;}
.profile .contents .rgt-fields .grp-col .grp-col-container{width:calc(100% + 1.25rem);font-size:0;}
.profile .contents h3{color:#fff;font-size:1.625rem;line-height:normal;margin-bottom:1rem;font-weight:400;}
.profile .contents p{color:#fff;font-size:1rem;line-height:normal;margin-bottom:1.25rem;}
.profile .contents p a{color:#fff;}
.profile .search-filter{width:100%;max-width:40rem;margin-bottom:1.25rem;}
.profile .search-filter .grp-field{width:calc(50% - 3.875rem);}
.profile .search-filter .search-btn{width:5.25rem;margin-right:0;}
.grp-field{width:100%;margin-bottom:1.25rem;}
.grp-field .field-name{display:block;width:100%;margin-bottom:0.625rem;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-transform:uppercase;}
.grp-field .field-input{display:block;width:100%;font-size:0;}
.grp-field .field-input .col2{display:inline-block;vertical-align:top;width:50%;}
.grp-field .field-input .col2:last-child{text-align:right;}
.grp-field .field-input .col2 a{color:#fff;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;text-transform:uppercase;}
.grp-field .login-with span{display:inline-block;vertical-align:middle;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-transform:uppercase;margin-left:0.625rem;}
.grp-field .login-with span a img{width:2.25rem;}
.grp-col{width:calc(100% + 1.25rem);font-size:0;}
.grp-col .grp-field{width:calc(50% - 1.25rem);margin-right:1.25rem;display:inline-block;vertical-align:top;}
.grp-col.col3 .grp-field{width:calc(33.333% - 1.25rem);}
.verify-mobile{position:relative;}
.verify-mobile input{width: calc(100% - 7.25rem);margin-right:1rem;}
.verify-mobile .common-btn{position:absolute;right:0;top:0;width:3.75rem !important;}
.send-otp{position:relative;}
.send-otp .common-btn{position:absolute;right:0;top:0;width:2.6875rem;}
.send-otp select{width:calc(100% - 77px);}
.resend-otp{width:100%;color:#fff;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;margin-top: 0.625rem;}
.resend-otp a{color:#fff;}
.captcha{width:100%;}
.captcha span{display:inline-block;vertical-align:middle;}
.captcha .cap-img{width:140px;}
.captcha .cap-img img{width:100%;display:block;}
.captcha .cap-refresh{display:inline-block;vertical-align:middle;width:1.25rem;margin-left:1rem;}
.captcha .cap-refresh img{width:100%;display:block;filter:brightness(0) invert(1);}
/***/
.PROFILE_FIELD .SALUTATION{max-width:90px;}
.PROFILE_FIELD .BLOCK{max-width:80px;}
.PROFILE_FIELD .MAX_WIDTH{max-width:300px;}
.PROFILE_FIELD .MAX_WIDTH .field-input{position:relative;}
.PROFILE_FIELD .small-note{font-size:0.75rem;line-height:normal;position:absolute;left:310px;top:50%;min-width:30vw;transform:translateY(-50%);}
.PROFILE_FIELD input[type=text]{background:#fff;color:#000;}
.PROFILE_FIELD select{color:#000;border:1px solid #fff;background: url("../images/common/icon-dropdown-black.svg") #fff right no-repeat;background-size:1.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.PROFILE_FIELD .unit-no{width:100%;font-size:0;}
.PROFILE_FIELD .unit-no span{display:inline-block;vertical-align:middle;width:80px;}
.PROFILE_FIELD .unit-no .text{font-size:0.75rem;line-height:normal;color:#fff;width:20px;text-align:center;}
/* --- Cart --- */
.cart{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;}
.cart .back-btn{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;text-transform:uppercase;color:#fff;display:block;margin:1rem auto 2rem auto;text-align:center;}
.cart .back-btn span{display:inline-block;position:relative;}
.cart .back-btn span::before{content:'';background:url("../images/common/icon-left.svg")no-repeat;background-size:100%;width:0.65rem;height:0.65rem;position:absolute;left:-1rem;top:0.15rem;}
.cart .contents{width:calc(100% - 18vw);margin:0 auto;padding:10rem 9vw 2.5rem 9vw;}
.cart .contents h2{color:#fff;text-align:center;margin-bottom:2rem;}
.cart .contents .grp{width:100%;display:flex;flex-wrap:wrap;transform:translateY(18.75rem);animation:come-in 1.5s ease forwards;}
.cart .contents .grp .cart-prod{width:100%;}
.cart .contents .grp .cart-prod .grp-sub{width:100%;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:0;border-bottom:1px solid #fff;}
.cart .contents .grp .cart-prod .grp-sub .checkbox{display:inline-block;vertical-align:middle;width:1rem;margin-right:1rem;margin-top:-1rem;position:relative;}
.cart .contents .grp .cart-prod .grp-sub .image{display:inline-block;vertical-align:middle;width:5rem;margin-right:1rem;position:relative;}
.cart .contents .grp .cart-prod .grp-sub .image .prod{width:4rem;height:4rem;position:relative;}
.cart .contents .grp .cart-prod .grp-sub .image .prod img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid rgba(255,255,255,0.15);}
.cart .contents .grp .cart-prod .grp-sub .prod-name{display:inline-block;vertical-align:middle;width:calc(45% - 13.5rem);}
.cart .contents .grp .cart-prod .grp-sub .prod-name span{display:block;}
.cart .contents .grp .cart-prod .grp-sub .prod-name a{display:block;text-decoration:none;}
.cart .contents .grp .cart-prod .grp-sub .prod-name .name{font-size:1rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.cart .contents .grp .cart-prod .grp-sub .prod-name .series{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;text-transform:uppercase;color:#fff;}
.cart .contents .grp .cart-prod .grp-sub .prod-detail{display:inline-block;vertical-align:middle;width:calc(55% - 13.5rem);}
.cart .contents .grp .cart-prod .grp-sub .prod-detail .desc{display:block;width:100%;max-width:25rem;font-size:0;position:relative;}
.cart .contents .grp .cart-prod.visit-home .grp-sub .prod-detail{width:calc(55% - 5.5rem);}
.cart .contents .grp .cart-prod.visit-home .grp-sub .prod-detail .desc{width:100%;max-width:none;}
.cart .contents .grp .cart-prod.visit-home .grp-sub .prod-detail .prod-selection .prod-color .item-select{max-width:none;}
.cart .contents .grp .cart-prod .grp-sub .prod-detail .edit-btn{/*position:absolute;top:0.2rem;right:0.5rem;*/position:relative;width:1rem;display:block;margin-top:1rem;}
.cart .contents .grp .cart-prod .grp-sub .prod-detail .edit-btn img{width:100%;display:block;filter:brightness(0) invert(1);}
.cart .contents .grp .cart-prod .grp-sub .prod-detail .desc .grp-desc{width:100%;font-size:0;}
.cart .contents .grp .cart-prod .grp-sub .prod-detail .desc span{display:inline-block;vertical-align:top;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;text-transform:uppercase;color:#767676;margin:0.1875rem 0;width:8rem;}
.cart .contents .grp .cart-prod .grp-sub .prod-detail .desc span:last-child{text-align:left;width:calc(100% - 8rem);color:#fff}
.cart .contents .grp .cart-prod .grp-sub .prod-price{width:8rem;display:inline-block;vertical-align:middle;font-size:1rem;line-height:normal;color:#fff;margin-bottom:0.1875rem;text-align:right;}
.cart .contents .grp .cart-prod .grp-sub .qty{display:inline-block;vertical-align:middle;width:7rem;margin-left:1rem;position:relative;color:#fff;font-size:1rem;line-height:normal;}
.cart .contents .grp .cart-prod.visit-home .grp-sub .qty{width:4rem;}
.cart .contents .grp .cart-prod .grp-sub .qty input{text-align:center;}
.cart .contents .grp .cart-prod .grp-sub .qty .minus{width:1.5rem;position:absolute;left:0.45rem;top:50%;transform:translateY(-50%);display:block;}
.cart .contents .grp .cart-prod .grp-sub .qty .plus{width:1.2rem;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:block;}
.cart .contents .grp .cart-prod .grp-sub .qty img{display:block;width:100%;}
.cart .contents .grp .cart-prod .grp-sub .bin{width:1rem;display:inline-block;vertical-align:middle;margin:0 1rem;}
.cart .contents .grp .cart-prod .grp-sub .bin .delete-btn{width:1rem;}
.cart .contents .grp .cart-prod .grp-sub .bin .delete-btn img{width:100%;display:block;filter:brightness(0) invert(1);}
.cart .contents .grp .cart-total{width:100%;text-align:right;margin-bottom:1.5rem;/*padding-bottom:1.5rem;*/}
.cart .contents .grp .cart-total p{color:#fff;text-align:left;}
.cart .contents .grp .cart-total .grp-price{width:100%;max-width:20rem;font-size:0;display:inline-block;}
.cart .contents .grp .cart-total .grp-price .title{display:inline-block;vertical-align:top;width:50%;font-size:1rem;line-height:normal;color:#fff;text-align:left;}
.cart .contents .grp .cart-total .grp-price .price{display:inline-block;vertical-align:top;width:50%;text-align:right;font-size:1rem;line-height:normal;color:#fff;}
.cart .contents .grp .cart-total .grp-price.grand-total .title{font-size:1.25rem;}
.cart .contents .grp .cart-total .grp-price.grand-total .price{font-size:1.25rem;}
.cart .contents .cart-btns{width:100%;border-top:1px solid #fff;margin-top:1.5rem;padding-top:1.5rem;}
.cart .contents .cart-btns .get-btn{width:100%;max-width:18.75rem;margin:0 auto;text-align:center;}
.cart .contents .cart-btns .get-btn .common-btn{display:block;margin-bottom:1rem;}
.cart .contents .cart-btns .divider{width:100%;max-width:18.75rem;margin:1.5rem auto 2rem auto;text-align:center;}
.cart .contents .cart-btns .demo-btn{width:100%;max-width:18.75rem;margin:0 auto;text-align:center;}
.cart .contents .cart-btns .demo-btn .common-btn{display:block;margin-bottom:1rem;}
.cart .contents .cart-btns .save-btn{width:100%;max-width:18.75rem;margin:0 auto;text-align:center;}
.cart .contents .cart-btns .save-btn .common-btn{display:block;margin-bottom:1rem;}
.cart .contents .grp-title{width:100%;position:relative;margin-bottom:4rem;}
.cart .contents .common-btn.new-pjt{position:absolute;top:0;right:0;padding:0.65rem 1.25rem 0.65rem 2.75rem;z-index:2;}
.cart .contents .common-btn.new-pjt span{display:inline-block;position:relative;}
.cart .contents .common-btn.new-pjt span::before{content:'';background:url('../images/common/icon-bookmark.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);filter:brightness(0) invert(1);}
.cart .contents .common-btn.new-pjt:hover span::before{filter:none;}
.grp-order{width:100%;font-size:0;}
.grp-order .installation-detail{display:inline-block;vertical-align:top;width:calc(100% - 20rem);}
.grp-order .installation-detail h3,
.grp-order .installation-detail h4{color:#fff;margin-bottom:1.25rem;}
.grp-order .installation-detail .detail-field{width:100%;margin-bottom:0.5rem;}
.grp-order .installation-detail .detail-field .detail-name{display:inline-block;vertical-align:top;width:10rem;font-size:1rem;line-height:normal;color:#fff;}
.grp-order .installation-detail .detail-field .detail-input{display:inline-block;vertical-align:top;width:calc(100% - 10rem);font-size:1rem;line-height:normal;color:#fff;}
.grp-order .cart-total{display:inline-block;vertical-align:top;width:20rem !important;}
.grp-order .cart-total .grp-price{max-width:none;}
/* --- Checkout --- */
.checkout{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;}
.checkout .contents{width:calc(100% - 18vw);margin:0 auto;padding:10rem 9vw 2.5rem 9vw;}
.checkout .contents h2{color:#fff;text-align:center;margin-bottom:2rem;}
.checkout .contents h3{color:#fff;font-size:1.625rem;line-height:normal;margin-bottom:1.5rem;}
.checkout .contents h4{margin-bottom:1.5rem;}
.checkout .contents p{color:#fff;}
.checkout .contents .grp{width:100%;/*display:flex;flex-wrap:wrap;*/font-size:0;transform:translateY(18.75rem);animation:come-in 1.5s ease forwards;position:relative;overflow: visible;}
.checkout .contents .grp .installation-detail{/*width:calc(66.666% - 3rem);margin-right:3rem;*/width:calc(100% - 18vw);margin:0 auto;position:relative;/*display:inline-block;vertical-align:top;*/}
.checkout .contents .grp .installation-detail .signin{position:absolute;right:0;top:0.75rem;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-transform:uppercase;}
.checkout .contents .grp .order-detail{width:33.333%;display:inline-block;vertical-align:top;}
.checkout .contents .grp .order-detail .cart-prod{width:100%;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub{width:100%;margin-bottom:1rem;padding-bottom:1rem;font-size:0;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .prod-qty{font-size:1rem;line-height:normal;display:block;color:#fff;display:inline-block;vertical-align:top;width:3rem;} 
.checkout .contents .grp .order-detail .cart-prod .grp-sub .image{display:inline-block;vertical-align:top;width:4rem;margin-right:1rem;position:relative;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .image .prod{width:4rem;height:4rem;position:relative;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .image .prod img{width:100%;height:100%;object-fit:cover; display:block;border:1px solid rgba(255,255,255,0.15);}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .detail{display:inline-block;vertical-align:top;width:calc(100% - 13rem);}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .detail span{display:block;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .detail .prod-name{font-size:1rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .detail .prod-series{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;text-transform:uppercase;color:#fff;margin-bottom:0.1875rem;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .detail .prod-color{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;display:block;color:#fff;}
.checkout .contents .grp .installation-detail .add-address{display:block;text-align:left;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-decoration:none;text-transform:uppercase;margin:1.5rem 0 1.5rem 1.25rem;position:relative;}
.checkout .contents .grp .installation-detail .add-address::before{content:'';background:url('../images/products/icon-plus.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);}
.checkout .contents .grp .installation-detail .add-address.active::before{content:'';background:url('../images/products/icon-minus.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);}
.prod-color.black::before{background:#000 !important;}
.prod-color.silver::before{background:#CFCFCF !important;}
.prod-color.gold::before{background:#C5AA77 !important;}
.prod-color.rose::before{background:#E5AFB0 !important;}
.checkout .contents .grp .order-detail .cart-prod .grp-sub .prod-price{font-size:1rem;line-height:normal;display:block;color:#fff;text-align:right;display:inline-block;vertical-align:top;width:5rem;margin-left:1rem;} 
.checkout .contents .grp .order-detail .cart-total{width:100%;text-align:right;border-top:1px solid #fff;padding-top:1rem;}
.checkout .contents .grp .order-detail .cart-total .grp-price{width:100%;font-size:0;display:inline-block;}
.checkout .contents .grp .order-detail .cart-total .grp-price .title{display:inline-block;vertical-align:top;width:50%;font-size:1rem;line-height:normal;color:#fff;text-align:left;}
.checkout .contents .grp .order-detail .cart-total .grp-price .price{display:inline-block;vertical-align:top;width:50%;text-align:right;font-size:1rem;line-height:normal;color:#fff;}
.checkout .contents .grp .order-detail .cart-total .grp-price strong{font-weight:700;}
.checkout .contents .grp .cart-total .grp-price.grand-total .title{font-size:1.25rem;}
.checkout .contents .grp .cart-total .grp-price.grand-total .price{font-size:1.25rem;}
.checkout .contents .grp .order-detail .cart-total .common-btn{display:inline-block;width:calc(100% - 2rem);}
.checkout .cart-btns{width:100%;border-top:1px solid #fff;padding-top:1.5rem;}
.checkout .cart-btns .grp-btn{width:100%;max-width:18.75rem;margin:0 auto;text-align:center;}
.checkout .cart-btns .grp-btn .common-btn{display:block;margin-bottom:1rem;}
.checkout .cart-btns .divider{width:100%;max-width:18.75rem;margin:1.5rem auto 2rem auto;text-align:center;}
.time-slot{width:100%;font-size:0;}
.time-slot .slot-head{margin-bottom:1rem;}
.time-slot .slot-body{margin-bottom:1rem;}
.time-slot .sub-body{margin-bottom:0;height:0;overflow:hidden;}
.time-slot .sub-body .grp-check{margin-bottom:1rem;}
.time-slot .col{display:inline-block;vertical-align:top;width:calc(20% - 0.5rem);font-size:1rem;line-height:normal;color:#fff;text-align:center;padding:0 0.25rem;}
.time-slot .col .checkBoxStyle{display:inline;}
.time-slot .slot-head .col{font-weight:700;}
.time-slot .sub-body .grp-check .col:first-child{color:#cccccc;}
.time-slot .slot-body .col:first-child,
.time-slot .sub-body .col:first-child{text-align:left;width:calc(20% - 1rem);padding:0;margin-left:1rem;}
.time-slot .slot-body .slot-title{position:relative;cursor:pointer;}
.time-slot .slot-body .slot-title::before{content:'';background:url("../images/products/icon-plus.svg")no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;left:-1rem;top:0.1rem;}
.time-slot .slot-body .slot-title.active::before{content:'';background:url("../images/products/icon-minus.svg")no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;left:-1rem;top:0.1rem;}
.address-selection{width:calc(100% - 2rem - 2px);border:1px solid #fff;padding:0.615rem 1rem;}
.address-selection ul{width:100%;height:11rem;overflow-y:auto;}
.address-selection ul li::before{content:"";}
.scrollable-box{
  scrollbar-width: thin;/* Firefox */
  scrollbar-color: #000 #fff; /* thumb and track colors */
}
.scrollable-box::-webkit-scrollbar{
  width: 0.5rem; /* scrollbar width */
}
.scrollable-box::-webkit-scrollbar-track{
  background: #fff; /* track color */
  border-radius: 0.25rem;
}
.scrollable-box::-webkit-scrollbar-thumb{
  background-color: #000; /* handle color */
  border-radius: 0.25rem;
  border: 1px solid #fff; /* optional border */
}
.scrollable-box::-webkit-scrollbar-thumb:hover{
  background-color: #000; /* darker on hover */
}
.address-selection ul li{width:100%;display:block;font-size:0;padding:0.615rem 0;}
.address-selection ul li .radio-btn{display:inline-block;vertical-align:middle;width:2rem;}
.address-selection ul li .customer-detail{display:inline-block;vertical-align:middle;width:calc(100% - 7rem);}
.address-selection ul li .customer-detail .name{font-size:1rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.address-selection ul li .customer-detail .phone{font-size:0.875rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.address-selection ul li .customer-detail .email{font-size:0.875rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.address-selection ul li .customer-detail .address{font-size:0.875rem;line-height:normal;display:block;color:#fff;margin-bottom:0.1875rem;}
.address-selection ul li .action{display:inline-block;vertical-align:middle;width:4.5rem;padding-right:0.5rem;text-align:right;}
.address-selection ul li .action a{display:inline-block;margin-left:0.5rem;margin-top:0.65rem;}
.address-selection ul li .action a img{width:1rem;display:block;filter:brightness(0) invert(1);}
/* --- Payment --- */
.payment{width:100%;min-height:100vh;background:#171719;position:relative;}
.payment img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:50%;transform:translateY(-50%);}
/* --- Video Fullscreen --- */
.video-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;}
.video-fullscreen iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;transform:translate(-50%, -50%);}
.youtube-slide iframe{position:absolute;top:0;left:0;width:100vw;height:100vh;transform:none;}
.ytp-endscreen-content,
.ytp-ce-element,
.ytp-show-tiles,
.ytp-progress-bar-container,
.ytp-chrome-bottom{
  display: none !important;
}
/* --- Resources (Latest News) --- */
.latest-news{width:100%;position:relative;display:flex;align-items:center;background:#171719;}
.latest-news .contents{width:calc(100% - 18vw);margin:0 9vw;position:relative;z-index:2;position:relative;}
.latest-news .contents .common-btn{position:relative;margin:3rem auto 1rem auto;display:table;}
.latest-news .contents a{text-decoration:none;}
.latest-news .contents h2{color:#fff;text-align:center;margin-bottom:2rem;}
.latest-news .contents h4{color:#fff;text-align:left;margin-bottom:0.5rem;font-weight:400;}
.latest-news .contents p{color:#fff;text-align:left;}
.news-slider{width:calc(100% + 1.875rem);display:flex;flex-wrap:wrap;}
.news-slider .grp{width:calc(25% - 1.875rem);margin:0 1.875rem 1.875rem 0;}
.news-slider .grp a{display:block;width:100%;text-decoration:none;color:#fff;}
.news-slider .grp .image{width:100%;height:0;padding-top:70%;overflow:hidden;position:relative;margin-bottom:1rem;}
.news-slider .grp .image img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;top:0;left:0;transition:all 0.5s ease;}
.news-slider .grp:hover .image img{transform:scale(1.05);}
.news-slider .grp .detail{width:100%;font-size:0;position:relative;}
.news-slider .grp .detail h4{font-size:1.25rem;line-height:normal;display:table;color:#fff;margin-bottom:0.1875rem;position:relative;}
.news-slider .grp a .detail h4::after{content:"";display:inline-block;position:absolute;height:1px;bottom:-0.125rem;background:#fff;transform-origin:0 0;transition:transform 0.3s;transform:scaleX(0);width:100%;left:0;}
.news-slider .grp a:hover .detail h4::after{transform:scaleX(1);}
/* --- Resources (Document Library) --- */
.document-library{width:100%;position:relative;display:flex;align-items:center;background:#171719;}
.document-library .contents{width:calc(100% - 18vw);margin:1rem 9vw 0 9vw;position:relative;z-index:2;/*border-top:1px solid #fff;*/padding-top:2rem;}
.document-library .contents a{text-decoration:none;}
.document-library .contents h2{color:#fff;text-align:center;margin-bottom:2rem;}
.document-library .contents h3{color:#fff;text-align:left;margin-bottom:1.25rem;}
.document-library .contents h4{color:#fff;text-align:left;font-weight:400;font-size:1rem;line-height:normal;display:block;}
.document-library .contents p{color:#fff;font-size:0.75rem;letter-spacing:0.0625em;ltext-align:left;}
.document-library .document-list{width:calc(100% + 1.875rem);display:flex;flex-wrap:wrap;margin-bottom:2rem;}
.document-library .document-list .grp{width:calc(25% - 1.875rem);margin:0 1.875rem 1.875rem 0;}
.document-library .document-list .grp a{display:block;width:100%;}
.document-library .document-list .grp .image{width:100%;height:0;padding-top:70%;overflow:hidden;position:relative;margin-bottom:1rem;}
.document-library .document-list .grp .image img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;top:0;left:0;transition:all 0.5s ease;}
.document-library .document-list .grp:hover .image img{transform:scale(1.05);}
.document-library .document-list .grp .detail{width:100%;font-size:0;position:relative;}
.document-library .document-list .grp .detail h4{display:table;color:#fff;margin-bottom:0.1875rem;position:relative;}
.document-library .document-list .grp a .detail h4::after{content:"";display:inline-block;position:absolute;height:1px;bottom:-0.125rem;background:#fff;transform-origin:0 0;transition:transform 0.3s;transform:scaleX(0);width:100%;left:0;}
.document-library .document-list .grp a:hover .detail h4::after{transform:scaleX(1);}
.document-library .search-filter{width:100%;width:25rem;position:relative;margin:0 auto 2rem auto;}
.document-library .search-filter a{width:1.25rem;position:absolute;right:1rem;top:0.65rem;}
.document-library .search-filter a img{width:100%;display:block;}
/* --- Resources (FAQ Button) --- */
.faq-btn{width:100%;position:relative;display:flex;align-items:center;background:#171719;margin-bottom:2rem;}
.faq-btn .contents{width:calc(100% - 18vw);margin:1rem 9vw;position:relative;z-index:2;/*border-top:1px solid #fff;border-bottom:1px solid #fff;*/padding:1.5rem 0;text-align:center;}
.faq-btn .contents a{font-size:1.25rem;line-height:normal;color:#fff;position:relative;text-decoration:none;display:inline-block;}
.faq-btn .contents a::after{content:'';background:url('../images/common/icon-right.svg')no-repeat;background-size:100%;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:1rem;margin-top:0;}
/* --- Latest News Landing Page --- */
.latest-news-main{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;display:flex;}
.latest-news-main h2{color:#fff;margin-bottom:2rem}
.latest-news-main p{color:#fff;}
.latest-news-main .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.latest-news-main .common-btn{margin:0 auto;display:table;}
.news-list{width:calc(100% + 1.875rem);display:flex;flex-wrap:wrap;}
.news-list .grp{width:calc(25% - 1.875rem);margin:0 1.875rem 1.875rem 0;text-decoration:none;display:none;}
.news-list .grp .image{width:100%;height:0;padding-top:70%;overflow:hidden;position:relative;margin-bottom:1rem;}
.news-list .grp .image img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;top:0;left:0;transition:all 0.5s ease;}
.news-list .grp:hover .image img{transform:scale(1.05);}
.news-list .grp .detail{width:100%;font-size:0;position:relative;}
.news-list .grp .detail h4{font-size:1.25rem;line-height:normal;display:table;color:#fff;margin-bottom:0.1875rem;position:relative;}
.news-list .grp .detail h4::after{content:"";display:inline-block;position:absolute;height:1px;bottom:-0.125rem;background:#fff;transform-origin:0 0;transition:transform 0.3s;transform:scaleX(0);width:100%;left:0;}
.news-list .grp:hover .detail h4::after{transform:scaleX(1);}
.news-list .grp .detail p{color:#fff;}
.news-article{width:calc(100% - 18vw);padding:0 9vw 2.5rem 9vw;}
.news-article p,
.news-article ul,
.news-article ol{margin-bottom:1.5rem;}
.news-article li{color:#fff;}
.news-article img{width:100%;display:block;margin-bottom:1.5rem;}
/* --- Product Document Library Files --- */
.document-library-file{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;display:flex;}
.document-library-file .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.document-library-file h2{color:#fff;margin-bottom:1.5rem;}
.document-library-file h3{color:#fff;margin-bottom:1.25rem;}
.document-library-file .doc-list{width:100%;margin-bottom:1.5rem;}
.document-library-file .doc-list .grp{width:100%;font-size:0;padding:1rem 0;border-bottom:1px solid #fff;}
.document-library-file .doc-list .grp .icon{width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle;filter:brightness(0) invert(1);}
.document-library-file .doc-list .grp .icon.document{background:url("../images/common/icon-document.svg");background-size:100%;}
.document-library-file .doc-list .grp .icon.video{background:url("../images/common/icon-video.svg");background-size:100%;}
.document-library-file .doc-list .grp .description{display:inline-block;vertical-align:middle;width:calc(100% - 12rem);margin:0 1rem;}
.document-library-file .doc-list .grp .description .title{font-size:1rem;line-height:normal;color:#fff;}
.document-library-file .doc-list .grp .description .format{font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;}
.document-library-file .doc-list .grp .common-btn{display:inline-block !important;vertical-align:middle;width:5rem;}
/* --- FAQs --- */
.faqs{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;display:flex;}
.faqs .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.faqs h2{color:#fff;margin-bottom:1rem;}
.faqs p,
.faqs ul,
.faqs ol{color:#fff;margin-bottom:1.5rem;}
.faqs p:last-child{margin-bottom:0;}
.faqs li{color:#fff;}
.faqs h4{color:#fff;margin-bottom:0.5rem;font-weight:700;}
.faqs .accordion{margin-bottom:2rem;}
.faqs .accordion .acc-contents {
  width: calc(100% - 1.25rem) !important;
  padding: 0 0 0.625rem 1.25rem;
}
.faqs .divider{border-top:1px solid #fff;padding-top:1.5rem;}
/* --- Policies --- */
.policies{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;display:flex;}
.policies .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.policies p,
.policies ul{color:#fff;margin-bottom:1.5rem;}
.policies li{color:#fff;}
.policies h2{color:#fff;margin-bottom:1.5rem;}
.policies h4{color:#fff;margin-bottom:0.5rem;font-weight:700;}
/* --- User Reviews --- */
.user-reviews{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;display:flex;}
.user-reviews .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.user-reviews h2{color:#fff;margin-bottom:1rem;}
/* --- Contact & Assistance --- */
.contact-assistance{width:100%;min-height:calc(100vh - 5.5rem);background:#171719;position:relative;display:flex;}
.contact-assistance .contents{width:calc(100% - 18vw);padding:10rem 9vw 2.5rem 9vw;}
.contact-assistance h2{color:#fff;margin-bottom:1rem;}
/* ---Profile Information --- */
.profile-information{width:65%;}
.profile-information .personal-info{width:100%;}
.profile-information .pwd-setting{width:100%;margin:4rem 0;}
.profile-information .manage-addresses{width:100%;}
.profile-information .grp{width:100%;margin-bottom:1.25rem;}
.profile-information .grp .fname{display:inline-block;vertical-align:top;width:17.1875rem;color:#fff;font-weight:700;font-size: 1rem;}
.profile-information .grp .finput{display:inline-block;vertical-align:top;width:calc(100% - 550px);color:#fff;font-size: 1rem;}
.profile-information .grp .finput p{font-size: 1rem;}
.profile-information .grp .btn{display:inline-block;vertical-align:top;width:17.1875rem;text-align:right;}
.profile-information .grp .common-btn{width:11.125rem;}
.profile-information .MOBILE{display:none;}
/* ---Projects --- */
.projects{width:100%;}
.projects .project-list{width:100%;}
.projects .project-list .grp{width:calc(100% - 3.75rem);padding:1.875rem;border-radius:1.875rem;background:#565656;margin-bottom:1.25rem;position:relative;}
.projects .project-list .grp .title{margin-bottom:0.5rem;font-size:1.25rem;line-height:normal;font-weight:700;}
.projects .project-list .grp .title a{color:#fff;}
.projects .project-list .grp .items{margin-bottom:2rem;width:100%;}
.projects .project-list .grp .items .num{display:inline-block;vertical-align:middle;font-size:1rem;line-height:normal;border-right:1px solid #fff;margin-right:0.625rem;padding-right:0.625rem;font-weight:700;color:#fff;}
.projects .project-list .grp .items .date{display:inline-block;vertical-align:middle;font-size:1rem;line-height:normal;color:#d9d9d9;}
.projects .project-list .grp .items .date strong{font-weight:700;}
.projects .project-list .grp .status{width:100%;margin-bottom:2rem;font-size:0;}
.projects .project-list .grp .status p{margin-bottom:0;}
.projects .project-list .grp .status .left{display:inline-block;vertical-align:top;width:50%;}
.projects .project-list .grp .status .rgt{display:inline-block;vertical-align:top;width:50%;text-align:right;}
.projects .project-list .grp .status .rgt .amount{font-size:1.25rem;margin-bottom:0.625rem;}
.projects .project-list .grp .status .rgt p{font-size:0.75rem;}
.projects .project-list .grp .grp-bts{width:100%;}
.projects .project-list .grp .grp-bts .common-btn.btn-confirm,
.projects .project-list .grp .grp-bts .common-btn.btn-add{width:calc(40% - 2.5rem - 2px);}
.projects .project-list .grp .grp-bts .common-btn.btn-edit{width:calc(30% - 3.5rem - 2px);margin-left:1rem;}
.projects .project-list .grp .grp-bts .common-btn.btn-advice{width:calc(30% - 3.5rem - 2px);margin-left:1rem;}
.projects .project-list .grp .btn-delete{position:absolute;right:1.875rem;top:1.875rem;width:1.5rem;}
.projects .project-list .grp .btn-delete img{width:100%;display:block;filter:brightness(0) invert(1);}
.projects .project-list .grp .responsive-table{margin-bottom:2rem;}
.projects .project-list .grp .view-item{display:block;text-align:left;font-size:0.75rem;letter-spacing:0.0625em;line-height:normal;color:#fff;text-decoration:none;text-transform:uppercase;margin:2rem 0 2rem 1.25rem;position:relative;}
.projects .project-list .grp .view-item::before{content:'';background:url('../images/products/icon-plus.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);}
.projects .project-list .grp .view-item.active::before{content:'';background:url('../images/products/icon-minus.svg')no-repeat;background-size:100%;width:1rem;height:1rem;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);}
/**Project edit**/
.edit-title{position:relative;margin-bottom:2.5rem;}
.edit-title span{display:inline-block;position:relative;}
.edit-title span .edit-btn{width:1.25rem;margin:1rem auto;display:block;}
.edit-title span .edit-btn img{width:100%;display:block;filter:brightness(0) invert(1);}
/* ---Dashboard--- */
.projects.dashboard{margin-bottom:4rem;}
.projects.dashboard .grp{background:#d9d9d9;}
.projects.dashboard .grp .title{color:#565656;}
.projects.dashboard .grp .items .num,
.projects.dashboard .project-list .grp .items .date{color:#565656;margin-bottom:0;}
.projects.dashboard .project-list .grp .items .num{border-right:1px solid #565656;}
.profile .contents .grp{position:relative;}
.profile .contents .grp .logout-btn{position:absolute;right:0;top:0;}
.profile .contents .grp .logout-btn span{position:relative;display:inline-block;}
.profile .contents .grp .logout-btn span::after{content:'';background:url("../images/common/icon-logout.svg") no-repeat;background-size:100%;width:14px;height:14px;display:inline-block;vertical-align:middle;margin-left:10px;margin-top:-2px; filter:brightness(0) invert(1);}
.profile .contents .grp .logout-btn:hover span::after{filter:none;}
@media only screen and (max-width: 700px){
	.profile .contents .grp .logout-btn{position:relative;margin-bottom:20px;}
}
/*ERROR PAGE*/
.error-page{height:100vh;}
.error-page .grp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:400px;width:calc(100% - 50px);text-align:center;}
.error-code{font-size:96px !important;line-height:1 !important;font-weight:700;margin-bottom:20px;}
.error-page h2 {margin-bottom:20px !important;}
.error-page p{font-size: 15px;color: #fff;line-height: 1.6;margin-bottom:30px !important;}
.actions{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;}
@media only screen and (max-height: 600px){
                .error-page{height:600px;}
}