section.col1{padding-top:70px;margin-top:130px}.head-title{text-align:center;color:#333}.head-title h4{font-size:var(--font-size-big);font-weight:var(--font-weight-bold);margin-bottom:10px}.head-title p{font-size:var(--font-size-regular3);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.head-title hr{width:20px;height:4px;background-color:#e0e6e6;border:0;margin:20px auto 60px}.prd-list{display:flex;align-items:center;justify-content:center;max-width:1000px;margin:0 auto 60px}.prd-list.max{display:grid;grid-template-columns:repeat(5,1fr)}.prd-list li{width:200px;height:60px;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #ddd;border-left:0;border-top:0;box-sizing:border-box}.prd-list li.active{background-color:var(--main-color);color:#fff;border:1px solid var(--main-color)}.prd-list li span{font-size:var(--font-size-regular3);font-weight:var(--font-weight-bold)}section.col2{background-color:#fafafa;padding:60px 0}section.col2 .container{opacity:0}section.col2.show .container{opacity:1}.subList{width:900px;margin:0 auto}section.col2 .subList{margin:0 auto 30px}section.col2.active .subList{margin:0 auto}.subList .swiper-wrapper{gap:10px;flex-wrap:wrap}.subList li{border-radius:24px;border:solid 1px #ddd;background-color:#fff;color:#333;font-size:var(--font-size-regular2);font-weight:500;padding:10px 30px;cursor:pointer;width:max-content;text-align:center}.subList li.active{border:1px solid var(--main-color);color:var(--main-color);font-weight:var(--font-weight-bold)}.subList .swiper-button-prev,.subList .swiper-button-next{display:none}.pic-section{margin:0 auto}.pic-section.none{display:none}.pic-area{display:flex;gap:30px;margin:0 auto;max-width:1105px;align-items:center;user-select:none}.pic-area>button{min-width:72px;height:72px;background:url(/resources/images/main/Icon_picSlide_arrow.svg) no-repeat center center;background-size:contain}.pic-area>button.disabled{background:url(/resources/images/main/Icon_picSlide_arrow_dis.svg) no-repeat center center;pointer-events:none;background-size:contain}.pic-area>button.next.disabled{transform:rotate(180deg)}.pic-area>button.prev:not(.disabled){transform:rotate(180deg)}.picSection{width:900px}.picSection .img-wrap{overflow:hidden;border-radius:4px;position:relative;height:auto}.picSection img{transition:all .5s ease-in-out;opacity:1;vertical-align:bottom}.picSection img.hide{opacity:0}button.zoom-btn{border-radius:4px;background-color:rgba(17,17,17,0.7);width:24px;height:24px;position:absolute;right:0;z-index:500;bottom:0;padding:3px;display:none}button.zoom-btn::before{content:'';display:inline-block;width:18px;height:18px;background:url(/resources/images/main/mIcon_zoom.svg) no-repeat center center;background-size:contain}.zoom-hidden{overflow:hidden;height:100vh}.zoom-wrap{position:fixed;top:0;left:0;z-index:9999;background-color:#111;opacity:1;width:100%;height:100vh;height:100dvh;display:none}.zoom-wrap.popup-active{display:flex}.zoom-wrap.option-hide .zoom-option{transform:translateY(-50px)}.zoom-wrap.option-hide .zoom-caption{display:none}.zoom-wrap.option-hide .zoomSection{height:100vh;height:100dvh;top:0}.zoom-wrap.option-hide .zoomist-image{top:0}.zoom-wrap img{height:auto;vertical-align:bottom}.zoom-option{right:0;left:0;padding:14px 16px;display:flex;z-index:900;width:100%;position:fixed;justify-content:flex-end;transform:translateY(0);transition:transform 200ms ease-in-out;align-items:center}.zoom-caption{font-size:var(--font-size-regular1);font-weight:var(--font-weight-bold);color:#999;position:absolute;bottom:30px;left:20px;width:calc(100% - 40px)}.zoom-close{width:30px;height:30px;background:url(/resources/images/main/mIcon_zoom_delete.svg) no-repeat center center;background-size:14px}.zoom-number{color:#fff;font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);position:absolute;left:50%;transform:translateX(-50%)}.zoom-number>span{font-weight:var(--font-weight-bold)}.zoomSection{height:calc(100dvh - 60px);height:calc(100vh - 60px);top:60px}.zoomist-container{width:100%}.zoomist-wrapper{background-color:transparent}.zoomist-wrapper{height:100vh;height:100dvh;width:100%;display:flex;align-items:center}.zoomist-image{top:-60px}.pic-angle{display:flex;gap:8px;justify-content:center;max-width:800px;margin:10px auto 30px}.pic-angle li{border-radius:4px;border:solid 1px #ddd;font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);color:#333;min-width:60px;max-height:28px;line-height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px 16px}.pic-angle li.active{background-color:#333;color:#fff}.pic-desc-wrap{padding:24px 40px;object-fit:contain;border:solid 1px #d9d9d9;background-color:#fff;position:relative;border-radius:4px;max-width:800px;margin:0 auto}.pic-title{font-size:var(--font-size-regular3);font-weight:var(--font-weight-bold);color:#333;display:flex;gap:5px;flex-wrap:wrap}.pic-title p{color:var(--main-color)}.pic-desc{font-size:var(--font-size-regular2);font-weight:var(--font-weight-regular);word-break:keep-all;color:#666;line-height:var(--line-height-base);white-space:pre-line;margin-top:16px;display:block}.pic-desc-wrap button{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);color:var(--main-color);padding:6px 20px;border:1px solid var(--main-color);border-radius:20px;background-color:#fff;position:absolute;top:20px;right:40px;cursor:pointer}.pic-desc-wrap button:hover{background-color:var(--main-opacity)}section.col3{display:block;padding:60px 0 80px}section.col3.none{display:none}.picList{display:grid;grid-template-columns:285px 285px 285px 285px;gap:40px 20px}.picList .img-wrap{overflow:hidden;cursor:pointer;position:relative;height:150px;border:1px solid #eee;border-radius:4px}.picList .img-wrap img{vertical-align:sub}.picList .ba-tit{font-size:var(--font-size-regular2);font-weight:var(--font-weight-regular);color:#333;padding:10px}.picList .ba-tit>div{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picList .tit-wrap{display:flex;gap:4px;margin-bottom:8px}.picList .tit-wrap>div{font-size:var(--font-size-regular);color:#777;border-radius:2px;border:solid 1px #ddd;height:22px;padding:0 6px;width:auto;display:flex;align-items:center}.picList p{font-size:var(--font-size-regular2);font-weight:var(--font-weight-regular);color:#333;margin:10px 0 0 10px;width:285px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picList span{color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:4px}.picList>div.active p{font-weight:var(--font-weight-bold)}.picList>div.active span{color:var(--main-color)}.pic-paging{display:flex;gap:30px;justify-content:center;margin-top:80px}.pic-paging button{background-color:transparent;border:0;font-size:var(--font-size-regular2);font-weight:500;color:#000}.pic-paging button.disabled{color:#ccc;pointer-events:none}.pic-paging ul{display:flex;gap:6px}.pic-paging li{color:#999;font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);width:24px;height:24px;line-height:24px;border-radius:12px;background-color:var(--main-opacity);display:flex;align-items:center;justify-content:center;cursor:pointer}.pic-paging li.active{color:#fff;background-color:var(--main-color);font-weight:var(--font-weight-bold)}.pic-paging button.disabled{color:#ccc;pointer-events:none}section.col3.none+.col4 .pic-notice{border:0}.pic-notice{border-top:1px solid #eee;padding:60px 0 100px;display:flex;gap:20px;flex-direction:column;align-items:center}.pic-notice>div{width:calc(100% - 400px)}.pic-notice p{font-size:var(--font-size-regular2);font-weight:var(--font-weight-bold);color:#333;margin-bottom:8px}.pic-notice span{font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);color:#777;line-height:var(--line-height-base);word-break:keep-all;white-space:pre-line}.pic-none{min-height:660px;justify-content:center;align-items:center;flex-direction:column;display:none}.pic-none.active{display:flex}.pic-none i{display:inline-block;width:222px;height:122px;background:url(/resources/images/main/Icon_beforeAfter_empty.svg) no-repeat center center;background-size:contain}.pic-none p{margin-top:30px;color:#666;font-size:2rem;font-weight:500}@media(min-width:1200px){.prd-list li:nth-child(-n+5){border-top:1px solid #ddd}.prd-list li:nth-child(5n+1){border-left:1px solid #ddd}.prd-list li:last-child,.prd-list li:nth-child(5n){border-right:1px solid #ddd}}@media(max-width:1199px){section.col1{padding-top:40px;margin-top:60px}.head-title h4{font-size:var(--font-size-regular5);margin-bottom:6px}.head-title p{font-size:var(--font-size-regular)}.head-title hr{display:none}.prd-list,.prd-list.max{margin:40px 0 30px;grid-template-columns:1fr 1fr;display:grid}.prd-list li{height:40px;min-width:auto;width:100%}.prd-list li:nth-child(2n+1){border-left:1px solid #ddd}.prd-list li:nth-child(-n+2){border-top:1px solid #ddd}.prd-list li:last-child,.prd-list li:nth-child(2n){border-right:1px solid #ddd}.prd-list li span{font-size:var(--font-size-regular1)}section.col2{padding:30px 20px 30px}section.col2 .swiper.subList{padding:0 17px;max-width:100%;width:calc(100% - 20px)}.subList.active,section.col2 .subList{margin-bottom:20px}.subList .swiper-wrapper{flex-wrap:initial;gap:0;padding:0;flex-wrap:nowrap}.subList li{font-size:var(--font-size-regular);font-weight:500;padding:8px 16px}.subList .swiper-button-prev,.subList .swiper-button-next{width:17px;display:flex;background-color:#fafafa;display:flex}.subList .swiper-button-prev{justify-content:flex-start;left:0}.subList .swiper-button-next{justify-content:flex-end;right:0}.subList .swiper-button-prev:after,.subList .swiper-button-next:after{content:"";width:5px;height:12px;background:url(/resources/images/main/Icon_subSlide_arrow.svg) no-repeat center center;background-size:contain}.subList .swiper-button-prev:after{transform:rotate(180deg)}section.col2 .container{max-width:100%;padding:0}.pic-area{gap:0}.pic-area>button{min-width:24px;height:24px}.picSection{width:100%}.picSection .img-wrap{height:auto}button.zoom-btn{display:block}.pic-angle{gap:6px;margin:8px auto 20px}.pic-angle li{font-size:var(--font-size-regular);padding:11px 10px;line-height:24px;min-width:48px;max-height:24px}.pic-desc-wrap{padding:14px 16px 16px;max-width:100%;display:flex;flex-direction:column}.pic-title{font-size:var(--font-size-regular1);flex-direction:column;gap:4px}.pic-desc{font-size:var(--font-size-regular);font-weight:var(--font-weight-light);margin-top:12px}.pic-desc-wrap button{font-size:11px;position:initial;margin:16px auto 0}.picList>div span{display:block;margin-bottom:4px}section.col3{padding:30px 0 60px}.picList{width:100%;grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px}.picList p{font-size:var(--font-size-regular);margin:8px 0 0 0;width:100%;padding:0 8px}.picList .img-wrap{height:auto}.pic-paging{gap:20px;margin-top:60px}.pic-paging button{font-size:var(--font-size-regular);font-weight:500}.pic-paging li{font-size:var(--font-size-regular)}.pic-notice{padding:40px 0 80px}.pic-notice>div{width:100%}.pic-notice p{font-size:var(--font-size-regular1)}.pic-notice span{font-size:var(--font-size-regular)}.pic-none{min-height:404px}.pic-none i{height:68px}.pic-none p{margin-top:20px;font-size:var(--font-size-regular1)}}