@charset "utf-8";

.subTitle1 {font-size: 4.0rem;font-weight: 700;line-height: calc(56 / 40);text-align: center;max-width: 140.0rem;margin: 0 auto;}
.subTitle1 span.t1 {color: #009900;}

@media screen and (max-width: 1400px){
	.subTitle1 {width: 98%;margin: 0 auto; }
}
@media screen and (max-width: 1024px){
	.subTitle1 {font-size: 3.0rem;}
}
@media screen and (max-width: 768px){

}


/*회사소개>회사개요*/
.company {}
.company .com1 {max-width: 140.0rem;margin: 0 auto;display: flex;margin-top: 9.0rem;}
.company .com1 .sub {width: calc((100% - 8.8rem) / 3);margin-right: 4.4rem;aspect-ratio: calc(435 / 290);border-radius: 2.0rem;}
.company .com1 .sub1 {background: url(../../pages/images/company_1_01.jpg) no-repeat center / cover;}
.company .com1 .sub2 {background: url(../../pages/images/company_1_02.jpg) no-repeat center / cover;}
.company .com1 .sub3 {background: url(../../pages/images/company_1_03.jpg) no-repeat center / cover;margin-right: 0rem;}
.company .com2 {background: url(../../pages/images/company_2_bg.jpg) no-repeat center / cover;margin-top: 10.5rem;}
.company .com2 .com2_wrap {padding: 10.5rem 0 6.5rem;}
.company .com2 .tit {font-size: 4.0rem;color: #fff;font-family: 'Poppins';font-weight: 800;text-align: center;line-height: 1.3;}
.company .com2 .cont {display: flex;flex-wrap: wrap;margin-top: 6.0rem;}
.company .com2 .cont .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;margin-bottom: 4.5rem;background: #fff;border-radius: 2.0rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6.3rem 2rem;text-align: center;}
.company .com2 .cont .sub:nth-child(3n) {margin-right: 0;}
.company .com2 .cont .sub .ico {width: 4.5rem;aspect-ratio: 1;}
.company .com2 .cont .sub1 .ico {background: url(../../pages/images/company_2_ico_01.png) no-repeat center / contain;}
.company .com2 .cont .sub2 .ico {background: url(../../pages/images/company_2_ico_02.png) no-repeat center / contain;}
.company .com2 .cont .sub3 .ico {background: url(../../pages/images/company_2_ico_03.png) no-repeat center / contain;}
.company .com2 .cont .sub4 .ico {background: url(../../pages/images/company_2_ico_04.png) no-repeat center / contain;}
.company .com2 .cont .sub5 .ico {background: url(../../pages/images/company_2_ico_05.png) no-repeat center / contain;}
.company .com2 .cont .sub6 .ico {background: url(../../pages/images/company_2_ico_06.png) no-repeat center / contain;}
.company .com2 .cont .sub7 .ico {background: url(../../pages/images/company_2_ico_07.png) no-repeat center / contain;}
.company .com2 .cont .sub .txt1 {font-size: 2.0rem;color: #aaaaaa;font-weight: 700;padding-top: 2.8rem;}
.company .com2 .cont .sub .txt2 {font-size: 2.0rem;color: #333333;font-weight: 700;padding-top: 1.2rem;}

@media screen and (max-width: 1400px){
	.company .com1 .sub {width: calc((100% - 4.0rem) / 3);margin-right: 2.0rem;}
	.company .com1 .sub3 {margin-right: 0rem;}

	.company .com2 .cont .sub {width: calc((100% - 4.0rem) / 3);margin-right: 2.0rem;margin-bottom: 2.0rem;}
}
@media screen and (max-width: 1024px){
	.company .com2 .cont .sub {width: calc((100% - 2.0rem) / 2);}
	.company .com2 .cont .sub:nth-child(3n) {margin-right: 2.0rem;}
	.company .com2 .cont .sub:nth-child(2n) {margin-right: 0;}
}

@media screen and (max-width: 600px){
	.company .com1 {flex-direction: column;}
	.company .com1 .sub {width: 100%;max-width: 43.5rem;margin: 0 auto;margin-bottom: 1.0rem;}
	.company .com2 .cont .sub {width: 100%;margin-right: 0;}
	.company .com2 .cont .sub:nth-child(3n) {margin-right: 0rem;}
}

/*회사소개>핵심가치*/
.value {}
.value .val1 {position: relative;margin-top: 6.5rem;}
.value .val1 .txt_area {font-size: 12.0rem;color: #f8f8f8;font-family: 'Poppins';font-weight: 800;text-align: center;position: absolute;line-height: 0.7;top: 0;width: 100%;}
.value .val1 .cont {max-width: 116.0rem;margin: 0 auto;display: flex;z-index: 1;position: relative;padding-top: 5.5rem;}
.value .val1 .cont .sub {width: calc((100% - 26.0rem) / 3);aspect-ratio: 1;margin-right: 13.0rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.value .val1 .cont .sub:last-child {margin-right: 0rem;}
.value .val1 .cont .sub1 {background: url(../../pages/images/value_1_01.png) no-repeat center / contain;}
.value .val1 .cont .sub2 {background: url(../../pages/images/value_1_02.png) no-repeat center / contain;}
.value .val1 .cont .sub3 {background: url(../../pages/images/value_1_03.png) no-repeat center / contain;}
.value .val1 .cont .sub .txt1 {font-size: 3.2rem;color: #fff;font-weight: 700;}
.value .val1 .cont .sub .txt2 {font-size: 2.0rem;color: #fff;font-family: 'Poppins';padding-top: 0.8rem;}
.value .val2 {background: url(../../pages/images/value_2_bg.jpg) no-repeat center / cover;margin-top: 13.5rem;}
.value .val2 .val2_wrap {display: flex;}
.value .val2 .val2_wrap .sub {width: calc(100% / 4);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position: relative;padding: 19.0rem 0rem 18.0rem;}
.value .val2 .val2_wrap .sub:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.3);}
.value .val2 .val2_wrap .sub:last-child:after {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.3);}
.value .val2 .val2_wrap .sub .txt1 {font-size: 12.0rem;color: #bae55f;font-family: 'Poppins';font-weight: 700;line-height: 1;}
.value .val2 .val2_wrap .sub .txt2 {font-size: 2.2rem;color: #fff;font-family: 'Poppins';font-weight: 700;line-height: calc(32 / 22);min-height: 6.4rem;margin-top: 2.8rem;}
.value .val2 .val2_wrap .sub .txt3 {font-size: 2.4rem;color: #fff;font-weight: 500;margin-top: 3.9rem;}

@media screen and (max-width: 1450px){
	.value .val1 .txt_area {width: calc(100% - 2rem);}
}
@media screen and (max-width: 1200px){
	.value .val1 .txt_area {font-size: 9.5vw;}
}
@media screen and (max-width: 1160px){
	.value .val1 .cont .sub {width: calc((100% - 10%) / 3);margin-right: 5%;}
}
@media screen and (max-width: 1024px){
	.value .val2 .val2_wrap {flex-wrap: wrap;}
	.value .val2 .val2_wrap .sub {width: calc(100% / 2);padding: 9.0rem 0rem 8.0rem;}
	.value .val2 .val2_wrap .sub:before {content: '';position: absolute;top: 0;left: 0;width: 0px;height: 100%;background: rgba(255, 255, 255, 0.3);}
	.value .val2 .val2_wrap .sub:last-child:after {content: '';position: absolute;top: 0;right: 0;width: 0px;height: 100%;background: rgba(255, 255, 255, 0.3);}
	.value .val2 .val2_wrap .sub:nth-child(2n+1):after {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.3);}
	.value .val2 .val2_wrap .sub:nth-child(n-3):before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.3);}
}
@media screen and (max-width: 768px){
	.value .val2 .val2_wrap .sub {width: 100%;padding: 4.0rem 0rem;}
	.value .val2 .val2_wrap .sub:nth-child(2n+1):after {width: 0;}
}
@media screen and (max-width: 600px){
	.value .val1 .cont {flex-direction: column;align-items: center;padding-top: 4.5rem;}
	.value .val1 .cont .sub {width: 100%;margin-right: 0;max-width: 30.0rem;margin-bottom: 3.5rem;}
}


/*회사소개>인증현황*/
.certification {}
.certification .cert {display: flex;flex-wrap: wrap;margin-top: 9.0rem;}
.certification .cert .sub {width: calc((100% - 13.5rem) / 4);margin-right: 4.5rem;margin-bottom: 4.5rem;}
.certification .cert .sub:nth-child(4n) {margin-right: 0rem;}
.certification .cert .sub .sub_wrap {}
.certification .cert .sub .sub_wrap .thumb {background: #f4f4f4;border-radius: 2.0rem;aspect-ratio: calc(315 / 400);display: flex;justify-content: center;align-items: center;padding: 3rem;}
.certification .cert .sub .sub_wrap .thumb img {max-width: 100%;box-shadow: 3px 5px 20px 3px rgba(0,0,0,0.15);}
.certification .cert .sub .sub_wrap .txt {font-size: 1.8rem;color: #333333;text-align: center;padding: 1.9rem;}

@media screen and (max-width: 1450px){
	.certification .cert .sub {width: calc((100% - 6.0rem) / 4);margin-right: 2.0rem;}
}
@media screen and (max-width: 1024px){
	.certification .cert .sub {width: calc((100% - 4.0rem) / 3);}
	.certification .cert .sub:nth-child(4n) {margin-right: 2.0rem;}
	.certification .cert .sub:nth-child(3n) {margin-right: 0rem;}
}
@media screen and (max-width: 768px){
	.certification .cert .sub {width: 100%;margin-right: 0rem;display: flex;justify-content: center;}
	.certification .cert .sub:nth-child(4n) {margin-right: 0rem;}
	.certification .cert .sub .sub_wrap {max-width: 35.0rem;}
}


/*회사소개>오시는길*/
.location {}
.location02{margin-top:50px;}
.location .map {min-height: 50.0rem;}
.location .map .map_wrap {width: 100%;height: 100%;}
.location .map .map_wrap .wrap_map {height: 100%;}
.location .cont {width: 145.0rem;margin: 0 auto;padding: 2.5rem;display: flex;flex-wrap: wrap;/* margin-top: 2.5rem; */}
.location .cont .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.03);border-radius: 1.0rem;}
.location .cont .sub:last-child {margin-right: 0rem;}
.location .cont .sub .sub_wrap {display: flex;align-items: center;gap: 2.5rem;padding: 4.0rem 3.5rem;}
.location .cont .sub .sub_wrap .ico {width: 8.2rem;aspect-ratio: 1;border: solid 1px #8ec31f;border-radius: 100%;}
.location .cont .sub1 .sub_wrap .ico {background: url(../../pages/images/location_ico_01.png) no-repeat center;}
.location .cont .sub2 .sub_wrap .ico {background: url(../../pages/images/location_ico_02.png) no-repeat center;}
.location .cont .sub3 .sub_wrap .ico {background: url(../../pages/images/location_ico_03.png) no-repeat center;}
.location .cont .sub .sub_wrap .txt_area {display: flex;flex-direction: column;gap: 1.0rem;}
.location .cont .sub .sub_wrap .txt_area .txt1 {font-size: 1.8rem;color: #333333;font-weight: 700;}
.location .cont .sub .sub_wrap .txt_area .txt2 {font-size: 1.6rem;color: #666666;}

@media screen and (max-width: 1450px){
	.location .cont {width: 100%;}
}
@media screen and (max-width: 1024px){
	.location .cont .sub {width: 100%;margin-right: 0;margin-bottom: 4.5rem;}
}
@media screen and (max-width: 768px){
	.location .map {min-height: 30.0rem;}
	.location .cont .sub .sub_wrap {gap: 1.5rem;padding: 3.0rem 2.5rem;}
	.location .cont .sub .sub_wrap .ico {width: 6.0rem;background-size: 2.5rem !important;}
}


/*조직소개*/
.organization {}
.organization .subTitle1 {font-family: 'Poppins';font-weight: 800;}
.organization .orga {display: flex;flex-wrap: wrap;margin-top: 9.0rem;}
.organization .orga .sub {}
.organization .orga .sub1 {width: calc((100% - 10.0rem) / 3);margin-right: 5.0rem;}
.organization .orga .sub2 {width: calc((100% - 10.0rem) / 3);margin-right: 5.0rem;margin-top: 1.5rem;}
.organization .orga .sub3 {width: calc((100% - 10.0rem) / 3);}
.organization .orga .sub4 {width: 100%;margin-top: 15.0rem;/*order: -1;*/}
.organization .orga .sub5 {width: 100%;}
.organization .orga .sub6 {width: 100%;}

.organization .orga .sub_s {text-align: center;}
.organization .orga .sub_s .sub_wrap {display: flex;flex-direction: column;align-items: center;}
.organization .orga .sub2 .sub_wrap {flex-direction: column-reverse;}

.organization .orga .sub_s .thumb {width: 100%;aspect-ratio: calc(435 / 540);border-radius: 10.0rem;}
.organization .orga .sub1 .thumb {background: url(../../pages/images/organization_1_01.jpg) no-repeat center / cover;}
.organization .orga .sub2 .thumb {background: url(../../pages/images/organization_1_02.jpg) no-repeat center / cover;margin-top: -3.0rem;}
.organization .orga .sub3 .thumb {background: url(../../pages/images/organization_1_03.jpg) no-repeat center / cover;}
.organization .orga .sub_s .cont {margin-top: -3.0rem;display: flex;flex-direction: column;align-items: center;}
.organization .orga .sub2 .cont {flex-direction: column-reverse;margin-top: 0;z-index: 1;}



.organization .orga .sub_s .cont .num {font-size: 5.0rem;color: #009900;font-weight: 900;}
.organization .orga .sub_s .cont .txt_area {}
.organization .orga .sub_s .cont .txt_area .txt1 {font-size: 3.2rem;font-weight: 700;padding-top: 1.0rem;}
.organization .orga .sub_s .cont .txt_area .txt2 {font-size: 1.8rem;color: #666666;padding-top: 1.5rem;}
.organization .orga .sub2 .cont .txt_area {margin-bottom: 1.5rem;}


.organization .orga .sub_l {margin-bottom: 5.0rem;}
.organization .orga .sub3 {}
.organization .orga .sub_l .sub_wrap {border: solid 1px #dddddd;border-radius: 2.0rem;overflow: hidden;}
.organization .orga .sub_l .sub_wrap .sub_tit {font-size: 2.0rem;font-weight: 700;background: #f2f2f2;padding: 2.3rem 3.5rem;}
.organization .orga .sub_l .sub_wrap .sub_ul {border-top: solid 1px #dddddd;padding: 2.3rem 3.5rem;}
.organization .orga .sub_l .sub_wrap .sub_ul .sub_li {position: relative;font-size: 1.8rem;color: #666666;line-height: 2;padding-left: 1.8rem;}
.organization .orga .sub_l .sub_wrap .sub_ul .sub_li:before {content: '';position: absolute;top: 16px;left: 0;width: 5px;height: 5px;background: #000;border-radius: 100%;}



@media screen and (max-width: 768px){
	.organization .orga .sub1 {width: 100%;margin-right: 0rem;order: 1;}
	.organization .orga .sub2 {width: 100%;margin-right: 0rem;order: 3;}
	.organization .orga .sub3 {width: 100%;order: 5;}
	.organization .orga .sub4 {order: 2;margin-top: 2.0rem;}
	.organization .orga .sub5 {order: 4;margin-top: 2.0rem;}
	.organization .orga .sub6 {order: 6;margin-top: 2.0rem;}

	.organization .orga .sub_s {text-align: left;}

	.organization .orga .sub_s .thumb {aspect-ratio: 2 / 1;border-radius: 2.0rem;}
	.organization .orga .sub2 .thumb {margin-top: 0rem;}
	.organization .orga .sub_s .sub_wrap {flex-direction: column-reverse;align-items: flex-start;}
	.organization .orga .sub_s .cont {margin-top: 0;align-items: flex-start;flex-direction: row;margin-bottom: 2.5rem;}
	.organization .orga .sub_s .cont .num {min-width: 9.0rem;}
}


/*제품소개>건설분야*/
.product {}
.product .top {width: 100%;aspect-ratio: calc(1400 / 470);text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 2.0rem;padding: 4rem;}
.product .top .txt1 {font-size: 4.0rem;color: #8ec31f;font-family: 'Poppins';font-weight: 800;}
.product .top .txt2 {font-size: 2.0rem;color: #fff;line-height: calc(32 / 20);padding-top: 1.0rem;}

.product .p_tit1 {font-size: 3.2rem;font-weight: 700;}
.product .p_ul1 {margin-top: 2.2rem;}
.product .p_ul1 .p_li1 {font-size: 1.8rem;color: #666666;line-height: 2;position: relative;padding-left: 1.5rem;}
.product .p_ul1 .p_li1:before {content: '';position: absolute;top: 16px;left: 0;width: 4px;height: 4px;background: #000;border-radius: 100%;}

.product .p_sec1 {margin-top: 10.0rem;}
.product .p_sec1 .box {border: solid 1.0rem #dddddd;border-radius: 2.0rem;position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 4.2rem 4.0rem;}
.product .p_sec1 .box .num {position: absolute;top: -1.0rem;left: -1.0rem;width: 6.0rem;aspect-ratio: 1;background: #009900;border-top-left-radius: 2.0rem;border-bottom-right-radius: 2.0rem;display: flex;justify-content: center;align-items: center;font-size: 2.0rem;color: #fff;font-weight: 700;}
.product .p_sec1 .box .detail {width: 50%;padding-right: 2.0rem;}

.product .p_sec1 .box .thumb {width: 50%;aspect-ratio: calc(650 / 367);border-radius: 2.0rem;}

.product .p_sec1 .cont {margin-top: 4.5rem;}
.product .p_sec1 .cont .c_tit {font-size: 2.4rem;font-weight: 700;}
.product .p_sec1 .cont .detail {display: flex;flex-wrap: wrap;margin-top: 2.5rem;}
.product .p_sec1 .cont .detail .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;display: flex;flex-direction: column;align-items: center;}
.product .p_sec1 .cont .detail .sub:last-child {margin-right: 0rem;}
.product .p_sec1 .cont .detail .sub .thumb {width: 100%;aspect-ratio: calc(435 / 290);border-radius: 2.0rem;}
.product .p_sec1 .cont .detail .sub .txt {font-size: 1.8rem;color: #333333;text-align: center;padding-top: 1.5rem;}
.product .p_sec1 .cont .more {text-align: center;margin-top: 6.0rem;}
.product .p_sec1 .cont .more > a {background: #07913a;font-size: 1.8rem;color: #fff;font-weight: 500;padding: 2.0rem 3.6rem;display: inline-block;border-radius: 3.0rem;}

.product .p_sec2 {}
.product .p_sec2_b1 {background: #f2f2f2;padding: 10.0rem 0;}

.product .p_sec2 .sec_wrap {position: relative;}
.product .p_sec2 .sec_wrap .tit_sec {display: flex;align-items: center;gap: 2.0rem;position: absolute;}
.product .p_sec2 .sec_wrap .tit_sec1 {position: relative;}
.product .p_sec2 .sec_wrap .tit_sec .t_num {width: 6.0rem;aspect-ratio: 1;background: #009900;border-top-left-radius: 2.0rem;border-bottom-right-radius: 2.0rem;display: flex;justify-content: center;align-items: center;font-size: 2.0rem;color: #fff;font-weight: 700;}
.product .p_sec2 .sec_wrap .tit_sec .t_tit {font-size: 3.2rem;font-weight: 700;}
.product .p_sec2 .sec_wrap .cont {display: flex;flex-wrap: wrap;align-items: center;}
.product .p_sec2 .sec_wrap .cont_bottom {align-items: flex-end;}
.product .p_sec2 .sec_wrap .cont .detail {width: 50%;padding-right: 10.0rem;}
.product .p_sec2 .sec_wrap .cont .detail .txt1 {font-size: 2.4rem;font-weight: 700;}
.product .p_sec2 .sec_wrap .cont .detail .txt2 {font-size: 1.8rem;color: #666666;line-height: calc(32 / 18);font-weight: 700;margin-top: 1.9rem;}
.product .p_sec2 .sec_wrap .cont .detail .txt2 .green {color: #07913a;}
.product .p_sec2 .sec_wrap .cont .detail .txt2 .line {position: relative;}
.product .p_sec2 .sec_wrap .cont .detail .txt2 .line:before {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background: #666666;}
.product .p_sec2 .sec_wrap .cont .txt3 {font-size: 2.8rem;font-weight: 700;}
.product .p_sec2 .sec_wrap .cont .txt3 .bline {position: relative;z-index: 1;}
.product .p_sec2 .sec_wrap .cont .txt3 .bline:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 18px;background: rgba(142, 195, 31, 0.5);z-index: -1;}
.product .p_sec2 .sec_wrap .cont .txt4 {font-size: 2.0rem;color: #666666;line-height: 2;font-weight: 600;}
.product .p_sec2 .sec_wrap .cont .txt4 .green {color: #07913a;}
.product .p_sec2 .sec_wrap .cont .txt5 {font-size: 1.8rem;color: #666666;line-height: 3.2rem;}
.product .p_sec2 .sec_wrap .cont .txt6 {font-size: 1.8rem;color: #333333;font-weight: 700;line-height: 3.2rem;}
.product .p_sec2 .sec_wrap .cont .txt7 {font-size: 2.0rem;color: #009900;font-weight: 600;}

.product .p_sec2 .sec_wrap .cont .detail .info1 {display: flex;flex-wrap: wrap;}
.product .p_sec2 .sec_wrap .cont .detail .info1 .sub {width: 50%;display: flex;flex-direction: column;align-items: center;padding: 2.0rem 3rem;text-align: center;}
.product .p_sec2 .sec_wrap .cont .detail .info1 .sub .ico {width: 12.0rem;aspect-ratio: 1;background: #fff;border-radius: 100%;}
.product .p_sec2 .sec_wrap .cont .detail .info1 .sub .sub_txt1 {font-size: 2.4rem;color: #333333;font-weight: 700;margin-top: 1.8rem;}
.product .p_sec2 .sec_wrap .cont .detail .info1 .sub .sub_txt2 {font-size: 1.8rem;color: #666666;line-height: calc(24 / 18);padding-top: 0.7rem;}




.product .p_sec2 .sec_wrap .cont_r {flex-direction: row-reverse;}
.product .p_sec2 .sec_wrap .cont_r .detail {padding-right: 0rem;padding-left: 10.0rem;}

.product .p_sec2 .sec_wrap .cont .thumb {width: 50%;aspect-ratio: calc(700 / 467);border-radius: 2.0rem;}
.product .p_sec2 .sec_wrap .cont .thumb1 {aspect-ratio: calc(700 / 730);}

.product .p_sec2 .sec_wrap .cont .thumbs {width: 50%;background: #f3f4ef;border-radius: 2.0rem;display: flex;flex-wrap: wrap;padding: 4.0rem 5.0rem 3.5rem;}
.product .p_sec2 .sec_wrap .cont .thumbs .sub {width: calc(100% / 3);display: flex;flex-direction: column;justify-content: flex-start;align-items: center;margin-bottom: 2.0rem;}
.product .p_sec2 .sec_wrap .cont .thumbs .sub .sub_thumb {width: 15.2rem;aspect-ratio: 1;}
.product .p_sec2 .sec_wrap .cont .thumbs .sub .sub_txt {font-size: 1.8rem;color: #333333;text-align: center;padding-top: 1.0rem;}



.product .p_sec2 .sec_wrap .cont1 {}
.product .p_sec2 .sec_wrap .cont1 .box {border: solid 1px #dddddd;border-radius: 2.0rem;overflow: hidden;}
.product .p_sec2 .sec_wrap .cont1 .box .box_top {background: #f5f5f5;border-bottom: solid 1px #dddddd;font-size: 2.0rem;font-weight: 700;padding: 2.3rem 3.5rem;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm {background: #fff;display: flex;flex-wrap: wrap;padding: 3.0rem 5.0rem;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub {width: calc((100% - 6.0rem) / 4);margin-right: 2.0rem;border: solid 1px #8ec31f;border-radius: 2.0rem;overflow: hidden;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub:nth-child(4n) {margin-right: 0rem;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub .sub_top {background: #8ec31f;font-size: 1.8rem;color: #fff;font-weight: 700;padding: 0.95rem;text-align: center;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub .sub_btm {}

.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub1 .sub_btm {padding: 0 1.5rem 1.5rem;text-align: center;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub2 .sub_btm,
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub3 .sub_btm {padding: 3.0rem;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub2 .sub_btm > ul,
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub3 .sub_btm > ul {margin-top: 0;}
.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub4 .sub_btm {font-size: 2.4rem;color: #009900;font-weight: 700;display: flex;justify-content: center;align-items: center;height: calc(100% - 4.0rem);padding: 4.0rem;}

.product .p_sec2 .sec_wrap .cont1 .box .box_btm1 {flex-direction: column;align-items: center;}

.product .p_sec2 .sec_wrap .cont2 {position: relative;display: flex;justify-content: space-between;}
.product .p_sec2 .sec_wrap .cont2 .sub {border: solid 1px #009900;border-radius: 11.0rem;width: 50.0rem;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;text-align: center;padding: 3.5rem 6.0rem;}
.product .p_sec2 .sec_wrap .cont2 .sub1 {}
.product .p_sec2 .sec_wrap .cont2 .sub2 {position: absolute;left: 50%;transform: translate(-50%, 0px);background: #009900;}
.product .p_sec2 .sec_wrap .cont2 .sub3 {}
.product .p_sec2 .sec_wrap .cont2 .sub .ico {width: 100%;max-width: 9.0rem;aspect-ratio: 1;}
.product .p_sec2 .sec_wrap .cont2 .sub .txt {font-size: 1.8rem;color: #333333;line-height: calc(28 / 18);padding-top: 1.0rem;}
.product .p_sec2 .sec_wrap .cont2 .sub2 .txt {color: #fff;}


.product .p_sec2 .sec_wrap .cont3 {}

.product .p_sec2 .sec_wrap .cont3 .cont3_top {}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_top_wrap {display: flex;justify-content: center;padding: 10.0rem 7.0rem 7.0rem;}

.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex {width: 100%;max-width: 35.8rem;aspect-ratio: calc(358 / 414);background: url(../../pages/images/system_hex.png) no-repeat center / contain;position: relative;}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_inner {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 3.2rem;color: #fff;font-weight: 700;line-height: calc(42 / 32);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li {position: absolute;width: 7.1rem;aspect-ratio: 1;border: solid 2px #8ec31f;border-radius: 100%;background: #fff;display: flex;justify-content: center;align-items: center;font-size: 2.0rem;font-weight: 700;}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li1 {top: 0rem;left: 50%;transform: translate(-50%, -2rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li2 {top: 50%;right: 50%;transform: translate(20.0rem, -14.0rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li3 {top: 50%;right: 50%;transform: translate(20.0rem, 6.0rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li4 {bottom: 0.0rem;left: 50%;transform: translate(-50%, 2.0rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li5 {top: 50%;right: 50%;transform: translate(-13.0rem, 6.0rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .hex .hex_ul .hex_li6 {top: 50%;right: 50%;transform: translate(-13.0rem, -14.0rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list {position: absolute;width: 100%;height: 100%;}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub {position: absolute;}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub .num {display: none;font-size: 2.0rem;font-weight: 700;line-height: calc(32 / 22);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub .sub_detail {}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub .sub_detail .txt1 {font-size: 2.2rem;color: #009900;font-weight: 700;line-height: calc(32 / 22);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub .sub_detail .txt2 {font-size: 1.8rem;color: #666666;line-height: calc(27 / 18);padding-top: 0.5rem;}

.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub1 {left: 50%;top: 0;transform: translate(-50%, -8rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub2 {top: 50%;left: 50%;transform: translate(24.0rem, -25rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub3 {top: 50%;left: 50%;transform: translate(24.0rem, -5rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub4 {top: 50%;left: 50%;transform: translate(-50%, 16rem);}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub5 {top: 50%;left: 50%;transform: translate(-49.0rem, -5rem);text-align: right;}
.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub6 {top: 50%;left: 50%;transform: translate(-49.0rem, -25rem);text-align: right;}

.product .p_sec2 .sec_wrap .cont4 {display: flex;flex-wrap: wrap;margin-top: 10.0rem;}
.product .p_sec2 .sec_wrap .cont4 .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;margin-bottom: 4.5rem;aspect-ratio: calc(435 / 289);border-radius: 2.0rem;}
.product .p_sec2 .sec_wrap .cont4 .sub:nth-child(3n) {margin-right: 0rem;}

.product .p_sec2 .sec_wrap .cont5 {}

.product .p_sec3 {}
.product .p_sec3 .sec_wrap .tit_sec {position: relative;padding-bottom: 1.9rem;}




.product .pad_03 {padding-top: 0.3rem;}
.product .pad_05 {padding-top: 0.5rem;}
.product .pad_3 {padding-top: 3.0rem;}
.product .pad_4 {padding-top: 4.0rem;}
.product .pad_5 {padding-top: 5.0rem;}
.product .pad_10 {margin-top: 10.0rem;}




@media screen and (max-width: 1400px){
	.product .p_sec2 .sec_wrap .tit_sec {position: relative;margin-bottom: 3.5rem;}
	.product .p_sec2 .sec_wrap .cont .detail {padding-right: 5.0rem;}
	.product .p_sec2 .sec_wrap .cont_r .detail {padding-left: 5.0rem;}

	.product .p_sec2 .sec_wrap .cont1 .box .box_btm {padding: 3.0rem 2.0rem;}
	.product .p_sec2 .sec_wrap .cont2 .sub {width: 35vw;}

	.product .p_sec2 .sec_wrap .cont4 .sub {width: calc((100% - 3vw) / 3);margin-right: 1.5vw;margin-bottom: 1.5vw;}

}
@media screen and (max-width: 1200px){
	.product .p_sec2 .sec_wrap .cont {margin-bottom: 4.5rem;align-items: flex-start;}

	.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub2 .sub_btm,
	.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub3 .sub_btm {padding: 1.5rem;}

	.product .p_sec2 .sec_wrap .cont2 .sub br {display: none;}
}

@media screen and (max-width: 1024px){
	.product .p_sec1 .box {flex-direction: column-reverse;align-items: flex-start;}
	.product .p_sec1 .box .detail {width: 100%;padding-right: 0rem;}
	.product .p_sec1 .box .thumb {width: 100%;max-width: 65.0rem;margin-bottom: 3.5rem;}
	.product .p_sec1 .cont .detail .sub {width: calc((100% - 3.0rem) / 3);margin-right: 1.5rem;}
	.product .p_sec1 .cont .more {margin-top: 0rem;}

	.product .p_sec2 .sec_wrap .cont {flex-direction: column-reverse;margin-bottom: 7.5rem;}
	.product .p_sec2 .sec_wrap .cont_r {flex-direction: column-reverse;}

	.product .p_sec2 .sec_wrap .cont .detail {width: 100%;}
	.product .p_sec2 .sec_wrap .cont .thumb {width: 100%;max-width: 70.0rem;margin-bottom: 2.5rem;}
	.product .p_sec2 .sec_wrap .cont .detail {padding-right: 0rem;}
	.product .p_sec2 .sec_wrap .cont_r .detail {padding-left: 0rem;}

	.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub {width: calc((100% - 2.0rem) / 2);margin-bottom: 2.0rem;}
	.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub:nth-child(2n) {margin-right: 0rem;}

	.product .p_sec2 .sec_wrap .cont2 {align-items: center;}
	.product .p_sec2 .sec_wrap .cont2 {flex-direction: column;}
	.product .p_sec2 .sec_wrap .cont2 .sub2 {position: relative;left: auto;transform: translate(0%, 0px);}
	.product .p_sec2 .sec_wrap .cont2 .sub {width: 75%;margin-bottom: 3.5rem;}

	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_top_wrap {flex-direction: column;align-items: center;}

	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list {position: relative;margin-top: 8.5rem;}
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub {position: relative;margin-bottom: 3.5rem;}
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub1,
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub2,
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub3,
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub4,
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub5,
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub6 {top: auto;bottom: auto;left: auto;right: auto;transform: translate(0%, 0rem);text-align: left;display: flex;align-items: flex-start;gap: 1.5rem;}
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub .num {display: block;}
	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_list .sub br {display: none;}

	.product .p_sec2 .sec_wrap .cont .thumbs {width: 100%;margin-top: 3.5rem;}
	.product .p_sec2 .sec_wrap .cont5 {flex-direction: column;}

}

@media screen and (max-width: 768px){
	.product .top .txt1 {font-size: 3.5rem;}

	.product .p_sec1 .box .num {width: 5.0rem;font-size: 1.8rem;}
	.product .p_sec1 .box {padding: 4.2rem 1.0rem;}

	.product .p_sec1 .cont .detail .sub {width: 100%;margin-right: 0rem;margin-bottom: 3.5rem;}
	.product .p_sec1 .cont .detail .sub .thumb {max-width: 43.5rem;}

	.product .p_sec2 .sec_wrap .cont .detail .info1 .sub {padding: 2.0rem 1rem;}

	.product .p_sec2 .sec_wrap .cont1 .box .box_btm .sub {width: 100%;margin-right: 0rem;}

	.product .p_sec2 .sec_wrap .cont2 .sub {width: 100%;border-radius: 2.0rem;}

	.product .p_sec2 .sec_wrap .cont3 .cont3_top .cont3_top_wrap {padding: 5.0rem 2.0rem 7.0rem;}

	.product .p_sec2 .sec_wrap .cont4 .sub {width: calc((100% - 1.5vw) / 2);}
	.product .p_sec2 .sec_wrap .cont4 .sub:nth-child(3n) {margin-right: 1.5vw;}
	.product .p_sec2 .sec_wrap .cont4 .sub:nth-child(2n) {margin-right: 0rem;}
	.product .p_sec2 .sec_wrap .cont4 {margin-top: 0rem;}

	.product .p_sec2 .sec_wrap .cont .thumbs .sub {width: calc(100% / 2);}
	.product .p_sec2 .sec_wrap .cont .thumbs {padding: 4.0rem 1.0rem 3.5rem;}
}
















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

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

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

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

}