.wp{max-width: 1240px;  margin: 0 auto;}
.s02-crumb{padding:24px 0;}
.s02-crumb ol{color:#6B7280;font-size:16px;display:flex;}
.s02-crumb ol li:not(:last-child)::after{content:"/";margin:0 5px;display:inline-block;font-size:13px;}
.s02-crumb ol li span{color:#111827;}

@media screen and (max-width:768px){
.s02-crumb ol{font-size:15px;}
}

@media screen and (max-width:480px){
.s02-crumb{padding:15px 0;}
.s02-crumb ol{font-size:14px;}
}

.s01-pro-list{padding:20px 0;}
.s01-pro-list .tit{text-align:center;margin-bottom:30px;}
.s01-pro-list .tit h1{font-size:clamp(20px, 3.3vw, 48px);line-height:1;color:#111827;font-weight:700;text-transform: capitalize;}
.s01-pro-list .tit .t{max-width:950px;font-size:16px;color:#4B5563;line-height:1.625;margin:25px auto 0;}
.s01-pro-list .tit .t p~p{margin-top:15px;}

.s01-pro-list .list{padding:30px 0;}
.s01-pro-list .sub-tit{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E5E7EB;padding-bottom:16px;}
.s01-pro-list .sub-tit h5{font-size:24px;color:#111827;font-weight:700;}
.s01-pro-list .sub-tit p{font-size:13px;color:#9CA3AF;font-weight:600;text-transform:uppercase;}

.s01-pro-list ul{margin:10px -12px 0;display:flex;flex-wrap:wrap;}
.s01-pro-list ul li{width:25%;padding:20px 12px;}
.s01-pro-list ul li .inner{height:100%;}
.s01-pro-list ul li .pic{display:block;width:100%;overflow:hidden;border:1px solid #F3F4F6;background:#F9FAFB;padding:16px;aspect-ratio:3 / 4;display:inline-flex;justify-content:center;align-items:center;}
.s01-pro-list ul li .pic img{width:100%;max-height:100%;transition:all 0.3s ease 0s;object-fit:contain;}
.s01-pro-list ul li .pic img.nopic{width:auto;}
.s01-pro-list ul li p{margin-top:15px;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s01-pro-list ul li p a{color:#1F2937;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; display:block;}
.s01-pro-list ul li p a:hover{color:var(--color-active);}

.s01-pro-list ul li .bot{margin-top:10px;border-top:1px solid #E5E7EB;padding-top:8px;display:flex;justify-content:space-between;align-items:center;}
.s01-pro-list ul li .bot span{font-size:12px;color:#9CA3AF;}
.s01-pro-list ul li .bot a{font-size:12px;color:#C19A6B;text-transform:uppercase;font-weight:600;}

.s01-pro-list ul li .pic:hover{background:#ECEDEE;border-color:#E8DECF;}
.s01-pro-list ul li .pic:hover img:not(.nopic){transform:scale(1.05);}

@media screen and (max-width:1280px){
.s01-pro-list .tit .t{margin:20px auto 0;}
.s01-pro-list .sub-tit h5{font-size:22px;}
}

@media screen and (max-width:992px){
.s01-pro-list ul li{width:33.33333%;}
}

@media screen and (max-width:768px){
.s01-pro-list .tit{margin-bottom:20px;}
.s01-pro-list .tit .t{font-size:15px;line-height:1.5;margin:15px 0 0;}
.s01-pro-list .sub-tit{padding-bottom:12px;}
.s01-pro-list .sub-tit h5{font-size:18px;}
.s01-pro-list ul{margin:10px -10px 0;}
.s01-pro-list ul li{width:50%;padding:15px 10px;}
.s01-pro-list ul li p{font-size:15px;}
}

@media screen and (max-width:576px){
.s01-pro-list .list{padding:20px 0;}
.s01-pro-list .sub-tit h5{font-size:16px;}
.s01-pro-list .sub-tit p{font-size:12px;}
}

@media screen and (max-width:480px){
.s01-pro-list .tit .t{font-size:14px;line-height:1.4;}
}


/*---------------------------------------------------*/
.s02-solution{padding:clamp(30px, 3.15vw, 60px) 0;}
.s02-solution .tit{text-align:center;}
.s02-solution .tit h2{font-size:clamp(20px, 2.8vw, 46px);line-height:1;color:#000;font-weight:bold;text-transform: capitalize;}
.s02-solution ul{margin:40px -15px 0;display:flex;flex-wrap:wrap;}
.s02-solution ul li{width:33.3333333%;padding:0 15px;}
.s02-solution ul li .pic{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#E5E7EB;display:flex;justify-content:center;align-items:center;}
.s02-solution ul li .pic img{width:100%;height:100%;object-fit: cover;display:block;transition:all 0.3s ease 0s;}
.s02-solution ul li .pic img.nopic{width:auto;height:auto;}
.s02-solution ul li .txt{margin-top:15px;}
.s02-solution ul li .txt p{font-size:18px;font-weight:600;color:#111827;line-height:1.2;}
.s02-solution ul li:hover .pic img:not(.nopic){transform:scale(1.05);}

.s02-solution .more{margin-top:50px;text-align:center;}
.s02-solution .more a{padding:12px 32px;font-size:16px;font-weight:700;color:#fff;display:inline-block;background:#D7000F;text-transform:uppercase;transition:0.5s;}
.s02-solution .more a:hover{background:#A61313;}


@media screen and (max-width:1280px){
.s02-solution ul li .txt p{font-size:17px;}
.s02-solution .more{margin-top:40px;text-align:center;}
.s02-solution .more a{padding:11px 30px;font-size:15px;}
}

@media screen and (max-width:992px){
.s02-solution ul{margin:30px -10px 0;}
.s02-solution ul li{padding:0 10px;}
}

@media screen and (max-width:768px){
.s02-solution ul{margin:20px -10px 0;}
.s02-solution ul li{width:50%;padding:10px;}
.s02-solution ul li .txt p{font-size:16px;}
.s02-solution .more{margin-top:30px;}
.s02-solution .more a{padding:10px 28px;font-size:14px;}
}

@media screen and (max-width:576px){
.s02-solution ul{margin:10px 0 0;}
.s02-solution ul li{width:100%;padding:10px 0;}
}

@media screen and (max-width:480px){
.s02-solution .more{margin-top:20px;}
.s02-solution .more a{padding:8px 20px;font-size:13px;}
}



.quote-popup.is-visible {opacity:1;visibility:visible;transition:opacity 0.3s 0s,visibility 0s 0s;}
.quote-popup {display:block;position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:1000;}
.quote-popup .div_info {width:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;overflow:auto;padding:45px 50px;background:#fff;box-shadow:2px 3px 10px rgba(0,0,0,0.1);border-radius:5px;}
.quote-popup .div_info .tit{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;}
.quote-popup .div_info .tit h5{font-size:28px;color:#333;line-height:1;font-weight:700;}
.quote-popup .quote-popup-close{font-size:22px;color:#333;}
.quote-popup .quote-popup-close:hover{text-decoration:none;}

.quote-popup .div_info .input-position{position:relative;}
.quote-popup .div_info .input-position+.input-position{margin-top:15px;}
.quote-popup .div_info input,.quote-popup .div_info textarea{display:block;width:100%;padding:10px 17px;line-height:24px;font-size:15px;background:#fafafa;border:1px solid #eee;border-radius:5px;}
.quote-popup .div_info textarea {height:166px;}

.quote-popup .div_info button {width:100%;height:56px;font-size:18px;color:#fff;cursor:pointer;background:var(--color-active);margin-top:30px;text-transform:uppercase;font-weight:600;transition:0.3s all;border-radius:5px;}
.quote-popup .div_info button:hover{opacity:0.7}



@media screen and (max-width:1580px) {
.quote-popup .div_info {margin-top:0;max-height:90%;width:50%;}
.quote-popup .div_info input {height:48px;}
.quote-popup .div_info {padding:40px;}
.quote-popup .div_info h5 {padding-bottom:15px;}
.quote-popup .div_info textarea {height:110px;}
.quote-popup .quote-popup-close {top:24px;}
}
@media screen and (max-width:1280px) {
.quote-popup .div_info textarea {line-height:26px;}
}
@media screen and (max-width:960px) {
.quote-popup .div_info {width:80%;padding:30px;}
.quote-popup .quote-popup-close {top:15px;}
.quote-popup .div_info button {margin-top:28px;}
}
@media screen and (max-width:768px) {
.quote-popup .div_info {max-height:80%;width:90%;}
.quote-popup .div_info h5 {font-size:24px;}
.quote-popup .div_info input,.quote-popup .div_info textarea {margin-top:16px;}
}


/*---------------------------------------------------*/

.s02-why{padding:clamp(30px, 4.2vw, 80px) 0 0;background:#F9F9F7;}

.s02-why .tit{text-align:center;}
.s02-why .tit h2{font-size:clamp(20px, 2.8vw, 46px);line-height:1.2;color:#111827;font-weight:700;text-transform: capitalize;}
.s02-why .tit p{max-width:960px;font-size:16px;color:#4B5563;line-height:1.625;margin:25px auto 0;}

.s02-why ul{margin:50px -15px 0;display:flex;flex-wrap:wrap;}
.s02-why ul li{width:25%;padding:15px;cursor:pointer;transition:all 0.3s ease 0s;}
.s02-why.col0{padding-bottom:20px;}
.s02-why.col2 ul li{width:50%;}
.s02-why.col3 ul li{width:33%;}
.s02-why.col4 ul li{width:25%;}
.s02-why ul li .inner{height:100%;padding:30px;background:#fff;border:1px solid #F3F4F6;display:flex;flex-direction:column;gap:20px;}
.s02-why ul li .txt{flex:1;overflow:hidden;}
.s02-why ul li .txt h6{font-size:18px;font-weight:700;line-height:1.2;color:#292929;}
.s02-why ul li .txt p{font-size:15px;line-height:1.5;color:#555;margin:20px 0 0;}

.s02-why ul li:hover .inner{box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.11);}

@media screen and (min-width:992px){
.s01-why ul li:hover{transform:translateY(-10px);}
}

/*------------------------------------------------------------*/

@media screen and (max-width:1280px){
.s02-why .tit p{font-size:15px;line-height:1.5;margin:20px auto 0;}
.s02-why ul{margin:40px -15px 0;}
.s02-why ul li .inner{padding:20px;}
.s02-why ul li .txt h6{font-size:17px;}
}

@media screen and (max-width:992px){
.s02-why ul li{width:50%;}
}

@media screen and (max-width:768px){
.s02-why ul{margin:20px -10px 0;}
.s02-why ul li{padding:10px;}
.s02-why ul li .inner{padding:15px;}
.s02-why ul li .txt p{margin:15px 0 0;}
}

@media screen and (max-width:576px){
.s02-why ul{margin:20px 0 0;}
.s02-why ul li{width:100%;padding:10px 0;}
.s02-why ul li .inner{gap:15px;}
}

@media screen and (max-width:480px){
.s02-why .tit p{font-size:14px;margin:15px auto 0;}
.s02-why ul li .txt h6{font-size:16px;}
.s02-why ul li .txt p{font-size:14px;}
}


/*---------------------------------------------------*/
.s02-faq{padding:clamp(30px, 4.2vw, 80px) 0;background:#F9F9F7;}
.s02-faq h2{font-size:clamp(20px, 2.0vw, 32px);line-height:1;color:#000;font-weight:bold;text-align:center;text-transform: capitalize;}

.s02-faq ul{margin-top:50px;}
.s02-faq ul li{border:1px solid #E5E7EB;padding:15px;background:#fff;}
.s02-faq ul li+li{margin-top:15px;}
.s02-faq ul li .tit{overflow:hidden;cursor:pointer;position:relative;display:flex;justify-content:flex-start;}
.s02-faq ul li .tit .date-month{width:27px;line-height:27px;height:27px;display:block;text-align:center;}
.s02-faq ul li .tit .date-month::after{content:"+";font-size:19px;font-weight:600;color:#15803D;transition:transform .3s ease;}
.s02-faq ul li .tit h3{flex:1;font-size:18px;color:#111827;font-weight:600;margin:0 0 0 10px;}

.s02-faq ul li .con{padding:15px 0 0 37px;display:none;overflow:hidden;}
.s02-faq ul li .con .t{font-size:16px;line-height:1.5;color:#666;}

.s02-faq ul li .tit.active .date-month::after{content:"-";}
.s02-faq ul li .tit.active h3{color:var(--color-active, #D7000F);}

@media screen and (max-width:1280px){
.s02-faq ul li .con .t{font-size:15px;}
}

@media screen and (max-width:768px){
.s02-faq ul{margin-top:40px;}
.s02-faq ul li{padding:12px;}
.s02-faq ul li .tit .date-month{width:22px;line-height:22px;height:22px;}
.s02-faq ul li .tit .date-month::after{font-size:17px;}
.s02-faq ul li .tit h4{font-size:17px;line-height:22px;}
.s02-faq ul li .con{padding:12px 0 0 32px;}
.s02-faq ul li .con .t{font-size:15px;}
}

@media screen and (max-width:768px){
.s02-faq ul{margin-top:30px;}
.s02-faq ul li+li{margin-top:10px;}
.s02-faq ul li .tit h4{font-size:16px;}
.s02-faq ul li .con .t{font-size:14px;}
}

@media screen and (max-width:480px){
.s02-faq ul li .tit .date-month{width:20px;line-height:20px;height:20px;}
.s02-faq ul li .tit .date-month::after{font-size:16px;}
.s02-faq ul li .tit h4{font-size:15px;margin:0 0 0 6px;line-height:20px;}
.s02-faq ul li .con{padding:10px 0 0 26px;}
}

/*---------------------------------------------------*/
.s02-rela-keyword{padding:clamp(30px, 4.2vw, 80px) 0;background:#fff;}
.s02-rela-keyword h2{font-size:18px;line-height:1;color:#000;font-weight:bold;text-transform:uppercase;}
.s02-rela-keyword h2::after{content:"";width:64px;height:2px;background:#D7000F;margin:15px auto 0 0;display:block;}
.s02-rela-keyword ul{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:12px 16px;}
.s02-rela-keyword ul li{}
.s02-rela-keyword ul li a{font-size:15px;color:#6B7280;background:#F9FAFB;border:1px solid #F3F4F6;border-radius:2px;padding:8px 16px;display:block;}
.s02-rela-keyword ul li a:hover{color:#D7000F;text-decoration:underline;}

@media screen and (max-width:768px){
.s02-rela-keyword h5{font-size:17px;}
.s02-rela-keyword ul{gap:10px 12px;}
.s02-rela-keyword ul li a{font-size:14px;padding:7px 14px;}
}

@media screen and (max-width:480px){
.s02-rela-keyword h5{font-size:16px;}
.s02-rela-keyword h5::after{width:50px;margin:12px auto 0 0;}
.s02-rela-keyword ul{gap:8px 10px;}
.s02-rela-keyword ul li a{font-size:13px;padding:5px 10px;}
}


.s02-news{padding:clamp(30px, 3.15vw, 60px) 0;}
.s02-news .tit{text-align:center;}
.s02-news .tit h2{font-size:clamp(20px, 2.8vw, 46px);line-height:1;color:#000;font-weight:bold;}
.s02-news ul{margin:40px -15px 0;display:flex;flex-wrap:wrap;}
.s02-news ul li{width:33.3333333%;padding:0 15px;}
.s02-news ul li .pic{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#E5E7EB;display:flex;justify-content:center;align-items:center;}
.s02-news ul li .pic img{width:100%;height:100%;object-fit: cover;display:block;transition:all 0.3s ease 0s;}
.s02-news ul li .pic img.nopic{width:auto;height:auto;}
.s02-news ul li .txt{margin-top:15px;}
.s02-news ul li .txt p{font-size:18px;font-weight:600;color:#111827;line-height:1.2;}
.s02-news ul li:hover .pic img:not(.nopic){transform:scale(1.05);}

.s02-news .more{margin-top:50px;text-align:center;}
.s02-news .more a{padding:12px 32px;font-size:16px;font-weight:700;color:#fff;display:inline-block;background:#8B7355;text-transform:uppercase;transition:0.5s;}
.s02-news .more a:hover{background:#6D5A43;}


@media screen and (max-width:1280px){
.s02-news ul li .txt p{font-size:17px;}
.s02-news .more{margin-top:40px;text-align:center;}
.s02-news .more a{padding:11px 30px;font-size:15px;}
}

@media screen and (max-width:992px){
.s02-news ul{margin:30px -10px 0;}
.s02-news ul li{padding:0 10px;}
}

@media screen and (max-width:768px){
.s02-news ul{margin:20px -10px 0;}
.s02-news ul li{width:50%;padding:10px;}
.s02-news ul li .txt p{font-size:16px;}
.s02-news .more{margin-top:30px;}
.s02-news .more a{padding:10px 28px;font-size:14px;}
}

@media screen and (max-width:576px){
.s02-news ul{margin:10px 0 0;}
.s02-news ul li{width:100%;padding:10px 0;}
}

@media screen and (max-width:480px){
.s02-news .more{margin-top:20px;}
.s02-news .more a{padding:8px 20px;font-size:13px;}
}


.show-list-4{padding:70px 0;background:none;}
.show-list-4 ul{}
.show-list-4 h2{font-size:22px;line-height:1;color:#000;font-weight:bold;text-align:center;text-align:left;}
.show-list-4 ul li{display:-webkit-flex;display:flex;align-items: center;}
.show-list-4 ul li+li{margin-top:40px;}
.show-list-4 ul li .pic{width:50%;}
.show-list-4 ul li .pic img{width:100%;transition: all 0.3s ease 0s;}
.show-list-4 ul li .pic:hover img{transform: scale(1.05);}
.show-list-4 ul li .txt{-webkit-flex:1;flex:1;margin:0 0 0 40px;}
.show-list-4 ul li .txt h6{font-size:34px;color:#333;font-weight:700;}
.show-list-4 ul li .txt p{margin:20px 0 0;line-height:24px;font-size:17px;color:#555;}
.show-list-4 ul li:nth-child(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.show-list-4 ul li:nth-child(2n) .txt{margin:0 40px 0 0;}
.no-pic.txt {margin: 0 !important;} 
@media screen and (max-width:480px) {
.show-list-4 .no-pic.txt {margin-left: 20px;} 
.show-list-4 ul li {display: flow-root;}
.show-list-4 ul li .pic {width: 100%;}
.show-list-4 ul li:nth-child(2n) .txt {margin: 0 20px;}
.show-list-4 ul li .txt {margin: 0 20px;}
.show-list-4 h2 {margin-top: 20px;}
}