@charset "utf-8";


/*테이블*/
.table_info {font-size:1.6rem;}
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}

.table1 {width: 100%;text-align: center;position: relative;font-size: 1.8rem;background: transparent;line-height: 1.65;}
.table1 tbody th {border-bottom: 1px solid #bebebe;padding: 1.2rem;color: #000;vertical-align: middle;font-weight: bold;border-top: solid 2px #000;}
.table1 tbody td {border-bottom: 1px solid #bebebe;padding: 1.2rem;color: #555;vertical-align: middle;}
.table1 tbody td:first-child {border-left: 0; text-align:center; }
.table1 tbody td {text-align:center;}
.table1 tbody td strong {color:#000;}

.cont_top_img {overflow: hidden;position: relative;}
.cont_top_img .bg {width: 100%;opacity: 0;}
.cont_top_img .txt {}
.visible .cont_top_img .bg {animation: aniContTopImg 1.8s forwards;}

@keyframes aniContTopImg {
	0% {transform: translateY(10.0rem);opacity: 0;}
	80% {transform: translateY(0);opacity: 1;}
	100% {border-radius: 3rem;opacity: 1;}
}

.cont1 {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;}
.cont1 .cont_left {font-size: 4.0rem;font-weight: 700;width: 40rem;}
.cont1 .cont_right {font-size: 2.0rem;color: #666666;line-height: 1.5;width: calc(100% - 40rem);}

@media screen and (max-width: 1024px){
	.cont1 .cont_left {width: 100%;}
	.cont1 .cont_right {width: 100%;padding-top: 3rem;}
}

.industry {}
.industry .cont_top_img .bg {aspect-ratio: calc(1600 / 460);}

.business {}
.business .business_sec {display: flex;flex-wrap: wrap;align-items: center;text-align: center;margin-bottom: 5rem;}
.business .business_sec:nth-child(2n) {flex-direction: row-reverse;}
.business .business_sec .img_box {width: 50%;border-radius: 3.0rem;overflow: hidden;}
.business .business_sec .txt_box {width: 50%;letter-spacing: -0.02rem;}
.business .business_sec .txt_box .txt1 {}
.business .business_sec .txt_box .txt1 > span {display: inline-block;background: #000;border-radius: 2.25rem;font-size: 1.6rem;font-family: 'Poppins';color: #fff;font-weight: 600;padding: 1rem 3rem;}
.business .business_sec .txt_box .txt2 {font-size: 4.0rem;font-weight: 700;padding-top: 1.8rem;}

@media screen and (max-width: 768px){
	.business .business_sec {flex-direction: column-reverse;}
	.business .business_sec:nth-child(2n) {flex-direction: column-reverse;}
	.business .business_sec .img_box {width: 100%;}
	.business .business_sec .txt_box {width: 100%;padding-bottom: 3rem;}
}


.history {}
.history .tabs {background: #f5f5f5;border-radius: 2.9rem;position: sticky;top: 0px;z-index: 9;}
.history .tabs > ul {display: flex;flex-wrap: wrap;}
.history .tabs > ul > li {width: calc(100% / 4);text-align: center;font-size: 1.8rem;color: #aaaaaa;letter-spacing: -0.02rem;font-weight: 700;padding: 1.6rem;cursor: pointer;}
.history .tabs > ul > li.active {color: #000;border: solid 2px #000;border-radius: 2.9rem;background: #fff;}
.history .cont_box {display: flex;flex-wrap: wrap;padding-top: 9.2rem;}
.history .cont_box .img_box {width: 50%;padding-right: 22rem;overflow: auto;position: -webkit-sticky;position: sticky;top: 10%;height: 60rem;}
.history .cont_box .img_box .txt {font-size: 4.0rem;letter-spacing: -0.02rem;line-height: calc(50 / 40);font-weight: 700;}
.history .cont_box .img_box .img {padding-top: 6rem;}
.history .cont_box .img_box .img > ul {}
.history .cont_box .img_box .img > ul > li {width: 100%;aspect-ratio: 0;border-radius: 5rem;overflow: hidden;opacity: 0;visibility: hidden;}
.history .cont_box .img_box .img > ul > li.active {aspect-ratio: calc(480 / 320);opacity: 1;visibility: visible;}
.history .cont_box .img_box .img > ul > li .bg {width: 100%;height: 100%;clip-path: inset(0 100% 0 0);-webkit-clip-path: inset(0 100% 0 0);transition: clip-path 700ms 700ms;transition-delay: 0.5s;}
.history .cont_box .img_box .img > ul > li.active .bg {clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);}
.history .cont_box .detail_box {width: 50%;}
.history .cont_box .detail_box .tab_content {}
.history .cont_box .detail_box .tab_content ul {}
.history .cont_box .detail_box .tab_content ul > li {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;align-items: center;border-bottom: solid 1px #ddd;padding-bottom: 4.5rem;margin-bottom: 3.5rem;}
.history .cont_box .detail_box .tab_content .date {width: 16rem;font-size: 2.4rem;font-weight: 800;}
.history .cont_box .detail_box .tab_content .info {width: calc(100% - 16rem);font-size: 1.8rem;color: #666666;}


@media screen and (max-width: 1400px){
	.history .cont_box .img_box {width: 40%;padding-right: 10rem;}
	.history .cont_box .detail_box {width: 60%;}
}
@media screen and (max-width: 1250px){

}
@media screen and (max-width: 1024px){
	.history .cont_box .img_box {width: 100%;padding-right: 0rem;position: -webkit-relative;position: relative;top: 0;height: auto;}
	.history .cont_box .detail_box {width: 100%;padding-top: 5rem;}
	.history .cont_box .img_box .img > ul > li.active {aspect-ratio: 2;}
}
@media screen and (max-width: 768px){
	.history .tabs {top: 10.5rem;}
	.history .cont_box .detail_box .tab_content ul > li {padding-bottom: 1.5rem;margin-bottom: 1.5rem;}
	.history .cont_box .detail_box .tab_content .date {width: 11rem;font-size: 2.0rem;font-weight: 700;}
	.history .cont_box .detail_box .tab_content .info {width: calc(100% - 11rem);}
}


.client {padding-top: 10.5rem;}
.client .cont_top_img .bg {aspect-ratio: calc(1600 / 460);}
.client .cont_top_img .txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 4.0rem;color: #fff;text-align: center;font-weight: 700;letter-spacing: -0.02rem;width: 100%;}
.client .client_wrap {display: flex;flex-wrap: wrap;}
.client .client_wrap .txt_box {width: 28.5rem;font-size: 3.0rem;font-weight: 700;letter-spacing: -0.02rem;}
.client .client_wrap .cont_box {width: calc(100% - 28.5rem);display: flex;flex-wrap: wrap;}
.client .client_wrap .cont_box .sub {width: calc((100% - 7.5rem) / 4);margin-right: 2.5rem;margin-bottom: 2.5rem;border-radius: 3.0rem;border: solid 1px #dddddd;overflow: hidden;text-align: center;padding: 0.9rem;}
.client .client_wrap .cont_box .sub:nth-child(4n) {margin-right: 0rem;}

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

}
@media screen and (max-width: 1024px){
	.client .client_wrap .txt_box {width: 100%;padding-bottom: 2rem;}
	.client .client_wrap .cont_box {width: 100%;}
}
@media screen and (max-width: 768px){
	.client .client_wrap .cont_box .sub {width: calc((100% - 1rem) / 2);margin-right: 1rem;}
	.client .client_wrap .cont_box .sub:nth-child(3n) {margin-right: 1rem;}
	.client .client_wrap .cont_box .sub:nth-child(2n) {margin-right: 0rem;}
}


.process {}
.process .process-wrap {padding: 10rem;background: #f5f5f5;border-radius: 3rem;}
.process .process-step {display: flex;flex-wrap: wrap;align-items: center;background: #ffffff;border-radius: 4.45rem;padding: 2.15rem 2.5rem;margin-bottom: 1rem;opacity: 0;letter-spacing: -0.02rem;}
.process .process-step.process-step_black {background: #000;}
.process .step-pill {width: 10rem;text-align: center;padding: 1.05rem 0;border-radius: 2.25rem;background: var(--main-color);color: #fff;font-size: 1.6rem;font-weight: 700;font-family: 'Poppins';}
.process .step-pill.step-pill_arrow {background: transparent;padding: 0;}
.process .step-title {width: 48rem;font-size: 2.0rem;font-weight: 700;padding-left: 4.0rem;}
.process .step-desc {width: calc(100% - 58rem);font-size: 1.8rem;color: #666666;}

.process .arrow-wrap {padding: 2.5rem 2.5rem 3.5rem;text-align: left;display: flex;align-items: center;background: transparent;border-radius: inherit;margin-bottom: 0;}
.process .arrow_box {}
.process .arrow-wrap .step-title {color: var(--main-color);}
.process .arrow-wrap .step-desc {color: var(--main-color);}
.process .process-step.process-step_black  .step-title {color: #fff;}
.process .brand {padding-left: 2.8rem;}

@media screen and (max-width: 1300px){
	.process .process-wrap {padding: 10rem 2rem;}
	.process .step-title {width: 28rem;}
	.process .step-desc {width: calc(100% - 38rem);}
}
@media screen and (max-width: 768px){
	.process .step-title {width: 100%;padding-left: 0;padding-top: 1rem;}
	.process .step-desc {width: 100%;padding-top: 1rem;}
	.process .process-step {border-radius: 3rem;}
}

.product {}
.product .pro_top {display: flex;flex-wrap: wrap;align-items: center;}
.product .pro_top .left {width: 50%;}
.product .pro_top .left .pro_img {position: relative;width: 100%;aspect-ratio: 1;border-radius: 3rem;}
.product .pro_top .left .pro_img .list_img {}
.product .pro_top .left .pro_img .list_img > li {position: absolute;width: 6.0rem;aspect-ratio: 1;background: rgba(0, 0, 0, 0.8);border-radius: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.product .pro_top .left .pro_img .list_img > li > span {position: relative;display: block;width: 1.4rem;aspect-ratio: 1;background: url(../../pages/images/product_arrow_01.png) no-repeat center / contain;transition: 0.5s;}
.product .pro_top .left .pro_img .list_img .list1 {left: 57%;top: 14%;}
.product .pro_top .left .pro_img .list_img .list2 {left: 48%;top: 23%;}
.product .pro_top .left .pro_img .list_img .list3 {left: 67%;top: 38%;}
.product .pro_top .left .pro_img .list_img .list4 {left: 20%;top: 64%;}
.product .pro_top .left .pro_img .list_img1 .list1 {left: 52%;top: 18%;}
.product .pro_top .left .pro_img .list_img1 .list2 {left: 61%;top: 22%;}
.product .pro_top .left .pro_img .list_img1 .list3 {left: 24%;top: 55%;}
.product .pro_top .left .pro_img .list_img1 .list4 {left: 51%;top: 61%;}
.product .pro_top .right {width: 50%;padding-left: 10rem;}
.product .pro_top .right .txt_box {letter-spacing: -0.02rem;}
.product .pro_top .right .txt_box .txt1 {font-size: 4.0rem;font-weight: 700;}
.product .pro_top .right .txt_box .txt2 {font-size: 2.0rem;color: #666666;line-height: 1.5;padding-top: 2.0rem;}
.product .pro_top .right .list_box {padding-top: 9.5rem;}
.product .pro_top .right .list_box > li {position: relative;font-size: 1.8rem;color: #666666;font-weight: 700;font-family: 'Poppins';border: solid 1px #dddddd;border-radius: 1.0rem;padding: 1.55rem 4.4rem;margin-bottom: 1rem;cursor: pointer;transition: 0.5s;}
.product .pro_top .right .list_box > li:before {content: '';position: absolute;top: 50%;right: 4.4rem;transform: translateY(-50%);width: 1.4rem;aspect-ratio: 1;background: url(../../pages/images/product_arrow_01.png) no-repeat center / contain;filter: brightness(0);transition: 0.5s;}

.product .pro_top .left .pro_img .list_img > li.active,
.product .pro_top .left .pro_img .list_img > li:hover{background: rgba(196, 20, 27, 0.8);}
.product .pro_top .left .pro_img .list_img > li.active > span,
.product .pro_top .left .pro_img .list_img > li:hover > span {transform: rotate(360deg);}
.product .pro_top .right .list_box > li.active,
.product .pro_top .right .list_box > li:hover {background: var(--main-color);border: solid 1px var(--main-color);color: #fff;}
.product .pro_top .right .list_box > li.active:before,
.product .pro_top .right .list_box > li:hover:before {transform: translateY(-50%) rotate(360deg);filter: brightness(1);}

.product .pro_cont {padding-top: 9rem;}
.product .pro_cont .pro_cont_tit {position: relative;font-size: 4.0rem;font-weight: 700;letter-spacing: -0.02rem;text-align: center;padding: 5rem 1rem;}
.product .pro_cont .pro_cont_tit:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #000;}
.product .pro_cont .pro_sec {position: relative;display: flex;flex-wrap: wrap;padding: 6rem 0;}
.product .pro_cont .pro_sec:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #dddddd;}
.product .pro_cont .pro_sec .pro_left {width: 50%;}
.product .pro_cont .pro_sec .pro_left img {border-radius: 3rem;border: solid 1px #f1f1f1;}
.product .pro_cont .pro_sec .pro_right {width: 50%;padding-left: 10rem;}
.product .pro_cont .pro_sec .pro_right .txt1 {padding-top: 0rem;}
.product .pro_cont .pro_sec .pro_right .txt1 > span {display: inline-block;font-size: 1.8rem;letter-spacing: 0;color: #fff;background: #000;border-radius: 2.25rem;padding: 1.2rem 4.3rem;}
.product .pro_cont .pro_sec .pro_right .txt2 {font-size: 4.0rem;font-weight: 700;padding-top: 2rem;}
.product .pro_cont .pro_sec .pro_right .txt3 {font-size: 2.0rem;font-weight: 700;padding-top: 3rem;}
.product .pro_cont .pro_sec .pro_right .txt4 {font-size: 2.0rem;color: #666666;padding-top: 0.5rem;}
.product .pro_cont .pro_sec .pro_right .txt5 {font-size: 2.0rem;color: var(--main-color);padding-top: 2rem;}

.product .product_modal {position: fixed;inset: 0;background: rgba(0,0,0,.6);display: none;justify-content: center;align-items: center;z-index: 9999;}
.product .product_modal_wrap {position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.product .product_modal_inner {max-width: 90vw;max-height: 80vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.product .product_full {max-width: 100%;max-height: 100%;border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,.5);}
.product .product_close {position: absolute;top: -6rem;right: 0;font-size: 5rem;color: #fff;background: none;border: none;cursor: pointer;}
.product .modal_wrap {opacity: 0;position: relative;background: #fff;border-radius: 3rem;width: 90vw;max-width: 140.0rem;letter-spacing: -0.02rem;padding: 0rem;max-height: 80vh;overflow: hidden;height: 0;}
.product .modal_wrap.active {opacity: 1;height: auto;padding: 10rem;}
.product .modal_wrap .modal_in {overflow-y: scroll;height: calc(80vh - 20rem);padding-right: 5rem;}
.product .modal_wrap .m_tit {font-size: 4.0rem;font-weight: 700;position: relative;padding-bottom: 1rem;}
.product .modal_wrap .m_tit:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #000;}
.product .modal_wrap .m_cont {}
.product .modal_wrap .m_cont .m_c_sec {position: relative;display: flex;flex-wrap: wrap;padding-bottom: 3rem;padding-top: 3rem;}
.product .modal_wrap .m_cont .m_c_sec:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ddd;}
.product .modal_wrap .m_cont .m_c_sec .txt_box {width: 75%;padding-right: 5rem;}
.product .modal_wrap .m_cont .m_c_sec .txt_box .txt1 {font-size: 3.0rem;font-weight: 700;color: var(--main-color);}
.product .modal_wrap .m_cont .m_c_sec .txt_box .txt2 {}
.product .modal_wrap .m_cont .m_c_sec .txt_box .txt2 .txt2_1 {font-size: 2.0rem;font-weight: 700;padding-top: 2rem;}
.product .modal_wrap .m_cont .m_c_sec .txt_box .txt2 .txt2_2 {font-size: 2.0rem;color: #666666;line-height: 1.2;padding-top: 1rem;}
.product .modal_wrap .m_cont .m_c_sec .txt_box .txt3 {font-size: 2.5rem;font-weight: 700;padding-top: 2rem;}
.product .modal_wrap .m_cont .m_c_sec .img_box {width: 25%;}
.product .modal_wrap .m_cont .m_c_sec .img_box img {border: solid 1px #ddd;border-radius: 3rem;overflow: hidden;text-align: right;}
.product .modal_wrap .m_cont .m_c_sec1 {}
.product .modal_wrap .m_cont .m_c_sec1 .txt_box {font-size: 3.0rem;font-weight: 600;padding: 5rem 0;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box {display: flex;flex-wrap: wrap;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub {}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub1 {width: 100%;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub2 {width: calc((100% - 2rem) / 2);margin-right: 2rem;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub2:nth-child(3n) {margin-right: 0rem;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub .thumb {text-align: center;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub .thumb img {border: solid 1px #ddd;border-radius: 3rem;overflow: hidden;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub .txt {text-align: center;font-size: 2.5rem;font-weight: 600;padding: 2rem 2rem 5rem;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box1 {display: flex;flex-wrap: wrap;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub {width: calc((100% - 4rem) / 3);margin-right: 2rem;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub:nth-child(3n) {margin-right: 0rem;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub .thumb {text-align: center;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub .thumb img {border: solid 1px #ddd;border-radius: 3rem;overflow: hidden;}
.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub .txt {text-align: center;font-size: 2.5rem;font-weight: 600;padding: 2rem 2rem 5rem;}

.product .pro_cont1 {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;}
.product .pro_cont1 .ptxt_box {width: 28.5rem;font-size: 3.0rem;font-weight: 700;}
.product .pro_cont1 .pinfo_box {width: calc(100% - 28.5rem);}
.product .pro_cont1 .pinfo_box .txt1 {font-size: 2.4rem;font-weight: 700;padding-top: 6rem;}
.product .pro_cont1 .pinfo_box .img1 {}
.product .pro_cont1 .pinfo_box .img1 img {border-radius: 3rem;}
.product .pro_cont1 .pinfo_box .img2 {display: flex;flex-wrap: wrap;text-align: center;padding-top: 2rem;}
.product .pro_cont1 .pinfo_box .img2 .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;margin-bottom: 5rem;}
.product .pro_cont1 .pinfo_box .img2 .sub:nth-child(3n) {margin-right: 0rem;}
.product .pro_cont1 .pinfo_box .img2 .sub .sub_txt1 {font-size: 2.0rem;padding-top: 1rem;}
.product .pro_cont1 .pinfo_box .img2 img {border-radius: 3rem;border: solid 1px #ddd;}




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

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

}
@media screen and (max-width: 1300px){
	.product .pro_top .right {padding-left: 5rem;}
	.product .pro_cont .pro_sec .pro_right {padding-left: 5rem;}

}
@media screen and (max-width: 1024px){
	.product .pro_top {flex-direction: column-reverse;}
	.product .pro_top .left {width: 100%;}
	.product .pro_top .right {width: 100%;padding-left: 0;}
	.product .pro_top .left .pro_img {max-width: 70rem;margin: 0 auto;}
	.product .pro_cont .pro_sec {flex-direction: column-reverse;}
	.product .pro_cont .pro_sec .pro_left {width: 100%;padding-top: 3rem;}
	.product .pro_cont .pro_sec .pro_right {width: 100%;padding-left: 0rem;}
	.product .pro_cont .pro_sec .pro_right .txt1 {padding-top: 0;}

	.product .modal_wrap.active {padding: 5rem;}
	.product .pro_cont1 .ptxt_box {width: 100%;padding-bottom: 2rem;}
	.product .pro_cont1 .pinfo_box {width: 100%;}

}
@media screen and (max-width: 768px){
	.product .pro_top .right .list_box {padding-top: 4rem;}
	.product .pro_top .right .list_box > li {padding: 1.55rem 2rem;}
	.product .pro_top .right .list_box > li:before {right: 2rem;}

	.product .modal_wrap.active {padding: 5rem 3rem;}
	.product .modal_wrap .m_tit {font-size: 3.0rem;}
	.product .modal_wrap .modal_in {padding-right: 2rem;}

	.product .modal_wrap .m_cont .m_c_sec .txt_box {width: 100%;padding-right: 0;}
	.product .modal_wrap .m_cont .m_c_sec .img_box {width: 100%;padding-top: 3rem;text-align: center;}
	.product .modal_wrap .m_cont .m_c_sec .img_box img {max-width: 60vw;}

	.product .modal_wrap .m_cont .m_c_sec1 .txt_box {font-size: 2.6rem;padding: 2rem 0 5rem;}
	.product .modal_wrap .m_cont .m_c_sec1 .img_box .sub2 {width: 100%;margin-right: 0rem;}

	.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub {width: calc((100% - 2rem) / 2);margin-right: 2rem;}
	.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub:nth-child(3n) {margin-right: 2rem;}
	.product .modal_wrap .m_cont .m_c_sec1 .img_box1 .sub:nth-child(2n) {margin-right: 0rem;}

}
@media screen and (max-width: 500px){
	.product .pro_cont1 .pinfo_box .img2 .sub {width: calc((100% - 1rem) / 2);margin-bottom: 4rem;}
	.product .pro_cont1 .pinfo_box .img2 .sub:nth-child(3n) {margin-right: 1rem;}
	.product .pro_cont1 .pinfo_box .img2 .sub:nth-child(2n) {margin-right: 0rem;}
}
@media screen and (max-width: 320px){
	.product .modal_wrap .m_cont .m_c_sec .img_box img {max-width: 100%;}
}




.certification {}
.certification .cert_wrap {display: flex;flex-wrap: wrap;}
.certification .cert_wrap1 {padding-top: 5.5rem;}
.certification .cert_card {width: calc((100% - 4rem) / 2);margin-right: 4rem;text-align: center;cursor: pointer;transition: .2s;}
.certification .cert_card:nth-child(2n) {margin-right: 0rem;}
.certification .cert_wrap1 .cert_card {width: calc((100% - 12rem) / 4);margin-right: 4rem;text-align: center;cursor: pointer;transition: .2s;}
.certification .cert_wrap1 .cert_card:nth-child(4n) {margin-right: 0rem;}
.certification .cert_thumb {position: relative;background: #f5f5f5;border-radius: 3rem;padding: 6.5rem 5.5rem;border: solid 5px #f5f5f5;transition: border 0.5s;}
.certification .cert_img {width: 100%;background: #fff;border-radius: 2.0rem;box-shadow: 0 10px 40px rgba(0, 0, 0, .1);}
.certification .cert_title {margin-top: 1.6rem;font-size: 2.0rem;letter-spacing: -0.02rem;}
.certification .cert_thumb .cert_more {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8rem;aspect-ratio: 1;background: var(--main-color) url(../../pages/images/certification_ico_01.png) no-repeat center / contain;border-radius: 100%;opacity: 0;transition: opacity 0.5s;}

.certification .cert_card:hover .cert_thumb {border: solid 5px var(--main-color);}
.certification .cert_card:hover .cert_thumb .cert_more {opacity: 1;}

.certification .cert_modal {position: fixed;inset: 0;background: rgba(0,0,0,.6);display: none;justify-content: center;align-items: center;z-index: 9999;}
.certification .cert_modal_wrap {position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.certification .cert_modal_inner {max-width: 90vw;max-height: 90vh;position: relative;}
.certification .cert_full {max-width: 100%;max-height: 100%;border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,.5);}
.certification .cert_close {position: absolute;top: -6rem;right: 0;font-size: 5rem;color: #fff;background: none;border: none;cursor: pointer;}

@media screen and (max-width: 1400px){
	.certification .cert_card {width: calc((100% - 2rem) / 2);margin-right: 2rem;}
	.certification .cert_wrap1 .cert_card {width: calc((100% - 6rem) / 4);margin-right: 2rem;}
}
@media screen and (max-width: 1300px){
	.certification .cert_thumb {padding: 4rem 4rem;}
}
@media screen and (max-width: 1024px){
	.certification .cert_card {width: calc((100% - 1rem) / 2);margin-right: 1rem;}
	.certification .cert_wrap1 .cert_card {width: calc((100% - 2rem) / 3);margin-right: 1rem;}
	.certification .cert_wrap1 .cert_card:nth-child(4n) {margin-right: 1rem;}
	.certification .cert_wrap1 .cert_card:nth-child(3n) {margin-right: 0rem;}
}
@media screen and (max-width: 768px){
	.certification .cert_card {width: 100%;margin-right: 0rem;margin-bottom: 4rem;}
	.certification .cert_wrap1 .cert_card {width: calc((100% - 1rem) / 2);}
	.certification .cert_wrap1 .cert_card:nth-child(3n) {margin-right: 1rem;}
	.certification .cert_wrap1 .cert_card:nth-child(2n) {margin-right: 0rem;}
	.certification .cert_thumb {border-radius: 2rem;padding: 4.5rem 2.5rem;}
}


.equipment {letter-spacing: -0.02rem;}
.equipment .tit_box {position: relative;font-size: 4.0rem;font-weight: 700;text-align: center;padding: 0 0 5rem;}
.equipment .tit_box:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #000;}
.equipment .cont_box {}
.equipment .cont_box .cont_sec {position: relative;display: flex;flex-wrap: wrap;padding: 6rem 0;}
.equipment .cont_box .cont_sec:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ddd;}
.equipment .cont_box .cont_sec .thumb_box {width: 50%;}
.equipment .cont_box .cont_sec .thumb_box img {border-radius: 3rem;border: solid 1px #f5f5f5;}
.equipment .cont_box .cont_sec .txt_box {width: 50%;padding-left: 10rem;}
.equipment .cont_box .cont_sec .txt_box .txt1 {padding-top: 5rem;}
.equipment .cont_box .cont_sec .txt_box .txt1 > span {display: inline-block;font-size: 1.8rem;letter-spacing: 0;color: #fff;background: #000;border-radius: 2.25rem;padding: 1.2rem 4.4rem;}
.equipment .cont_box .cont_sec .txt_box .txt2 {font-size: 4.0rem;color: var(--main-color);font-weight: 700;padding-top: 2.3rem;}
.equipment .cont_box .cont_sec .txt_box .txt3 {font-size: 2.0rem;line-height: 1.5;display: flex;flex-wrap: wrap;padding-top: 1.7rem;}
.equipment .cont_box .cont_sec .txt_box .txt3 dt {width: 16rem;font-weight: 700;}
.equipment .cont_box .cont_sec .txt_box .txt3 dd {width: calc(100% - 16rem);color: #666;}

@media screen and (max-width: 1400px){
	.equipment .cont_box .cont_sec {align-items: center;}
	.equipment .cont_box .cont_sec .txt_box {padding-left: 5rem;}
	.equipment .cont_box .cont_sec .txt_box .txt1 {padding-top: 0;}
}
@media screen and (max-width: 1024px){
	.equipment .cont_box .cont_sec {flex-direction: column-reverse;}
	.equipment .cont_box .cont_sec .thumb_box {width: 100%;}
	.equipment .cont_box .cont_sec .txt_box {width: 100%;padding-left: 0rem;padding-bottom: 3rem;}
}
@media screen and (max-width: 768px){
	.equipment .cont_box .cont_sec .txt_box .txt2 {font-size: 3.0rem;}
}

.contact {display: flex;flex-wrap: wrap;}
.contact .sub {width: calc((100% - 8rem) / 3);margin-right: 4rem;margin-bottom: 4rem;background: #f5f5f5;border-radius: 3rem;padding: 5rem;}
.contact .sub:nth-child(3n) {margin-right: 0rem;}
.contact .sub .tit_box {padding-bottom: 3rem;}
.contact .sub .tit_box .tit1 {font-size: 2.0rem;color: var(--main-color);font-weight: 700;}
.contact .sub .tit_box .tit2 {font-size: 3.0rem;font-weight: 800;padding-top: 1.0rem;}
.contact .sub .info_box {position: relative;}
.contact .sub .info_box:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #cccccc;}
.contact .sub .info_box .txt {font-size: 1.8rem;color: #666666;padding: 0.9rem 0;display: flex;align-items: center;column-gap: 1.5rem;padding-top: 2.5rem;}
.contact .sub .info_box .txt > a {color: #666666;}
.contact .sub .info_box .txt .ico {width: 2.0rem;aspect-ratio: 1;display: block;}
.contact .sub .info_box .txt .ico1 {background: url(../../pages/images/directions_ico_02.png) no-repeat center / contain;}
.contact .sub .info_box .txt .ico2 {background: url(../../pages/images/directions_ico_04.png) no-repeat center / contain;}
.contact .sub .info_box .txt .ico3 {background: url(../../pages/images/directions_ico_03.png) no-repeat center / contain;}

@media screen and (max-width: 1400px){
	.contact .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;}
}
@media screen and (max-width: 1024px){
	.contact .sub {width: 100%;margin-right: 0rem;margin-bottom: 1rem;}
}


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

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

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

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

}