@charset "utf-8";
	
/*───────────────────────────────────────────────────────────

	industry | safety

───────────────────────────────────────────────────────────*/
	.indus_cont_box{height:0;overflow:hidden;}
	.indus_cont_box.on{height:auto;overflow:initial;}
	.industry_cont + .industry_cont{margin-top:100px;}
	.industry_cont .img{text-align: center;}
	
	/*tab*/
	.indus_tab{box-sizing:border-box;background:var(--point-color06);margin-bottom:61px;position:sticky;top:80px;left:0;z-index:10;}
	.indus_tab .w_custom{display: flex;}
	.indus_tab a{display: inline-flex;width:calc(100% / 3);align-items: center;justify-content: center;box-sizing:border-box;height:70px;font-size:var(--title-20);color:var(--point-color02);font-weight:600;text-align: center;padding:0 10px;position: relative; transition: all 0.4s;}
	.indus_tab a:after{width:1px;height:50px;content:"";background:var(--point-color08);position: absolute;right:0;top:50%;transform:translateY(-50%);}
	.indus_tab a.on{background:var(--point-white);} 
	.indus_tab a:has(+ a.on):after, .indus_tab a.on:after{display: none;}
	.indus_tab a[data-tab="safety02"], .indus_tab a[data-tab="safety03"], .indus_tab a[data-tab="metro03"]{pointer-events:none;}
	
	/*challenge*/
	.challenge_box .diagram_box{box-sizing:border-box;display: flex;align-items: center;justify-content: center;margin-top:51px;padding-bottom:23px;position: relative;}
	.industry_swiper .pause_btn{width:100px;aspect-ratio:1;background:var(--border-color02);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: flex;align-items: center;justify-content: center;border-radius:100%;gap:20px;z-index:-1;opacity:0;transition:all 0.5s;cursor:pointer;}
	.industry_swiper .pause_btn:before, .industry_swiper .pause_btn:after{width:10px;height:40px;content:"";display: inline-block;background:var(--point-white);}
	.industry_swiper .pause_btn.stop{z-index:5;opacity:1;}
	.industry_swiper .pause_btn.stop:before{width:auto;height:auto;border-left:25px solid var(--point-white);border-top:20px solid transparent;border-bottom:20px solid transparent;border-right: none;margin-left:10px;background:none;}
	.industry_swiper .pause_btn.stop:after{display: none;}
	#wrap .industry_swiper .swiper-pagination{top:auto;bottom:-20px;}
	#wrap .industry_swiper .swiper-pagination-bullet{background:var(--black-color08);}
	#wrap .industry_swiper .swiper-pagination-bullet-active{background:var(--point-color01);}
	
	.challenge_box .interaction_box{width:34.7%;text-align: center;}
	.challenge_box .diagram_box .lte_box{width:55%;box-sizing:border-box;}
	.challenge_box .diagram_box .lte_box .swiper-wrapper{align-items: center;}
	.challenge_box .diagram_box .lte_box .swiper-slide{transition:all 0.5s;display: flex;align-items: center;gap:30px;opacity:0 !important;}
	.challenge_box .diagram_box .lte_box .swiper-slide-active{opacity:1 !important;}
	.challenge_box .diagram_box .lte_box .txt{text-align: center;font-size:var(--title-15);font-family:var(--font-type02);}
	.challenge_box .diagram_box .lte_box .txt strong{color:var(--point-color03);font-weight:700;}
	.challenge_box .diagram_box .lte_box .txt p{color:var(--point-color02);font-weight:400;margin-top:4px;}
	
	/*list*/
	.feature_box .indus_list{margin-top:30px;}
	.indus_list{margin-top:46px;display: grid;gap: var(--row-gap70); grid: auto / minmax(0, 1fr);}
	.indus_list > li{font-size:var(--title-20);color:var(--point-color01);font-weight:700;}
	.indus_list > li h4{font-size: var(--text-28);color:inherit;font-weight:inherit;box-sizing:border-box;border-bottom:1px solid var(--border-color01);margin-bottom: clamp(10px, 1.4vw, 14px);padding-bottom: clamp(8px, 1vw, 10px);}
	.indus_list > li p{font-size: var(--text-16);color: var(--black-color00);font-weight:400;line-height: 1.6;font-family: var(--font-type04);}
	.indus_list > li .sub_indus{margin:0;box-sizing:border-box;font-size:var(--title-18);color:var(--point-color01);font-weight:400;line-height:1.44;font-family:var(--font-type02);counter-reset:indusFlowNum;}
	.indus_list > li .sub_indus li{display: flex;align-items: baseline;gap:10px;counter-increment:indusFlowNum;}
	.indus_list > li .sub_indus li p{font-size:inherit;color:inherit;font-weight:inherit;}
	.indus_list > li .sub_indus li + li{margin-top:0;}
	.indus_list > li .sub_indus li:before{width:4px;height:4px;content:"";display: inline-block;box-sizing:border-box;background:var(--point-color01);flex-shrink:0;transform:translateY(-4px);}
	.indus_list > li ol.sub_indus li:before{content:counter(indusFlowNum) ".";width:auto;height:auto;background:none;transform:none;font-size:inherit;color:inherit;font-weight:inherit;}
	.indus_list > li .img{margin-top:15px;}
	
	.indus_list + .cont_title{margin-top:60px;}
	.indus_list + .img{margin-top:20px;}
	
	/*operation*/
	.operation_box{margin-top:61px;}
	.operation_box > p{font-size:var(--title-14);color:var(--black-color00);font-weight:400;line-height:1.7;font-family:var(--font-type02);}
	.operation_box .operation_container{box-sizing:border-box;padding:0 44px;margin-top:31px;text-align: center;}
	.operation_box .operation_container.safe_operation{text-align:left;}
	.operation_box .operation_container .swiper-slide{transition:all 0.5s;opacity:0 !important;}
	.operation_box .operation_container .swiper-slide-active{opacity:1 !important;}
	.operation_box .operation_container .swiper-slide a{width:100%;height:100%;position: absolute;top:0;left:0;display: none;z-index:5;}
	.operation_box .operation_container .swiper-slide .img{text-align: center;}
	.operation_box .title{display:inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:32px;border:1px solid #B6C3D3;background:var(--point-color06);padding:0 10px;font-size:var(--title-20);color:var(--point-color01);font-weight:700;font-family:var(--font-type02);border-radius:20px;}
	.operation_box .em_operation .title{background: #C1272D;border-color:#C1272D;color:var(--point-white);gap:5.5px}
	.operation_box .em_operation .title:before{width:17px;height:20px;content:"";background:url('../images/sub/emergency_icon.svg')no-repeat center;background-size:auto 100%;display: inline-block;}
	.operation_box .title span{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:-0.02em;}
	
	/*solution*/
	.indus_solution{box-sizing:border-box;background:var(--point-color06);margin-top:50px;padding:64px 0 60px;}
	.indus_solution .link_box{margin-top:30px;display: flex;flex-wrap:wrap;gap:20px;}
	#wrap .indus_solution .link_box .see_more{width:calc(100% / 3 - 14px);}
	#wrap .indus_solution .link_box .see_more span{width:100%;justify-content: space-between;}
	
	/*safety03*/
	.indus_list > li.safety03_indus_box .sub_indus > li + li{margin-top:15px;}
	.indus_list > li.safety03_indus_box .img + .cont_title{margin-top:20px;}
	.indus_list > li.safety03_indus_box .gis_sub_indus p{box-sizing:border-box;padding-left:10px;}
	
	.adv_layer_point dl{display: flex;flex-direction: column;gap:8px;align-items: center;}
	.adv_layer_point dt {max-width:500px;transition:all 0.8s;margin:0 auto;}
	.adv_layer_point.on dt{max-width:100%;}
	
	@media only screen and (min-width:1024px){
		/*tab*/
		.indus_tab a:hover{background:var(--point-color01);color:var(--point-white);}
        .indus_tab a:has(+ a:hover):after, .indus_tab a:hover:after{display: none;}

		.diagram_box:hover .pause_btn{z-index:5;opacity:1;}
		.industry_swiper .swiper-container:hover .pause_btn{z-index:5;opacity:1;}
		
	}
	@media only screen and (max-width:1300px){
		.operation_box > p br{display: none;}
		/*solution*/
		#wrap .indus_solution .link_box .see_more{width:max-content;}
	}
	@media only screen and (max-width:1023px){
		.indus_tab{top:clamp(65px, 10vw, 80px);}
		.industry_cont + .industry_cont{margin-top:80px;}
		.operation_box .operation_container .swiper-slide a{display: block;}
		
		/*challenge*/
		.challenge_box .diagram_box{margin-top:25px;}
		.challenge_box .diagram_box .lte_box{width:65.3%;}
		
		.indus_list > li .img.service_monitoring{max-width:50%}
	}
	@media only screen and (max-width:860px){
		/*operation*/
		.operation_box{margin-top:40px;}
		.operation_box .operation_container{padding:0 20px;margin-top:20px;}
		
		.indus_list + .cont_title{margin-top:40px;}
		
		#wrap .indus_solution .link_box .see_more{width:100%;}
	}
	@media only screen and (max-width:640px){
		/*tab*/
		.indus_tab.utility_tab a{height:100px;}
		
		.industry_cont + .industry_cont{margin-top:60px;}
		.indus_list > li .sub_indus{margin:8px 0;}
		.indus_list > li .sub_indus li{gap:6px;}
		.indus_list > li .sub_indus li + li{margin-top:4px;}
		.indus_list > li .sub_indus li:before{width:3px;height:3px;transform:translateY(-3px);}
		
		/*challenge*/
		.challenge_box .diagram_box{flex-direction: column;}
		.challenge_box .interaction_box{width:100%;}
		.challenge_box .diagram_box .lte_box{width:100%;}
		.challenge_box .diagram_box .lte_box .swiper-slide{flex-direction: column;}
		.challenge_box .diagram_box .lte_box .arw{transform:rotate(90deg);margin:25px 0;}
		.challenge_box .diagram_box .lte_box .arw img{height:42px;}
		.challenge_box .diagram_box .lte_box .txt{margin-top:25px;}
		.challenge_box .diagram_box .lte_box .active02 img{margin-left:-12px;}
		
		/*operation*/
		.operation_box .operation_container{padding:0;}
		.operation_box .title{font-size:var(--title-14);height:26px;margin-bottom:10px;}
		.operation_box .em_operation .title:before{width:13px;height:14px;}
		
		.adv_layer_point dt{max-width:60%;}
	}
	@media only screen and (max-width:479px){
		/*tab*/
		.indus_tab{margin-bottom:40px;}
		.indus_tab .w_custom{width:calc(100% - 20px);}
		.indus_tab a{font-size:var(--title-14);padding:0 5px;}
		.indus_tab.utility_tab a{height:70px;}
		
		/*challenge*/
		.challenge_box .diagram_box .lte_box .active02 img{margin-left:-6px;}
		
		/*list*/
		.feature_box .indus_list{margin-top:20px;}
		.indus_list{margin-top:30px;}
		.indus_list + .cont_title{margin-top:30px;}
		.indus_list > li .img.service_monitoring{max-width:65%}
		
		/*solution*/
		.indus_solution{margin-top:35px;padding:30px 0 40px;}
		.indus_solution .link_box{margin-top:20px;gap:5px 9px;}
	}
	@media only screen and (max-width:320px){
		.indus_tab .w_custom{width:calc(100% - 10px);}
	}
	
/*───────────────────────────────────────────────────────────

	industry | metro

───────────────────────────────────────────────────────────*/
	.sub_metro .cont_title + .img{margin-top:30px;}
	#metro02.on{padding-bottom:120px;}
	
	.indus_list > li .txt_box{}
	.indus_list > li .txt_box dl{position: relative;padding-left:10px;}
	.indus_list > li .txt_box dl:before{width:4px;height:4px;content:"";background:var(--point-color01);position: absolute;left:0;top:10px;}
	.indus_list > li .txt_box dl + dl{margin-top:12px;}
	.indus_list > li .txt_box dl dt{font-size:var(--title-20);color:var(--point-color01);font-weight:700;font-family:var(--font-type02);letter-spacing:-0.02em;}
	.indus_list > li .txt_box dl dd{margin-top:4px;}
	
	.metro_location{margin-top:60px;position: relative;}
	.metro_location .location_des{position: absolute;top:0;left:0;box-sizing:border-box;border:1px solid #B6C3D3;background:var(--point-color06);border-radius:10px;padding:14px 13px 13px 14px;z-index:5;}
	.metro_location .location_des ul{counter-reset:locNum;}
	.metro_location .location_des ul li{counter-increment:locNum;font-size:var(--title-15);color:var(--black-color00);font-weight:600;font-family:var(--font-type02);display: flex;align-items: center;gap:4px;}
	.metro_location .location_des ul li + li{margin-top:2.5px;}
	.metro_location .location_des ul li:before{display: inline-flex;width:16px;height:16px;box-sizing:border-box;border-radius:100%;align-items: center;justify-content: center;content:counter(locNum);font-size:75%;color:var(--point-white);font-weight:500;font-family:inherit;background:var(--point-color03);line-height:1;}
	.metro_location .location_des ul li p{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
	.metro_location .swiper-container .swiper-slide{transition:all 0.5s;opacity:0 !important;text-align: center;}
	.metro_location .swiper-container .swiper-slide a{display: none;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
	.metro_location .swiper-container .swiper-slide-active{opacity:1 !important;}
	
	@media only screen and (max-width:1024px){
		.metro_location{margin-top:48px;padding-top:136px;}
		#metro02.on{padding-bottom:clamp(100px, 12vw, 120px);}
		.metro_location .swiper-container .swiper-slide a{display: block;}
	}
	@media only screen and (max-width:640px){
		.indus_list > li .txt_box dl:before{top:8px;}
	}
	@media only screen and (max-width:479px){
		.sub_metro .cont_title + .img{margin-top:20px;}
		
		.indus_list > li .txt_box dl{padding-left:8px;}
		.indus_list > li .txt_box dl:before{width:3px;height:3px;}
		
		.metro_location{margin-top:30px;padding-top:110px;}
	}
	
/*───────────────────────────────────────────────────────────

	industry | utility

───────────────────────────────────────────────────────────*/
	.utility_img{margin-top:30px;}
	.utility_img p{font-size:var(--title-14);color:var(--black-color00);font-weight:400;line-height:1.7;font-family:var(--font-type02);margin:0 0 30px;}
	
	.related_cont{padding-top:16px;display: flex;flex-wrap:wrap;gap:10px;}
	.related_cont li{display: inline-flex;box-sizing:border-box;align-items: center;box-sizing:border-box;clip-path:var(--polygon-path02);background:var(--gray-bg01);width:calc(50% - 5px);padding:19px 30px;gap:10px;font-size:var(--title-20);}
	.related_cont li:before{width:14px;height:11px;content:"";background:url('../images/sub/chk_blue.svg')no-repeat center;background-size:auto 100%;display: inline-block;}
	.related_cont li span{font-size:118%;color:var(--point-color01);font-weight:700;}
	
	@media only screen and (max-width:1024px){
		.utility_img{margin-top:20px;}
		.utility_img p{margin:0 0 20px;}
	}
	@media only screen and (max-width:767px){
		.related_cont li{padding:15px 20px;}
	}
	@media only screen and (max-width:640px){
		.related_cont{padding-top:10px;}
		.related_cont li{width:100%;}
	}
	
/*───────────────────────────────────────────────────────────

	mcx

───────────────────────────────────────────────────────────*/
	/*as*/
	.as_img_box{margin-top:50px;}
	.as_img_box .as_title{display: flex;align-items: center;justify-content: space-between;font-size:var(--title-20);}
	.as_img_box .as_title strong{font-size:140%;color:var(--point-color01);font-weight:700;}
	.as_img_box .as_title .des{display: flex;align-items: center;gap:14px;}
	.as_img_box .as_title .des li{display: flex;align-items: center;gap:6px;font-size:var(--title-15);color:var(--point-color03);font-weight:400;font-family:var(--font-type02);}
	.as_img_box .as_title .des li:nth-child(2){color:var(--black-color03);}
	.as_img_box .as_title .des li:nth-child(3){color:var(--point-color11);}
	.as_img_box .as_title .des li:before{width:10px;height:10px;content:"";display: inline-block;background:var(--point-color03);border:1px solid var(--point-color03);box-sizing:border-box;}
	.as_img_box .as_title .des li:nth-child(2):before{background:var(--point-white);border-color:var(--border-color01);}
	.as_img_box .as_title .des li:nth-child(3):before{background:var(--point-color11);border-color:var(--point-color11);}
	.as_img_box .img{margin-top:30px;}
	.sub_mcx .img{text-align: center;}
	
	.indus_list.key_feature > li h4{border:none;margin:0;padding:0;}
	
	.as_support .operation_box{margin-top:30px;}
	
	@media only screen and (max-width:1200px){
		.as_img_box .as_title{flex-direction: column;align-items: flex-start;gap:10px;}	
	}
	@media only screen and (max-width:640px){
		.as_img_box{margin-top:30px;}
		.as_img_box .as_title .des{flex-direction: column;align-items: flex-start;gap:6px;}
		.as_img_box .as_title .des li:before{width:8px;height:8px;transform:translateY(-2px);}
		.as_img_box .img{margin-top:20px;}
		
		.as_support .operation_box{margin-top:20px;}
	}
	
	/*was*/
	.was01.operation_box{margin-top:0;}
	.was_structure{margin-top:30px;font-size:var(--title-20);}
	.was_structure h4{font-size:140%;color:var(--point-color01);font-weight:700;}
	.was_structure p{font-size:75%;color:var(--point-color03);font-weight:400;font-family:var(--font-type02);margin-top:8px;}
	.was_structure .img{margin-top:30px;text-align: center;display: flex;flex-direction: column;gap:60px;align-items: center;}
	
	@media only screen and (max-width:640px){
		.was_structure{margin-top:20px;}
		.was_structure p{margin-top:5px;}
		.was_structure .img{margin-top:20px;gap:25px;}
	}
	
	/*record*/
	.record_diagram.operation_box > p{margin-top:60px;}
	
	@media only screen and (max-width:640px){
		.record_diagram.operation_box > p{margin-top:30px;}
	}
	
	/*call*/
	.call01.operation_box{margin-top:0;}
	.cont_title + .img{margin-top:30px;}
	.call_key .cont_title ul + p{color:var(--black-color03);}
	
	@media only screen and (max-width:640px){
		.cont_title + .img{margin-top:20px;}
	}
	
	/*gis*/
	.indus_list > li .sub_indus .gis_sub_indus li{font-size:var(--title-16);display: block;}
	.indus_list > li .sub_indus .gis_sub_indus li:before{display: none;}
	.gis_key .indus_list > li .img{padding:20px 0 25px;}
	.sub_cnt_list{counter-reset:gisCnt;}
	.sub_cnt_list > li{counter-increment:gisCnt;}
	.sub_cnt_list > li h4:before{content:counter(gisCnt, decimal-leading-zero) '.';font-size:inherit;color:inherit;font-weight:inherit;}
	
	@media only screen and (max-width:640px){
		.gis_key .indus_list > li .img{padding:10px 0 15px;}
	}
	
/*───────────────────────────────────────────────────────────

	integration

───────────────────────────────────────────────────────────*/
	/*lwf*/
	.sub_int .cont_title + .table_box{margin-top:40px;}
	.sub_int .table_box{}
	.sub_int .table_box + .table_box{margin-top:60px;}
	.sub_int .table_box + 
	.sub_int .table_box .cont_title h5{margin-bottom:5px;}
	.sub_int .table_box .cont_title p + p{margin-top:0;}
	.sub_int .table_box table{margin-top:20px;}
	.sub_int .table_box table thead tr th{box-sizing:border-box;border-bottom:1px solid var(--border-color01);background:var(--point-color01);text-align: center;font-size:var(--title-20);color:var(--point-white);padding:15px 10px;word-break:break-all;}
	.sub_int .table_box table thead tr th + th{border-left:1px solid var(--border-color01);}
	.sub_int .table_box table tbody tr td{box-sizing:border-box;background:var(--point-color06);box-sizing:border-box;border-bottom:1px solid var(--border-color01);text-align: center;font-size:var(--title-17);color:var(--black-color03);font-weight:500;padding:15px 20px;word-break:break-all;font-family:var(--font-type02);}
	.sub_int .table_box table tbody tr td + td{border-left:1px solid var(--border-color01);}
	.sub_int .table_box table tbody tr.yellow_bg td{background:#fffcd1;}
	
	@media only screen and (max-width:1024px){
		.sub_int .table_box table tbody tr td{padding:15px 10px;}
	}
	@media only screen and (max-width:860px){
		.sub_int .cont_title + .table_box{margin-top:30px;}
		.sub_int .table_box + .table_box{margin-top:50px;}
	}
	@media only screen and (max-width:640px){
		.sub_int .table_box{width: calc(100% + 30px);margin-left: -15px;}
		.sub_int .table_box .cont_title{box-sizing:border-box;padding:0 15px;}
		.sub_int .table_box .table_wrap{overflow-x:auto;box-sizing:border-box;padding:0 15px;}
		.sub_int .table_box .table_wrap table{width:120vw;}
	}
	@media only screen and (max-width:479px){
		.sub_int .table_box .table_wrap#lwf_table02 table{width:155vw;}
	}
	
	/*embms*/
	.embms_case .img{margin:30px 0;}
	
	/*pabx*/
	.pabx_solution_box{}
	.pabx_solution + .pabx_solution{margin-top:60px;}
	.pabx_solution_box > .cont_title{margin-bottom:40px;}
	.pabx_solution .cont_title h5{margin-bottom:0;font-size:180%}
	.pabx_solution .indus_list{margin-top:30px;}
	.pabx_solution_box .img{margin-top:30px;box-sizing:border-box;padding:0 154px;}
	#wrap .sub_visual.img_visual .thumb .m_img{display: none;}
	
	@media only screen and (max-width:1200px){
		.pabx_solution_box .img{padding:0 60px;}
	}
	@media only screen and (max-width:640px){
		.pabx_solution + .pabx_solution{margin-top:50px;}
		.pabx_solution_box > .cont_title{margin-bottom:30px;}
		.pabx_solution .indus_list{margin-top:20px;}
		.pabx_solution_box .img{margin-top:20px;padding:0 30px;}
	}
	@media only screen and (max-width:479px){
		.pabx_solution_box .img{padding:0 15px;}
		
		#wrap .sub_visual.img_visual .thumb .pc_img{display: none;}
		#wrap .sub_visual.img_visual .thumb .m_img{display:block;}
	}
	
	/*qos*/
	.qos_rx.cont_title{margin-top:20px;}
	@media (max-width:640px){
		.sub_int .table_box .table_wrap#qci_table table{width:160vw;}
	}
	
	/*cdr*/
	.sub_int .table_box table.sample_table thead tr th{font-size:var(--title-15);word-break:keep-all;}
	.sub_int .table_box table.sample_table tbody tr td{font-size:var(--title-14);}
	
	@media (max-width:640px){
		.sub_int .table_box .table_wrap table{width:1000px;;}
	}
	@media (max-width:479px){
		.sub_int .table_box .table_wrap table{width:850px;}
	}
	
	/*oss*/
	.sub_int .snmp_cont .table_wrap{margin-bottom:30px;}
	@media (max-width:640px){
		.sub_int .snmp_cont .table_wrap{margin-bottom:10px;}
	}