@charset "UTF-8"; 

#main_container{background: #000; width: 100%;}
.inwrap{width: 100%; max-width: 164rem; padding:0 2rem; margin: 0 auto; }
.sec_hTitle{position:relative; z-index:1;}
.sec_hTitle h2{font-size:7rem; font-weight:800; color:#fff;}
.sec_hTitle h4{font-size:3.8rem; color:#fff; margin-top: 2rem;}
	
	@media screen and (max-width:1200px){
		.sec_hTitle h2{font-size:6rem;}
		.sec_hTitle h4{font-size:3.2rem;}
	}
	@media screen and (max-width:640px){
		.sec_hTitle h2{font-size:4rem;}
		.sec_hTitle h4{font-size:2.6rem;}
	}
	@media screen and (max-width:480px){
		.sec_hTitle h2{font-size:3.2rem;}
		.sec_hTitle h4{font-size:2.2rem;}
	}



/* --- visual --- */
.m_vis{width:100%; height:130rem;} 
.m_vis .vis_sld_txt{width: 100%; position:absolute;  top:0; left:0; z-index:3;}
.m_vis .vis_title{color:#fff; text-align:center; margin-top:26rem;}
.m_vis .vis_title div{position:relative; z-index:5; font-size:7rem; color:#fff;  opacity: 0;}
.m_vis .vis_title .stxt{font-family:'poppins'; }
.m_vis .vis_title .rtit{ font-weight:800;}
.m_vis .vis_ty01{background: url(../img/main/vis_01.svg) no-repeat; background-position: center 40rem; height: 130rem;}
.m_vis .vis_ty02{background: url(../img/main/vis_02.svg) no-repeat; background-position: center 15rem; height: 130rem; background-size:cover;}
.m_vis .vis_ty03{background: url(../img/main/vis_03.svg) no-repeat; background-position: center 15rem; height: 130rem;}
.m_vis .blur{position:absolute; z-index:2;}
.m_vis .blur svg {max-width: 100vw; height: auto;}
.m_vis .blur_left{top:-6rem; left:0; }
.m_vis .blur_right{top:40rem; right:0; }
	
	@media screen and (max-width:1200px){
		.m_vis .vis_title div{font-size:6rem;}
	}
	@media screen and (max-width:640px){
		.m_vis{height:100%; margin-bottom:3rem;}
		.m_vis .vis_title div{font-size:4rem;}
		.m_vis .blur_right{display:none;}
		.m_vis .vis_ty01{ height: 120vw; min-height:65rem; background-size: contain; background-position: center 35rem; }
		.m_vis .vis_ty02{height: 120vw;min-height:65rem;  background-size: cover; background-position: center 8rem; }
		.m_vis .vis_ty03{height: 120vw; min-height:65rem;background-size: cover; background-position: center 8rem; }
	}
	@media screen and (max-width:480px){
		.m_vis .vis_sld_txt{top:-5rem;}
		.m_vis .vis_title{padding:0 1rem;}
		.m_vis .vis_title div{font-size:3rem;}
		.m_vis .vis_ty01,
		.m_vis .vis_ty02
		.m_vis .vis_ty03{}
	}


/* --- business --- */
.m_business{padding:12rem 0 50rem; position:relative;}
.m_business:before{content:'';display:block;position:absolute;top: 8rem;right:2rem;background:url(../img/default/uxis_emblem.svg) no-repeat center center / 60rem ;width:60rem;height: 30rem;opacity:0.2;}
.m_business * {color:#fff;}
.m_business .business_contSld{position:relative; margin-top: 10rem; padding: 0 2rem; width: 100%;}
.m_business .sld_tab-buttons{ padding-top: 7rem;}
.m_business .sld_tab-btn{background:transparent; display: flex; align-items: center;  gap: 2.5rem;  padding: 2rem 4rem;  border-radius: 1rem; width: 48rem;cursor: pointer; transition:all .3s;}
.m_business .sld_tab-btn + .sld_tab-btn{margin-top:0.5rem;}
.m_business .sld_tab-btn .num{color:#4E5052; font-size:2.2rem; font-weight:300; transition:all .3s;}
.m_business .sld_tab-btn .tit{color:#4E5052; font-size:2.6rem; font-weight:600; transition:all .3s;}
.m_business .sld_tab-btn .arrow{ display: block;  width: 2.6rem;  height: 2.8rem;  background: url(../img/default/ico_arrow_right-top_sm.svg) no-repeat center center; filter: brightness(0.3);   margin-left: auto; transition:all .3s;}
.m_business .sld_tab-btn.active{ background: var(--point-color);}
.m_business .sld_tab-btn.active .num{color:#fff;}
.m_business .sld_tab-btn.active .tit{color: #fff;}
.m_business .sld_tab-btn.active .arrow{ filter: brightness(1);}
.m_business .businessSld_box{position: absolute; top: 0; right: 0; width: 50vw;}
.m_business .businessSld{}
.m_business .swiper-slide{}
.m_business .busi_img{ width: 100%; position: relative; }
.m_business .busi_img .thumImg{ position: relative; width: 100%; height: 0; padding-top: 55%;}
.m_business .busi_img .thumImg01{background:url(../img/main/business_img01.png) no-repeat center center / cover;}
.m_business .busi_img .thumImg02{background:url(../img/main/business_img02.png) no-repeat center center / cover;}
.m_business .busi_img .thumImg03{background:url(../img/main/business_img03.png) no-repeat center center / cover;}
.m_business .busi_img .thumImg04{background:url(../img/main/business_img04.png) no-repeat center center / cover;}
.m_business .busi_img .thumImg05{background:url(../img/main/business_img05.png) no-repeat center center / cover;}
.m_business .busi_img .thumImg06{background:url(../img/main/business_img06.png) no-repeat center center / cover;}
.m_business .busi_img .thumImg:after { position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;  background-color: #000;  content: '';  transition:all 0.8s ease-in-out; transition-property: width;}
.m_business .swiper-slide-active .busi_img .thumImg:after{width: 0;}
.m_business .busi_text{ position: relative;  top: -4.6rem;  left: 5rem;}
.m_business .busi_text .tit{ font-size: 7rem; font-weight: 800;}
.m_business .busi_text .txt_lst{margin:2rem 0;}
.m_business .busi_text .txt_lst li{font-size: 2.4rem;  font-weight: 500;}
.m_business .busi_text .txt_lst li + li{margin-top:1rem;}
.m_business .busi_text .more{ display: flex; align-items: center; font-size: 1.8rem;  text-transform: uppercase; color: #555;  gap: 1rem;}
.m_business .busi_text .more .round{ width: 0.6rem;  height: 0.6rem;  background: #555;  border-radius: 1rem;}

	@media screen and (min-width:1200px){
		/* .m_business .sld_tab-btn:hover .num{color:#fff;} */
		.m_business .sld_tab-btn:hover .tit{color:#fff;}
		/* .m_business .sld_tab-btn:hover .arrow{filter: brightness(1);} */
	}
	@media screen and (max-width:1200px){
		.m_business{padding:12rem 0 0;}
		.m_business .busi_text .tit{font-size:6rem;}
		.m_business .business_contSld{padding:0;}
		.m_business .business_contSld .inwrap{display:none;}
		.m_business .businessSld_box{position:static; width:100%;}
		.m_business .busi_img .thumImg:after{display:none;}
		.businessSld .swiper-slide { width: 85%; }
	}
	@media screen and (max-width:640px){
		.m_business .business_contSld{margin:8rem 0;}
		.m_business .busi_text{position:static; padding: 4rem 3rem 0;}
		.m_business .busi_text .tit{font-size:4rem;}
		.m_business .busi_text .txt_lst li{font-size:2.2rem;}
	}
	@media screen and (max-width:480px){
		.m_business .busi_text .tit{font-size:3rem;}
		.m_business .busi_text .txt_lst li{font-size:2.2rem;}
	}




/* --- company --- */
.m_company{position:relative; width:100%; padding:16rem 0; background:url(../img/main/sec03_mountainBg.svg) no-repeat top center;}
.m_company:after{content:''; display:block; width:100%; height:100%; background:url(../img/main/sec03_waveBg.svg) no-repeat bottom center;     position: absolute; bottom: -21rem; z-index:0;}
.m_company .sec_hTitle{text-align:center; text-transform: uppercase;}
.m_company .sec_hTitle h4{margin-top:12.5rem;}
.m_company .sec_hTitle h4 span{font-size:3.8rem; font-weight:600; color:var(--point-color);}
.m_company .grow *{color:#fff;}
.m_company .grow{margin-top:20rem;}
.m_company .grow_container{display: flex; flex-direction: column;  align-items: center;  justify-content: center;  gap: 10rem;}
.m_company .grow_image{position:relative; width:58rem; height:58rem;}
.m_company .txt{position: absolute; display: block; text-align: center; font-size: 3rem; font-weight: 600;}
.m_company .txt01{ top: -6rem;  left: 50%;  margin-left: -9.5rem;}
.m_company .txt02{ left: -13rem;  bottom: 0;}
.m_company .txt03{right: -19rem;  bottom: 0;}
.m_company .triangle{width:58.5rem; height:60.5rem;}
.m_company .mid_txt{position: absolute; left: 50%;  top: 50%; margin-top: -1.8rem; transform: translate(-50%, -25%);  display: block;  color: var(--point-color);  text-align: center;  font-size: 3.2rem;  font-weight: 900;  z-index: 1;}
.m_company .line_circle{ position: absolute; top: 2rem; width: 100%;  height: 100%;}
.m_company .line_circle svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m_company .line_circle circle{fill: none;  stroke: rgba(0, 89, 255, 0.4);  stroke-width: 2;  opacity: 0;   transform: scale(0);   transform-origin: center; }
.m_company .line_circle .animate { animation: grow 0.6s ease-out forwards;}
@keyframes grow {
      0% {
        opacity: 0;
        transform: scale(0);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }
.m_company .grow_arrow{width:13rem;}
.m_company .grow_arrow img{width:100%;}
.m_company .grow_title_ani{display: inline-block; overflow:hidden; z-index:1;}
.m_company .grow_title{clip-path: inset(0 100% 0 0);  text-align: center; font-size:6rem; font-weight:800; will-change: clip-path;}
.m_company .grow_title span{font-size:6rem; font-weight:800; color:var(--point-color);}
.m_company .grow_sign{position: relative;  z-index: 1;padding-top:5rem;}
.m_company .grow_sign .tit{font-size:3rem; font-weight:700; color:#363C46; text-align:center;}
.m_company .grow_sign .counter_list{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 120rem;margin: 10rem auto;gap:10rem 5rem;}
.m_company .grow_sign .counter_list li{width: calc(100% / 3 - 5rem); transition: all 0.3s ease;}
.m_company .grow_sign .counter_list li:nth-child(3),
.m_company .grow_sign .counter_list li:nth-child(6){padding-left:4rem;}
.m_company .grow_sign .counter_list li .icon{display:block; margin-bottom:1rem; width:5.2rem; height:5.2rem;}
.m_company .grow_sign .counter_list li .icon01{background:url(../img/main/sec02_ico01.svg) no-repeat top center / 5.2rem;}
.m_company .grow_sign .counter_list li .icon02{background:url(../img/main/sec02_ico02.svg) no-repeat top center/ 5.2rem;}
.m_company .grow_sign .counter_list li .icon03{background:url(../img/main/sec02_ico03.svg) no-repeat top center/ 5.2rem;}
.m_company .grow_sign .counter_list li .icon04{background:url(../img/main/sec02_ico04.svg) no-repeat top center/ 5.2rem;}
.m_company .grow_sign .counter_list li .icon05{background:url(../img/main/sec02_ico05.svg) no-repeat top center/ 5.2rem;}
.m_company .grow_sign .counter_list li .icon06{background:url(../img/main/sec02_ico06.svg) no-repeat top center/ 5.2rem;}
.m_company .grow_sign .counter_list li .num{font-size: 6rem; font-weight: 700;}
.m_company .grow_sign .counter_list li .unit{ font-size: 3rem; padding-left: 1rem; font-weight: 600;}
.m_company .grow_sign .counter_list li .ttxt{font-size:2.2rem;}
	
	@media screen and (max-width: 1200px){
		.m_company .sec_hTitle h4 span{font-size:3.2rem;}
		.m_company .grow_title{font-size:5rem;}
		.m_company .grow_title span{font-size:5rem;}
		.m_company .grow_sign .counter_list li{width: calc(100% / 2 - 5rem); text-align:center;}
		.m_company .grow_sign .counter_list li .icon{margin:0 auto 1rem;}
		.m_company .grow_sign .counter_list li:nth-child(3),
		.m_company .grow_sign .counter_list li:nth-child(6){padding-left:0;}
		.m_company .grow_sign .counter_list li .num{font-size:5rem;}
	}
	@media screen and (max-width: 980px){
		.m_company .sec_hTitle h4{margin-top:18rem;}
		.m_company .grow_title{font-size:4rem;}
		.m_company .grow_title span{font-size:4rem;}
		.m_company .grow_container{gap:8rem;}
		.m_company .grow{margin-top:16rem;}		
		.m_company .grow_image{width:40rem; height:40rem;}
		.m_company .triangle{width:40rem; height:43rem;}
		.m_company .txt{font-size:2.4rem;}		
		.m_company .mid_txt{font-size: 2.6rem; margin-top: -1.6rem;}
		.m_company .txt01{margin-left:-8.5rem; top:-5rem;}
		.m_company .txt02{ left: -5rem; bottom: -3rem;}
		.m_company .txt03 {right: -9rem; bottom: -3rem;}
	}
	@media screen and (max-width: 640px){
		.m_company{padding: 12rem 0; background-position-y: -18rem;}
		.m_company .sec_hTitle h4{margin-top:9rem;}
		.m_company .sec_hTitle h4 span{font-size:2.6rem;}
		.m_company .grow_sign .counter_list{gap:7rem 4rem;}
	}
	@media screen and (max-width: 480px){
		.m_company .sec_hTitle h4 span{font-size:2.2rem;}
		.m_company .grow_title{font-size:3.2rem;}
		.m_company .grow_title span{font-size:3.2rem;}
		.m_company .txt{font-size:2rem;}		
		.m_company .txt01{margin-left:-5rem;  top: -3rem;}
		.m_company .txt02{ left: 0; bottom:0;}
		.m_company .txt03 {right: 0; bottom:0;}
		.m_company .mid_txt {font-size: 2.4rem; margin-top: -0.8rem;}
		.m_company .grow_sign .counter_list li .num{font-size:3.2rem;}
	}



/* --- partnership --- */
.m_partnership{padding:14rem 0; position:relative;}
.m_partnership .ani_simbol{position:absolute;  top: -1.5rem; left:15vw; z-index:0;}
.m_partnership .ani_simbol svg{width:0;}
@keyframes upDown {
	0% {
		transform:  translateY(-5px);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform:  translateY(-5px);
	}
}
.m_partnership .roofbanner{position:relative; margin-top:9rem;}
.m_partnership .roofbanner:before{ content: ''; position: absolute; top: 0; left: 0; width: 50rem; height: 100%; background: linear-gradient(to right, black 0%, transparent 100%); z-index: 2; pointer-events: none;}
.m_partnership .roofbanner:after{ content: ''; position: absolute; top: 0; right: 0; width: 50rem; height: 100%; background: linear-gradient(to left, black 0%, transparent 100%); z-index: 2; pointer-events: none;}
.m_partnership .partner-banner {overflow: hidden;white-space: nowrap; padding:4rem 0;}
.m_partnership .partner-banner:nth-child(2){margin-left:-13rem;}
.m_partnership .logo-track {  display: flex; white-space: nowrap;}
.m_partnership .logo-list { display: flex; gap: 8rem;}
.m_partnership .logo-list + .logo-list{margin-left:8rem;}
.m_partnership .logo-list img { height: 4.5rem; filter: brightness(0) invert(1); }

	@media screen and (max-width: 1200px){
		.m_partnership .ani_simbol{ top: -4rem;  left: 13vw;}
	}
	@media screen and (max-width: 980px){
		.m_partnership .roofbanner:before{width:20rem;}
		.m_partnership .roofbanner:after{width:20rem;}
	}
	@media screen and (max-width: 640px){
		.m_partnership{padding:8rem 0;}
		.m_partnership .ani_simbol{ top: -7rem;  left: 11vw;}
	}
	@media screen and (max-width:480px){
		.m_partnership .ani_simbol{ top: -15rem;}
	}

	



/* --- contact --- */
.m_contact{padding:14rem 0;}
.m_contact .inwrap{position:relative; display:flex;align-items:center;justify-content: flex-start;gap:8rem;padding: 0 10rem;}
.m_contact .l_contact *{color:#fff;}
.m_contact .l_contact{position: relative; z-index: 1; padding-left:7rem;}
.m_contact .l_contact .t_txt{margin-left: -4.2rem; font-family:'poppins';  font-size:4rem; text-transform: uppercase;     letter-spacing: 1rem; font-weight: 500;}
.m_contact .l_contact .sec_hTitle h2 span{font-size:7rem; font-weight:800; text-transform: uppercase; color:var(--point-color);}
.m_contact .l_contact a{display: flex; align-items: center; gap: 2rem; font-size: 3.2rem;  margin-top: 5rem;  font-weight: 500;}
.m_contact .l_contact a .arrow{display:block; width:2.8rem; height:2.8rem; background:url(../img/default/ico_arrow_right-top_sm.svg) no-repeat center center;    filter: brightness(0.3);}
.m_contact .r_emblem{position:absolute; right: 17rem; top: 50%;  margin-top: -15rem;}
.m_contact .r_emblem svg{width:44rem;}


	@media screen and (min-width:1200px){
	
	}
	@media screen and (max-width: 1200px){
		.m_contact .l_contact{padding-left:0;}
		.m_contact .r_emblem{right:8rem;}
		.m_contact .l_contact .sec_hTitle h2 span{font-size:6rem;}
	}
	@media screen and (max-width: 768px){
		.m_contact .inwrap{flex-direction: column-reverse; padding:0 2rem;}
		.m_contact .r_emblem{  position: static;  margin-top: 0;}
	}
	@media screen and (max-width: 640px){
		.m_contact{padding:8rem 0;}
		.m_contact .l_contact .sec_hTitle h2 span{font-size:5rem;}
		.m_contact .l_contact a{font-size:2.8rem;}
		.m_contact .r_emblem svg{width:55vw;}
	}
	@media screen and (max-width: 480px){
		.m_contact .l_contact .t_txt{font-size:3rem;}
		.m_contact .l_contact .sec_hTitle h2 span{font-size:3.2rem;}
	}