/* common */
.s_tit_l{font-size: 3rem; font-weight: 800;} /* font-size: 48px; */
.s_tit{font-size: 2.25rem; font-weight: 700; line-height: 122%;} /* font-size: 36px; */
.s_tit2{font-size: 1.875rem; font-weight: 700; line-height: 133%;} /* font-size: 30px; */
.txt_xxl{font-size: 1.5rem; line-height: 1.4;} /* font-size: 24px; */
.txt_xl{font-size: 1.375rem; line-height: 1.45;} /* font-size: 22px; */
.txt_l{font-size: 1.25rem; line-height: 1.5;} /* font-size: 20px; */
.txt_m{font-size: 1.125rem; line-height: 1.55;} /* font-size: 18px; */
.txt_s{font-size: 1rem; line-height: 1.6;} /* font-size: 16px; */
.txt_xs{font-size: 0.875rem; line-height: 1.7;} /* font-size: 14px; */
.mt20{margin-top: 1.25rem;}
.mt30{margin-top: 1.875rem;}
.mt40{margin-top: 2.5rem;}
.mt50{margin-top: 3.125rem;}
.mt60{margin-top: 3.75rem;}
.mt80{margin-top: 5rem;}
.c800, .c800 *{color: #000;}
.c700, .c700 *{color: #6D6D6D;}
.c600, .c600 *{color: #8E8E8E;}
.c100, .c100 *{color: #FFF;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
#sub_content .section + .section{margin-top: 7.5rem;}
#sub_content .has_bg{padding: 7.5rem 0; background: #F6F6F6;}
.inner.flex-row{display: flex;}
.inner.flex-row > div:first-child{width: 32.2%; padding-right: 2rem;}
.inner.flex-row > div:last-child{width: 67.8%;}
.img_box{padding: 2.5rem; border: 1px solid #E3E3E3; background: #FFF; text-align: center;}
.num_list li{display: flex; align-items: flex-start; gap: 0.5rem;}
.num_list li + li{margin-top: 1rem;}
.num_list li .num{font-size: 0.75rem; font-weight: 500; color: #FFF !important; width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 50%; font-family: var(--f-pop) !important; text-align: center; margin-top: 0.25rem;}
.num_list li .txt{width: calc(100% - 1.25rem - 0.5rem);}
.dot{position: relative; padding-left: 0.5rem;}
.dot::before{content: ''; display: block; width: 3px; height: 3px; background: #6D6D6D; border-radius: 50%; position: absolute; left: 0; top: 0.65rem;}

/* visual */
.sub_visual_wrap{position:relative;}
.sub_visual{height: 36.25rem; position:relative; background:url(/img/sub/sub_vis01.jpg) no-repeat center / cover; overflow: hidden; z-index: 1;}
.sub_visual.product,
.sub_visual.support{background-image:url(/img/sub/sub_vis02.jpg);}
.sub_visual.technology{background-image:url(/img/sub/sub_vis03.jpg);}
.sub_visual.showroom{background-image:url(/img/sub/sub_vis04.jpg);}
.sub_visual.lavatory{background-image:url(/img/sub/lavatory_vis01.jpg);}
.sub_visual .la_swiper{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.sub_visual .la_swiper .swiper-wrapper,
.sub_visual .la_swiper .swiper-slide{height: 100%;}
.sub_visual .la_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.07); transition: all 3s ease;}
.sub_visual .la_swiper .swiper-slide-active img{transform: scale(1);}
.sub_vis_txt{width:100%; margin: 0 auto; color:#fff; position:absolute; top: 11.44rem; left: 0; text-align: center;}
.sub_vis_txt h2{font-size: 3.5625rem; font-weight: 700; line-height: 112%;}
.sub_vis_txt p{font-size: 1.25rem; margin-top: 0.75rem; line-height: 1.45;}
.sub_vis_txt .more_btn{width: 9.375rem; padding: 0.75rem 0; display: inline-block; border: 1px solid #FFF; transition: all 0.3s ease;}
.sub_vis_txt .more_btn:hover{background: #FFF; color: #000 !important;}

/* sub menu */
.sub_menu{position: absolute; top: 30.0625rem; left: 50%; transform: translateX(-50%); z-index: 100;}
.sub_menu > ul{display: flex; align-items: flex-start; gap: 1rem;}
.sub_menu > ul > li{position: relative;}
.sub_menu > ul > li > a {display: flex; align-items: center; height: 3.6875rem; border-radius: 100px; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(5px); transition: all 0.3s;}
.sub_menu > ul > li > a:hover{background: #000;}
.sub_menu > ul > li.home > a {aspect-ratio: 1/1; justify-content: center;}
.sub_menu > ul > li.home > a img{width: 1.25rem;}
.sub_menu > ul > li.menu_btn{position: relative;}
.sub_menu > ul > li.menu_btn::before{content: ''; display: block; background: #000; width: 100%; height: 0; border-radius: 1.25rem; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.3s; opacity: 0;}
.sub_menu > ul > li.menu_btn.on::before{height: 100%; opacity: 1;}
.sub_menu > ul > li.menu_btn > a{color: #FFF; min-width: 21.25rem; font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 150%; font-weight: 700; padding: 1rem 1.875rem; justify-content: space-between; gap: 0.625rem;}
.sub_menu > ul > li.menu_btn > a i{width: 1.25rem; aspect-ratio: 1/1; background: url(/img/sub/sub_menu_arrow.svg) no-repeat center / contain; transition: all 0.3s;}
.sub_menu > ul > li.menu_btn.on > a{background: #000;}
.sub_menu > ul > li.menu_btn.on > a i {transform: rotate(-180deg);}
.sub_menu_txt {margin-top: 1.25rem; padding: 0 1.875rem 1.5rem; display: none; opacity: 0; transition: opacity 0.2s;}
.sub_menu > ul > li.menu_btn.on .sub_menu_txt{opacity: 1;}
.sub_menu_txt li + li{margin-top: 1rem;}
.sub_menu_txt li a {font-size: 1rem; color: #fff; font-weight: 600; letter-spacing: -0.025rem; line-height: 150%;}
.sub_menu_txt li a:hover{text-decoration: underline;}

/* common */
#sub_content{margin-top: 6.25rem;}
.sub_inner{max-width: 102.5rem; padding: 0 1.25rem; margin:0 auto;}
.sub_title{margin-bottom: 4.375rem; text-align:center;}
.sub_title img{width: 2.75rem; margin-bottom: 1.25rem; display: inline-block;}
.sub_title h3{font-size: 2.8125rem; line-height: 115%; font-weight: 500;}

/* product list */
.pro_list{display: flex; align-items: flex-start; gap: 4.375rem;}
.pro_list .filter_wrap{width: 18.75%;}
.pro_list .search{position: relative;}
.pro_list .search input{padding: 0.75rem 0; padding-right: 2rem; width: 100%; display: block; border: none !important; border-bottom: 1px solid #000 !important; box-shadow: none !important; font-size: 1rem; line-height: 150%;}
.pro_list .search input::placeholder{color: #8E8E8E;}
.pro_list .search .submit{width: 1.25rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: none; background: none;}
.pro_list .search .submit img{display: block;}
.pro_list .filter_wrap .reset_wrap{margin: 1.875rem 0 0.75rem; text-align: right;}
.pro_list .filter_wrap .reset_btn{padding: 0.25rem 0.75rem; display: inline-flex; align-items: center; gap: 0.25rem; border-radius: 50px; border: 1px solid #000; opacity: 0.7; font-size: 0.75rem; letter-spacing: -0.025rem; line-height: 1.33; font-weight: 500; cursor: pointer;}
.pro_list .filter_wrap .reset_btn img{width: 0.625rem;}
.pro_list .filter_wrap .list{border-top: 1px solid #E7E7E7;}
.pro_list .filter_wrap .list .depth .tit{align-items: center; position: relative;}
.pro_list .filter_wrap .list .depth .tit .flex-ac{gap: 0.5rem; max-width: 90%; /* width: 100%; */}
.pro_list .filter_wrap .list .depth .tit .icon{content: ''; display: block; width: 1.25rem; aspect-ratio: 1/1; background: url(/img/sub/filter_plus.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.pro_list .filter_wrap .list .depth.on > .tit .icon{background-image: url(/img/sub/filter_minus.svg);}
.pro_list .filter_wrap .list .depth .tit .check{width: 1rem; aspect-ratio: 1/1; background: url(/img/sub/radio.svg) no-repeat center / contain; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.pro_list .filter_wrap .list .depth .tit .check:checked{background-image: url(/img/sub/radio_chk.svg);}
.pro_list .filter_wrap .list .depth .tit label{display: block; width: calc(100% - 1.5rem);}
.pro_list .filter_wrap .list .depth .cont{display: none;}
.pro_list .filter_wrap .list .dep1 > .tit{padding: 1.25rem 0; font-size: 1.125rem; line-height: 156%; font-weight: 600; border-bottom: 1px solid #E7E7E7;}
.pro_list .filter_wrap .list .dep1.on > .tit{border-color: #000;}
.pro_list .filter_wrap .list .dep1 > .cont{border-bottom: 1px solid #E7E7E7;}
.pro_list .filter_wrap .list .dep2 > .tit{padding: 1rem; padding-right: 0 !important; font-size: 1rem; line-height: 150%; color: #6D6D6D;}
.pro_list .filter_wrap .list .dep3{padding: 1.5rem 1.75rem; background: #F8F8F8;}
.pro_list .filter_wrap .list .dep3 ul li{display: flex; align-items: flex-start; gap: 0.625rem;}
.pro_list .filter_wrap .list .dep3 ul li + li{margin-top: 1rem;}
.pro_list .filter_wrap .list .dep3 ul li input{width: 1rem; aspect-ratio: 1/1; display: block; background: url(/img/sub/checkbox.svg) no-repeat center / contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 0.15rem;}
.pro_list .filter_wrap .list .dep3 ul li input:checked{background-image: url(/img/sub/checkbox_chk.svg);}
.pro_list .filter_wrap .list .dep3 ul li label{font-size: 0.875rem; line-height: 143%; color: #6D6D6D; display: block; width: calc(100% - 1.625rem);}
.pro_list .list_wrap{width: calc(81.25% - 4.375rem);}
.pro_list .list_wrap .list{display: flex; flex-wrap: wrap; gap: 3.125rem 1.875rem;}
.pro_list .list_wrap .list li{width: calc((100% - (1.875rem * 2)) / 3);}
.pro_list .list_wrap .list li a{display: flex; flex-direction: column; gap: 1.875rem;}
.pro_list .list_wrap .list li a .img{aspect-ratio: 1/1; border: 1px solid #D9D9D9; overflow: hidden;}
.pro_list .list_wrap .list li a .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.pro_list .list_wrap .list li:hover a .img img{transform: scale(1.1);}
.pro_list .list_wrap .list li a .txt{display: flex; flex-direction: column; gap: 0.5rem;}
.pro_list .list_wrap .list li a .txt span{width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pro_list .list_wrap .list li a .txt .tit{font-size: 1.5rem; line-height: 133%; font-weight: 600;}
.pro_list .list_wrap .list li a .txt .tit2{font-size: 1.125rem; line-height: 156%; font-weight: 600;}
.pro_list .list_wrap .list li a .txt .desc{font-size: 1rem; line-height: 150%; color: #6D6D6D;}

/* pagination */
.paging_wrap {margin-top: 3.125rem; display: flex; align-items: center; justify-content: center; gap: 1.5rem;}
.paging_wrap a img {height: 1.25rem;}
.paging_wrap ol {display: flex; align-items: center; justify-content: center; gap: 1.5rem; padding: 0; margin: 0;}
.paging_wrap ol a {font-size: 1.125rem; font-weight: 400; color: #999; font-family: var(--f-pre);}
.paging_wrap ol a.this {color: #000; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}

/* product view */
.sub_wrap .section.gr_bg{padding: 7.5rem 0; background: #F6F6F6;}
.sub_wrap .section + .section{margin-top: 7.5rem;}
.pro_view .s_tit{margin-bottom: 3.125rem;}
.pro_view .txt_m{line-height: 156%; font-weight: 600;}
.pro_view .txt_s{line-height: 150%; color: #6D6D6D;}
.line_tit{padding-bottom: 1.25rem; border-bottom: 1px solid #000;}
.dot_list li{position: relative; padding-left: 0.875rem;}
.dot_list li + li{margin-top: 0.5rem;}
.dot_list li::before{content: ''; display: block; width: 4px; height: 4px; background: #6D6D6D; border-radius: 50%; position: absolute; left: 0; top: 0.65rem;}
.pro_view .info .wrap{gap: 5rem; align-items: flex-start;}
.pro_view .info .thumb{width: 45.625%; border: 1px solid #D9D9D9; position: relative;}
.pro_view .info .thumb .swiper-slide{aspect-ratio: 1/1;}
.pro_view .info .thumb .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.pro_view .info .thumb .arrow div{position: absolute; top: 50%; transform: translateY(-50%); width: 3.35938rem; cursor: pointer; z-index: 5;}
.pro_view .info .thumb .arrow div img{width: 100%;}
.pro_view .info .thumb .arrow .prev{left: 0;}
.pro_view .info .thumb .arrow .next{right: 0;}
.pro_view .info .thumb .pagination{position: absolute; bottom: 1.875rem; left: 50%; transform: translateX(-50%); z-index: 5; display: flex; justify-content: center; align-items: center; gap: 1rem;}
.pro_view .info .thumb .pagination .swiper-pagination-bullet{width: 0.75rem; height: auto; aspect-ratio: 1/1; background: #D9D9D9; margin: 0; opacity: 1;}
.pro_view .info .thumb .pagination .swiper-pagination-bullet-active{background: #000;}
.pro_view .info .txt{padding-top: 5rem; width: calc(54.375% - 5rem);}
.pro_view .info .txt .s_tit{font-weight: 600; margin-bottom: 0;}
.pro_view .info .txt .tit2{margin: 1.25rem 0; font-size: 1.25rem; line-height: 150%;}
.pro_view .info .txt .awards{margin-top: 4.375rem; flex-wrap: wrap;}
.pro_view .info .txt .awards .cont{margin-top: 1.625rem; flex-wrap: wrap; gap: 0.75rem 1.25rem;}
.pro_view .info .txt .awards .cont img{height: 3.125rem;}
.pro_view .info .spec{margin-top: 3.75rem;}
.pro_view .info .spec .cont{margin-top: 2rem;}
.pro_view .info .spec .cont .tit{font-size: 1.5rem; line-height: 133%; font-weight: 600; margin-bottom: 1.75rem;}
.pro_view .info .spec .cont .list{flex-wrap: wrap; gap: 1.5rem;}
.pro_view .info .spec .cont .list dl{width: calc((100% - (1.5rem * 2)) / 3); display: flex; gap: 1rem;}
.pro_view .info .spec .cont .list dl dt{width: 12.8125rem;}
.pro_view .info .spec .cont .list dl dd{width: calc(13.8125rem);}
.pro_view .info .spec .cont .list dl dd .cl{gap: 0.75rem;}
.pro_view .info .spec .cont .list dl dd .cl img{width: 1.5625rem;}
.pro_view .tech_list .swiper{gap: 0 !important;}
.pro_view .tech_list .swiper.on .swiper-wrapper{justify-content: center;}
.pro_view .tech_list .swiper-slide{margin-right: 1.875rem;}
.pro_view .tech_list .swiper-slide:last-child{margin-right: 0 !important;}
.swiper .control{margin: 1.875rem auto 0; display: flex; justify-content: center; align-items: center; gap: 1.25rem;}
.swiper .control .scrollbar{width: 28.125rem; height: 0.1875rem; background: rgba(0, 0, 0, 0.10);}
.swiper .control .scrollbar .swiper-scrollbar-drag{background: #000;}
.swiper .control .arrow{display: flex; align-items: center;}
.swiper .control .arrow div{width: 3.125rem; aspect-ratio: 1/1; cursor: pointer; transition: all 0.3s;}
.swiper .control .arrow div img{width: 100%;}
.swiper .control .arrow div.swiper-button-disabled{opacity: 0.25;}
.swiper .control .arrow .line{width: 1px; height: 1.25rem; background: #E7E7E7; display: block;}
.pro_view .down .list{display: flex; flex-wrap: wrap; gap: 1.5625rem;}
.pro_view .down .list .item{width: calc((100% - (1.5625rem * 4)) / 5); padding: 1.875rem 2.5rem; border: 1px solid  #E7E7E7;}
.pro_view .down .list .item .cate{font-size: 0.75rem; font-weight: 700; font-family: var(--f-pre);}
.pro_view .down .list .item .txt_m{margin: 0.9375rem 0 1.0625rem; font-family: var(--f-pre);}
.pro_view .down .list .item a{font-size: 0.875rem; font-weight: 700; color: #FFF; padding: 0.75rem 0.625rem; background: #000; display: inline-flex; align-items: center; justify-content: center; width: 100%; gap: 0.625rem;}
.pro_view .down .list .item a img{width: 1.25rem;}
 
/* technology list */
.tech_list .list{display: flex; flex-wrap: wrap; gap: 1.875rem;}
.tech_list .list li{width: calc((100% - (1.875rem * 3)) / 4); border: 1px solid #BEBEBE; background: #FFF;}
.tech_list .list li.no_data{border-left: none; border-right: none; border-top: 2px solid #000; border-bottom: 1px solid #000;}
.tech_list .list li a{padding: 2.25rem 2.5rem; display: flex; flex-direction: column;}
.tech_list .list li a .icon{width: 2.75rem; aspect-ratio: 1/1;}
.tech_list .list li a dl{margin: 1.25rem 0;}
.tech_list .list li a dl dt{font-size: 1.5rem; font-weight: 600; line-height: 133%;}
.tech_list .list li a dl dd{margin-top: 0.5rem; font-size: 1.125rem; line-height: 156%; color: #6D6D6D; min-height: 5.25rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tech_list .list li a .view{font-size: 0.875rem; line-height: 156%; display: inline-flex; align-items: center; gap: 0.25rem;}
.tech_list .list li a .view i{width: 1rem; aspect-ratio: 1/1; background: url(/img/sub/tech_view_arrow.svg) no-repeat center / contain;}
.tech_list .list li a .img{margin-top: 1.875rem; aspect-ratio: 59/34; overflow: hidden;}
.tech_list .list li a .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.tech_list .list li:hover a .img img{transform: scale(1.15);}

/* technology view */
.tech_view .s_tit2{font-size: 1.25rem; line-height: 150%; font-weight: 600;}
.tech_view .sec1 .inner{gap: 5rem; align-items: flex-start;}
.tech_view .sec1 .img{aspect-ratio: 59/34; width: 48.75%;}
.tech_view .sec1 .img img{width: 100%; height: 100%; object-fit: cover;}
.tech_view .sec1 .txt{width: calc(51.25% - 5rem);}
.tech_view .sec1 .txt dl{margin: 2.5rem 0 3.125rem;}
.tech_view .sec1 .txt dl dt{margin-bottom: 1.25rem;}
.tech_view .sec1 .txt .share{gap: 1.5rem;}
.tech_view .sec1 .txt .share .flex{gap: 0.5rem;}
.tech_view .sec1 .txt .share a{width: 1.875rem; display: block;}
.tech_view .sec1 .txt .share a img{width: 100%;}
.tech_view .sec2{position: relative; z-index: 1;}
.tech_view .sec2::before{content: ''; display: block; width: 45.6875rem; aspect-ratio: 30/7; background: url(/img/sub/tech_bg_logo.svg) no-repeat center / contain; position: absolute; left: 0; bottom: 13.715rem;}
.tech_view .sec2 .video_wrap{width: 67.8125%;}
.tech_view .sec2 .video{width: 100%; position: relative; padding-top: 56.25%;}
.tech_view .sec2 .video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tech_view .sec3{width: 100%; display: block;}
.tech_view .sec3 .inner{width: 100%;}
.tech_view .sec3 .swiper-slide{margin-right: 1.875rem; width: calc((100% - (1.875rem * 3)) / 4);}
.tech_view .sec3 .swiper-slide:last-child{margin-right: 0;}

/* about */
.about .sec1 .title p{margin-top: 0.75rem;}
.about .sec1 .cont .img img{width: 100%;}
.about .sec1 .cont .table_wrap{border-top: 2px solid #000;}
.about .sec1 .cont .table_wrap dl{border-bottom: 1px solid #E3E3E3; display: flex; align-items: flex-start; padding: 1.5rem 0;}
.about .sec1 .cont .table_wrap dt{text-align: left; width: 16.125rem; font-weight: 700; line-height: 1.3;}
.about .sec1 .cont .table_wrap dt p{font-weight: 400;}
.about .sec1 .cont .table_wrap dd{width: calc(100% - 16.125rem);}
.about .sec2{position: relative; z-index: 1;}
.about .sec2::after{content: ''; display: block; width: 45.6875rem; aspect-ratio: 103/24; opacity: 0.03; background: url(/img/main/logo.svg) no-repeat center / contain; filter: invert(1); position: absolute; top: 5.5rem; right: 4.875rem; z-index: -1;}
.about .sec2 .list{margin-top: 3.125rem; gap: 1.25rem;}
.about .sec2 .list li{flex: 1; background: #FFF; padding: 2.5rem 2.4375rem;}
.about .sec2 .list li strong{position: relative;}
.about .sec2 .list li strong::after{content: ''; display: block; width: 2.5rem; height: 0.1875rem; background: #000; margin-top: 1.125rem;}
.about .sec2 .list li .cont{margin-top: 2.5rem;}
.about .sec2 .list li .cont.flex{flex-wrap: wrap; gap: 0 3rem;}
.about .sec2 .list li .cont.flex p:nth-of-type(odd){width: 16.75rem;}
.about .sec2 .list li .cont.flex p:nth-of-type(even){width: calc(100% - 16.75rem - 3rem);}
.about .sec3 .txt_xxl{font-weight: 500;}
.about .sec3 .img_box{gap: 3.75rem;}
.about .sec3 .img_box img{width: 46%; display: block;}
.about .sec3 .img_box .num_list{text-align: left; font-weight: 500; width: calc(54% - 3.75rem);}
.about .sec4 p{font-weight: 500;}
.about .sec4 .list{margin-top: 1.25rem;}
.about .sec4 .list li{padding: 2rem; background: #FFF; border-left: 2px solid #000;}
.about .sec4 .list li + li{margin-top: 1rem;}
.about .sec5 .txt_xxl{font-weight: 500;}
.about .sec5 .num_list li + li{margin-top: 1.25rem;}
.about .sec5 .num_list .txt_m{font-weight: 500;}
.about .sec5 .num_list .txt_s{margin-top: 0.5rem;}
.about .sec6 .item{display: flex; flex-direction: column; gap: 1.25rem;}
.about .sec6 .item .txt_l{font-weight: 600;}
.about .sec6 .item .txt_xxl{font-weight: 500;}
.about .sec6 .item1 .img{position: relative;}
.about .sec6 .item1 .img span{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 500; width: max-content; text-align: center;}
.about .sec7 .img_box{padding: 2rem 2.5rem; text-align: left;}
.about .sec7 .img_box b{display: block; font-size: 0.75rem; margin-bottom: 0.9375rem;}
.about .sec7 .img_box .txt_xxl{font-weight: 700; letter-spacing: -0.045rem; line-height: 1.4;}
.about .sec7 .img_box .down_btn{color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; width: 13.75rem; padding: 0.75rem 0; background: #000; font-weight: 700;}
.about .sec7 .img_box .down_btn img{width: 1.25rem;}

/* CLEANLINESS AND COMFORT */
.purpose .banner{height: 37.5rem; position: relative;}
.purpose .banner img{width: 100%; height: 100%; object-fit: cover;}
.purpose .banner dl{position: absolute; left: 0; right: 0; bottom: 6.25em;}
.purpose .banner dl dd{margin-top: 1.875rem;}
.purpose .sec1 .title p{margin: 3.125rem 0;}
.purpose .sec1 .img_box{padding: 3.75rem;}
.purpose .sec1 .sdg_list{display: flex; justify-content: center; align-items: center; gap: 2rem;}
.purpose .sec1 .sdg_list li{max-width: 16.25rem; flex: 1;}
.purpose .sec1 .sdg_list li img{width: 100%;}
.comfort .sec2 .img{position: relative;}
.comfort .sec2 .img span{position: absolute; left: 5.3125rem; top: 50%; transform: translateY(-50%);}
.list_style{display: flex; gap: 1.25rem;}
.list_style li{flex: 1;}
.list_style li .img{margin-bottom: 1.25rem;}
.list_style li img{width: 100%;}
.comfort .sec2 .list_style dt{font-weight: 700; letter-spacing: -0.045rem;}
.comfort .sec2 .list_style dd{margin-top: 0.5rem;}
.purpose .goal{display: flex; text-align: center;}
.purpose .goal .item{flex: 1;}
.purpose .goal .item .tit{padding: 1.25rem 0; border-top: 2px solid #000; border-bottom: 1px solid #000; font-weight: 700;}
.purpose .goal .item .cont > div{height: 10.0625rem; display: flex; align-items: center; justify-content: center; gap: 0.875rem; border-right: 1px solid #E3E3E3; padding: 0 1rem;}
.purpose .goal .item .cont > div .flex{display: flex; align-items: center; gap: 0.875rem;}
.purpose .goal .item .cont > div + div{border-top: 1px solid #E3E3E3;}
.purpose .goal .item .cont > div strong{font-size: 4rem; line-height: 1; font-weight: 600; font-family: var(--f-pop) !important;}
.purpose .goal .item .cont > div .per{font-size: 2.5rem; line-height: 1; font-family: var(--f-pop) !important;}
.purpose .goal .item .cont > div .txt_xxl{font-weight: 500;}
.purpose .goal .item .cont > div:last-of-type{border-bottom: 1px solid #000;}
.purpose .goal .item3{position: relative;}
.purpose .goal .item3::after{content: ''; display: block; width: 100%; height: 100%; border: 4px solid #004098; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.30); position: absolute; left: 0; top: 0;}
.purpose .goal .item3 *{color: #004098;}
.purpose .goal .item3 .cont div{border-right: none;}

/* ENVIRONMENT */
.env .video{position: relative; width: 100%; padding-top: 56.25%;}
.env .video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.env .sec3 .item2 .img{border: 1px solid #E3E3E3;}
.env .sec4 .cont{gap: 5%;}
.env .sec4 .cont .img{width: 49.375%;}
.env .sec4 .cont .img img{width: 100%;}
.env .sec4 .cont .img p{margin-top: 0.625rem;}
.env .sec4 .cont .txt{width: 45.625%;}
.env .sec4 .cont .txt .env_btn{width: 20rem; padding: 0.75rem 0; background: #000; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem;}
.env .sec4 .cont .txt .env_btn img{width: 1.25rem;}

/* CLEAN SYNERGY */
.fancybox{position: relative;}
.fancybox .play_btn{width: 6.25rem; aspect-ratio: 1/1; background: url(/img/sub/play_btn.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fancybox .thumb_txt{position: absolute; left: 3.125rem; right: 3.125rem; bottom: 3.125rem;}
.fancybox .thumb_txt img{width: 5rem;}
.fancybox .thumb_txt span{display: block;}
.fancybox .thumb_txt .title{font-size: 3.5rem; line-height: 1;}
.fancybox .thumb_txt span:last-of-type{opacity: 0.6;}
.toggleList{border-top: 2px solid #000;}
.toggleList > li > .tit{position: relative; padding: 1.25rem; cursor: pointer; display: flex; align-items: center; gap: 0.75rem; border-bottom: 1px solid #E3E3E3;}
.toggleList > li > .tit::after{content: ''; display: block; width: 2.75rem; aspect-ratio: 1/1; background: url(/img/sub/clean2_arrow.svg) no-repeat center / contain; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.toggleList > li.on > .tit::after{transform: translateY(-50%) rotate(-180deg);}
.toggleList > li > .cont{padding: 2.5rem 1.25rem; border-bottom: 2px solid #000; display: none;}
.clean .item_wrap .item{display: flex; align-items: center; gap: 2.5rem;}
.clean .item_wrap .item + .item{margin-top: 2.5rem;}
.clean .item_wrap .item .img{width: 38.27%;}
.clean .item_wrap .item .img img{width: 100%;}
.clean .item_wrap .item > .txt{width: calc(61.73% - 2.5rem); display: flex; flex-direction: column; gap: 0.625rem;}
.clean .item_wrap .item > .txt .num_list li .num{margin-top: 0.35rem;}
.clean .process_wrap{display: flex; align-items: center; justify-content: space-between; gap: 0.4375rem;}
.clean .process_wrap .box{display: flex; flex-direction: column; align-items: center; gap: 1.375rem; width: 14.4375rem; padding: 2rem 1.125rem; background: #FFF;}
.clean .process_wrap .box .top{display: flex; flex-direction: column; align-items: center; gap: 0.5rem;}
.clean .process_wrap .box .top img{width: 5.875rem;}
.clean .process_wrap .box .bot{display: flex; flex-direction: column; align-items: center; gap: 0.75rem;}
.clean .process_wrap .arrow{width: 1.625rem;}
.clean .item_wrap2 .process_wrap .box .bot span{display: block; min-height: 3.25rem;}
.clean .item_wrap2 .item2 .txt_s{margin-top: 0.625rem;}
.toggleList li:last-child .process_wrap .box .bot span{display: block; min-height: 4.875rem;}
.list_style .icon{display: flex; gap: 0.625rem;}
.list_style .icon img{width: 2.125rem;}
.list_prd{display: flex; flex-wrap: wrap;}
.list_prd li{position: relative; width: 50%; overflow: hidden;}
.list_prd li:nth-child(n+3){width: 33.33%;}
.list_prd li a{display: block;}
.list_prd li img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; transform: scale(1.01);}
.list_prd li:hover img{transform: scale(1.1);}
.list_prd li span{position: absolute; left: 1.875rem; right: 1.875rem; bottom: 1.875rem;}
.list_style2{display: flex; gap: 0.625rem;}
.list_style2 li{flex: 1; position: relative; overflow: hidden;}
.list_style2 li a{display: block;}
.list_style2 li a img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.list_style2 li:hover a img{transform: scale(1.1);}
.list_style2 li a span{position: absolute; left: 2.5rem; right: 2.5rem; bottom: 2.5rem;}

/* LET'S WASH */
.wash .banner{position: relative; height: 30rem;}
.wash .banner img{width: 100%; height: 100%; object-fit: cover;}
.wash .banner dl{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.wash .banner dl dd a{display: inline-flex; align-items: center; gap: 0.25rem;}
.wash .banner dl dd a img{width: 1rem; margin-top: -0.1rem;}

/* TOUCHLESS */
.touch_list{display: flex; gap: 2.5rem;}
.touch_list li{flex: 1; position: relative;}
.touch_list li .img{width: 100%;}
.touch_list li .point{position: absolute;}
.touch_list li .point .pin{width: 1.125rem; cursor: pointer;}
.touch_list li .point .card{position: absolute; top: 2.5em; left: 50%; transform: translateX(-50%); min-width: 15.1875rem; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 10;}
.touch_list li .point:hover .card{opacity: 1; visibility: visible;}
.touch_list li.item1 .point1{left: 393px; bottom: 151px;}
.touch_list li.item1 .point2{left: 458px; bottom: 211px;}
.touch_list li.item1 .point3{left: 491px; bottom: 222px;}
.touch_list li.item1 .point4{left: 575px; bottom: 235px;}
.touch_list li.item1 .point5{left: 599px; bottom: 235px;}
.touch_list li.item2 .point1{left: 70px; bottom: 207px;}
.touch_list li.item2 .point2{left: 94px; bottom: 207px;}
.touch_list li.item2 .point3{left: 159px; bottom: 185px;}
.touch_list li.item2 .point4{left: 366px; bottom: 199px;}

/* DESIGN */
.design .sec1{aspect-ratio: 12/5;}
.design .sec1 video{width: 100%; height: 100%; object-fit: cover;}
.design .txt_swiper .swiper-wrapper{transition-timing-function: linear;}
.design .txt_swiper .swiper-slide{font-size: 7.5rem; font-weight: 600; line-height: 1; opacity: 0.05; width: max-content; margin-right: 1.5rem;}
.design .sec3 .item{border-bottom: 1px solid #E3E3E3; padding: 3.75rem 0; display: flex; gap: 6.5rem;}
.design .sec3 .item1{border-top: 1px solid #E3E3E3;}
.design .sec3 .item > .txt{width: 30.75%;}
.design .sec3 .item > .txt .num{font-size: 3.75rem; font-weight: 500; line-height: 1; opacity: 0.05;}
.design .sec3 .item .swiper{width: calc(69.25% - 6.5rem);}
.design .sec3 .item .swiper dd{margin-top: 0.625rem;}
.design .sec4 .cont .flex-ac{gap: 2.5rem;}
.design .sec4 .cont .flex-ac img{width: 10.625rem;}
.design .sec4 .cont .flex-ac .txt{width: calc(100% - 2.5rem - 10.625rem);}
.design .sec4 .cont .img_box{border: none; text-align: left;}
.design .sec4 .cont .img_box .swiper-slide{display: flex; align-items: center; gap: 3rem;}
.design .sec4 .cont .img_box .swiper-slide .img{width: 44.8%;}
.design .sec4 .cont .img_box .swiper-slide .img img{width: 100%;}
.design .sec4 .cont .img_box .swiper-slide .txt{width: calc(55.2% - 3rem);}
.design .sec4 .cont .img_box .pagination{display: flex; justify-content: center; gap: 1rem;}
.design .sec4 .cont .img_box .pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem; background: #D9D9D9; opacity: 1; margin: 0;}
.design .sec4 .cont .img_box .pagination .swiper-pagination-bullet-active{background: #000;}
.design .sec5 .btn_wrap{display: flex; justify-content: center; gap: 0.6875rem;}
.design .sec5 .btn_wrap a{width: 20rem; background: #000; display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 0; gap: 0.625rem;}
.design .sec5 .btn_wrap a img{margin-top: -0.15rem;}
.design .sec5 .wrap{display: flex; align-items: flex-start; gap: 4.375rem;}
.design .sec5 .wrap .menu{width: 18.75%; position: sticky; top: 7rem; display: flex; flex-direction: column; gap: 1.75rem;}
.design .sec5 .wrap .menu a{width: 100%; height: 5.625rem; border: 1px solid #E3E3E3; background: #FFF; display: flex; align-items: center; justify-content: center;}
.design .sec5 .wrap .menu a.on{border-color: #000;}
.design .sec5 .wrap .cont {width: calc(81.25% - 4.375rem);}
.design .sec5 .wrap .cont > div + div{margin-top: 7.5rem;}
.design .sec5 .list_wrap .item + .item{margin-top: 5rem;}
.design .sec5 .list_wrap .item .list{margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: 3.125rem 1.875rem;}
.design .sec5 .list_wrap .item .list li{width: calc((100% - (1.875rem * 3)) / 4);}
.design .sec5 .list_wrap .item .list li .img img{width: 100%;}
.design .sec5 .list_wrap .item .list li .txt .view{margin-top: 0.5rem; display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.875rem; line-height: 156%;}
.design .sec5 .list_wrap .item .list li .txt .txt_xs{margin-bottom: 0.5rem;}

/* SHOWROOM */
.cate_tab{display: flex; justify-content: center; gap: 1.75rem;}
.cate_tab a{font-size: 1.75rem; font-weight: 600; line-height: 129%; color: #BEBEBE; padding-bottom: 0.25rem; display: block;}
.cate_tab a#bo_cate_on{color: #000; border-bottom: 1px solid #000;}
.showroom{position: relative;}
.showroom .swiper{overflow: visible; padding: 211px 0 145px;}
.showroom .swiper-wrapper{align-items: center;}
.showroom .swiper-slide{margin: 0 1.25rem; width: 50rem; transform: translateX(-240px) !important; transition: all 0.3s;}
.showroom .swiper-slide-active{transform: scale(1.6) !important;}
.showroom .swiper-slide-active ~ .swiper-slide {transform: translateX(240px) !important;}
.showroom .swiper-slide .img{aspect-ratio: 24/17; width: 100%;}
.showroom .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.showroom .swiper-slide .txt{display: flex; flex-direction: column; align-items: center; gap: 0.5rem; opacity: 0; width: 100%;}
.showroom .swiper-slide-active .txt{transform: scale(0.625); transform-origin: top; opacity: 1;}
.showroom .swiper-slide .txt .cate{font-size: 1.75rem; line-height: 129%;}
.showroom .swiper-slide .txt .location{justify-content: center; gap: 0.5rem; white-space: nowrap;}
.showroom .swiper-slide .txt .location img{width: 1.5rem;}
.showroom .arrow div{position: absolute; top: 25.195rem; width: 2.75rem; cursor: pointer; z-index: 2; filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));}
.showroom .arrow .prev{left: 20.125rem;}
.showroom .arrow .next{right: 20.125rem;}
.showroom .swiper.on{padding: 0; max-width: 102.5rem; padding: 0 1.25rem; margin:0 auto;}
.showroom .swiper-slide.no_data{transform: none !important;}

/* CATALOG DOWNLOAD */
.catalog .list{display: flex; flex-wrap: wrap; gap: 1.25rem;}
.catalog .list li{width: calc(50% - (1.25rem / 2)); border: 1px solid #E7E7E7; padding: 1.875rem; gap: 3.125rem;}
.catalog .list li .img{width: 41.77%; aspect-ratio: 66/89;}
.catalog .list li .img img{width: 100%; height: 100%; object-fit: cover;}
.catalog .list li .txt{width: calc(58.23% - 3.125rem);}
.catalog .list li .txt .cate{font-size: 0.75rem;}
.catalog .list li .txt .s_tit{margin-top: 0.5rem; min-height: 5.5rem;}
.catalog .list li .txt .down{display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; padding: 0.75rem 2rem; background: #000;}
.catalog .list li .txt .down img{width: 1.25rem;}

/* apply */
.apply .cont{display: flex; align-items: flex-start; gap: 3.75rem;}
.apply .cont .form_wrap{width: 51.25%;}
.apply .cont .form{display: flex; flex-wrap: wrap; gap: 1.25rem;}
.apply .cont .form dl{width: 100%;}
.apply .cont .form dl.half{width: calc(50% - (1.25rem / 2));}
.apply .cont .form dl dd{margin-top: 0.625rem;}
.apply .cont .form dl dd input{width: 100%; height: 2.5rem; padding: 0 0.9375rem; font-size: 0.875rem; border: 1px solid #E3E3E3; background: #FFF; outline: none !important;}
.apply .cont .form dl dd textarea{height: 12.5rem !important; padding: 0.75rem 0.9375rem; border: 1px solid #E3E3E3; font-size: 0.875rem; font-weight: 400;}
.apply .cont .form .rd_txt{margin-top: 0.625rem; font-size: 0.75rem; font-weight: 300; line-height: 133%; color: #F00; display: none;}
.apply .cont .form .rd_txt.active{display: block;}
.apply .cont .form .agree{width: 100%;}
.apply .cont .form .agree input{margin-right: 0.625rem; width: 1.25rem; height: 1.25rem; background: url(/img/sub/apply_check.svg) no-repeat center / contain; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.apply .cont .form .agree input:checked{background-image: url(/img/sub/apply_checked.svg);}
.apply .cont .form .agree .view{padding: 0.5rem 1rem; border: 1px solid #E8E8E8; background: #FFF; color: #777; cursor: pointer; margin-left: 0.9375rem;}
.apply .cont .btn_wrap input{padding: 0.875rem 1.875rem; display: inline-block; background: #000; border: none; cursor: pointer;}
.apply .cont .map_wrap{width: calc(48.75% - 3.75rem);}
.apply .cont .map{height: 32.1875rem;}
.apply .cont .map .root_daum_roughmap .wrap_map{height: 100% !important;}
.apply .cont .map .root_daum_roughmap .wrap_controllers,
.apply .cont .map .cont,
.apply .cont .map .map_border{display: none;}
.apply .cont .map_wrap .info{gap: 3.75rem; align-items: flex-start;}
.apply .cont .map_wrap .info .logo{width: 6.25rem;}
.apply .cont .map_wrap .info .wrap{width: calc(100% - 3.75rem - 6.25rem); display: flex; flex-wrap: wrap; gap: 0.5rem 3.75rem;}
.apply .cont .map_wrap .info .wrap dl{gap: 1rem;}
.apply .cont .map_wrap .info .wrap dl.add{width: 100%;}
.apply .cont .map_wrap .info .wrap dl dt{min-width: 5rem;}

/* success */
.board_success .img img{width: 3rem;}
.board_success .home_btn a{padding: 0.875rem 2.75rem; display: inline-block; background: #000; cursor: pointer;}

/* LAVATORY - Scene of four seasons */
.season .sec1{display: flex; height: 40.625rem;}
.season .sec1 .item{flex: 1; height: 100%; transition: all 0.5s ease; position: relative;}
.season .sec1 .item a{display: block; height: 100%;}
.season .sec1 .item img{width: 100%; height: 100%; object-fit: cover;}
.season .sec1 .item .txt{left: 2.94rem; right: 2.94rem; bottom: 5.63rem; position: absolute;}
.season .sec1 .item .txt dd{height: 0; opacity: 0; transition: all 0.3s;}
.season .sec1 .item:hover{flex: 3;}
.season .sec1 .item:hover .txt dd{height: auto; opacity: 1; margin-top: 0.75rem;}
.season .sec2{margin-top: 6rem;}
.season .sec2 span{display: block;}
.season .content{display: flex; flex-direction: column; gap: 6.25rem; margin-top: 11.94rem;}
.season .cont .banner{position: relative; height: 32.8125rem;}
.season .cont .banner img{width: 100%; height: 100%; object-fit: cover;}
.season .cont .banner .txt{position: absolute; left: 0; top: 0; padding: 3.75rem;}
.season .cont .banner .txt .tit{font-size: 3.125rem; font-weight: 500; line-height: 125%;}
.season .cont .wrap{display: flex; gap: 1.25rem;}
.season .cont .wrap .lt_img{width: 50%;}
.season .cont .wrap .lt_img img{width: 100%;}
.season .cont .wrap .lt_img p{margin-top: 0.625rem;}
.season .cont .wrap .rt_img{width: calc(50% - 1.25rem);}
.season .cont .wrap .rt_img .img{border: 1px solid #E7E7E7; position: relative;}
.season .cont .wrap .rt_img .img + .img{border-top: none;}
.season .cont .wrap .rt_img .img img{width: 100%;}
.season .cont .wrap .rt_img .img p{bottom: 1.25rem; left: 0; right: 0; position: absolute;}

/* LAVATORY - list */
.lava .sec1 .list_style li a{display: block;}
.lava .sec1 .list_style li span{display: block;}
.lava .content{display: flex; flex-direction: column; gap: 1.25rem; margin-top: 9.3825rem;}
.lava .cont{display: flex; align-items: center; gap: 3.125rem; padding: 1.875rem; border: 1px solid #E7E7E7;}
.lava .cont:nth-of-type(even){flex-direction: row-reverse;}
.lava .cont .img{width: 46.42%;}
.lava .cont .img img{width: 100%;}
.lava .cont .txt{width: calc(53.58% - 3.125rem); display: flex; align-items: center; flex-direction: column; gap: 1.25rem;}
.lava .more_btn{font-size: 1rem; font-weight: 700; width: 21.875rem; padding: 0.75rem 0; text-align: center; display: inline-block; border: 1px solid #000; transition: all 0.3s;}
.lava .more_btn:hover{background: #000; color: #FFF;}
.lava .banner{position: relative; aspect-ratio: 8/3;}
.lava .banner a{display: block; height: 100%;}
.lava .banner img{width: 100%; height: 100%; object-fit: cover;}
.lava .banner span{font-size: 3.5625rem; line-height: 125%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.lava .sec2{margin-top: 9.3825rem;}
.lava .sec2 .desc{margin: 6.25rem 0 5.0915rem; font-size: 1.625rem; line-height: 150%;}
.lava .sec3{margin-top: 6.2825rem;}
.lava .sec3 .banner{aspect-ratio: 4/1;}
.lava .sec3 .banner span{font-size: 2.5rem;}

/* LAVATORY - view */
.lava_view{padding-top: 6.25rem;}
.lava_view .inner{display: flex; align-items: flex-start; gap: 5rem;}
.lava_view .inner .thumb{width: 45.625%; position: relative;}
.lava_view .inner .thumb .swiper-slide{aspect-ratio: 1/1;}
.lava_view .inner .thumb .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.lava_view .inner .thumb .arrow div{width: 3.35938rem; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2;}
.lava_view .inner .thumb .arrow div img{width: 100%;}
.lava_view .inner .thumb .arrow .prev{left: 0;}
.lava_view .inner .thumb .arrow .next{right: 0;}
.lava_view .inner .thumb .pagination{bottom: 1.9425rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); gap: 1rem; z-index: 2;}
.lava_view .inner .thumb .pagination .swiper-pagination-bullet{width: 0.75rem; height: 0.75rem; background: #D9D9D9; opacity: 1; margin: 0;}
.lava_view .inner .thumb .pagination .swiper-pagination-bullet-active{background: #000;}
.lava_view .txt{width: calc(54.375% - 5rem); padding-top: 2.1875rem;}
.lava_view .txt .wrap .line_tit{margin-bottom: 1.625rem;}
.lava_view .txt .wrap + .wrap{margin-top: 5.625rem;}
.lava_view .tab_swiper .swiper-slide{margin-right: 1.25rem; position: relative; width: 16.25%; aspect-ratio: 1/1; cursor: pointer;}
.lava_view .tab_swiper .swiper-slide:last-child{margin-right: 0;}
.lava_view .tab_swiper .swiper-slide::before{content: ''; display: block; width: 100%; height: 100%; border: 1px solid #000; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
.lava_view .tab_swiper .swiper-slide.active::before{opacity: 1;}
.lava_view .tab_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.lava_view .option .swiper-wrapper{align-items: stretch;}
.lava_view .option .swiper-slide{margin-right: 1.25rem; position: relative; width: 25.35%; cursor: pointer; background: #F6F6F6; height: auto;}
.lava_view .option .swiper-slide:last-child{margin-right: 0;}
.lava_view .option .swiper-slide::before{content: ''; display: block; width: 100%; height: 100%; border: 1px solid #000; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
.lava_view .option .swiper-slide-active::before{opacity: 1;}
.lava_view .option .swiper-slide img{width: 100%;}
.lava_view .option .swiper-slide p{padding: 0 1rem 1.75rem;}
.lava_view .option .pagination{display: none;}
.lava_view .thumb .swiper,
.lava_view .option .swiper {display: none;}
.lava_view .thumb .swiper.active,
.lava_view .option .swiper.active{display: block;}
.lava_view_bt{margin-top: 6.25rem; height: 6.25rem; background: #F8F8F8;}
.lava_view_bt .inner{height: 100%; align-items: center;}
.lava_view_bt a.flex-ac{gap: 1.375rem;}
.lava_view_bt a.flex-ac img{width: 1.5rem;}
.lava_view_bt a span{position: relative;}
.lava_view_bt a span::after{content: ''; display: block; width: 0; height: 1px; background: #000; position: absolute; left: 0; bottom: -0.25rem; transition: all 0.3s;}
.lava_view_bt a:hover span::after{width: 100%;}




@media screen and (max-width:1660px){
	/* TOUCHLESS */
	.touch_list li.item1 .point1{left: 23.67vw; bottom: 9.10vw;}
	.touch_list li.item1 .point2{left: 27.59vw; bottom: 12.71vw;}
	.touch_list li.item1 .point3{left: 29.58vw; bottom: 13.37vw;}
	.touch_list li.item1 .point4{left: 34.64vw; bottom: 14.16vw;}
	.touch_list li.item1 .point5{left: 36.08vw; bottom: 14.16vw;}
	.touch_list li.item2 .point1{left: 4.22vw; bottom: 12.47vw;}
	.touch_list li.item2 .point2{left: 5.66vw; bottom: 12.47vw;}
	.touch_list li.item2 .point3{left: 9.58vw; bottom: 11.14vw;}
	.touch_list li.item2 .point4{left: 22.05vw; bottom: 11.99vw;}
}


@media screen and (max-width:1640px){
    
	.tech_list .list li a{padding: 2.25rem 2rem;}
	.tech_list .list li a dl dt{font-size: 1.25rem;}
	.tech_list .list li a dl dd{font-size: 1rem; min-height: 4.75rem;}
	.tech_view .sec2::before{width: 40%;}
	.tech_view .sec2 .video_wrap{width: 64.8125%;}

	/* about */
	.about .sec2 .list li .cont.flex{gap: 0 1.25rem;}
	.about .sec2 .list li .cont.flex p:nth-of-type(even) {width: calc(100% - 16.75rem - 1.25rem);}

	/* SHOWROOM */
	.cate_tab{gap: 1.75rem;}
	.cate_tab a{font-size: 1.75rem; padding-bottom: 0.25rem;}
	.showroom .swiper{padding: 200px 0 100px;}
	.showroom .swiper-slide{margin: 0 1.25rem; width: 40vw; transform: translateX(-11.72vw) !important;}
	.showroom .swiper-slide-active{transform: scale(1.6) !important;}
	.showroom .swiper-slide-active ~ .swiper-slide {transform: translateX(11.72vw) !important;}
	.showroom .swiper-slide .txt{gap: 0.5rem;}
	.showroom .swiper-slide .txt .cate{font-size: 1.75rem;}
	.showroom .swiper-slide .txt .location{gap: 0.5rem;}
	.showroom .swiper-slide .txt .location img{width: 1.5rem;}
	.showroom .arrow div{top: 23vw; width: 2.75rem;}
	.showroom .arrow .prev{left: 18vw;}
	.showroom .arrow .next{right: 18vw;}

}



@media screen and (max-width:1500px){
	/* about */
	.about .sec2 .list li:last-child{flex: 1.5;}
	.about .sec5 .num_list .txt_m br{display: none;}
}



@media screen and (max-width:1440px){
    
	/* product list */
	.pro_list{gap: 3rem;}
	.pro_list .filter_wrap{width: 20%;}
	.pro_list .list_wrap{width: calc(80% - 3rem);}

	/* product view */
	.pro_view .info .wrap{gap: 3rem;}
	.pro_view .info .txt{padding-top: 2rem; width: calc(54.375% - 3rem);}
	.pro_view .down .list .item{padding: 1.875rem;}

	/* technology view */
	.tech_view .sec1 .inner{gap: 3rem;}
	.tech_view .sec1 .txt{width: calc(51.25% - 3rem);}

	.comfort .sec4 br.pc{display: none !important;}

	.toggleList li:last-child .process_wrap .box .bot span{min-height: 6.45rem;}
	.clean .process_wrap .arrow {width: 1.25rem;}

	.design .sec3 .item > .txt br.pc{display: none !important;}
	.design .sec4 .cont .img_box .swiper-slide .txt br.pc{display: none !important;}

}



@media screen and (max-width:1280px){

	/* common */
	.s_tit_l{font-size: 2.25rem;}
	.s_tit{font-size: 1.875rem;}
	.s_tit2{font-size: 1.5rem;}
	.txt_xxl{font-size: 1.375rem;}
	.txt_xl{font-size: 1.25rem;}
	.txt_l{font-size: 1.125rem;}
	.txt_m{font-size: 1rem;}
	.txt_s{font-size: 0.875rem;}
	.txt_xs{font-size: 0.875rem;}
	.mt20{margin-top: 1.25rem;}
	.mt30{margin-top: 1.75rem;}
	.mt40{margin-top: 2rem;}
	.mt50{margin-top: 3rem;}
	.mt60{margin-top: 3.5rem;}
	.mt80{margin-top: 4.25rem;}
	#sub_content .section + .section{margin-top: 5rem;}
	#sub_content .has_bg{padding: 5rem 0;}
	.inner.flex-row > div:first-child{width: 30%;}
	.inner.flex-row > div:last-child{width: 70%;}
	.img_box{padding: 2rem;}
	.num_list li{gap: 0.5rem;}
	.num_list li + li{margin-top: 1rem;}
	.num_list li .num{font-size: 0.75rem; width: 1.25rem; height: 1.25rem; margin-top: 0.25rem;}
	.num_list li .txt{width: calc(100% - 1.25rem - 0.5rem);}
	.dot{padding-left: 0.5rem;}
	.dot::before{top: 0.65rem;}

	/* visual */
	.sub_visual{height: 33.125rem;}
	.sub_visual.lavatory{background-image:url(/img/sub/lavatory_vis01_t.jpg);}
	.sub_visual .la_swiper .pc{display: none !important;}
	.sub_vis_txt{top: 10.3725rem;}
	.sub_vis_txt h2{font-size: 2.8125rem;}
	.sub_vis_txt p{font-size: 1rem; margin-top: 0.75rem;}

	/* sub menu */
	.sub_menu{top: 26.9425rem;}
	.sub_menu > ul{gap: 1rem;}
	.sub_menu > ul > li > a {height: 3.6875rem;}
	.sub_menu > ul > li.home > a img{width: 1.25rem;}
	.sub_menu > ul > li.menu_btn::before{border-radius: 1.25rem;}
	.sub_menu > ul > li.menu_btn > a{min-width: 17.25rem; font-size: 1rem; padding: 1rem 1.875rem;}
	.sub_menu > ul > li.menu_btn > a span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: calc(100% - 1.25rem - 0.625rem);}
	.sub_menu > ul > li.menu_btn > a i{width: 1.25rem;}
	.sub_menu_txt {margin-top: 1.25rem; padding: 0 1.875rem 1.5rem;}
	.sub_menu_txt li + li{margin-top: 1rem;}
	.sub_menu_txt li a {font-size: 0.9rem; letter-spacing: -0.025rem;}

	/* common */
	#sub_content{margin-top: 5rem;}
	.sub_title{margin-bottom: 3.875rem;}
	.sub_title h3{font-size: 2rem;}

	/* product list */
	.pro_list{gap: 2.5rem;}
	.pro_list .filter_wrap{width: 15.625rem;}
	.pro_list .search input{padding: 0.75rem 0; padding-right: 2rem; font-size: 1rem;}
	.pro_list .search .submit{width: 1.25rem;}
	.pro_list .filter_wrap .reset_wrap{margin: 1.875rem 0 0.75rem;}
	.pro_list .filter_wrap .reset_btn{padding: 0.25rem 0.75rem; gap: 0.25rem; font-size: 0.75rem;}
	.pro_list .filter_wrap .reset_btn img{width: 0.625rem;}
	.pro_list .filter_wrap .list .depth .tit{gap: 0.5rem;}
	.pro_list .filter_wrap .list .depth .tit .icon{width: 1.25rem;}
	.pro_list .filter_wrap .list .depth .tit .check{width: 1rem;}
	.pro_list .filter_wrap .list .dep1 > .tit{padding: 1.25rem 0; font-size: 1.125rem;}
	.pro_list .filter_wrap .list .dep2 > .tit{padding: 1rem; font-size: 1rem;}
	.pro_list .filter_wrap .list .dep3{padding: 1.5rem 1.75rem;}
	.pro_list .filter_wrap .list .dep3 ul li{gap: 0.625rem;}
	.pro_list .filter_wrap .list .dep3 ul li + li{margin-top: 1rem;}
	.pro_list .filter_wrap .list .dep3 ul li input{width: 1rem;}
	.pro_list .filter_wrap .list .dep3 ul li label{font-size: 0.875rem;}
	.pro_list .list_wrap{width: calc(100% - 2.5rem - 15.625rem);}
	.pro_list .list_wrap .list{gap: 1.875rem 0.625rem;}
	.pro_list .list_wrap .list li{width: calc((100% - (0.625rem * 2)) / 3);}
	.pro_list .list_wrap .list li a{gap: 1.875rem;}
	.pro_list .list_wrap .list li a .txt{gap: 0.5rem;}
	.pro_list .list_wrap .list li a .txt .tit{font-size: 1.375rem;}
	.pro_list .list_wrap .list li a .txt .tit2{font-size: 1.125rem;}
	.pro_list .list_wrap .list li a .txt .desc{font-size: 1rem;}

	/* pagination */
	.paging_wrap {margin-top: 3.125rem; gap: 1.5rem;}
	.paging_wrap a img {height: 1.25rem;}
	.paging_wrap ol {gap: 1.5rem;}
	.paging_wrap ol a {font-size: 1.125rem;}

	/* product view */
	.sub_wrap .section.gr_bg{padding: 5rem 0;}
	.sub_wrap .section + .section{margin-top: 5rem;}
	.pro_view .s_tit{font-size: 2rem; margin-bottom: 2.5rem;}
	.pro_view .txt_m{font-size: 1rem;}
	.pro_view .txt_s{font-size: 1rem;}
	.line_tit{padding-bottom: 1.25rem;}
	.dot_list li{padding-left: 0.875rem;} 
	.dot_list li + li{margin-top: 0.5rem;}
	.dot_list li::before{top: 0.65rem;}
	.pro_view .info .wrap{gap: 3.125rem;}
	.pro_view .info .thumb{width: 45.625%;}
	.pro_view .info .thumb .arrow div{width: 2.76069rem;}
	.pro_view .info .thumb .pagination{bottom: 1.5rem; gap: 0.82181rem;}
	.pro_view .info .thumb .pagination .swiper-pagination-bullet{width: 0.75rem;}
	.pro_view .info .txt{padding-top: 0; width: calc(54.375% - 3.125rem);}
	.pro_view .info .txt .tit2{margin: 1.25rem 0; font-size: 1.125rem;}
	.pro_view .info .txt .awards{margin-top: 4.375rem;}
	.pro_view .info .txt .awards .cont{margin-top: 1.625rem; gap: 0.75rem 1.25rem;}
	.pro_view .info .txt .awards .cont img{height: 3.125rem;}
	.pro_view .info .spec{margin-top: 2.5rem;}
	.pro_view .info .spec .cont{margin-top: 1.75rem;}
	.pro_view .info .spec .cont .tit{font-size: 1.375rem; margin-bottom: 1.75rem;}
	.pro_view .info .spec .cont .list{gap: 1rem 1.5rem;}
	.pro_view .info .spec .cont .list dl{width: calc(50% - (1.5rem / 2)); gap: 1rem;}
	.pro_view .info .spec .cont .list dl dt{width: 12.8125rem;}
	.pro_view .info .spec .cont .list dl dd{width: calc(13.8125rem);}
	.pro_view .info .spec .cont .list dl dd .cl{gap: 0.75rem;}
	.pro_view .info .spec .cont .list dl dd .cl img{width: 1.5625rem;}
	.pro_view .tech_list .swiper-slide{margin-right: 1.875rem;}
	.swiper .control{margin: 1.875rem auto 0; gap: 1.25rem;}
	.swiper .control .scrollbar{width: 28.125rem; height: 0.1875rem;}
	.swiper .control .arrow div{width: 3.125rem; }
	.swiper .control .arrow .line{height: 1.25rem;}
	.pro_view .down .list{gap: 1.5rem;}
	.pro_view .down .list .item{width: calc((100% - (1.5rem * 3)) / 4); padding: 1.875rem 2.25rem;}
	.pro_view .down .list .item .cate{font-size: 0.75rem;}
	.pro_view .down .list .item .txt_m{margin: 0.9375rem 0 1.0625rem;}
	.pro_view .down .list .item a{font-size: 0.875rem; padding: 0.75rem 0.625rem; gap: 0.625rem;}
	.pro_view .down .list .item a img{width: 1.25rem;}

	/* technology list */
	.tech_list .list{gap: 1.875rem;}
	.tech_list .list li{width: calc((100% - (1.875rem * 2)) / 3);}
	.tech_list .list li a{padding: 2.25rem 2rem;}
	.tech_list .list li a .icon{width: 2.75rem;}
	.tech_list .list li a dl{margin: 1.25rem 0;}
	.tech_list .list li a dl dt{font-size: 1.375rem;}
	.tech_list .list li a dl dd{margin-top: 0.5rem; font-size: 1.125rem; min-height: 5.25rem;}
	.tech_list .list li a .view{font-size: 0.875rem;}
	.tech_list .list li a .view i{width: 1rem;}
	.tech_list .list li a .img{margin-top: 1.875rem}

	/* technology view */
	.tech_view .s_tit2{font-size: 1.25rem;}
	.tech_view .sec1 .inner{gap: 2.8125rem;}
	.tech_view .sec1 .img{width: 48.75%;}
	.tech_view .sec1 .txt{width: calc(51.25% - 2.8125rem);}
	.tech_view .sec1 .txt dl{margin: 2.5rem 0 3.125rem;}
	.tech_view .sec1 .txt dl dt{margin-bottom: 1.25rem;}
	.tech_view .sec1 .txt .share{gap: 1.5rem;}
	.tech_view .sec1 .txt .share .flex{gap: 0.5rem;}
	.tech_view .sec1 .txt .share a{width: 1.875rem;}
	.tech_view .sec2::before{width: 40%; bottom: 30%;}
	.tech_view .sec2 .video_wrap{width: 65.8125%;}
	.tech_view .sec3 .swiper-slide{margin-right: 1.5625rem; width: calc((100% - (1.5625rem * 3)) / 4);}

	/* about */
	.about .sec1 .title p{margin-top: 0.75rem;}
	.about .sec1 .cont .table_wrap dl{padding: 1.25rem 0;}
	.about .sec1 .cont .table_wrap dt{width: 16.125rem;}
	.about .sec1 .cont .table_wrap dd{width: calc(100% - 16.125rem);}
	.about .sec2::after{width: 38rem; top: 5.5rem; right: 1.25rem;}
	.about .sec2 .list{margin-top: 3.125rem; gap: 1.25rem;}
	.about .sec2 .list li{padding: 2.25rem 2rem;}
	.about .sec2 .list li strong::after{width: 2.5rem; height: 0.1875rem; margin-top: 1.125rem;}
	.about .sec2 .list li .cont{margin-top: 2rem;}
	.about .sec2 .list li .cont.flex{gap: 0 1.25rem;}
	.about .sec2 .list li .cont.flex p:nth-of-type(odd){width: 15rem;}
	.about .sec2 .list li .cont.flex p:nth-of-type(even){width: calc(100% - 15rem - 1.25rem);}
	.about .sec2 .list li:last-child{flex: 2;}
	.about .sec3 .img_box{gap: 2.5rem;}
	.about .sec3 .img_box img{width: 46%;}
	.about .sec3 .img_box .num_list{width: calc(54% - 2.5rem);}
	.about .sec4 .list{margin-top: 1.25rem;}
	.about .sec4 .list li{padding: 1.5rem;}
	.about .sec4 .list li + li{margin-top: 1rem;}
	.about .sec5 .num_list li + li{margin-top: 1.25rem;}
	.about .sec5 .num_list .txt_s{margin-top: 0.5rem;}
	.about .sec6 .item{gap: 1.25rem;}
	.about .sec7 .img_box{padding: 1.75rem 2rem; gap: 2rem;}
	.about .sec7 .img_box b{font-size: 0.75rem; margin-bottom: 0.9375rem;}
	.about .sec7 .img_box .down_btn{gap: 0.625rem; width: 10rem; padding: 0.75rem 0;}
	.about .sec7 .img_box .down_btn img{width: 1.25rem;}

	/* CLEANLINESS AND COMFORT */
	.purpose .banner{height: 28.5rem;}
	.purpose .banner dl{bottom: 5.5em;}
	.purpose .banner dl dd{margin-top: 1.875rem;}
	.comfort .banner::before{content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; left: 0; top: 0;}
	.purpose .sec1 .title p{margin: 2.75rem 0;}
	.purpose .sec1 .img_box{padding: 2rem;}
	.purpose .sec1 .sdg_list{gap: 1.25rem;}
	.purpose .sec1 .sdg_list li{max-width: 16.25rem;}
	.comfort .sec2 .img span{left: 4rem;}
	.list_style{gap: 1.25rem;}
	.list_style li .img{margin-bottom: 1.25rem;}
	.comfort .sec2 .list_style dd{margin-top: 0.5rem;}
	.purpose .goal .item .tit{padding: 1rem 0;}
	.purpose .goal .item .cont > div{height: 9rem; gap: 0.875rem; padding: 0 1rem;}
	.purpose .goal .item .cont > div strong{font-size: 3rem;}
	.purpose .goal .item .cont > div .per{font-size: 2.15rem;}

	/* ENVIRONMENT */
	.env  .goal .item .cont > div{flex-direction: column; gap: 0.5rem;}
	.env  .goal .item .cont > div .flex{gap: 0.5rem;}

	/* CLEAN SYNERGY */
	.fancybox .play_btn{width: 5rem;}
	.fancybox .thumb_txt{left: 2rem; right: 2rem; bottom: 2rem;}
	.fancybox .thumb_txt img{width: 4rem;}
	.fancybox .thumb_txt .title{font-size: 3rem; line-height: 0.7;}
	.toggleList > li > .tit{padding: 1rem; gap: 0.75rem;}
	.toggleList > li > .tit img{width: 2.25rem;}
	.toggleList > li > .tit::after{width: 2.25rem; right: 1rem;}
	.toggleList > li > .cont{padding: 2.5rem 1.25rem;}
	.clean .item_wrap .item{gap: 2rem;}
	.clean .item_wrap .item + .item{margin-top: 2.5rem;}
	.clean .item_wrap .item .img{width: 38%;}
	.clean .item_wrap .item > .txt{width: calc(62% - 2rem); gap: 0.625rem;}
	.clean .item_wrap .item > .txt .num_list li .num{margin-top: 0.35rem;}
	.clean .process_wrap{gap: 1rem 0.75rem; flex-wrap: wrap;}
	.clean .process_wrap .box{gap: 1.375rem; width: calc(((100% - (0.75rem * 2)) - 1.25rem) / 2); padding: 2rem 1.75rem;}
	.clean .process_wrap .box .top{gap: 0.5rem;}
	.clean .process_wrap .box .top img{width: 5rem;}
	.clean .process_wrap .box .bot{gap: 0.75rem;}
	.clean .process_wrap .arrow{width: 1.25rem;}
	.clean .process_wrap .arrow.t_none{display: none;}
	.clean .item_wrap2 .process_wrap .box .bot span{min-height: initial;}
	.clean .item_wrap2 .process_wrap .box .bot span br{display: none;}
	.toggleList li:last-child .process_wrap .box .bot span{min-height: 2.85rem;}
	.list_style .icon{gap: 0.625rem;}
	.list_style .icon img{width: 2.125rem;}
	.list_prd li span{left: 1.5rem; right: 1.5rem; bottom: 1.5rem;}
	.list_style2{gap: 0.625rem;}
	.list_style2 li a span{left: 1.5rem; right: 1.5rem; bottom: 1.5rem;}

	/* LET'S WASH */
	.wash .banner{height: 24rem;}

	/* TOUCHLESS */
	.touch_list{gap: 1rem;}
	.touch_list li .point .pin{width: 1rem;}
	.touch_list li .point .card{top: 2.5em; min-width: 15.1875rem;}
	.touch_list li.item1 .point1{left: 23.67vw; bottom: 9.10vw;}
	.touch_list li.item1 .point2{left: 27.59vw; bottom: 12.71vw;}
	.touch_list li.item1 .point3{left: 29.58vw; bottom: 13.37vw;}
	.touch_list li.item1 .point4{left: 34.04vw; bottom: 14.16vw;}
	.touch_list li.item1 .point5{left: 35.48vw; bottom: 14.16vw;}
	.touch_list li.item2 .point1{left: 4.22vw; bottom: 12.47vw;}
	.touch_list li.item2 .point2{left: 5.66vw; bottom: 12.47vw;}
	.touch_list li.item2 .point3{left: 9.58vw; bottom: 11.14vw;}
	.touch_list li.item2 .point4{left: 22.05vw; bottom: 11.99vw;}

	/* DESIGN */
	.design .txt_swiper .swiper-slide{font-size: 6rem; margin-right: 1.5rem;}
	.design .sec3 .item{padding: 3rem 0; gap: 3rem;}
	.design .sec3 .item > .txt{width: 30%;}
	.design .sec3 .item > .txt .num{font-size: 3.75rem;}
	.design .sec3 .item .swiper{width: calc(70% - 3rem);}
	.design .sec3 .item .swiper dd{margin-top: 0.625rem;}
	.design .sec3 .item .swiper br.pc {display: none !important;}
	.design .sec4 .cont .flex-ac{gap: 2.5rem;}
	.design .sec4 .cont .flex-ac img{width: 10.625rem;}
	.design .sec4 .cont .flex-ac .txt{width: calc(100% - 2.5rem - 10.625rem);}
	.design .sec4 .cont .img_box .swiper-slide{gap: 2rem;}
	.design .sec4 .cont .img_box .swiper-slide .img{width: 44.8%;}
	.design .sec4 .cont .img_box .swiper-slide .txt{width: calc(55.2% - 2rem);}
	.design .sec4 .cont .img_box .pagination{gap: 1rem;}
	.design .sec4 .cont .img_box .pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem;}
	.design .sec5 .btn_wrap{gap: 0.6875rem;}
	.design .sec5 .btn_wrap a{width: 20rem; padding: 0.75rem 0; gap: 0.625rem;}
	.design .sec5 .btn_wrap a img{margin-top: -0.15rem;}
	.design .sec5 .wrap{gap: 4rem;}
	.design .sec5 .wrap .menu{width: 18.75%; top: 7rem; gap: 1.75rem;}
	.design .sec5 .wrap .menu a{height: 5.625rem;}
	.design .sec5 .wrap .cont {width: calc(81.25% - 4rem);}
	.design .sec5 .wrap .cont > div + div{margin-top: 7.5rem;}
	.design .sec5 .list_wrap .item + .item{margin-top: 5rem;}
	.design .sec5 .list_wrap .item .list{margin-top: 1.25rem; gap: 3.125rem 1.25rem;}
	.design .sec5 .list_wrap .item .list li{width: calc((100% - (1.25rem * 3)) / 4);}
	.design .sec5 .list_wrap .item .list li .txt .view{margin-top: 0.5rem; gap: 0.25rem; font-size: 0.875rem;}
	.design .sec5 .list_wrap .item .list li .txt .txt_xs{margin-bottom: 0.5rem;}

	/* SHOWROOM */
	.cate_tab{gap: 1.75rem;}
	.cate_tab a{font-size: 1.25rem; padding-bottom: 0.25rem;}
	.showroom .swiper{padding: 15.2vw 0 7.11vw;}
	.showroom .swiper-slide{margin: 0 2.60vw; width: 40vw; transform: translateX(-11.72vw) !important;}
	.showroom .swiper-slide-active{transform: scale(1.6) !important;}
	.showroom .swiper-slide-active ~ .swiper-slide {transform: translateX(11.72vw) !important;}
	.showroom .swiper-slide .txt{gap: 0.5rem; margin-top: 2.60vw;}
	.showroom .swiper-slide .txt .cate{font-size: 1.75rem;}
	.showroom .swiper-slide .txt .location{gap: 0.5rem;}
	.showroom .swiper-slide .txt .location img{width: 1.5rem;}
	.showroom .arrow div{top: 21vw; width: 2.15rem;}
	.showroom .arrow .prev{left: 18vw;}
	.showroom .arrow .next{right: 18vw;}

	/* CATALOG DOWNLOAD */
	.catalog .list{gap: 1.25rem;}
	.catalog .list li{width: calc(50% - (1.25rem / 2)); padding: 1.875rem; gap: 2rem;}
	.catalog .list li .img{width: 41.77%;}
	.catalog .list li .txt{width: calc(58.23% - 2rem);}
	.catalog .list li .txt .cate{font-size: 0.75rem;}
	.catalog .list li .txt .s_tit{margin-top: 0.5rem; min-height: 4.75rem;}
	.catalog .list li .txt .down{gap: 0.625rem; padding: 0.75rem 2rem;}
	.catalog .list li .txt .down img{width: 1.25rem;}

	/* apply */
	.apply .cont{gap: 2.75rem;}
	.apply .cont .map_wrap{width: calc(48.75% - 2.75rem);}
	.apply .cont .map_wrap .info{gap: 2.75rem;}
	.apply .cont .map_wrap .info .wrap{width: calc(100% - 2.75rem - 6.25rem); gap: 0.5rem 3.75rem;}

	/* LAVATORY - Scene of four seasons */
	.season .sec1{height: 35.625rem;}
	.season .sec1 .item .txt{left: 2rem; right: 2rem; bottom: 4rem;}
	.season .sec1 .item:hover .txt dd{margin-top: 0.75rem;}
	.season .sec2{margin-top: 4.5rem;}
	.season .content{gap: 6.25rem; margin-top: 8rem;}
	.season .cont .banner{height: 30.8125rem;}
	.season .cont .banner .txt{padding: 3.75rem;}
	.season .cont .banner .txt .tit{font-size: 2.75rem;}
	.season .cont .wrap{gap: 1.25rem;}
	.season .cont .wrap .lt_img{width: 50%;}
	.season .cont .wrap .lt_img p{margin-top: 0.625rem;}
	.season .cont .wrap .rt_img{width: calc(50% - 1.25rem);}
	.season .cont .wrap .rt_img .img{height: 22.13vw; text-align: center;}
	.season .cont .wrap .rt_img .img img{width: 90%; padding-top: 0.75rem;}
	.season .cont .wrap .rt_img .img p{bottom: 0.75rem;}

	/* LAVATORY - list */
	.lava .content{gap: 1.25rem; margin-top: 7rem;}
	.lava .cont{gap: 1.875rem; padding: 1.875rem;}
	.lava .cont .img{width: 48%;}
	.lava .cont .txt{width: calc(52% - 1.875rem); gap: 1.25rem;}
	.lava .cont .txt img{width: 50%;}
	.lava .more_btn{font-size: 0.875rem; width: 15.875rem; padding: 0.6rem 0;}
	.lava .banner span{font-size: 2.75rem;}
	.lava .sec2{margin-top: 9.3825rem;}
	.lava .sec2 .desc{margin: 4rem 0 3.5rem; font-size: 1.25rem;}
	.lava .sec3{margin-top: 6.2825rem;}
	.lava .sec3 .banner span{font-size: 2rem;}
	.lava .sec3 .banner + .banner{margin-top: 1.5rem;}

	/* LAVATORY - view */
	.lava_view{padding-top: 3.75rem;}
	.lava_view .inner{gap: 2.5rem;}
	.lava_view .inner .thumb{width: 45.625%;}
	.lava_view .inner .thumb .arrow div{width: 2.25rem;}
	.lava_view .inner .thumb .pagination{bottom: 1.9425rem; gap: 1rem;}
	.lava_view .inner .thumb .pagination .swiper-pagination-bullet{width: 0.75rem; height: 0.75rem;}
	.lava_view .txt{width: calc(54.375% - 2.5rem); padding-top: 0;}
	.lava_view .txt .wrap .line_tit{margin-bottom: 1.625rem;}
	.lava_view .txt .wrap + .wrap{margin-top: 3rem;}
	.lava_view .tab_swiper .swiper-slide{margin-right: 1rem; width: calc((100% - 3rem) / 4.5);;}
	.lava_view .option .swiper-slide{margin-right: 1rem; width: calc((100% - 2rem) / 3);}
	.lava_view .option .swiper-slide p{padding: 0 1rem 1.75rem;}
	.lava_view_bt{margin-top: 4.25rem; height: 5.25rem;}
	.lava_view_bt a.flex-ac{gap: 1.375rem;}
	.lava_view_bt a.flex-ac img{width: 1.5rem;}

}



@media screen and (max-width:1024px){

	/* common */
	.inner.flex-row{flex-direction: column; gap: 2.25rem;}
	.inner.flex-row > div{width: 100% !important; padding-right: 0 !important;}

	/* sub menu */
	.sub_menu > ul > li.menu_btn.dep3{display: none;}
	.dep3.tab_1024{width: 100%; overflow-x: auto; margin-top: 1.5rem;}
	.dep3.tab_1024::-webkit-scrollbar{display: none;}
	.dep3.tab_1024 ul{display: flex; width: max-content; min-width: 100%; border-bottom: 1px solid rgba(172, 172, 172, 0.30);}
	.dep3.tab_1024 ul li a{font-size: 0.875rem; color: rgba(142, 142, 142, 0.70); padding: 0.75rem 0.65rem; border-bottom: 1px solid transparent; display: block; font-weight: 500;}
	.dep3.tab_1024 ul li.on a{border-bottom: 1px solid #000; color: #000; font-weight: 600;}

	/* product list */
	.pro_list{gap: 2.5rem; flex-direction: column;}
	.pro_list .srh_wrap{display: flex !important; gap: 0.75rem; width: 100%;}
	.pro_list .search{width: calc(100% - 0.75rem - 6rem);}
	.pro_list .search input{padding: 0.75rem 0; padding-right: 2rem; font-size: 1rem;}
	.pro_list .search .submit{width: 1.25rem;}
	.pro_list .filter_btn{width: 6rem; font-size: 1rem; padding: 0.75rem 0.875rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #000; cursor: pointer;}
	.pro_list .filter_btn img{width: 1.125rem;}
	.pro_list .filter_wrap{width: 100%; position: fixed; top: 0; left: 0; z-index: 20000; background: #fff; height: 100%; padding: 1.875rem 1.25rem; flex-direction: column; display: none;}
	.pro_list .filter_wrap.on{display: flex;}
	.pro_list .filter_wrap .search{display: none;}
	.pro_list .filter_wrap .title{font-size: 1.5rem; line-height: 133%; font-weight: 500;}
	.pro_list .filter_wrap .close{width: 1.75rem; position: absolute; right: 1.25rem; top: 0.9425rem; cursor: pointer;}
	.pro_list .filter_wrap .close img{width: 100%;}
	.pro_list .filter_wrap .reset_wrap{margin: 0.75rem 0;}
	.pro_list .filter_wrap .reset_btn{padding: 0.25rem 0.75rem; gap: 0.25rem; font-size: 0.75rem;}
	.pro_list .filter_wrap .reset_btn img{width: 0.625rem;}
	.pro_list .filter_wrap .list{flex: 1; max-height: 100%; overflow-y: auto;}
	.pro_list .filter_wrap .list::-webkit-scrollbar {width: 3px;}
	.pro_list .filter_wrap .list::-webkit-scrollbar-thumb {height: 30%; background: #878787;}
	.pro_list .filter_wrap .list::-webkit-scrollbar-track {background: #D9D9D9;}
	.pro_list .filter_wrap .list .depth .tit{gap: 0.5rem;}
	.pro_list .filter_wrap .list .depth .tit .icon{width: 1.25rem;}
	.pro_list .filter_wrap .list .depth .tit .check{width: 1rem;}
	.pro_list .filter_wrap .list .dep1 > .tit{padding: 1.25rem 0; font-size: 1.125rem;}
	.pro_list .filter_wrap .list .dep2 > .tit{padding: 1rem; font-size: 1rem;}
	.pro_list .filter_wrap .list .dep3{padding: 1.5rem 1.75rem;}
	.pro_list .filter_wrap .list .dep3 ul li{gap: 0.625rem;}
	.pro_list .filter_wrap .list .dep3 ul li + li{margin-top: 1rem;}
	.pro_list .filter_wrap .list .dep3 ul li input{width: 1rem;}
	.pro_list .filter_wrap .list .dep3 ul li label{font-size: 0.875rem;}
	.pro_list .filter_wrap .btn_wrap{margin-top: 1.875rem;}
	.pro_list .filter_wrap .btn_wrap button{font-size: 1rem; letter-spacing: -0.03125rem; font-weight: 700; color: #FFF; display: block; width: 100%; border: none; background: #000; padding: 0.9375rem 0; text-align: center;}
	.pro_list .list_wrap{width: 100%;}
	.pro_list .list_wrap .list{gap: 1.875rem 1rem;}
	.pro_list .list_wrap .list li{width: calc((100% - (1rem * 2)) / 3);}
	.pro_list .list_wrap .list li a{gap: 1.875rem;}
	.pro_list .list_wrap .list li a .txt{gap: 0.5rem;}
	.pro_list .list_wrap .list li a .txt .tit{font-size: 1.375rem;}
	.pro_list .list_wrap .list li a .txt .tit2{font-size: 1.125rem;}
	.pro_list .list_wrap .list li a .txt .desc{font-size: 1rem;}

	/* product view */
	.pro_view .down .list .item{width: calc((100% - (1.5rem * 2)) / 3);}

	/* technology list */
	.tech_list .list li{width: calc(50% - (1.875rem / 2));}

	/* technology view */
	.tech_view .s_tit2{font-size: 1.25rem;}
	.tech_view .sec1 .inner{gap: 2.5rem; flex-direction: column;}
	.tech_view .sec1 .img{width: 100%;}
	.tech_view .sec1 .txt{width: 100%;}
	.tech_view .sec1 .txt dl{margin: 1.875rem 0;}
	.tech_view .sec1 .txt dl dt{margin-bottom: 1rem;}
	.tech_view .sec1 .txt .share{gap: 1.5rem;}
	.tech_view .sec1 .txt .share .flex{gap: 0.5rem;}
	.tech_view .sec1 .txt .share a{width: 1.875rem;}
	.tech_view .sec2 .inner{flex-direction: column;}
	.tech_view .sec2 .s_tit{text-align: center;}
	.tech_view .sec2::before{display: none;}
	.tech_view .sec2 .video_wrap{width: 100%;}
	.tech_view .sec3 .swiper-slide{margin-right: 1.5625rem; width: calc((100% - (1.5625rem * 2)) / 3);}

	/* about */
	.about .sec1 .title br{display: none;}
	.about .sec2::after{width: 50%; top: 5.5rem; right: 1.25rem;}
	.about .sec2 .list{flex-direction: column;}
	.about .sec2 .list li:last-child{flex: 1;}
	.about .sec2 .list li .cont.flex{gap: 0;}
	.about .sec2 .list li .cont.flex p{width: 50% !important;}

	/* CLEANLINESS AND COMFORT */
	.purpose .banner{height: 25.5rem;}
	.comfort .sec2 .txt_l .pc{display: none !important;}
	.comfort .sec2 .img span{left: 2.5rem;}

	/* ENVIRONMENT */
	.env .sec4 .cont{gap: 2rem; flex-direction: column;}
	.env .sec4 .cont .img{width: 100%;}
	.env .sec4 .cont .img p{margin-top: 0.625rem;}
	.env .sec4 .cont .txt{width: 100%;}
	.env .sec4 .cont .txt .env_btn{width: 18rem; padding: 0.75rem 0; gap: 0.625rem;}
	.env .sec4 .cont .txt .env_btn img{width: 1.25rem;}

	/* RELATIONSHIP */
	.rel .sec2 .img img{width: 100%;}

	/* DESIGN */
	.design .txt_swiper .swiper-slide{font-size: 6rem; margin-right: 1.5rem;}
	.design .sec3 .item{padding: 2.75rem 0; gap: 2rem; flex-direction: column;}
	.design .sec3 .item > .txt{width: 100%;}
	.design .sec3 .item > .txt .num{font-size: 3.25rem;}
	.design .sec3 .item > .txt .s_tit2 br{display: none;}
	.design .sec3 .item .swiper{width: 100%;}
	.design .sec5 .btn_wrap{gap: 0.6875rem;}
	.design .sec5 .btn_wrap a{width: 20rem; padding: 0.75rem 0; gap: 0.625rem;}
	.design .sec5 .btn_wrap a img{margin-top: -0.15rem;}
	.design .sec5 .wrap{gap: 3rem;}
	.design .sec5 .wrap .menu{width: 18.75%; top: 7rem; gap: 1.75rem;}
	.design .sec5 .wrap .menu a{height: 5.625rem;}
	.design .sec5 .wrap .menu a:nth-of-type(1) img{height: 3rem;}
	.design .sec5 .wrap .menu a:nth-of-type(2) img{height: 3.75rem;}
	.design .sec5 .wrap .menu a:nth-of-type(3) img{height: 3.5625rem;}
	.design .sec5 .wrap .cont {width: calc(81.25% - 3rem);}
	.design .sec5 .wrap .cont > div + div{margin-top: 6.5rem;}
	.design .sec5 .list_wrap .item + .item{margin-top: 5rem;}
	.design .sec5 .list_wrap .item .list{margin-top: 1.25rem; gap: 3.125rem 1.25rem;}
	.design .sec5 .list_wrap .item .list li{width: calc((100% - (1.25rem * 2)) / 3);}
	.design .sec5 .list_wrap .item .list li .txt .view{margin-top: 0.5rem; gap: 0.25rem; font-size: 0.875rem;}
	.design .sec5 .list_wrap .item .list li .txt .txt_xs{margin-bottom: 0.5rem;}
	.design .sec5 .cont .dot_list li::before{top: 0.5rem;}

	/* CATALOG DOWNLOAD */
	.catalog .list li .txt .s_tit{margin-top: 0.5rem; font-size: 1.5rem; min-height: 3.75rem;}
	.catalog .list li .txt .down{gap: 0.625rem; padding: 0.5rem 1.25rem;}
	.catalog .list li .txt .down img{width: 1rem;}

	/* apply */
	.apply .cont{gap: 3.75rem; flex-direction: column;}
	.apply .cont .form_wrap{width: 100%;}
	.apply .cont .map_wrap{width: 100%;}

	/* LAVATORY - Scene of four seasons */
	.season .cont .wrap .rt_img .img{height: 22vw;}
	.season .cont .wrap .rt_img .img img{padding-top: 0;}

	/* LAVATORY - view */
	.lava_view .tab_swiper .swiper-slide{margin-right: 1rem; width: calc((100% - 2rem) / 3.5);}
	.lava_view .option .swiper-slide{margin-right: 1rem; width: calc((100% - 1rem) / 2);}

}



@media screen and (max-width:768px){

	/* common */
	.s_tit_l{font-size: 1.75rem;}
	.s_tit{font-size: 1.5rem;}
	.s_tit2{font-size: 1.375rem;}
	.txt_xxl{font-size: 1.125rem;}
	.txt_xl{font-size: 1rem;}
	.txt_l{font-size: 1rem;}
	.txt_m{font-size: 0.875rem;}
	.txt_s{font-size: 0.875rem;}
	.txt_xs{font-size: 0.875rem;}
	.mt20{margin-top: 1rem;}
	.mt30{margin-top: 1.25rem;}
	.mt40{margin-top: 1.5rem;}
	.mt50{margin-top: 2.5rem;}
	.mt60{margin-top: 3rem;}
	.mt80{margin-top: 3.75rem;}
	#sub_content .section + .section{margin-top: 3.75rem;}
	#sub_content .has_bg{padding: 3.75rem 0;}
	.inner.flex-row{gap: 2rem;}
	.img_box{padding: 1.25rem;}
	.num_list li{gap: 0.5rem;}
	.num_list li + li{margin-top: 0.5rem;}
	.num_list li .num{font-size: 0.65rem; width: 1.125rem; height: 1.125rem; margin-top: 0.15rem;}
	.num_list li .txt{width: calc(100% - 1.25rem - 0.5rem);}
	.dot{padding-left: 0.5rem;}
	.dot::before{top: 0.6rem;}

	/* visual */
	.sub_visual{height: 21.25rem; background-image:url(/img/sub/sub_vis01_m.jpg);}
	.sub_visual.product,
	.sub_visual.support{background-image:url(/img/sub/sub_vis02_m.jpg);}
	.sub_visual.technology{background-image:url(/img/sub/sub_vis03_m.jpg);}
	.sub_visual.showroom{background-image:url(/img/sub/sub_vis04_m.jpg);}
	.sub_visual.lavatory{background-image:url(/img/sub/lavatory_vis01_m.jpg);}
	.sub_visual .la_swiper .tab_1280{display: none !important;}
	.sub_vis_txt{top: 6.75rem;}
	.sub_vis_txt h2{font-size: 2rem;}
	.sub_vis_txt p{font-size: 0.875rem; margin-top: 0.75rem;}
	.sub_vis_txt .more_btn{width: 7.25rem; padding: 0.55rem 0; margin-top: 1.5rem; font-size: 0.75rem;}

	/* sub menu */
	.sub_menu{top: 17.7325rem; width: 100%;}
	.sub_menu > ul{gap: 0.61869rem;}
	.sub_menu > ul > li{width: calc(50% - (0.61869rem / 2 ));}
	.sub_menu > ul > li > a {height: 2.25rem;}
	.sub_menu > ul > li.home{display: none;}
	.sub_menu > ul > li.menu_btn::before{border-radius: 0.77338rem;}
	.sub_menu > ul > li.menu_btn > a{min-width: initial; font-size: 0.8125rem; padding: 0 0.75rem; gap: 0.625rem;}
	.sub_menu > ul > li.menu_btn > a span{width: calc(100% - 0.77338rem - 0.625rem);}
	.sub_menu > ul > li.menu_btn > a i{width: 0.77338rem;}
	.sub_menu_txt {margin-top: 0.75rem; padding: 0 0.75rem 0.5rem;}
	.sub_menu_txt li + li{margin-top: 0.5rem;}
	.sub_menu_txt li a {font-size: 0.75rem;}

	/* common */
	#sub_content{margin-top: 3.75rem;}
	.sub_title{margin-bottom: 3.125rem;}
	.sub_title img{width: 2rem; margin-bottom: 1.25rem;}
	.sub_title h3{font-size: 1.75rem;}

	/* product list */
	.pro_list{gap: 2.5rem; flex-direction: column;}
	.pro_list .srh_wrap{display: flex !important; gap: 0.75rem; width: 100%;}
	.pro_list .search{width: calc(100% - 0.75rem - 4.9375rem);}
	.pro_list .search input{padding: 0.75rem 0; padding-right: 2rem; font-size: 0.875rem;}
	.pro_list .search .submit{width: 1.25rem;}
	.pro_list .filter_btn{width: 4.9375rem; font-size: 0.875rem; padding: 0.75rem 0.875rem;}
	.pro_list .list_wrap .list{gap: 1.875rem 0.625rem;}
	.pro_list .list_wrap .list li{width: calc(50% - (0.625rem / 2));}
	.pro_list .list_wrap .list li a{gap: 1.25rem;}
	.pro_list .list_wrap .list li a .txt{gap: 0.5rem;}
	.pro_list .list_wrap .list li a .txt .tit{font-size: 1.125rem;}
	.pro_list .list_wrap .list li a .txt .tit2{font-size: 0.875rem;}
	.pro_list .list_wrap .list li a .txt .desc{font-size: 0.875rem;}

	/* pagination */
	.paging_wrap {margin-top: 3.125rem; gap: 0.875rem;}
	.paging_wrap a img {height: 1rem;}
	.paging_wrap ol {gap: 1.33331rem; padding: 0 0.5rem;}
	.paging_wrap ol a {font-size: 0.875rem;}

	/* product view */
	.sub_wrap .section.gr_bg{padding: 3.75rem 0;}
	.sub_wrap .section + .section{margin-top: 3.75rem;}
	.pro_view .s_tit{font-size: 1.75rem; margin-bottom: 2.5rem;}
	.pro_view .txt_m{font-size: 0.875rem;}
	.pro_view .txt_s{font-size: 0.875rem;}
	.line_tit{padding-bottom: 1.25rem; font-size: 1.125rem;}
	.dot_list li{padding-left: 0.875rem;} 
	.dot_list li + li{margin-top: 0.5rem;}
	.dot_list li::before{top: 0.5rem;}
	.pro_view .info .wrap{gap: 2.5rem; flex-direction: column;}
	.pro_view .info .thumb{width: 100%;}
	.pro_view .info .thumb .arrow div{width: 1.75rem;}
	.pro_view .info .thumb .pagination{bottom: 0.9325rem; gap: 0.47119rem;}
	.pro_view .info .thumb .pagination .swiper-pagination-bullet{width: 0.5rem;}
	.pro_view .info .txt{padding-top: 0; width: 100%;}
	.pro_view .info .txt .s_tit{font-size: 1.375rem;}
	.pro_view .info .txt .tit2{margin: 1.25rem 0; font-size: 1rem;}
	.pro_view .info .txt .awards{margin-top: 2.5rem;}
	.pro_view .info .txt .awards .cont{margin-top: 1.625rem; gap: 0.75rem 1.25rem;}
	.pro_view .info .txt .awards .cont img{height: 3.125rem;}
	.pro_view .info .spec{margin-top: 2.5rem;}
	.pro_view .info .spec .cont{margin-top: 2rem;}
	.pro_view .info .spec .cont .tit{font-size: 1.25rem; margin-bottom: 1.75rem;}
	.pro_view .info .spec .cont .list{gap: 1rem;}
	.pro_view .info .spec .cont .list dl{width: 100%; gap: 0.25rem; flex-direction: column;}
	.pro_view .info .spec .cont .list dl dt{width: 100%;}
	.pro_view .info .spec .cont .list dl dd{width: 100%;}
	.pro_view .info .spec .cont .list dl dd .cl{gap: 0.75rem;}
	.pro_view .info .spec .cont .list dl dd .cl img{width: 1.5625rem;}
	.pro_view .tech_list .swiper-slide{margin-right: 1rem;}
	.pro_view .tech_list .swiper.on .swiper-slide{width: 100%;}
	.pro_view .tech_list .swiper-slide dd{min-height: 4rem;}
	.swiper .control{margin: 1.875rem auto 0; gap: 1.25rem; width: 100%;}
	.swiper .control .scrollbar{width: 12.5rem; max-width: calc(100% - 1.25rem - 5rem); height: 0.1875rem;}
	.swiper .control .arrow div{width: 2.5rem;}
	.swiper .control .arrow .line{height: 1.25rem;}
	.pro_view .down .list{gap: 1.5625rem;}
	.pro_view .down .list .item{width: 100%; padding: 1.875rem 1.25rem;}
	.pro_view .down .list .item .cate{font-size: 0.75rem;}
	.pro_view .down .list .item .txt_m{margin: 0.9375rem 0 1.0625rem; font-size: 1rem;}
	.pro_view .down .list .item a{font-size: 0.875rem; padding: 0.75rem 0.625rem; gap: 0.625rem;}
	.pro_view .down .list .item a img{width: 1.25rem;}

	/* technology list */
	.tech_list .list{gap: 1.875rem;}
	.tech_list .list li{width: 100%;}
	.tech_list .list li a{padding: 1.25rem;}
	.tech_list .list li a .icon{width: 2rem;}
	.tech_list .list li a dl{margin: 1rem 0;}
	.tech_list .list li a dl dt{font-size: 1.125rem;}
	.tech_list .list li a dl dd{margin-top: 0.5rem; font-size: 0.875rem; min-height: initial;}
	.tech_list .list li a .view{font-size: 0.875rem;}
	.tech_list .list li a .view i{width: 1rem;}
	.tech_list .list li a .img{margin-top: 1.25rem}

	/* technology view */
	.tech_view .sec3 .swiper{overflow: visible;}
	.tech_view .sec3 .swiper-slide{margin-right: 1.25rem; width: 58%;}
	.tech_view .sec3 .swiper.on .swiper-slide{width: 100%;}

	/* about */
	.about .sec1 .title p{margin-top: 0.5rem;}
	.about .sec1 .cont .table_wrap dl{padding: 1.25rem 0; flex-direction: column; gap: 0.5rem}
	.about .sec1 .cont .table_wrap dt{width: 100%; line-height: 1.5;}
	.about .sec1 .cont .table_wrap dt p{margin-top: 0.25rem;}
	.about .sec1 .cont .table_wrap dd{width: 100%;}
	.about .sec2::after{display: none;}
	.about .sec2 .list{margin-top: 2rem; gap: 1.25rem;}
	.about .sec2 .list li{padding: 1.75rem 1.5rem;}
	.about .sec2 .list li strong::after{width: 2.5rem; height: 0.1875rem; margin-top: 0.75rem;}
	.about .sec2 .list li .cont{margin-top: 1.5rem;}
	.about .sec2 .list li .cont.flex{gap: 0; flex-direction: column;}
	.about .sec2 .list li .cont.flex p{width: 100% !important;}
	.about .sec3 .img_box{gap: 1.5rem; flex-direction: column;}
	.about .sec3 .img_box img{width: 100%;}
	.about .sec3 .img_box .num_list{width: 100%;}
	.about .sec4 .list{margin-top: 1.25rem;}
	.about .sec4 .list li{padding: 1.25rem;}
	.about .sec4 .list li + li{margin-top: 1rem;}
	.about .sec5 .num_list li + li{margin-top: 1rem;}
	.about .sec5 .num_list .txt_s{margin-top: 0.5rem;}
	.about .sec6 .item{gap: 1rem;}
	.about .sec6 .item2{margin-top: 2rem;}
	.about .sec7 .img_box{padding: 1.375rem; gap: 1.25rem; flex-direction: column; align-items: flex-start;}
	.about .sec7 .img_box b{font-size: 0.75rem; margin-bottom: 0.5rem;}
	.about .sec7 .img_box .down_btn{gap: 0.625rem; width: 8rem; padding: 0.55rem 0;}
	.about .sec7 .img_box .down_btn img{width: 1rem;}

	/* CLEANLINESS AND COMFORT */
	.purpose .banner{height: 22.5rem;}
	.purpose .banner dl{bottom: 3rem;}
	.purpose .banner dl dd{margin-top: 1.25rem; font-size: 1rem;}
	.purpose .banner dl br{display: none;}
	.purpose .sec1 .title p{margin: 1.25rem 0 1.5rem; font-size: 1rem;}
	.purpose .sec1 .img_box{padding: 0; border: none; background: none;}
	.purpose .sec1 .sdg_list{gap: 1rem; flex-wrap: wrap;}
	.purpose .sec1 .sdg_list li{max-width: initial; width: calc(50% - 0.5rem); flex: initial;}
	.comfort .sec2 .img span{left: 0; width: 100%; text-align: center;}
	.list_style{gap: 1.75rem; flex-direction: column;}
	.list_style li .img{margin-bottom: 1rem;}
	.comfort .sec2 .list_style dt{font-size: 1rem;}
	.comfort .sec2 .list_style dd{margin-top: 0.25rem; font-size: 0.875rem;}
	.purpose .goal .item .tit{padding: 0.875rem 0;}
	.purpose .goal .item .cont.txt_l{font-size: 0.875rem;}
	.purpose .goal .item .cont > div{height: 6rem; gap: 0.25rem; padding: 0 0.5rem;}
	.purpose .goal .item .cont > div .flex{gap: 0.25rem;}
	.purpose .goal .item .cont > div strong{font-size: 1.5rem;}
	.purpose .goal .item .cont > div .per{font-size: 1rem;}
	.purpose .goal .item .cont > div .txt_xxl{font-size: 0.875rem;}

	/* ENVIRONMENT */
	.env .sec4 .cont{gap: 2rem; flex-direction: column;}
	.env .sec4 .cont .img p{margin-top: 0.625rem;}
	.env .sec4 .cont .txt .env_btn{width: 17.5rem; padding: 0.55rem 0; gap: 0.625rem;}
	.env .sec4 .cont .txt .env_btn img{width: 1.25rem;}

	/* RELATIONSHIP */
	.rel .item .cont.txt_l{font-size: 0.8rem;}
	.rel .goal .item .cont > div{height: 7.85rem;}

	/* CLEAN SYNERGY */
	.fancybox .play_btn{width: 4rem;}
	.fancybox .thumb_txt{left: 1.25rem; right: 1.25rem; bottom: 1.25rem;}
	.fancybox .thumb_txt img{width: 2.5rem;}
	.fancybox .thumb_txt .title{font-size: 2rem; line-height: 0.7;}
	.toggleList > li > .tit{padding: 1rem 0; gap: 0.75rem;}
	.toggleList > li > .tit img{width: 2rem;}
	.toggleList > li > .tit::after{width: 2rem; right: 0;}
	.toggleList > li > .cont{padding: 2.5rem 0;}
	.clean .item_wrap .item{gap: 1.5rem; flex-direction: column;}
	.clean .item_wrap .item + .item{margin-top: 2.5rem;}
	.clean .item_wrap .item .img{width: 100%;}
	.clean .item_wrap .item > .txt{width: 100%; gap: 0.625rem;}
	.clean .item_wrap .item > .txt .num_list li .num{margin-top: 0.25rem;}
	.clean .process_wrap{gap: 1rem 0.75rem;}
	.clean .process_wrap .box{gap: 1rem; width: calc(((100% - (0.75rem * 2)) - 1.25rem) / 2); padding: 1.5rem 1.25rem;}
	.clean .process_wrap .box .top{gap: 0.5rem;}
	.clean .process_wrap .box .top img{width: 5rem;}
	.clean .process_wrap .box .bot{gap: 0.75rem;}
	.clean .process_wrap .arrow{width: 1.25rem;}
	.clean .process_wrap .arrow.t_none{display: none;}
	.clean .item_wrap2 .process_wrap .box .bot span{min-height: 2.85rem;}
	.clean .item_wrap2 .process_wrap .box .bot span br{display: block;}
	.clean .item_wrap2 .item2 img{width: 100%;}
	.clean .item_wrap2 .item2 .txt_s{margin-top: 0.5rem;}
	.toggleList li:last-child .process_wrap .box .bot span{min-height: 4.25rem;}
	.list_style .icon{gap: 0.625rem;}
	.list_style .icon img{width: 1.75rem;}
	.list_prd li{width: 100% !important;}
	.list_prd li span{left: 1.5rem; right: 1.5rem; bottom: 1.5rem;}
	.list_style2{gap: 0.625rem; flex-direction: column;}
	.list_style2 li a span{left: 1.5rem; right: 1.5rem; bottom: 1.5rem;}

	/* LET'S WASH */
	.wash .banner{height: 22.5rem;}

	/* TOUCHLESS */
	.touch_list{gap: 1rem; flex-direction: column;}
	.touch_list li .point .pin{width: 2.60vw;}
	.touch_list li .point .card{top: 2.5em; min-width: 14rem;}
	.touch_list li.item1 .point1{left: 46.79vw; bottom: 17.98vw;}
	.touch_list li.item1 .point2{left: 54.52vw; bottom: 25.12vw;}
	.touch_list li.item1 .point3{left: 58.45vw; bottom: 26.43vw;}
	.touch_list li.item1 .point4{left: 68.45vw; bottom: 27.98vw;}
	.touch_list li.item1 .point5{left: 71.31vw; bottom: 27.98vw;}
	.touch_list li.item2 .point1{left: 8.33vw; bottom: 24.64vw;}
	.touch_list li.item2 .point2{left: 11.19vw; bottom: 24.64vw;}
	.touch_list li.item2 .point3{left: 18.93vw; bottom: 22.02vw;}
	.touch_list li.item2 .point4{left: 43.57vw; bottom: 23.69vw;}
	.touch_list li.item1 .point4 .card,
	.touch_list li.item1 .point5 .card{left: initial; right: 0; transform: translateX(0);}
	.touch_list li.item2 .point1 .card,
	.touch_list li.item2 .point2 .card,
	.touch_list li.item2 .point3 .card{left: 0; transform: translateX(0);}

	/* DESIGN */
	.design .sec1{aspect-ratio: initial;}
	.design .txt_swiper .swiper-slide{font-size: 3rem; margin-right: 1rem;}
	.design .sec3{overflow: hidden;}
	.design .sec3 .item{padding: 2rem 0; gap: 2rem;}
	.design .sec3 .item > .txt .num{font-size: 2.15rem;}
	.design .sec3 .item .swiper{overflow: visible;}
	.design .sec3 .item .swiper-wrapper{flex-direction: row; width: max-content; gap: 0;}
	.design .sec3 .item .swiper-slide{flex: initial;}
	.design .sec3 .item .swiper dd{margin-top: 0.625rem;}
	.design .sec4 .cont .flex-ac{gap: 1.25rem; align-items: flex-start;}
	.design .sec4 .cont .flex-ac img{width: 6rem;}
	.design .sec4 .cont .flex-ac .txt{width: calc(100% - 1.25rem - 6rem);}
	.design .sec4 .cont .img_box .swiper-slide{gap: 1.35rem; flex-direction: column;}
	.design .sec4 .cont .img_box .swiper-slide .img{width: 100%;}
	.design .sec4 .cont .img_box .swiper-slide .txt{width: 100%;}
	.design .sec4 .cont .img_box .pagination{gap: 0.625rem;}
	.design .sec4 .cont .img_box .pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem;}
	.design .sec5 .btn_wrap{gap: 0.6875rem; flex-direction: column;}
	.design .sec5 .btn_wrap a{width: 100%; padding: 0.75rem 0; gap: 0.625rem;}
	.design .sec5 .btn_wrap a img{margin-top: -0.15rem;}
	.design .sec5 .wrap{gap: 0; flex-direction: column;}
	.design .sec5 .wrap .menu{width: 100%; top: 3.7rem; gap: 1rem; flex-direction: row; background: #FFF; padding: 1rem 0;}
	.design .sec5 .wrap .menu a{height: 3.25rem;}
	.design .sec5 .wrap .menu a:nth-of-type(1) img{height: 1.75rem;}
	.design .sec5 .wrap .menu a:nth-of-type(2) img{height: 2.5rem;}
	.design .sec5 .wrap .menu a:nth-of-type(3) img{height: 2.3125rem;}
	.design .sec5 .wrap .cont {width: 100%;}
	.design .sec5 .wrap .cont > div{padding-top: 3.75rem !important; margin-top: -1rem;}
	.design .sec5 .wrap .cont > div + div{margin-top: 0;}
	.design .sec5 .list_wrap .item + .item{margin-top: 4rem;}
	.design .sec5 .list_wrap .item .list{margin-top: 1.25rem; gap: 2rem 1rem;}
	.design .sec5 .list_wrap .item .list li{width: calc((100% - 1rem) / 2);}
	.design .sec5 .list_wrap .item .list li .txt .view{margin-top: 0.5rem; gap: 0.25rem; font-size: 0.75rem;}
	.design .sec5 .list_wrap .item .list li .txt .view img{width: 0.9rem;}
	.design .sec5 .list_wrap .item .list li .txt .txt_xs{margin-bottom: 0.5rem;}
	.design .sec5 .cont .dot_list li::before{top: 0.5rem;}

	/* SHOWROOM */
	.cate_tab{gap: 1.75rem;}
	.cate_tab a{font-size: 1.125rem; padding-bottom: 0.25rem;}
	.showroom{padding: 0 1.25rem;}
	.showroom .swiper{padding: 0; overflow: hidden;}
	.showroom .swiper-wrapper{align-items: flex-start;}
	.showroom .swiper-slide{margin: 0 0.5rem; width: 100%; transform: translateX(0) !important;}
	.showroom .swiper-slide-active{transform: scale(1) !important;}
	.showroom .swiper-slide-active ~ .swiper-slide {transform: translateX(0) !important;}
	.showroom .swiper-slide .txt{gap: 0.5rem; margin-top: 1.5rem; transform: scale(1);}
	.showroom .swiper-slide .txt .cate{font-size: 1.25rem;}
	.showroom .swiper-slide .txt .location{gap: 0.5rem;}
	.showroom .swiper-slide .txt .location img{width: 1.125rem;}
	.showroom .arrow div{top: 9rem; width: 1.5rem;}
	.showroom .arrow .prev{left: 1.5rem;}
	.showroom .arrow .next{right: 1.5rem;}
	.showroom .swiper.on{padding: 0;}
	.showroom .swiper-slide.no_data{transform: none !important;}

	/* CATALOG DOWNLOAD */
	.catalog .list{gap: 1.25rem; flex-direction: column;}
	.catalog .list li{width: 100%; padding: 1.25rem; gap: 1.5rem;}
	.catalog .list li .img{width: 41.77%;}
	.catalog .list li .txt{width: calc(58.23% - 1.5rem);}
	.catalog .list li .txt .s_tit{margin-top: 0.5rem; font-size: 1.25rem; min-height: initial;}
	.catalog .list li .txt .down{gap: 0.625rem; padding: 0.5rem 1.125rem; font-size: 0.75rem;}
	.catalog .list li .txt .down img{width: 1rem;}

	/* apply */
	.apply .cont{gap: 3.75rem;}
	.apply .cont .form{gap: 1.25rem;}
	.apply .cont .form dl.half{width: 100%;}
	.apply .cont .form dl dd textarea{height: 8.5rem !important;}
	.apply .cont .form .agree .flex-ac{flex-wrap: wrap;}
	.apply .cont .form .agree .view{padding: 0.45rem 0.875rem; margin-left: 0.75rem; font-size: 0.75rem;}
	.apply .cont .btn_wrap input{padding: 0.75rem 1.875rem;}
	.apply .cont .map{height: 18.65rem;}
	.apply .cont .map_wrap .info{gap: 1.5rem; margin-top: 2.15rem; flex-direction: column; align-items: flex-start;}
	.apply .cont .map_wrap .info .logo{width: 6rem;}
	.apply .cont .map_wrap .info .wrap{width: 100%; gap: 0.5rem 3.75rem;}
	.apply .cont .map_wrap .info .wrap dl{gap: 1rem;}
	.apply .cont .map_wrap .info .wrap dl dt{min-width: 4rem;}

	/* success */
	.board_success .img img{width: 2.5rem;}
	.board_success .home_btn a{padding: 0.75rem 2.25rem;}

	/* LAVATORY - Scene of four seasons */
	.season .sec1{height: auto; flex-direction: column;}
	.season .sec1 .item{flex: initial !important; height: 9rem;}
	.season .sec1 .item a{position: relative;}
	.season .sec1 .item a::before{content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; left: 0; top: 0;}
	.season .sec1 .item .txt{left: 1.75rem; right: 1.75rem; bottom: initial; top: 50%; transform: translateY(-50%);}
	.season .sec1 .item .txt dd{margin-top: 0.5rem !important; opacity: 1; height: auto;}
	.season .sec2{margin-top: 3.75rem;}
	.season .sec2 .list_style{flex-direction: row; flex-wrap: wrap; gap: 2rem 1.25rem;}
	.season .sec2 .list_style li{flex: initial; width: calc(50% - (1.25rem / 2));}
	.season .content{gap: 3.75rem; margin-top: 5rem;}
	.season .cont .banner{height: 15rem;}
	.season .cont .banner .txt{padding: 1.75rem;}
	.season .cont .banner .txt .tit{font-size: 1.75rem;}
	.season .cont .banner .txt .pc{display: block !important;}
	.season .cont .banner .mt20{margin-top: 0.75rem;}
	.season .cont .wrap{gap: 1.25rem; flex-direction: column; margin-top: 2rem;}
	.season .cont .wrap .lt_img{width: 100%;}
	.season .cont .wrap .lt_img p{margin-top: 0.625rem;}
	.season .cont .wrap .rt_img{width: 100%;}
	.season .cont .wrap .rt_img .img{height: auto; padding: 0.5rem 0 1.25rem;}
	.season .cont .wrap .rt_img .img img{width: 100%; padding-top: 0;}
	.season .cont .wrap .rt_img .img p{bottom: 0.75rem;}

	/* LAVATORY - list */
	.lava .sec1 .list_style{flex-direction: row; flex-wrap: wrap; gap: 2rem 1.25rem;}
	.lava .sec1 .list_style li{flex: initial; width: calc(50% - (1.25rem / 2));}
	.lava .content{gap: 1.25rem; margin-top: 3.75rem;}
	.lava .cont{gap: 1.5rem; padding: 1.5rem; flex-direction: column !important;}
	.lava .cont .img{width: 100%;}
	.lava .cont .txt{width: 100%; gap: 1.25rem;}
	.lava .cont .txt .s_tit{font-size: 1.375rem;}
	.lava .cont .txt img{width: 50%;}
	.lava .cont .txt .more_btn{width: 100% !important;}
	.lava .more_btn{font-size: 0.875rem; width: 15.875rem; padding: 0.6rem 0;}
	.lava .banner{aspect-ratio: 32/25; max-height: 37.5rem;}
	.lava .banner span{font-size: 1.75rem;}
	.lava .sec2{margin-top: 3.75rem;}
	.lava .sec2 .desc{margin: 2rem 0 1.75rem; font-size: 1rem;}
	.lava .sec3{margin-top: 3.75rem;}
	.lava .sec3 .banner{aspect-ratio: 48/25; max-height: 25rem;}
	.lava .sec3 .banner span{font-size: 1.5rem;}
	.lava .sec3 .banner + .banner{margin-top: 1.25rem;}

	/* LAVATORY - view */
	.lava_view{padding-top: 3.75rem;}
	.lava_view .inner{gap: 1.875rem; flex-direction: column;}
	.lava_view .inner .thumb{width: 100%;}
	.lava_view .inner .thumb .arrow div{width: 1.75rem;}
	.lava_view .inner .thumb .pagination{bottom: 0.9125rem; gap: 0.47119rem;}
	.lava_view .inner .thumb .pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem;}
	.lava_view .txt{width: 100%;}
	.lava_view .txt .wrap .line_tit{margin-bottom: 1.625rem;}
	.lava_view .txt .wrap + .wrap{margin-top: 2rem;}
	.lava_view .tab_swiper .swiper-slide{margin-right: 0.72113rem; width: calc((100% - (0.72113rem * 2)) / 3.2);}
	.lava_view .option .swiper-slide{margin-right: 0; width: 100%; display: flex; align-items: center; padding: 0.5rem 0;}
	.lava_view .option .swiper-slide img{width: 43.6%;}
	.lava_view .option .swiper-slide p{padding: 0; width: 56.4%;}
	.lava_view .option .pagination{display: flex; align-items: center; justify-content: center; gap: 0.47119rem; margin-top: 1.3825rem;}
	.lava_view .option .pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem; background: #D9D9D9; margin: 0; opacity: 1;}
	.lava_view .option .pagination .swiper-pagination-bullet-active{background: #000;}
	.lava_view_bt{margin-top: 4.195rem; height: 5rem;}
	.lava_view_bt a.flex-ac{gap: 0.625rem;}
	.lava_view_bt a.flex-ac img{width: 1.125rem;}

}

@media screen and (max-width:460px){

	.fancybox{height: 18rem;}
	.fancybox a{display: block; height: 100%;}
	.fancybox a > img{width: 100%; height: 100%; object-fit: cover;}
	.fancybox .play_btn{width: 3rem;}
	.fancybox .thumb_txt img{width: 2rem;}
	.fancybox .thumb_txt .title{font-size: 1.5rem;}
	.fancybox .thumb_txt .txt_m{font-size: 0.75rem;}
	.clean .process_wrap{gap: 0; align-items: center; flex-direction: column;}
	.clean .process_wrap .box{flex-direction: row; gap: 1.375rem; width: 100%; padding: 1.5625rem 1.125rem;}
	.clean .process_wrap .box .top{gap: 0.5rem; width: 5.875rem;}
	.clean .process_wrap .box .top img{width: 5rem;}
	.clean .process_wrap .box .bot{gap: 0.75rem; width: calc(100% - 5.875rem - 1.375rem);}
	.clean .process_wrap .arrow{width: 1.25rem; transform: rotate(90deg); margin: -1.5rem 0;}
	.clean .process_wrap .arrow.t_none{display: block;}
	.clean .item_wrap2 .process_wrap .box{}
	.clean .item_wrap2 .process_wrap .box .bot img{width: 100%;}
	.clean .item_wrap2 .process_wrap .box .bot span{min-height: initial;}
	.clean .item_wrap2 .process_wrap .box .bot span br{display: none;}
	.toggleList li:last-child .process_wrap .box .bot span{min-height: initial; text-align: left;}

	.season .cont .banner .txt .pc{display: none !important;}

	/* .apply .cont .form .agree label{width: calc(100% - 1.25rem - 0.625rem);}
	.apply .cont .form .agree .view{padding: 0.5rem 1rem; margin-left: 1.9375rem; margin-top: 0.75rem; font-size: 0.75rem;} */

}