@charset "utf-8";


#wrap .business_tab a:before {background: url("../images/sub/business_tab_dot.svg") no-repeat center; background-size: auto 100%; border-radius: inherit;}

/*───────────────────────────────────────────────────────────
	 사업영역 > Robotic Process Automation
───────────────────────────────────────────────────────────*/
	/*** 공통 ***/
		.sub_rpa .w_custom > div {padding-bottom: 120px;} /* .rpa_merit 제외 */
		
		@media only screen and (max-width:1024px) {
			.sub_rpa .w_custom > div {padding-bottom: 90px;}
		}
		@media only screen and (max-width:860px) {
			.sub_rpa .w_custom > div {padding-bottom: 80px;}
		}
		@media only screen and (max-width:640px) {
			.sub_rpa .w_custom > div {padding-bottom: 60px;}
		}
		/* @media only screen and (max-width:479px) {
			.sub_rpa .w_custom > div {padding-bottom: 50px;}
		} */

		.sub_rpa .thumb {position: relative; border-radius: 10px; overflow: hidden;}
		.sub_rpa .thumb img {width: 100%; height: 100%; object-fit: cover;}
		.sub_rpa .thumb:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 10px;}
		
		.sub_rpa .txt_list {display: flex; gap: 10px; width: 100%; background: var(--gray-bg01); box-sizing: border-box; padding: 10px; border-radius: 5px;}
		.sub_rpa .txt_list li {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; background: var(--point-white); box-sizing: border-box; padding: 11.5px 8px; border: 1px solid var(--border-color01); border-radius: 5px; font-size: 15px; color: var(--black-color06); letter-spacing: var(--letter-03); text-align: center;}

		.sub_rpa .icons_list {display: flex; justify-content: center; align-items: center; gap: 0 50px;}
		.sub_rpa .icons_list li {text-align: center;}
		.sub_rpa .icons_list li p {margin-bottom: 10px; font-size: var(--title-17); font-weight: 600; color: var(--black-color03); letter-spacing: var(--letter-03); font-family:var(--font-type02);}
		.sub_rpa .icons_list li .icon + p {margin-top: 6px; margin-bottom: 0 !important; font-size: var(--title-16); font-weight: 500;}

		@media only screen and (max-width:1217px) {
			.sub_rpa .icons_list {gap: 0 35px;}
		}

		.sub_rpa .circle_list {display: flex; justify-content: center;}
		.sub_rpa .circle_list li {position: relative; display: flex; flex-direction: column; align-items: center;}
		.sub_rpa .circle_list li + li {margin-left: -10px;}
		.sub_rpa .circle_list li .circle {position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; background: rgba(135,179,201,0.1); box-sizing: border-box; border-radius: 50%;}
		.sub_rpa .circle_list li .circle.dot:before {content: ""; position: absolute; left: 50%; bottom: -2.5px; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: var(--point-color01);}
		.sub_rpa .circle_list li .circle span {font-size: 15px; color: var(--black-color06); letter-spacing: var(--letter-05); line-height: 1.3;}
		.sub_rpa .circle_list li .circle + .circle {margin-top: 30px; width: 50px; height: 50px; background: var(--gray-bg01);}
		.sub_rpa .circle_list li .circle + .circle.dot:before {bottom: inherit; top: -2.5px;}
		.sub_rpa .circle_list li .circle + .circle span {font-size: 13px;}

		@media only screen and (max-width:1217px) {
			.sub_rpa .circle_list li .circle {width: 65px; height: 65px;}
			.sub_rpa .circle_list li .circle span {font-size: 14px;}
			.sub_rpa .circle_list li .circle + .circle {width: 45px; height: 45px;}
			.sub_rpa .circle_list li .circle + .circle span {font-size: 12px;}
		}

		.sub_rpa .dot_list {color:var(--black-color06);font-weight:400;font-family:var(--font-type02);}
		.sub_rpa .dot_list li {position: relative;padding-left:12px;font-size:var(--title-16);color:inherit;font-weight:inherit;box-sizing:border-box;letter-spacing:var(--letter-05);}
		.sub_rpa .dot_list li + li {margin-top:7px;}
		.sub_rpa .dot_list li:before {width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color06);position: absolute;left:0;top:8px;}

		.sub_rpa .desc_list {margin-top:22px;font-size:var(--title-16);color:var(--black-color09);font-family:var(--font-type02);}
		.sub_rpa .desc_list li {position: relative;padding-left:10px;box-sizing:border-box;font-size:88%;color:inherit;font-weight:300;letter-spacing:var(--letter-03);font-family:inherit;}
		.sub_rpa .desc_list li + li {margin-top:3px;}
		.sub_rpa .desc_list li:before {position: absolute;left:0;top:0;content:"*";font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;}
		
		@media only screen and (max-width:860px) {
			.sub_rpa .desc_list {margin-top: 18px;}
		}
		@media only screen and (max-width:479px) {
			.sub_rpa .desc_list {margin-top: 14px;}
		}

		#wrap .business_table {width: 100%; border-top: 1px solid var(--black-color03);}
		#wrap .business_table :where(th, td) {border-bottom: 1px solid var(--border-color01); padding: 13px 20px 12px; font-size: var(--title-18); letter-spacing: var(--letter-04); text-align: center; font-family: var(--font-type02);}
		#wrap .business_table thead :is(th) {background: var(--gray-bg01); padding: 18px 20px 17px;}
		#wrap .business_table tbody :is(th) {border-right: 1px solid var(--border-color01);}
		#wrap .business_table th {font-weight: 500; color: var(--black-color03);}
		#wrap .business_table td {color: var(--black-color06);}
		#wrap .business_table td.td_left {text-align: left;}
		#wrap .business_table th + th, #wrap .business_table td + td {border-left: 1px solid var(--border-color01);}
		#wrap .scroll_table {width: 100%; box-sizing: border-box;}

		@media only screen and (max-width:1024px) {
			#wrap .business_table thead :is(th) {padding: 16px 16px 15px;}

			#wrap .scroll_table {width: calc(100% + 40px); transform: translateX(-20px); padding: 0 20px; overflow-x: auto;}
			#wrap .scroll_table .business_table {width: 984px;}
			#wrap .scroll_table table {width: 100%;}
		}
		@media only screen and (max-width:860px) {
			#wrap .business_table :where(th, td) {padding: 11px 16px 10px;}
			#wrap .business_table thead :is(th) {padding: 14px 14px 13px;}
		}
		@media only screen and (max-width:640px) {
			#wrap .scroll_table {width: calc(100% + 30px); transform: translateX(-15px); padding: 0 15px;}
		}
		@media only screen and (max-width:479px) {
			#wrap .business_table :where(th, td) {padding: 9px 14px 8px;}
			#wrap .business_table thead :is(th) {padding: 12px 12px 11px;}
		}
	
	
	/** rpa_system || 시스템 구성 **/
		.sub_rpa .rpa_system {}
		.sub_rpa .rpa_system .system_box {display: flex; gap: 10px 0;}
		.sub_rpa .rpa_system .system_list {width: 100%; box-sizing: border-box; padding: 25px; border-radius: 20px; transition: all 0.3s;}
		.sub_rpa .rpa_system .system_list dt {width: 100%; margin-bottom: 20px; background: var(--gray-bg05); box-sizing: border-box; padding: 16px 10px; border-radius: 30px; font-size: var(--title-20); font-weight: 600; color: var(--black-color09); letter-spacing: var(--letter-03); text-align: center; font-family: var(--font-type02); transition: all 0.3s;}
		.sub_rpa .rpa_system .system_list dd {position: relative; width: 100%; height: calc(100% - 80px); background: var(--point-white); box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 10px;}
		.sub_rpa .rpa_system .system_list dd strong {display: flex; justify-content: center; align-items: center; width: calc(100% + 2px); height: 51px; transform: translateX(-1px) translateY(-1px); background: var(--point-color02); box-sizing: border-box; padding: 0 10px; border-radius: 5px 5px 0 0; font-size: var(--title-16); font-weight: 500; color: var(--point-white); letter-spacing: var(--letter-03); text-align: center;}
		.sub_rpa .rpa_system .system_list dd .system_cont {display: flex; flex-direction: column; justify-content: center; height: calc(100% - 50px); box-sizing: border-box; padding: 30px 20px 40px;}
		.sub_rpa .rpa_system .system_list dd .txt_list + .icons_list {flex-direction: column;}
		.sub_rpa .rpa_system .system_list dd .txt_list + .icons_list:before {content: ""; display: block; width: 100%; height: 22px; margin: 28px 0 20px; background: url("../images/sub/rpa_system_arw_bg.svg") no-repeat center; background-size: auto 100%;}
		.sub_rpa .rpa_system .system_list dd .icons_list.only_icon {position: relative; gap: 0 29px;}
		.sub_rpa .rpa_system .system_list dd .icons_list + .circle_list {margin-top: 70px;}
		/* active */
			.sub_rpa .rpa_system .system_list.active {background: var(--blue-bg01); transition: all 0.3s;}
			.sub_rpa .rpa_system .system_list.active dt {background: var(--point-color01); font-weight: 500; color: var(--point-white); transition: all 0.3s;}
		/* execution */
			.sub_rpa .rpa_system .system_list .execution {display: flex; flex-wrap: wrap; gap: 26px 10px; background: none; border: 0; border-radius: initial;}
			.sub_rpa .rpa_system .system_list .execution > div {background: var(--point-white); box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 10px;}
			.sub_rpa .rpa_system .system_list .bot {width: calc(100% - 32.5% - 10px);} 
				.sub_rpa .rpa_system .system_list .bot .system_cont {padding-top: 90px;}
			.sub_rpa .rpa_system .system_list .attended {width: 32.5%;}
				.sub_rpa .rpa_system .system_list .attended .txt_list {position: relative; flex-direction: column; padding: 0; background: none;}
				.sub_rpa .rpa_system .system_list .attended .txt_list li:first-child {border: 0; padding: 0;}
				.sub_rpa .rpa_system .system_list .attended .txt_list li {padding: 6.5px 5px 5px; font-size: 14px;}
				.sub_rpa .rpa_system .system_list .attended .circle_list li .circle {width: 78px; height: 78px; background: #F3F8FA; padding-top: 4px;}
				.sub_rpa .rpa_system .system_list .attended .circle_list li .circle span {font-size: var(--title-16); color: var(--point-color01);}
				.sub_rpa .rpa_system .system_list .attended .circle_list li + li {margin-left: 0;}
			.sub_rpa .rpa_system .system_list .icons {width: 100%; height: 92px;}
				.sub_rpa .rpa_system .system_list .icons .system_cont {height: 100%; padding: 1px 20px 0;}
		/* 등록 */
			.sub_rpa .rpa_system .system_list:first-child dd:before,
			.sub_rpa .rpa_system .system_list:first-child dd:after {position: absolute; left: calc(100% + 4px); width: 40px; height: 20px; z-index: 1;}
			.sub_rpa .rpa_system .system_list:first-child dd:before {content:"등록"; top: 51%; font-size: 15px; color:var(--black-color06); letter-spacing: var(--letter-03); text-align: center;}
			.sub_rpa .rpa_system .system_list:first-child dd:after {content:""; top: 57%; background: url("../images/sub/rpa_system_arw.svg") no-repeat center; background-size: cover;}
		/* line */
			.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {content: ""; position: absolute; left: 50%; top: -28px; width: 126%; height: 1px; background: url("../images/sub/rpa_system_line.svg"); z-index: 1;}
			.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:before,
			.sub_rpa .rpa_system .system_list dd .circle_list li:not(.no_line):after,
			.sub_rpa .rpa_system .system_list .bot .circle_list li:before,
			.sub_rpa .rpa_system .system_list .attended .txt_list:before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 6px; background: url("../images/sub/rpa_system_arw_line.svg") no-repeat bottom center; background-size: 100% auto;}
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:before {top: -28px; height: 22px;}
				.sub_rpa .rpa_system .system_list dd .circle_list li:not(.no_line):after {top: 72px; height: 40%;}
				.sub_rpa .rpa_system .system_list .bot .circle_list li:before {top: -60px; height: 60px;}
				.sub_rpa .rpa_system .system_list .bot .circle_list li:not(.no_line):after {height: 95%;}
				.sub_rpa .rpa_system .system_list .attended .txt_list:before {top: 80px; height: 93%;}
				.sub_rpa .rpa_system .system_list .attended .txt_list li:after {display: none;}
				
			.sub_rpa .rpa_system .system_txt{box-sizing:border-box;border-radius:20px;background:var(--blue-bg01);display: flex;align-items: center;justify-content: center;text-align: center;padding:30px 15px;font-size:var(--title-20);margin-top:30px;}
			.sub_rpa .rpa_system .system_txt p{font-size:120%;color:var(--black-color00);font-weight:500;}

		@media only screen and (max-width:1308px) {
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 127.5%;}
		}
		@media only screen and (max-width:1280px) {
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 129.4%;}
		}
		@media only screen and (max-width:1260px) {
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 129.4%;}
		}
		@media only screen and (max-width:1217px) {
			.sub_rpa .rpa_system .system_list {padding: 15px;}
			.sub_rpa .rpa_system .system_list dd .system_cont {padding: 26px 10px 36px;}
			.sub_rpa .rpa_system .system_list dd .icons_list.only_icon img {width: 46px;}
			/* 등록 */
				.sub_rpa .rpa_system .system_list:first-child dd:before,
				.sub_rpa .rpa_system .system_list:first-child dd:after {left: calc(98% + 4px);}
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 113.8%;} 
		}
		@media only screen and (max-width:1160px) {
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 116%;}
		}
		@media only screen and (max-width:1100px) {
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 117.5%;}
		}
		@media only screen and (max-width:1066px) {
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after {width: 120%;}
		}
		@media only screen and (max-width:1024px) {
			.sub_rpa .rpa_system .system_box {flex-direction: column;}
			.sub_rpa .rpa_system .system_list {padding: 20px;}
			.sub_rpa .rpa_system .system_list dd .system_cont {padding: 30px 20px 36px;}
			.sub_rpa .rpa_system .system_list dd .icons_list + .circle_list {margin-top: 30px;}
			/* execution */
				.sub_rpa .rpa_system .system_list .bot .system_cont {padding-top: 30px;}
			/* 등록 */
				.sub_rpa .rpa_system .system_list:first-child dd:before,
				.sub_rpa .rpa_system .system_list:first-child dd:after {top: calc(100% + 14px); transform: translateX(-50%);}
				.sub_rpa .rpa_system .system_list:first-child dd:before {left: 48.5%;}
				.sub_rpa .rpa_system .system_list:first-child dd:after {left: calc(48.5% + 30px); transform: translateX(-50%) rotate(90deg);}
			/* line */
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:before,
				.sub_rpa .rpa_system .system_list dd .icons_list.only_icon:after,
				.sub_rpa .rpa_system .system_list .bot .circle_list li:before {display: none;}
				.sub_rpa .rpa_system .system_list .bot .circle_list li:not(.no_line):after {height: 118%;}
				.sub_rpa .rpa_system .system_list .attended .txt_list:before {height: 91%;}
		}
		@media only screen and (max-width:640px) {
			.sub_rpa .rpa_system .system_list {padding: 15px;}
			/* 등록 */
				.sub_rpa .rpa_system .system_list:first-child dd:before,
				.sub_rpa .rpa_system .system_list:first-child dd:after {top: calc(100% + 10px);}
				.sub_rpa .rpa_system .system_list:first-child dd:before {left: 47.5%;}
				.sub_rpa .rpa_system .system_list:first-child dd:after {left: calc(47.5% + 30px); width: 34px; height: 17px;}
				
			.sub_rpa .rpa_system .system_txt{border-radius:10px;padding:20px 10px;margin-top:20px;}
			.sub_rpa .rpa_system .system_txt p{font-size:100%;}
		}
		@media only screen and (max-width:479px) {
			.sub_rpa .rpa_system .system_list dd .system_cont {padding: 24px 15px 30px;}
			.sub_rpa .rpa_system .system_list dd .txt_list + .icons_list:before {height: 22px; margin: 24px 0 16px;}
			.sub_rpa .rpa_system .system_list dd .icons_list.only_icon img {width: 42px;} 
			/* execution */
				.sub_rpa .rpa_system .system_list .execution {gap: 20px 10px;}
				.sub_rpa .rpa_system .system_list .bot .system_cont {padding-top: 24px;}
				.sub_rpa .rpa_system .system_list .attended .circle_list li .circle {width: 74px; height: 74px;}
			/* line */
				.sub_rpa .rpa_system .system_list .bot .circle_list li:not(.no_line):after {height: 108%;}
				.sub_rpa .rpa_system .system_list .attended .txt_list:before {height: 86%;}
		}
		@media only screen and (max-width:395px) {
			/* line */
				.sub_rpa .rpa_system .system_list .bot .circle_list li:not(.no_line):after {height: 113%;}
		}
		

	/** rpa_license || 라이선스 **/
		.sub_rpa .rpa_license {}
		.sub_rpa .rpa_license .sub_title {padding-bottom: 60px;}
		.sub_rpa .rpa_license .license_cont {display: flex;}
		.sub_rpa .rpa_license .license_cont + .license_cont {margin-top: 110px;}
		.sub_rpa .rpa_license .license_cont .sub_title {width: 21.9%; text-align: left;}
		.sub_rpa .rpa_license .license_cont .sub_title h4.dot {position: relative; display: inline-block; box-sizing: border-box; padding-right: 16px; font-size: var(--title-30); color: var(--black-color03); letter-spacing: var(--letter-03);}
		.sub_rpa .rpa_license .license_cont .sub_title h4.dot:after {content: ""; position: absolute; right: 0; top: -10px; width: 10px; height: 10px; background: url("../images/sub/business_tab_dot.svg") no-repeat center; background-size: auto 100%;}
		.sub_rpa .rpa_license .license_cont .sub_title + div {width: calc(100% - 21.9%);}
			/* type_cont || 라이선스 유형 */
				.sub_rpa .rpa_license .type_cont {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
				.sub_rpa .rpa_license .type_cont dl {min-height: 120px; box-sizing: border-box; padding: 30px; border: 1px solid var(--border-color01); border-radius: 10px;}
				.sub_rpa .rpa_license .type_cont dt {font-size: var(--title-24); font-weight: 500; color: var(--black-color03);display: flex;align-items: center;gap:10px;}
				.sub_rpa .rpa_license .type_cont dt p{font-size:inherit;color:inherit;font-weight:inherit;}
				.sub_rpa .rpa_license .type_cont dt span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:100px;height:30px;text-align: center;border-radius:6px;font-size:var(--title-16);font-weight:400;color:var(--black-color00);}
				.sub_rpa .rpa_license .type_cont dt span.type01{background:var(--blue-bg01);}
				.sub_rpa .rpa_license .type_cont dt span.type02{background:var(--yellow-bg01);}
				.sub_rpa .rpa_license .type_cont dt span.type03{background:var(--purple-bg01);}
				.sub_rpa .rpa_license .type_cont .dot_list {margin-top: 16px;}
				.sub_rpa .rpa_license .type_cont .dot_list li {font-size: var(--title-18); line-height: 1.6; font-family: var(--font-type02);}
				.sub_rpa .rpa_license .type_cont .dot_list li + li {margin-top: 5px;}
				.sub_rpa .rpa_license .type_cont .dot_list li:before {top: 11px;}
			/* period_cont || 라이선스 기간 */
				#wrap .period_cont .business_table {}
				#wrap .period_cont .business_table tbody :is(th) {border-right: 0; border-bottom-color: var(--border-color02); font-weight: 400;}
				#wrap .period_cont .business_table td {padding: 18px 20px 17px; border-bottom-color: var(--border-color02);}
				#wrap .period_cont .business_table th + th,
				#wrap .period_cont .business_table td + td {border-left: 0;}

		@media only screen and (max-width:1024px) {
			.sub_rpa .rpa_license .sub_title {padding-bottom: 50px;}
			.sub_rpa .rpa_license .license_cont {flex-direction: column;}
			.sub_rpa .rpa_license .license_cont + .license_cont {margin-top: 70px;}
			.sub_rpa .rpa_license .license_cont .sub_title,
			.sub_rpa .rpa_license .license_cont .sub_title + div {width: 100%;}
			.sub_rpa .rpa_license .license_cont .sub_title {padding-bottom: 20px;}
			/* period_cont || 라이선스 기간 */
				#wrap .period_cont .business_table td {padding: 16px 16px 15px;}
		}
		@media only screen and (max-width:860px) {
			.sub_rpa .rpa_license .sub_title {padding-bottom: 40px;}
			.sub_rpa .rpa_license .license_cont + .license_cont {margin-top: 60px;}
			.sub_rpa .rpa_license .license_cont .sub_title h4.dot:after {top: -6px; width: 9px; height: 9px;} 
			/* type_cont || 라이선스 유형 */
				.sub_rpa .rpa_license .type_cont {gap: 15px;}
				.sub_rpa .rpa_license .type_cont dl {padding: 26px;}
				.sub_rpa .rpa_license .type_cont .dot_list {margin-top: 12px;}
				.sub_rpa .rpa_license .type_cont dt span{width:80px;}
			/* period_cont || 라이선스 기간 */
				#wrap .period_cont .business_table td {padding: 14px 14px 13px;}
				
		}
		@media only screen and (max-width:640px) {
			.sub_rpa .rpa_license .sub_title {padding-bottom: 30px;}
			.sub_rpa .rpa_license .license_cont + .license_cont {margin-top: 50px;}
			.sub_rpa .rpa_license .license_cont .sub_title {padding-bottom: 16px;}
			.sub_rpa .rpa_license .license_cont .sub_title h4.dot {padding-right: 13px;}
			.sub_rpa .rpa_license .license_cont .sub_title h4.dot:after {top: -3px; width: 7px; height: 7px;}
			/* type_cont || 라이선스 유형 */
				.sub_rpa .rpa_license .type_cont {grid-template-columns: repeat(1, 1fr);}
				.sub_rpa .rpa_license .type_cont dl {padding: 22px;}
				.sub_rpa .rpa_license .type_cont .dot_list {margin-top: 10px;}
				.sub_rpa .rpa_license .type_cont .dot_list li + li {margin-top: 3px;}
				.sub_rpa .rpa_license .type_cont .dot_list li:before {top: 9px;}
			/* period_cont || 라이선스 기간 */
				#wrap .period_cont .business_table td {padding: 12px 12px 11px;}
		}
		@media only screen and (max-width:479px) {
			.sub_rpa .rpa_license .license_cont + .license_cont {margin-top: 40px;}
			/* period_cont || 라이선스 기간 */
				#wrap .period_cont .business_table th,
				#wrap .period_cont .business_table td {padding: 12px 5px 11px; font-size: var(--title-17);}
				
			.sub_rpa .rpa_license .type_cont dt span{width:60px;height:24px;}	
		}
		@media only screen and (max-width:320px) {
			/* period_cont || 라이선스 기간 */
				#wrap .period_cont .business_table th,
				#wrap .period_cont .business_table td {font-size: var(--title-16);}
		}


	/** rpa_work || AI 기반의 쉽고 정확한 업무자동화 **/
		.sub_rpa .rpa_work {}
		.sub_rpa .rpa_work .sub_title {padding-bottom: 65px;}
		.sub_rpa .rpa_work .work_process {display: flex; justify-content: center; gap: 60px;}
		.sub_rpa .rpa_work .work_process .circle {position: relative; display: flex; justify-content: center; align-items: center; width: 340px; height: 340px; box-sizing: border-box; padding: 40px; border-radius: 100%;}
		.sub_rpa .rpa_work .work_process .circle:after {content: ""; position: absolute; left: 103%; top: 50%; transform: translateY(-50%); border-left: 25px solid transparent; border-top: 19px solid transparent; border-bottom: 19px solid transparent;}
		.sub_rpa .rpa_work .work_process .circle dl {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: var(--point-white);}
		.sub_rpa .rpa_work .work_process .circle :where(dt, dd) {font-family: var(--font-type02); text-align: center;}
		.sub_rpa .rpa_work .work_process .circle dt {padding: 4px 20px 20px; font-size: var(--title-18); font-weight: 400; color: var(--black-color06);}
		.sub_rpa .rpa_work .work_process .circle dd {font-size: var(--title-24); font-weight: 700; color: var(--black-color00); line-height: 1.25;}
			.sub_rpa .rpa_work .work_process .circle:nth-child(1) {background: linear-gradient(90deg, var(--gray-bg06) 50%, var(--point-color01) 50%);}
			.sub_rpa .rpa_work .work_process .circle:nth-child(1):after {border-left-color: var(--point-color01);}
			.sub_rpa .rpa_work .work_process .circle:nth-child(2) {background: linear-gradient(90deg, var(--gray-bg06) 50%, var(--point-color05) 50%);}
			.sub_rpa .rpa_work .work_process .circle:nth-child(2):after {border-left-color: var(--point-color05);}
			.sub_rpa .rpa_work .work_process .circle:nth-child(3) {background: linear-gradient(90deg, var(--gray-bg06) 50%, var(--point-color04) 50%);}
			.sub_rpa .rpa_work .work_process .circle:nth-child(3):after {display: none;}
			
		.sub_rpa .rpa_work .work_info {display: flex; justify-content: center; align-items: center; gap: 38px; width: calc(100% - 80px); height: 320px; background: var(--gray-bg01); margin: 80px auto 0; border-radius: 320px;}
		.sub_rpa .rpa_work .work_info li {text-align: center;}
		.sub_rpa .rpa_work .work_info li .txt {font-size: var(--title-24); text-align: center;}
		.sub_rpa .rpa_work .work_info li .txt * {letter-spacing: var(--letter-02); font-family: var(--font-type02);}
		.sub_rpa .rpa_work .work_info li .txt dt {padding: 18px 0 2px; font-size: 108%; font-weight: 600; color: var(--black-color00);}
		.sub_rpa .rpa_work .work_info li .txt dd {font-size: var(--title-18); color: var(--black-color06);}
			/* plus */
				.sub_rpa .rpa_work .work_info li.plus {padding-bottom: 68px; font-size: var(--title-80); font-weight: 500; color: var(--black-color06);}
		
		@media only screen and (max-width:1280px) {
			.sub_rpa .rpa_work .work_process {gap: 50px;}
			.sub_rpa .rpa_work .work_process .circle {width: 320px; height: 320px; padding: 36px;}
			.sub_rpa .rpa_work .work_process .circle:after {border-left-width: 22px; border-top-width: 16px; border-bottom-width: 16px;}
			.sub_rpa .rpa_work .work_process .circle dt {padding: 4px 20px 16px;}

			.sub_rpa .rpa_work .work_info {gap: 32px; width: calc(100% - 40px); height: 310px; margin: 70px auto 0; border-radius: 310px;}
		}
		@media only screen and (max-width:1140px) {
			.sub_rpa .rpa_work .work_process {gap: 45px;}
			.sub_rpa .rpa_work .work_process .circle {width: 300px; height: 300px; padding: 32px;}
			.sub_rpa .rpa_work .work_process .circle:after {border-left-width: 20px; border-top-width: 14px; border-bottom-width: 14px;}
			.sub_rpa .rpa_work .work_process .circle dt {padding: 4px 20px 16px;}

			.sub_rpa .rpa_work .work_info {gap: 26px; width: 100%; height: 300px; margin: 65px auto 0; border-radius: 300px;}
			.sub_rpa .rpa_work .work_info li .icon img {width: 90px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_rpa .rpa_work .sub_title {padding-bottom: 55px;}
			.sub_rpa .rpa_work .work_process {gap: 40px;}
			.sub_rpa .rpa_work .work_process .circle {width: 275px; height: 275px; padding: 28px;}
			.sub_rpa .rpa_work .work_process .circle:after {border-left-width: 18px; border-top-width: 12px; border-bottom-width: 12px;}
			.sub_rpa .rpa_work .work_process .circle dt {padding: 4px 20px 12px;}

			.sub_rpa .rpa_work .work_info {gap: 20px; height: 275px; margin: 60px auto 0; border-radius: 275px;}
			.sub_rpa .rpa_work .work_info li .icon img {width: 80px;}
			.sub_rpa .rpa_work .work_info li .txt dt {padding: 14px 0 2px;}
		}
		@media only screen and (max-width:980px) {
			.sub_rpa .rpa_work .work_process {gap: 35px;}
			.sub_rpa .rpa_work .work_process .circle {width: 250px; height: 250px; padding: 24px;}
			.sub_rpa .rpa_work .work_process .circle:after {border-left-width: 16px; border-top-width: 10px; border-bottom-width: 10px;}

			.sub_rpa .rpa_work .work_info {gap: 14px; width: 100%; height: 250px; margin: 55px auto 0; border-radius: 250px;}
			.sub_rpa .rpa_work .work_info li .icon img {width: 70px;}
			.sub_rpa .rpa_work .work_info li .txt dt {padding: 12px 0 2px;}
		}
		@media only screen and (max-width:860px) {
			.sub_rpa .rpa_work .sub_title {padding-bottom: 45px;}
			.sub_rpa .rpa_work .work_process {gap: 55px; flex-direction: column; align-items: center;}
			.sub_rpa .rpa_work .work_process .circle {width: 260px; height: 260px; padding: 26px;}
			.sub_rpa .rpa_work .work_process .circle:after {left: 50%; top: 103%; transform: translateX(-50%) rotate(90deg); border-left-width: 18px; border-top-width: 12px; border-bottom-width: 12px;}

			.sub_rpa .rpa_work .work_info {flex-direction: column; height: auto; box-sizing: border-box; padding: 45px 10px; border-radius: 40px;}
			.sub_rpa .rpa_work .work_info li {display: flex; align-items: center;}
			.sub_rpa .rpa_work .work_info li .icon img {width: 64px;}
			.sub_rpa .rpa_work .work_info li .txt {padding-left: 30px; text-align: left;}
			.sub_rpa .rpa_work .work_info li .txt dt {padding-top: 0;}
			/* plus */
				.sub_rpa .rpa_work .work_info li.plus {padding-bottom: 0; font-size: var(--title-60); line-height: 1;}
		}
		@media only screen and (max-width:640px) {
			.sub_rpa .rpa_work .sub_title {padding-bottom: 35px;}
			.sub_rpa .rpa_work .work_process {gap: 45px;}
			.sub_rpa .rpa_work .work_process .circle {width: 235px; height: 235px; padding: 24px;}
			.sub_rpa .rpa_work .work_process .circle:after {border-left-width: 16px; border-top-width: 10px; border-bottom-width: 10px;}

			.sub_rpa .rpa_work .work_info {gap: 12px; margin: 45px auto 0; padding: 40px 10px; border-radius: 30px;}
			.sub_rpa .rpa_work .work_info li .icon img {width: 58px;}
			.sub_rpa .rpa_work .work_info li .txt {padding-left: 26px;}
			/* plus */
				.sub_rpa .rpa_work .work_info li.plus {padding-bottom: 0; font-size: var(--title-60); line-height: 1;}
		}
		@media only screen and (max-width:479px) {
			.sub_rpa .rpa_work .work_process {gap: 40px;}
			.sub_rpa .rpa_work .work_process .circle {width: 220px; height: 220px; padding: 22px;}
			.sub_rpa .rpa_work .work_process .circle:after {border-left-width: 14px; border-top-width: 8px; border-bottom-width: 8px;}

			.sub_rpa .rpa_work .work_info {gap: 10px; margin: 40px auto 0; padding: 35px 10px; border-radius: 25px;}
			.sub_rpa .rpa_work .work_info li .icon img {width: 52px;}
			.sub_rpa .rpa_work .work_info li .txt {padding-left: 22px;}
			/* plus */
				.sub_rpa .rpa_work .work_info li.plus {padding-bottom: 0; font-size: var(--title-60); line-height: 1;}
		}


	/** rpa_merit || RPA 장점 **/
		.sub_rpa .rpa_merit {width: 100%; background: rgba(135,179,201,0.1); padding: 120px 0 140px;}
		.sub_rpa .rpa_merit .merit_cont {counter-reset: listnum;}
		.sub_rpa .rpa_merit .merit_cont * {font-family: var(--font-type02); letter-spacing: var(--letter-03);}
		.sub_rpa .rpa_merit .merit_cont > li {display: flex; justify-content: space-between; align-items: center;}
		.sub_rpa .rpa_merit .merit_cont > li + li {margin-top: 120px;}
		.sub_rpa .rpa_merit .merit_cont > li .txt * {line-height: 1.6;}
		.sub_rpa .rpa_merit .merit_cont > li .txt {padding-right: 60px;}
		.sub_rpa .rpa_merit .merit_cont > li .txt dt {font-size: var(--title-30); font-weight: 600; color: var(--black-color01);}
		.sub_rpa .rpa_merit .merit_cont > li .txt dt:before {counter-increment: listnum; content: "0" counter(listnum); display: block; margin-bottom: 25px; font-size: var(--title-20); color: var(--point-color04);}
		.sub_rpa .rpa_merit .merit_cont > li .txt dd {padding-top: 16px; font-size: var(--title-18); color: var(--black-color06);}
		.sub_rpa .rpa_merit .merit_cont > li .txt dd br.t_ver {display: none;}
		.sub_rpa .rpa_merit .merit_cont > li .detail {position: relative; display: flex; gap: 30px;}
		.sub_rpa .rpa_merit .merit_cont > li .detail dl {position: relative; background: var(--gray-bg04); box-sizing: border-box; border: 1px solid var(--border-color01); border-top: 0; border-radius: 20px;}
		.sub_rpa .rpa_merit .merit_cont > li:last-child .detail dl {background: var(--point-white);}
		.sub_rpa .rpa_merit .merit_cont > li .detail dt {width: calc(100% + 2px); transform: translateX(-1px); background: var(--point-color04); box-sizing: border-box; padding: 18px 10px; border-radius: 20px 20px 0 0; font-size: var(--title-24); font-weight: 400; /* font-weight: 500; */ color: var(--point-white); text-align: center;}
		.sub_rpa .rpa_merit .merit_cont > li .detail dd {border-radius: 0 0 20px 20px; overflow: hidden;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .thumb {border-radius: initial;} 
		.sub_rpa .rpa_merit .merit_cont > li .detail .thumb:after {display: none;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .desc {box-sizing: border-box; padding: 28px 30px;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .desc * {letter-spacing: var(--letter-05);}
		.sub_rpa .rpa_merit .merit_cont > li .detail .desc strong {font-size: var(--title-20); color: var(--black-color03); font-weight: 700; letter-spacing: var(--letter-04);}
		.sub_rpa .rpa_merit .merit_cont > li .detail .desc .dot_list {margin-top: 13px;}
		.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl:first-child .thumb img + img {display: none;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {position:absolute; left: 25.5%; top: 49%; transform: translateY(-45%);}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {position: relative; width: 94px; height: 94px; border-radius: 100%; background: rgba(0,118,190,0.2); box-sizing: border-box; padding: 7px;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:before,
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:after {content: ""; position: absolute; width: 64px; height: 6px; background: url("../images/sub/rpa_merit_arw.svg") no-repeat right center; background-size: auto 100%;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:before {right: 45%; top: 84%; transform: rotate(125deg)}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:after {left: 70%; top: 50%; transform: translateY(-50%);}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li + li {margin-top: 4px;}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li + li:before {right: 46%; top: 105%; transform: rotate(122deg);}
		.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--point-color01); border-radius: 100%; font-size: 15px; font-weight: 500; color:var(--point-white); letter-spacing: var(--letter-05);}
			/* odd */
				.sub_rpa .rpa_merit .merit_cont > li:nth-child(odd) {flex-direction: row-reverse; justify-content: flex-end;}
				.sub_rpa .rpa_merit .merit_cont > li:nth-child(odd) .txt {box-sizing: border-box; padding-right: 0 !important; padding-left: 60px;}
				
		.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail{width:800px;box-sizing:border-box;border-radius:20px;border:1px solid var(--border-color01);background:var(--point-white);text-align: center;padding:44px 30px;flex-direction: column;gap:50px;}
		.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail .sub_chain_box{}
		.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail .sub_chain_box + .sub_chain_box{}
		.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail .sub_chain_box strong{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:300px;height:60px;border-radius:60px;margin:0 auto;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:600;margin-bottom:20px;}
		.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail .sub_chain_box .img{}
		
		@media only screen and (max-width:1340px) {
			.sub_rpa .rpa_merit .merit_cont > li .txt {max-width: 24%; padding-right: 4.46vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail {max-width: 70%;}
			.sub_rpa .rpa_merit .merit_cont > li > .thumb {max-width: 64%;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dd br {display: none;}
			/* odd */
				.sub_rpa .rpa_merit .merit_cont > li:nth-child(odd) .txt {max-width: 34%; padding-left: 4.46vw;}
		}
		@media only screen and (max-width:1280px) {
			.sub_rpa .rpa_merit .merit_cont > li .txt dt:before {margin-bottom: 22px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dd {padding-top: 12px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail {gap: 20px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .desc {padding: 24px 26px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .desc .dot_list {margin-top: 11px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {width: 90px; height: 90px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {box-sizing: border-box; padding-top: 2px;}
		}
		@media only screen and (max-width:1240px) {
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {width: 7.26vw; height: 7.26vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li + li {margin-top: 0.5vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:after {width: 5vw;}
		}
		@media only screen and (max-width:1140px) {
			.sub_rpa .rpa_merit .merit_cont > li .txt {padding-right: 3.46vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail dt {padding: 15px 10px 14px; font-size: var(--title-22);}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {top: 48.5%; left: 26.5%;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:after {width: 4.5vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {font-size: 14px;}
			/* odd */
				.sub_rpa .rpa_merit .merit_cont > li:nth-child(odd) .txt {padding-left: 3.46vw;}
		}
		@media only screen and (max-width:1050px) {
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(1) .txt dt br {display: none;}
		}
		@media only screen and (max-width:1024px) {
			.sub_rpa .rpa_merit {padding: 90px 0 110px;}
			.sub_rpa .rpa_merit .merit_cont > li + li {margin-top: 90px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dt:before {margin-bottom: 18px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dd {padding-top: 10px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail {gap: 15px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail dt {font-size: var(--title-20);}
			.sub_rpa .rpa_merit .merit_cont > li .detail .desc {padding: 22px 24px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {top: 49%; left: 27%;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {padding: 5px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:after {width: 4vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {font-size: 13px;}
		}
		@media only screen and (max-width:920px) {
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:before {width: 56px;}
		}
		@media only screen and (max-width:860px) {
			.sub_rpa .rpa_merit {padding: 80px 0 100px;}
			.sub_rpa .rpa_merit .merit_cont > li {flex-direction: column; align-items: flex-start;}
			.sub_rpa .rpa_merit .merit_cont > li + li {margin-top: 70px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt,
			.sub_rpa .rpa_merit .merit_cont > li .detail,
			.sub_rpa .rpa_merit .merit_cont > li > .thumb {width: 100%; max-width: 100% !important;}
			.sub_rpa .rpa_merit .merit_cont > li .txt {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 30px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dt:before {margin-bottom: 12px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dt br,
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(1) .txt dt br,
			.sub_rpa .rpa_merit .merit_cont > li .txt dd br.t_ver {display: block;}
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(2) .detail dl {width: 100%;}
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl {width: 34.5%}
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl + dl {width: 65.5%;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {left: 25.5%; top: 47%;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {width: 10.9vw; height: 10.9vw; padding: 7px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li + li {margin-top: 1vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:before {width: 7vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li:after {width: 7vw;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {font-size: 15px;}
				/* odd */
					.sub_rpa .rpa_merit .merit_cont > li:nth-child(odd) {flex-direction: column; justify-content: flex-start;}
		}
		@media only screen and (max-width:760px) {
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {top: 48%;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {padding: 6px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {font-size: 14px;}
		}
		@media only screen and (max-width:640px) {
			.sub_rpa .rpa_merit {padding: 60px 0 80px;}
			.sub_rpa .rpa_merit .merit_cont > li + li {margin-top: 50px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt {padding-bottom: 24px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dd {padding-top: 8px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail dl {border-radius: 15px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail dt {border-radius: 15px 15px 0 0;}
			.sub_rpa .rpa_merit .merit_cont > li .detail dd {border-radius: 0 0 15px 15px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .desc {padding: 20px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {top: 49%;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li {padding: 5px;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle li span {font-size: 13px;}
			
			.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail{width:100%;border-radius:10px;padding:30px 20px;gap:30px;}
			.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail .sub_chain_box strong{width:200px;height:50px;}
		}
		@media only screen and (max-width:540px) {
			.sub_rpa .rpa_merit .merit_cont > li .detail {flex-direction: column;}
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl,
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl + dl {width: 100%;}
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl:first-child .thumb img {display: none;}
			.sub_rpa .rpa_merit .merit_cont > li:nth-child(3) .detail dl:first-child .thumb img + img {display: block;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .detail_circle {display: none;}
		}
		@media only screen and (max-width:479px) {
			.sub_rpa .rpa_merit .merit_cont > li .txt {padding-bottom: 20px;}
			.sub_rpa .rpa_merit .merit_cont > li .txt dd br.t_ver {display: none;}
			.sub_rpa .rpa_merit .merit_cont > li .detail .desc {padding: 20px 18px;}
			
			.sub_rpa .rpa_merit .merit_cont > li.ai_chain_box .detail .sub_chain_box strong{width:150px;height:40px;margin-bottom:10px;}
		}

		
	/** rpa_example || RPA 자동화 사례 **/
		#wrap .rpa_example .business_cont_wrap {background: var(--point-white); padding: 0 !important;}
		#wrap .rpa_example .business_cont_wrap .business_cont.on {display: block;}

		.sub_rpa .rpa_example {padding-bottom: 0 !important;}
		.sub_rpa .rpa_example .example_list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px;}
		.sub_rpa .rpa_example .example_list li {position: relative; width: 100%; overflow: hidden; border-radius: 5px;}
		.sub_rpa .rpa_example .example_list li:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color01); border-radius: 5px;}
		.sub_rpa .rpa_example .example_list li img {width: 100%; height: 100%; object-fit: cover;}

		@media only screen and (max-width:1280px) {
			.sub_rpa .rpa_example .example_list {gap: 24px;}
		}
		@media only screen and (max-width:1180px) {
			.sub_rpa .rpa_example .example_list {gap: 18px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_rpa .rpa_example .example_list {grid-template-columns: repeat(4, 1fr); gap: 20px;}
		}
		@media only screen and (max-width:860px) {
			.sub_rpa .rpa_example .example_list {gap: 16px;}
		}
		@media only screen and (max-width:767px) {
			.sub_rpa .rpa_example .example_list {grid-template-columns: repeat(3, 1fr); gap: 18px;}
		}
		@media only screen and (max-width:640px) {
			.sub_rpa .rpa_example .example_list {gap: 14px;}
		}
		@media only screen and (max-width:479px) {
			.sub_rpa .rpa_example .example_list {grid-template-columns: repeat(2, 1fr); gap: 16px;}
		}