@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 tbody th {padding: 1.85rem;font-size: 2.0rem;color: #000;vertical-align: middle;font-weight: bold;background: #f8f8f8;border-right: solid 1px #dddddd;border-bottom: 1px solid #dddddd;border-top: solid 1px #333333;}
.table tbody td {border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;padding: 2rem;color: #666;vertical-align: middle;}
.table tbody th:last-child {border-right: 0;}
.table tbody td:last-child {border-right: 0;}
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}
.table .line1 {border-right: 1px solid #dddddd !important;}
.table .line2 {border-top: 1px solid #000 !important;}
.table .line3 {border-top: 2px solid #000 !important;}
.table .bar {display: inline-block;width: 1px;height: 1.4rem;background-color: #d6d6d6;margin: 0 0.5rem;}

.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;}
}

.cont_tit_box {text-align: center;letter-spacing: -0.02rem;}
.cont_tit_box .tit {font-size: 4.0rem;font-weight: 800;}
.cont_tit_box .txt {font-size: 2.0rem;color: #666666;padding-top: 2.5rem;}


.cont1 {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;}
.cont1 .cont_left {font-size: 4.0rem;font-weight: 800;width: 40rem;}
.cont1 .cont_left > span {display: block;}
.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;}
}


.textile {}
.textile .cont_top_img .bg {aspect-ratio: calc(1600 / 460);}
.textile .cont1 {padding-top: 5.5rem;}

.global {}
.global .global_cont1 {letter-spacing: -0.02rem;color: #fff;position: relative;border-radius: 3rem;overflow: hidden;text-align: center;margin-top: 9.5rem;}
.global .global_cont1 .bg {background: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.global .global_cont1 .bg .globalVideo {position:absolute;top: 0;left: 0;width: 100% !important;opacity: 1;object-fit: cover;height: 100%;width: 100%;}
.global .global_cont1 .bg .globalVideo source {height: 100%;}
.global .global_cont1 .cont_wrap {position: relative;padding: 18rem 10rem 9rem;}
.global .global_cont1 .txt_box {}
.global .global_cont1 .txt_box .txt1 {font-size: 4.0rem;font-weight: 800;line-height: calc(50 / 40);}
.global .global_cont1 .txt_box .txt2 {font-size: 2.0rem;padding-top: 3rem;}
.global .global_cont1 .num_box {background: rgba(196, 20, 27, 0.7);border-radius: 3.0rem;display: flex;flex-wrap: wrap;padding: 4.3rem 1rem;margin-top: 8rem;}
.global .global_cont1 .num_box .sub {width: calc(100% / 4);position: relative;}
.global .global_cont1 .num_box .sub:before {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.3);}
.global .global_cont1 .num_box .sub:last-child:before {width: 0px;}
.global .global_cont1 .num_box .sub .sub_num {font-size: 5.0rem;font-weight: 800;}
.global .global_cont1 .num_box .sub .sub_num .num {}
.global .global_cont1 .num_box .sub .sub_txt {font-size: 2.4rem;padding-top: 0.5rem;}

.global .global_cont2 {background: #f1f1f1;border-radius: 3rem;margin-top: 10rem;padding: 10rem 10rem;}
.global .global_cont2 .map {position: relative;width: 100%;max-width: 106.0rem;aspect-ratio: calc(1060 / 532);margin: 0 auto;}
.global .global_cont2 .map .bg {width: 100%;height: 100%;background: url(../../pages/images/global_map.png) no-repeat center / contain;}
.global .global_cont2 .map .map_nation {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.global .global_cont2 .map .map_nation .map_nation_wrap {position: relative;width: 100%;height: 100%;}
.global .global_cont2 .map .map_nation .nation_box {position: absolute;display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.global .global_cont2 .map .map_nation .nation_box1 {top: 26%;left: 7.5%;}
.global .global_cont2 .map .map_nation .nation_box2 {top: 51.5%;left: 9%;}
.global .global_cont2 .map .map_nation .nation_box3 {top: 42%;left: 20.5%;}
.global .global_cont2 .map .map_nation .nation_box4 {top: 33%;left: 36.5%;}
.global .global_cont2 .map .map_nation .nation_box5 {top: 23.5%;left: 65.5%;}
.global .global_cont2 .map .map_nation .nation_box6 {top: 56%;left: 77%;}
.global .global_cont2 .map .map_nation .nation_box .name {background: #333333;border-radius: 1.9rem;font-size: 1.8rem;color: #fff;font-family: 'Poppins';font-weight: 700;text-align: center;padding: 0.55rem 1.9rem;z-index: 1;}
.global .global_cont2 .map .map_nation .nation_box .ico {position: relative;padding-top: 1rem;}
.global .global_cont2 .map .map_nation .nation_box .ico .ico_circle {position: absolute;width: 10rem;aspect-ratio: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.global .global_cont2 .map .map_nation .nation_box .ico .ico_circle span {background-color: rgba(51, 51, 51, 0.1);border-radius: 50%;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: 0;top: 1rem;opacity: 0;margin: 0;width: 100%;height: 100%;-webkit-animation: map-circle1 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;animation: map-circle1 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.global .global_cont2 .map .map_nation .nation_box .ico .ico_circle span:nth-child(2) {-webkit-animation-delay: 1s;animation-delay: 1s;}
.global .global_cont2 .map .map_nation .nation_box .ico .ico_circle span:nth-child(3) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.global .global_cont2 .map .map_nation .nation_box .ico .ico_circle span:nth-child(4) {-webkit-animation-delay: 2s;animation-delay:2s;}

.global .global_cont2 .map .map_nation .nation_box:nth-child(2) .ico .ico_circle span,
.global .global_cont2 .map .map_nation .nation_box:nth-child(4) .ico .ico_circle span,
.global .global_cont2 .map .map_nation .nation_box:nth-child(6) .ico .ico_circle span {animation-delay: 1.2s;}
.global .global_cont2 .map .map_nation .nation_box:nth-child(2) .ico .ico_circle span:nth-child(2),
.global .global_cont2 .map .map_nation .nation_box:nth-child(4) .ico .ico_circle span:nth-child(2),
.global .global_cont2 .map .map_nation .nation_box:nth-child(6) .ico .ico_circle span:nth-child(2) {-webkit-animation-delay: 1s;animation-delay: 2.2s;}
.global .global_cont2 .map .map_nation .nation_box:nth-child(2) .ico .ico_circle span:nth-child(3),
.global .global_cont2 .map .map_nation .nation_box:nth-child(4) .ico .ico_circle span:nth-child(3),
.global .global_cont2 .map .map_nation .nation_box:nth-child(6) .ico .ico_circle span:nth-child(3) {-webkit-animation-delay: 1.5s;animation-delay: 2.7s;}
.global .global_cont2 .map .map_nation .nation_box:nth-child(2) .ico .ico_circle span:nth-child(4),
.global .global_cont2 .map .map_nation .nation_box:nth-child(4) .ico .ico_circle span:nth-child(4),
.global .global_cont2 .map .map_nation .nation_box:nth-child(6) .ico .ico_circle span:nth-child(4) {-webkit-animation-delay: 2s;animation-delay: 3.2s;}


.global .global_cont2 .map .map_nation .nation_box .ico .ico_loc {width: 2.1rem;aspect-ratio: calc(21 / 27);background: url(../../pages/images/global_ico_02.png) no-repeat center / contain;}

.global .global_cont2 .map .map_nation .nation_box.active .name,
.global .global_cont2 .map .map_nation .nation_box:hover .name {background: var(--main-color);}
.global .global_cont2 .map .map_nation .nation_box.active .ico .ico_loc,
.global .global_cont2 .map .map_nation .nation_box:hover .ico .ico_loc {background: url(../../pages/images/global_ico_01.png) no-repeat center / contain;}
.global .global_cont2 .map .map_nation .nation_box.active .ico .ico_circle span,
.global .global_cont2 .map .map_nation .nation_box:hover .ico .ico_circle span{background-color: rgba(196, 20, 27, 0.1);}

.global .global_cont2 .nation {margin-top: -12rem;z-index: 1;position: relative;}
.global .global_cont2 .nation .sub {display: flex;flex-wrap: wrap;align-items: center;padding: 2.5rem 4rem;border-radius: 8rem;transition: 0.5s;cursor: pointer;}
.global .global_cont2 .nation .sub .ico {width: 1.2rem;aspect-ratio: calc(12 / 15);background: url(../../pages/images/global_ico_04.png) no-repeat center / contain;transition: 0.5s;}
.global .global_cont2 .nation .sub .name {font-size: 2.0rem;font-family: 'Poppins';font-weight: 700;width: 34rem;padding-left: 2.5rem;transition: 0.5s;}
.global .global_cont2 .nation .sub .detail {font-size: 1.8rem;color: #666666;font-family: 'Poppins';width: calc(100% - 35.2rem);}

.global .global_cont2 .nation .sub.active,
.global .global_cont2 .nation .sub:hover {background: #fff;border: solid 1px var(--main-color);filter: drop-shadow(0 0 10px rgba(0, 0, 0, .1));}
.global .global_cont2 .nation .sub.active .ico,
.global .global_cont2 .nation .sub:hover .ico {background: url(../../pages/images/global_ico_03.png) no-repeat center / contain;}
.global .global_cont2 .nation .sub.active .name,
.global .global_cont2 .nation .sub:hover .name {color: var(--main-color);}

@keyframes map-circle {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0; }
}
@keyframes map-circle1 {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0; }
}

.global .global_cont3 {margin-bottom: 11rem;}
.global .global_cont3:last-child {margin-bottom: 0rem;}
.global .global_cont3 .gc_sec {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;}
.global .global_cont3 .gc_sec .gc_txt {width: 28.5rem;font-size: 3.0rem;font-weight: 800;}
.global .global_cont3 .gc_sec .gc_detail {width: calc(100% - 28.5rem);display: flex;flex-wrap: wrap;}
.global .global_cont3 .gc_sec .gc_detail .sub {width: calc((100% - 7.5rem) / 4);margin-right: 2.5rem;margin-bottom: 5rem;text-align: center;}
.global .global_cont3 .gc_sec .gc_detail .sub:nth-child(4n) {margin-right: 0rem;}
.global .global_cont3 .gc_sec .gc_detail .sub .thumb_box {border: solid 1px #dddddd;border-radius: 3rem;padding: 0.9rem;}
.global .global_cont3 .gc_sec .gc_detail .sub .txt_box {}
.global .global_cont3 .gc_sec .gc_detail .sub .txt_box .txt1 {font-size: 2.0rem;font-weight: 700;padding-top: 2.2rem;}
.global .global_cont3 .gc_sec .gc_detail .sub .txt_box .txt2 {font-size: 1.8rem;color: #666666;padding-top: 0.5rem;}
.global .global_cont3 .gc_sec .gc_detail .sub .txt_box .txt3 {font-size: 2.0rem;padding-top: 2.2rem;}

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

}
@media screen and (max-width: 1450px){
	.global .global_cont1 .cont_wrap {padding: 18rem 2rem 9rem;}
	.global .global_cont2 {padding: 10rem 2rem;}
	.global .global_cont2 .nation .sub .name {width: 24rem;padding-left: 1.5rem;}
	.global .global_cont2 .nation .sub .detail {width: calc(100% - 25.2rem);}
}
@media screen and (max-width: 1024px){
	.global .global_cont2 .nation {margin-top: 0;}
	.global .global_cont3 .gc_sec .gc_txt {width: 100%;padding-bottom: 2rem;}
	.global .global_cont3 .gc_sec .gc_detail {width: 100%;}
}
@media screen and (max-width: 768px){
	.global .global_cont1 .txt_box .txt1 {font-size: 3.5rem;}
	.global .global_cont1 .num_box .sub {width: calc(100% / 2);padding-bottom: 2rem;}
	.global .global_cont1 .num_box .sub:nth-child(n+3) {padding-bottom: 0rem;padding-top: 2rem;}
	.global .global_cont1 .num_box .sub:nth-child(2):before {width: 100%;height: 1px;top: auto;bottom: -1px;}
	.global .global_cont1 .num_box .sub:nth-child(3):before {left: 0;right: auto;width: 100%;height: 1px;}
	.global .global_cont1 .num_box .sub:nth-child(4):before {width: 1px;right: auto;left: -1px;}
	.global .global_cont1 .num_box .sub .sub_num {font-size: 4.0rem;}

	.global .global_cont2 .nation .sub .detail {width: 100%;}
	.global .global_cont2 .map .map_nation .nation_box1 {top: 22%;left: 6.0%;}
	.global .global_cont2 .map .map_nation .nation_box2 {top: 50%;left: 7.5%;}
	.global .global_cont2 .map .map_nation .nation_box3 {top: 42%;left: 19%;}
	.global .global_cont2 .map .map_nation .nation_box4 {top: 30%;left: 36.5%;}
	.global .global_cont2 .map .map_nation .nation_box .name {border-radius: 1.5rem;font-size: 1.5rem;font-weight: 500;padding: 0.3rem 1.5rem;}
	.global .global_cont2 .map .map_nation .nation_box .ico {padding-top: 0.5rem;}
	.global .global_cont2 .map .map_nation .nation_box .name {background: rgba(51, 51, 51, 0.4);}
	.global .global_cont2 .map .map_nation .nation_box.active .name {background: rgba(196, 20, 27, 0.4);}
	.global .global_cont2 .nation .sub {padding: 2.5rem 3rem;border-radius: 3rem;}

	.global .global_cont3 .gc_sec .gc_detail .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;}
	.global .global_cont3 .gc_sec .gc_detail .sub:nth-child(4n) {margin-right: 1rem;}
	.global .global_cont3 .gc_sec .gc_detail .sub:nth-child(3n) {margin-right: 0rem;}
}
@media screen and (max-width: 500px){
	.global .global_cont3 .gc_sec .gc_detail .sub {width: calc((100% - 1rem) / 2);}
	.global .global_cont3 .gc_sec .gc_detail .sub:nth-child(3n) {margin-right: 1rem;}
	.global .global_cont3 .gc_sec .gc_detail .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 .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-title {width: 48rem;font-size: 2.0rem;font-weight: 800;padding-left: 4.0rem;}
.process .step-desc {width: calc(100% - 58rem);font-size: 1.8rem;color: #666666;}

.process .arrow-wrap {padding: 1.2rem 7rem 3rem;text-align: left;display: flex;align-items: center;background: transparent;border-radius: inherit;margin-bottom: 0;}
.process .arrow_box {}
.process .arrow {display: block;font-size: 1.6rem;font-weight: 900;color: var(--main-color);animation: arrow-motion 1.2s infinite ease-in-out;}
.process .arrow:nth-child(1) {animation-delay: 0.0s;}
.process .arrow:nth-child(2) {animation-delay: 0.2s;}
.process .arrow:nth-child(3) {animation-delay: 0.4s;}

@keyframes arrow-motion {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translateY(20px);
		opacity: 0;
	}
}
.process .brand {padding-left: 2.8rem;}

.process .apply {letter-spacing: -0.02rem;padding-top: 9.5rem;}
.process .apply .tit_box {text-align: center;font-size: 4.0rem;font-weight: 800;}
.process .apply .cont_box {display: flex;flex-wrap: wrap;padding-top: 7.0rem;}
.process .apply .cont_box .sub {width: calc((100% - 12rem) / 5);margin-right: 3rem;}
.process .apply .cont_box .sub:nth-child(5n) {margin-right: 0rem;}
.process .apply .cont_box .sub .thumb {position: relative;width: 100%;aspect-ratio: 1;border-radius: 3rem;overflow: hidden;}
.process .apply .cont_box .sub .thumb .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.process .apply .cont_box .sub .txt {font-size: 2.0rem;text-align: center;padding-top: 2.3rem;}

@media screen and (max-width: 1300px){
	.process .process-wrap {padding: 10rem 2rem;}
	.process .step-title {width: 28rem;}
	.process .step-desc {width: calc(100% - 38rem);}
	.process .apply .cont_box .sub {width: calc((100% - 4rem) / 5);margin-right: 1rem;}
	.process .apply .cont_box .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;margin-bottom: 5rem;}
	.process .apply .cont_box .sub:nth-child(3n) {margin-right: 0rem;}
}
@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;}
	.process .apply .cont_box .sub {width: calc((100% - 1rem) / 2);}
	.process .apply .cont_box .sub:nth-child(3n) {margin-right: 1rem;}
	.process .apply .cont_box .sub:nth-child(2n) {margin-right: 0rem;}
}

.sub_cont_sec {display: flex;flex-wrap: wrap;padding-top: 9rem;}
.sub_cont_sec .left {width: 40rem;font-size: 3.0rem;font-weight: 800;letter-spacing: -0.02rem;padding-right: 10rem;}
.sub_cont_sec .right {width: calc(100% - 40rem);}
.sub_cont_sec .right .txt1 {font-size: 2.4rem;font-weight: 800;letter-spacing: -0.02rem;line-height: calc(30 / 24);}
.sub_cont_sec .right .txt2 {font-size: 2.0rem;color: #666666;line-height: 1.5;letter-spacing: -0.02rem;}
.sub_cont_sec .right .txt3 {font-size: 2.0rem;font-weight: 700;color: var(--main-color);padding-top: 5rem;}
.sub_cont_sec .right .txt4 {font-size: 2.0rem;padding-top: 1rem;}
.sub_cont_sec .right .img1 {}
.sub_cont_sec .right .img1 > img {border-radius: 3.0rem;border: solid 1px #dddddd;margin-bottom: 1rem;}
.sub_cont_sec .right .img2 {display: flex;flex-wrap: wrap;}
.sub_cont_sec .right .img2 .sub {width: calc((100% - 4rem) / 2);margin-right: 4rem;border: solid 1px #dddddd;border-radius: 3.0rem;overflow: hidden;text-align: center;}
.sub_cont_sec .right .img2 .sub:nth-child(2n) {margin-right: 0rem;}
.sub_cont_sec .right .img3 {}
.sub_cont_sec .right .img3 .sub {}
.sub_cont_sec .right .img3 img {border-radius: 3rem;overflow: hidden;}
.sub_cont_sec .right .ul1 {}
.sub_cont_sec .right .ul1 > li {position: relative;padding-left: 2.5rem;font-size: 2.0rem;color: #666666;letter-spacing: -0.02rem;line-height: 1.5;}
.sub_cont_sec .right .ul1 > li .t1 {font-size: 1.6rem;}
.sub_cont_sec .right .ul1 > li .t2 {display: block;font-size: 1.8rem;}
.sub_cont_sec .right .ul1 > li:before {content: '';position: absolute;top: 1.3rem;left: 0;width: 0.4rem;aspect-ratio: 1;background: #666666;border-radius: 100%;}
.sub_cont_sec .right .ul2 {}
.sub_cont_sec .right .ul2 > li {position: relative;padding-left: 1.5rem;font-size: 1.8rem;color: #666666;letter-spacing: -0.02rem;line-height: 1.5;}
.sub_cont_sec .right .ul2 > li:before {content: '';position: absolute;top: 1.3rem;left: 0;width: 0.4rem;height: 1px;background: #666666;}
.sub_cont_sec .right .ul3 {}
.sub_cont_sec .right .ul3 > li {position: relative;padding-left: 1.0rem;font-size: 1.6rem;color: #666666;letter-spacing: -0.02rem;line-height: 1.5;}
.sub_cont_sec .right .ul3 > li:before {content: '';position: absolute;top: 1.0rem;left: 0;width: 0.4rem;height: 1px;background: #666666;}
.sub_cont_sec .right .dl1 {display: flex;flex-wrap: wrap;}
.sub_cont_sec .right .dl1 dt {width: 20%;font-size: 2.0rem;font-weight: 700;padding: 0.5rem 0;}
.sub_cont_sec .right .dl1 dd {width: 80%;font-size: 2.0rem;padding: 0.5rem 0;}

@media screen and (max-width: 1350px){
	.sub_cont_sec .left {width: 30rem;padding-right: 0rem;}
	.sub_cont_sec .right {width: calc(100% - 30rem);}
}
@media screen and (max-width: 1024px){
	.sub_cont_sec .left {width: 100%;padding-bottom: 3rem;}
	.sub_cont_sec .right {width: 100%;}
	.sub_cont_sec .right .dl1 dt {width: 100%;}
	.sub_cont_sec .right .dl1 dd {width: 100%;padding: 0 0 2rem;}
}
@media screen and (max-width: 768px){
	.sub_cont_sec .right .img2 .sub {width: 100%;margin-right: 0rem;margin-bottom: 1rem;}
}



.product {}
.product .cont_top_img {}
.product .cont_top_img .bg {aspect-ratio: calc(1400 / 460);}
.product .cont_top_img .down {position: absolute;bottom: 4rem;right: 4rem;width: 10rem;aspect-ratio: 1;background: #222222;border-radius: 0.5rem;transition: 0.5s;}
.product .cont_top_img .down > a {position: relative;width: 100%;height: 100%;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;}
.product .cont_top_img .down .down_ico {width: 2.6rem;aspect-ratio: calc(26 / 27);background: url(../../pages/images/product_ico_01.png) no-repeat center / contain;}
.product .cont_top_img .down .down_txt {font-size: 1.4rem;font-family: 'Poppins';font-weight: 600;padding-top: 0.7rem;}
.product .cont_top_img .down:hover {background: var(--main-color);}



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

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

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

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

}

.certification {}
.certification .cert_wrap {display: flex;flex-wrap: wrap;}
.certification .cert_card {width: calc((100% - 12rem) / 4);margin-right: 4rem;text-align: center;cursor: pointer;transition: .2s;}
.certification .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: 2.0rem;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% - 3rem) / 4);margin-right: 1rem;}
}
@media screen and (max-width: 1024px){
	.certification .cert_card {width: calc((100% - 2rem) / 3);}
	.certification .cert_card:nth-child(4n) {margin-right: 1rem;}
	.certification .cert_card:nth-child(3n) {margin-right: 0rem;}
}
@media screen and (max-width: 768px){
	.certification .cert_card {width: calc((100% - 1rem) / 2);}
	.certification .cert_card:nth-child(3n) {margin-right: 1rem;}
	.certification .cert_card:nth-child(2n) {margin-right: 0rem;}
	.certification .cert_thumb {border-radius: 2rem;padding: 4.5rem 2.5rem;}
}


.contact {display: flex;flex-wrap: wrap;}
.contact .sub {width: calc((100% - 8rem) / 3);margin-right: 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.0rem;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: 768px){

}






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

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

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

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

}