@charset "utf-8";


/* 콘텐츠 title STYLE
------------------------------------------*/
.main-familysite {
	display:none;
}

/* 간격 변수 */
:root {
	--spacer-1: 0.4rem;
	--spacer-2: 0.8rem;
	--spacer-3: 1.2rem;
	--spacer-4: 1.6rem;
	--spacer-5: 2rem;
	--spacer-6: 2.4rem;
	--spacer-7: 2.8rem;
	--spacer-8: 3.2rem;
	--spacer-9: 3.6rem;
	--spacer-10: 4rem;
	--spacer-11: 4.4rem;
	--spacer-12: 4.8rem;
	--spacer-13: 5.2rem;
	--spacer-14: 5.6rem;
	--spacer-15: 6rem;
	--spacer-16: 6.4rem;
	--spacer-17: 6.8rem;
	--spacer-18: 7.2rem;
	--spacer-19: 7.6rem;
	--spacer-20: 8rem;
  }
  
  /* 간격 클래스 */
  .mt4 {
	margin-top: var(--spacer-1);
  }
  
  .mt8 {
	margin-top: var(--spacer-2);
  }
  
  .mt12 {
	margin-top: var(--spacer-3);
  }
  
  .mt16 {
	margin-top: var(--spacer-4);
  }
  
  .mt20 {
	margin-top: var(--spacer-5);
  }
  
  .mt24 {
	margin-top: var(--spacer-6);
  }
  
  .mt28 {
	margin-top: var(--spacer-7);
  }
  
  .mt32 {
	margin-top: var(--spacer-8);
  }
  
  .mt36 {
	margin-top: var(--spacer-9);
  }
  
  .mt40 {
	margin-top: var(--spacer-10);
  }
  
  .mt44 {
	margin-top: var(--spacer-11);
  }
  
  .mt48 {
	margin-top: var(--spacer-12);
  }

  .mt80 {
	margin-top: 8rem;
  }
  
  /* button */
  .krds-btn.main {
	background: #FD5E10;
	border-color: #FD5E10;
	color: #fff;
  }
  .krds-btn.main:hover, .krds-btn.main:focus {
	background-color: #e45209;
	border-color: #e45209;
  }
  .krds-btn.sub {
	background: #243060;
	border-color: #243060;
	color: #fff;
  }
  .krds-btn.sub:hover, .krds-btn.sub:focus {
	background-color: #131b3a;
	border-color: #131b3a;
  }
  
  /* Content Style */
  .sample-view {
	display: flex;
	flex-direction: column;
	gap: 4.8rem;
  }
  
  .h2-title, [class^=depth1_title] {
	margin-bottom: 3.2rem;
	padding-left: 0;
	background: none;
	color: #131416;
	font-size: 3.2rem;
	line-height: 1.5;
  }
  .h2-title:not(:last-child), [class^=depth1_title]:not(:last-child) {
	margin-top: 8rem;
  }
  
  .h3-title, [class^=depth2_title] {
	margin-bottom: 2rem;
	padding-left: 0;
	background: none;
	color: #131416;
	font-size: 2.4rem;
	line-height: 1.5;
  }
  .h3-title:not(:last-child), [class^=depth2_title]:not(:last-child) {
	margin-top: 4.8rem;
  }
  
  .h4-title, [class^=depth3_title], [class*=depth3_bbsTitle] {
	margin-bottom: 2rem;
	padding-left: 0;
	background: none;
	color: #131416;
	font-size: 1.9rem;
	line-height: 1.5;
  }
  .h4-title:not(:last-child), [class^=depth3_title]:not(:last-child), [class*=depth3_bbsTitle]:not(:last-child) {
	margin-top: 1.2rem;
  }
  
  [class^=depth4_title] {
	margin-bottom: 2rem;
	padding-left: 0;
	background: none;
	color: #131416;
	font-size: 1.7rem;
	line-height: 1.5;
  }
  [class^=depth4_title]:not(:last-child) {
	margin-top: 1.2rem;
  }
  
  .color1 { /* navy blue */
	color: #243060 !important;
  }
  
  .color2 { /* orange blue */
	color: #FF671D !important;
  }
  
  .desc-box {
	display: flex;
	flex-wrap: wrap;
	gap: 2.8rem 4.8rem;
	padding: 4.8rem 5.6rem;
	border-radius: 1.2rem;
	background: linear-gradient(122deg, #F8E3D0 9.19%, #D0D8EA 96.33%), linear-gradient(90deg, #E1E6F2 0%, #ECEFF8 100%);
  }
  .desc-box .icon {
	display: inline-block;
	vertical-align: middle;
  }
  .desc-box .icon img {
	display: block;
	width: 100%;
  }
  .desc-box .desc-content {
	flex: 1 1 25rem;
  }
  .desc-box .desc-content strong {
	display: block;
	margin-bottom: 0.8rem;
	color: #131416;
	font-size: 2.4rem;
	font-weight: 700;
  }
  .desc-box .desc-content p {
	color: #1E2124;
  }
  
  .gray-box1 {
	padding: 3.2rem;
	border-radius: 1.2rem;
	background: #F4F5F6;
  }
  
  .gray-box2 {
	padding: 4rem;
	border-radius: 1.2rem;
	background: #EEF2F7;
  }
  
  .border-box1 {
	padding: 3.2rem;
	border-radius: 1.2rem;
	border: 1px solid #B1B8BE;
  }
  
  .process-bul > li {
	display: flex;
	gap: 1.7rem;
	position: relative;
	padding-left: 4.8rem;
	color: #1E2124;
	font-size: 1.7rem;
	line-height: 1.5;
  }
  .process-bul > li b {
	position: relative;
	color: #052B57;
	font-size: 1.7rem;
	font-weight: 700;
	white-space: nowrap;
  }
  .process-bul > li b::after {
	content: "";
	display: block;
	position: absolute;
	right: -0.8rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1.6rem;
	background: #CDD1D5;
  }
  .process-bul > li p {
	word-break: break-all;
  }
  .process-bul > li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 0.4rem;
	background: #063A74;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
  }
  .process-bul > li:not(:last-child) {
	padding-bottom: 3.2rem;
  }
  .process-bul > li:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	left: 1.2rem;
	top: 0;
	width: 1px;
	height: 100%;
	background: #D6E0EB;
	z-index: -1;
  }
  .process-bul > li:nth-child(1)::before {
	content: "1";
  }
  .process-bul > li:nth-child(2)::before {
	content: "2";
  }
  .process-bul > li:nth-child(3)::before {
	content: "3";
  }
  .process-bul > li:nth-child(4)::before {
	content: "4";
  }
  .process-bul > li:nth-child(5)::before {
	content: "5";
  }
  .process-bul > li:nth-child(6)::before {
	content: "6";
  }
  .process-bul > li:nth-child(7)::before {
	content: "7";
  }
  .process-bul > li:nth-child(8)::before {
	content: "8";
  }
  .process-bul > li:nth-child(9)::before {
	content: "9";
  }
  .process-bul > li:nth-child(10)::before {
	content: "10";
  }
  .process-bul > li:nth-child(11)::before {
	content: "11";
  }
  .process-bul > li:nth-child(12)::before {
	content: "12";
  }
  .process-bul > li:nth-child(13)::before {
	content: "13";
  }
  .process-bul > li:nth-child(14)::before {
	content: "14";
  }
  .process-bul > li:nth-child(15)::before {
	content: "15";
  }
  .process-bul > li:nth-child(16)::before {
	content: "16";
  }
  .process-bul > li:nth-child(17)::before {
	content: "17";
  }
  .process-bul > li:nth-child(18)::before {
	content: "18";
  }
  .process-bul > li:nth-child(19)::before {
	content: "19";
  }
  .process-bul > li:nth-child(20)::before {
	content: "20";
  }
  
  .bul1 > li {
	position: relative;
	padding-left: 1.9rem;
	color: #1E2124;
	font-size: 1.7rem;
	line-height: 1.5;
  }
  .bul1 > li > ul {
	margin-top: 0.8rem;
  }
  .bul1 > li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
  }
  .bul1 > li + li {
	margin-top: 1.6rem;
  }
  .bul1 > li:nth-child(1)::before {
	content: "1";
  }
  .bul1 > li:nth-child(2)::before {
	content: "2";
  }
  .bul1 > li:nth-child(3)::before {
	content: "3";
  }
  .bul1 > li:nth-child(4)::before {
	content: "4";
  }
  .bul1 > li:nth-child(5)::before {
	content: "5";
  }
  .bul1 > li:nth-child(6)::before {
	content: "6";
  }
  .bul1 > li:nth-child(7)::before {
	content: "7";
  }
  .bul1 > li:nth-child(8)::before {
	content: "8";
  }
  .bul1 > li:nth-child(9)::before {
	content: "9";
  }
  .bul1 > li:nth-child(10)::before {
	content: "10";
  }
  .bul1 > li:nth-child(11)::before {
	content: "11";
  }
  .bul1 > li:nth-child(12)::before {
	content: "12";
  }
  .bul1 > li:nth-child(13)::before {
	content: "13";
  }
  .bul1 > li:nth-child(14)::before {
	content: "14";
  }
  .bul1 > li:nth-child(15)::before {
	content: "15";
  }
  .bul1 > li:nth-child(16)::before {
	content: "16";
  }
  .bul1 > li:nth-child(17)::before {
	content: "17";
  }
  .bul1 > li:nth-child(18)::before {
	content: "18";
  }
  .bul1 > li:nth-child(19)::before {
	content: "19";
  }
  .bul1 > li:nth-child(20)::before {
	content: "20";
  }
  
  .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.6rem;
	margin-top: 4.8rem;
  }
  .btn-wrap.between {
	display: flex;
	justify-content: space-between;
  }
  .btn-wrap.between > div {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.6rem;
  }
  
  .tab_menu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	position: relative;
	width: 100%;
	gap: 0;
	margin-bottom: 4.8rem;
  }
  
  .tab_menu > li {
	flex: 1 1 0px;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
	white-space: nowrap;
  }
  
  .tab_menu > li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
	white-space: nowrap;
	width: 100%;
	height: 5.6rem;
	border: 1px solid #b1b8be;
	padding: 0 0.8rem;
	text-align: center;
	font-size: 1.9rem;
	font-weight: 700;
  }
  
  .tab_menu > li:first-child a {
	border-top-left-radius: 0.6rem;
	border-bottom-left-radius: 0.6rem;
  }
  
  .tab_menu > li:last-child a {
	border-top-right-radius: 0.6em;
	border-bottom-right-radius: 0.6rem;
  }
  
  .tab_menu > li + li a {
	border-left: none;
  }
  
  .tab_menu > li.on a {
	color: #fff;
	background-color: #063a74;
	border-color: #063a74;
  }
  
  .h4-title:not(:last-child), [class^=depth3_title]:not(:last-child), [class*=depth3_bbsTitle]:not(:last-child),
  .depth2_txt, .depth2_multiple, .depth3_txt {
	margin-left: 0;
  }
  
  .depth2_title, .depth2_title02, .depth2_bbsTitle, .depth2_bbsTitle02 {
	padding-left: 0 !important;
	background: none !important;
  }
  
  /*
  ***************************************************
  contents
  ***************************************************
  */

/* 인사말 */
.greeting-wrap .greeting {
  position: relative;
  padding: 7.9rem 37.5rem 7.9rem 6.8rem;
  background: #FFF9F2;
  border-radius: 1.2rem;
}
.greeting-wrap .greeting h3 {
  position: relative;
  z-index: 1;
  color: #3E372E;
  font-size: 3.2rem;
}
.greeting-wrap .greeting h3 .point {
  display: block;
  color: #FF6A21;
}
.greeting-wrap .greeting .img {
  display: block;
  position: absolute;
  right: 5.9rem;
  bottom: 0;
  background: url("../../images/eps/content/greeting_back.png") no-repeat 100% 100% / auto;
}
.greeting-wrap .txt_area {
  margin-top: 4rem;
}
.greeting-wrap .txt_area p { 
  color: #131416;
  font-size: 1.9rem;
}
.greeting-wrap .txt_area p + p {
  margin-top: 2.4rem;
}
.greeting-wrap .txt_area b {
	display:block;
	margin:4rem 0 0.8rem;
	font-size: 1.9rem;
	text-align: right;
}
.greeting-wrap .txt_area .sign {
  display: block;
  color: #131416;
  font-size: 3.2rem;
  text-align: right;
}
.greeting-wrap .txt_area .sign img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.9rem;
}

/* mission / vision */

.vision-wrap .mission {
position: relative;
padding: 1.6rem 4.4rem;
margin-top: 7rem;
background: linear-gradient(122deg, #F8E3D0 9.19%, #D0D8EA 96.33%);
border-radius: 50rem;
text-align: center;
}
.vision-wrap .mission .top {
margin-bottom: 0.4rem;
font-size: 1.6rem;
color:#FD5E10;
text-align: center;
}
.vision-wrap .mission .top strong::after {
content: "/";
display: inline-block;
margin-left: 0.8rem;
color: rgba(255, 255, 255, 0.4);
font-weight: 400;
}
.vision-wrap .mission .title {
color: #243060;
font-size: 1.8rem;
}
.vision-wrap .vision {
	position: relative;
	margin-top:10rem;
	padding:3.2rem;
	border:1px solid #CDD1D5;
	border-radius: 1.2rem;
}
.vision-wrap .vision::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -10rem;
	transform: translateX(-50%);
	width: 100%;
	height: 10rem;
	background: url("../../images/eps/content/icon_arrow-top-large.png") no-repeat center center/auto;
}
.vision-wrap .vision strong {
	display:block;
	margin-bottom: 0.8rem;
	color:#FD5E10;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
}
.vision-wrap .vision p {
	color:#243060;
	font-size:2rem;
	line-height: 1.4;
	text-align: center;
}
.vision-wrap .list {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
	gap:3.2rem;
	margin-top:2.4rem;
}
.vision-wrap .list > li {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border:1px solid #CDD1D5;
	width:16rem;
	height:16rem;
	font-size:1.7rem;
	font-weight: 700;
	text-align: center;
}
.vision-wrap .goals-wrap {
	position: relative;
	padding-top: 10rem;
}
.vision-wrap .goals-wrap .h3-title {
	margin-top:0;
}
.vision-wrap .goals-wrap .goals-list {
	display: flex;
	flex-wrap:wrap;
	gap:2.8rem 1.6rem;
}
.vision-wrap .goals-wrap .goals-list > li {
	flex: 1;
}
.vision-wrap .goals-wrap .goals-list > li > .tit {
	display: inline-flex;
	align-items: center;
	position:relative;
	justify-content: center;
	width: 100%;
	min-height: 12.4rem;
	margin-bottom:2.4rem;
	padding: 1.6rem 1rem;
	background: #7088A3;
	border-radius: 0.8rem;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
}
.vision-wrap .goals-wrap .goals-list > li > .tit::before {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:100%;
	width:1px;
	height:1.6rem;
	background:#CDD1D5;
	transform: translateX(-50%);
	z-index: -1;
}
.vision-wrap .goals-wrap .goals-list > li > .tit::after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:calc(100% + 1.6rem);
	width:0.5rem;
	height:0.5rem;
	border-radius: 50%;
	background:#CDD1D5;
	transform: translateX(-50%);
	z-index: -1;
}
.vision-wrap .goals-wrap .goals-list > li ul > li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 7.8rem;
	margin-top: 1rem;
	padding: 1.6rem 1.2rem;
	border: 1px dashed #CDD1D5;
	border-radius: 0.8rem;
	background: rgba(112, 136, 163, 0.04);
	color: #464C53;
	font-size: 1.5rem;
	text-align: left;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(1) > .tit {
	background: #0B9E92;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(1) ul > li {
	background: #F0FAF9;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(2) > .tit {
	background: #E26D36;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(2) ul > li {
	background: #FFF7F2;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(3) > .tit {
	background: #4A79AE;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(3) ul > li {
	background: #F2F8FF;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(4) > .tit {
	background: #243060;
}
.vision-wrap .goals-wrap .goals-list > li:nth-child(4) ul > li {
	background: #F1F1F6;
}
.vision-wrap .goals-wrap::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 10rem;
	background: url("../../images/eps/content/icon_arrow-top-large.png") no-repeat center center/auto;
}

/* overseas office */
.img-txt-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-6);
  }
  .img-txt-item {
	display: flex;
	align-items: center;
	gap: var(--spacer-6);
  }
  .img-txt-item .img-cont {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 31.5%;
	aspect-ratio: 280/196;
	border-radius: var(--spacer-3);
	padding: 1.8rem 6rem;
	overflow: hidden;
  }
  .img-txt-item .img-cont.gray {
	background: #f0efee;
  }
  .img-txt-item .img-cont.orange {
	background: #ffedde;
  }
  .img-txt-item .img-cont.green {
	background: #e4f2ea;
  }
  .img-txt-item .img-cont img {
	display: block;
	margin: auto;
	aspect-ratio: 1/1;
  }
  .img-txt-item .txt-cont {
	flex: 1;
  }
  .img-txt-item .txt-cont .p.bold {
	font-weight: 700;
  }
  .nation-info-item {
	display: flex;
	gap: var(--spacer-6);
	align-items: center;
  }
  .nation-info-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacer-4);
  }
  .nation-info-title {
	flex-shrink: 0;
	width: 12rem;
  }
  .nation-info-title p.bold {
	font-weight: 700;
  }
  .nation-info-link {
	display: flex;
	align-items: center;
	gap: var(--spacer-1);
  }
  .nation-info-link .ico-go {
	width: 2rem;
	height: 2rem;
  }
  

  .border-box2 {
	padding: var(--spacer-10);
	border: 1px solid #cdd1d5;
	border-radius: var(--spacer-3);
  }
  
.flex-cont {
	display: flex;
	flex-wrap: wrap;
  }
  .flex-cont.gap10,
  .flex-cont .gap10 {
	gap: 1rem;
  }
  .flex-cont.gap32 {
	gap: 3.2rem;
  }
  .flex-cont.align-center {
	align-items: center;
  }
  .flex-cont.justify-center {
	justify-content: center;
  }
  .flex-cont .txt-cont {
	flex: 1;
  }
  .flex-item {
	display: flex;
  }

  .krds-table-wrap {
	overflow-x: auto;
  }
.txt_center {
	text-align: center !important;
}

/* qualifications */
.qualifications {
	padding:4rem;
	border:1px solid #CDD1D5;
	border-radius:1.2rem;
}
.qualifications .top {
	margin-bottom: 3.2rem;
	text-align: center;
}
.qualifications  .cont-wrap {
	display:flex;
	gap:2rem;
}
.qualifications  .item {
	position:relative;
	text-align: center;
	border-radius: 50%;
	width:calc(33.33% - 0.66rem);
	padding-top:32%;
}
.qualifications  .item > div {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap:0.8rem;
	position:absolute;
	left:50%;
	top:50%;
	width:calc(100% - 3.2rem);
	height:calc(100% - 3.2rem);
	background:#fff;
	border-radius: 50%;
	padding:1.2rem;
	transform:translate(-50%,-50%);
}
.qualifications  .item1:first-child {
	background:linear-gradient(-90deg, rgba(255, 175, 136, 0) 0%, rgba(255, 175, 136, 0.5) 50%, rgba(255, 103, 29, 0.5) 100%);
}
.qualifications  .item1:last-child {
	background:linear-gradient(90deg, rgba(255, 175, 136, 0) 0%, rgba(255, 175, 136, 0.5) 50%, rgba(255, 103, 29, 0.5) 100%);
}
.qualifications  .item2 {
	border:1px dashed #224DAE;
}
.qualifications  .item2::after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:calc(100% + 3.2rem);
	height:0.8rem;
	background: linear-gradient(90deg, rgba(78, 133, 255, 0.00) 0%, #4E85FF 50%, rgba(185, 203, 245, 0.00) 100%);
	transform:translate(-50%,-50%);
	z-index: -1;
}
.qualifications  .item2 > div {
	background:#ECF2FE;
}
.qualifications  .item strong {
	display:block;
	font-size:1.7rem;
}
.qualifications  .item1 strong {
	color:#FD5E10;
}
.qualifications  .item2 strong {
	color:#224DAE;
}
.qualifications  .item p {
	font-size:1.3rem;
}

/* where */
.location-list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--spacer-4);
	height: 100%;
  }
  .location-list > li {
	display: flex;
	align-items: center;
	gap: var(--spacer-2) var(--spacer-6);
  }
  .location-list > li .bold {
	width: 12rem;
	flex-shrink: 0;
	font-size: 1.7rem !important;
	margin: 0 !important;
  }


  /* industry */
  .industry-num {
	display:flex;
	flex-wrap:wrap;
	gap:1.6rem;
  }
  .industry-num > li {
	flex:1;
	padding:3.6rem 2.4rem;
	background:linear-gradient(158deg, #FFF 64.93%, #F8E3D0 87.62%);
	border:1px dashed #CDD1D5;
	border-radius: 0.8rem;
	text-align: center;
  }
  .industry-num .tit {
	display:block;
	margin-bottom: 1.6rem;
	color:#1E2124;
  }
  .industry-num .icon {
	  display:block;
	  position:relative;
	  width:4rem;
	  height:4rem;
	  margin:0 auto 2.4rem;
  }
	.industry-num .icon::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:-2.4rem;
		width:4rem;
		height:1px;
		background:#DDD;
		transform:translateX(-50%);
  }
  .industry-num .icon img {
	position:absolute;
	left:50%;
	top:50%;
	max-height:100%;
	transform:translate(-50%,-50%);
  }
  .industry-num .txt {
	padding:1.6rem 0;
	color:#131416;
	font-weight:700;
  }
  .industry-num .txt .num {
	padding-right:0.8rem;
	font-size:3.6rem;
	font-weight: 900;
  }
  .industry-num .txt .word {
	display:block;
	font-weight:400;
  }
  .industry-num .txt .usd {
	display:block;
	margin-top:1.6rem;
	color:#052B57;
	letter-spacing: 0.1px;
  }

.flex-imgs {
	display:flex;
	flex-wrap:wrap;
	gap:1.6rem;
	margin-bottom:1.6rem;
}
.flex-imgs figure {
	flex:1 1 30rem;
}
.flex-imgs figure img {
	display:block;
	width:100%;
	border-radius: 0.8rem;
	object-fit: cover;
}
.flex-imgs figure figcaption {
	margin-top:0.4rem;
	text-align: center;
	font-size:1.3rem;
	letter-spacing: 0.1px;
}
.flex-imgs figure figcaption.bold {
	font-size:1.7rem;
	font-weight:700;
}
.flex-imgs.item3 figure {
	flex:1 1 20rem;
}
.flex-imgs.item3 figure figcaption {
	font-size:1.7rem;
	font-weight:700;
}

.img-only-box {
	margin-bottom:1.6rem;
	border-radius: 0.8rem;
	overflow: hidden;
}

/* process */
.process {
	display:flex;
	gap:1.2rem;
}
.process > li {
	flex:1;
}
.process .tit {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
	position:relative;
	width:100%;
	padding:1rem;
	min-height:10rem;
	margin-bottom:1.2rem;
	border-radius: 0.8rem;
	background:#ddd;
	color:#Fff;;
	text-align: center;
	font-size:1.6rem;
	box-sizing: border-box;
}
.process .tit::after {
	content:"";
	display:block;
	position:absolute;
	right:-2rem;
	top:50%;
	width:3.2rem;
	height:3.2rem;
	border-radius: 50%;
	background:#fff url('../../images/eps/content/arr-right.png') no-repeat center center / auto;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);;
	transform:translateY(-50%);
	z-index: 1;
}
.process > li:last-child .tit::after {
	display:none;
}
.process ul > li {
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	padding:1rem;
	min-height:10rem;
	border: 1px dashed #CDD1D5;
	border-radius: 0.8rem;
	background:#ddd;
	font-weight:700;
	text-align: center;
	font-size:1.6rem;
}
.process ul > li + li {
	margin-top:1rem;
}
.process > li:nth-child(1) .tit {
	background:#0B9E92;
}
.process > li:nth-child(1) ul > li {
	background:#F0FAF9;
}
.process > li:nth-child(2) .tit {
	background:#E26D36;
}
.process > li:nth-child(2) ul > li {
	background:#FFF7F2;
}
.process > li:nth-child(3) .tit {
	background:#4A79AE;
}
.process > li:nth-child(3) ul > li {
	background:#F2F8FF;
}
.process > li:nth-child(4) .tit {
	background:#243060;
}
.process > li:nth-child(4) ul > li {
	background:#F1F1F6;
}

.color-box1 {
	margin-bottom:1.6rem;
	padding:3.2rem;
	border-radius: 1.2rem;
	background:#F4F5F6;
	font-weight:600;
}

.industry-list {}
.industry-list > li {
	display:flex;
	gap:2rem 3.2rem;
	padding:3.2rem 4rem;
	border-radius: 1.2rem;
	background:#F4F5F6;
}
.industry-list > li + li {
	margin-top: 1.6rem;
}
.industry-list .icon {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	width:7.4rem;
	height:7.4rem;
	border-radius: 50%;
	background:#fff;
}
.industry-list .cont {
	flex:1;
}
.industry-list .tit {
	display:block;
	color:#1E2124;
	font-size:1.5rem;
	letter-spacing: 0.1px;
}
.industry-list .group {
	margin-top:1.6rem;
}
.industry-list .group .txt {
	display:inline-block;
	vertical-align: middle;
	color:#131416;
	font-weight:700;
}
.industry-list .group .txt + .txt {
	position:relative;
	padding-left:4rem;
}
.industry-list .group .txt + .txt::before {
	content:"";
	display:inline-block;
	position:absolute;
	left:0.6rem;
	top:50%;
	width:2px;
	height:3rem;
	margin:0 1.6rem;
	background:rgba(0, 0, 0, 0.10);
	transform:translateY(-50%) skew(-20deg);
}
.industry-list .group .num {
	padding-right: 0.4rem;;
	font-size:3.6rem;
	line-height: 1.2;
}

/* circle box */
.circle-box {
	display:flex;
	justify-content: center;
}
.circle-box > div {
	width: 24rem;
	height:24rem;
	padding:3rem;
	border-radius: 50%;
	color:#FD5E10;
	font-size:1.7rem;
	font-weight:700;
	text-align: center;
}
.circle-box > div:nth-child(1) {
	margin-right: -3rem;
	background: linear-gradient(-90deg, rgba(255, 175, 136, 0) 0%, rgba(255, 175, 136, 0.5) 50%, rgba(255, 103, 29, 0.5) 100%);
}
.circle-box > div:nth-child(2) {
	background: linear-gradient(-90deg, rgba(185, 203, 245, 0) 0%, rgba(185, 203, 245, 0.5) 50%, rgba(185, 203, 245, 0) 100%);
	color:#243060;
}
.circle-box > div:nth-child(3) {
	margin-left: -3rem;
	background: linear-gradient(90deg, rgba(255, 175, 136, 0) 0%, rgba(255, 175, 136, 0.5) 50%, rgba(255, 103, 29, 0.5) 100%);;
}
.circle-box > div strong {
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:100%;
	padding:1rem;
	border-radius: 50%;
	background:#fff;
	box-sizing: border-box;
}

.border-box2 {
	padding:5rem;
	border:1px solid #CDD1D5;
	border-radius: 1.2rem;
}
.border-box2 > div + div {
	padding-top:4rem;
	margin-top:4rem;
	border-top:1px solid #ddd;
}
.border-box2 strong {
	display:block;
	margin-bottom:0.8rem;
	font-weight:600;
}
.border-box2 p:not(.p) {
	margin-bottom: 2.4rem;
	font-size:1.5rem;
}
.border-box2 .img {
	display:block;
	text-align: center;
}
.border-box2 .img img {
	min-width: auto;
}

/* 산업별 지원정보 */
.industry_site {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.6rem;
  }
  .industry_site > li {
	display: flex;
	padding: var(--padding-10, 2.8rem) var(--padding-9, 3.2rem);
	align-items: center;
	gap: 2.4rem;
	border-radius: var(--radius-medium4, 0.8rem);
	border: 1px solid var(--color-border-gray-light, #CDD1D5);
	background: var(--color-surface-white, #FFF);
	word-break: break-all;
  }
  .industry_site .site_img {
	display: inline-block;
	vertical-align: middle;
	width: 18rem;
	height: 15.4rem;
	border: 1px solid #EEE;
	border-radius: 0.4rem;
	overflow: hidden;
  }
  .industry_site .site_img img {
	max-width: 100%;
	min-height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .industry_site .site_info {
	flex: 1;
  }
  .industry_site .site_info strong {
	display: block;
	margin-bottom: 0.8rem;
	color: #131416;
	font-size: 1.9rem;
	font-weight: 700;
  }
  .industry_site .site_info p {
	margin-bottom:0.8rem;
	color:#76777A;
	font-weight:700;
  }
  .industry_site .newlayer {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	gap: 0.4rem;
	align-items: flex-start;
	background: none;
	color: #256EF4;
	text-underline-offset: 4px;
  }
  .industry_site .newlayer:hover, .industry_site .newlayer:focus {
	text-decoration: underline;
  }
  .industry_site .newlayer::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	margin-left: 0.4rem;
	-webkit-mask: url(../../../resources/img/component/icon/ico_go.svg) 50% 50%/2rem 2rem no-repeat;
			mask: url(../../../resources/img/component/icon/ico_go.svg) 50% 50%/2rem 2rem no-repeat;
	background-color: #256EF4;
	margin-top: 0.4rem;
  }




/*
***************************************************
media query
***************************************************
*/
@media (max-width: 1240px) {
	.greeting-wrap .greeting {
		padding: 7.8rem 4.8rem 28rem;
	}
	.greeting-wrap .greeting .img {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		max-width: 90%;
	}
	.tab_menu > li a {
		font-size: 1.7rem;
	}

	.vision-wrap .list {
		gap:1.6rem;
	}
	.vision-wrap .list > li {
		width:14rem;
		height:14rem;
	}

	.flex-cont .txt-cont {
		flex: none;
		width: 100%;
	}
}

@media (max-width: 1023px) {
	.border-box2 {
	  padding: var(--spacer-8);
	}
}

@media (max-width: 768px) {
	.greeting-wrap .greeting {
		padding: 4rem 2.4rem 20rem;
	}
	.greeting-wrap .greeting .img {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		max-width: 90%;
	}

	.vision-wrap .goals-wrap .goals-list > li {
		flex:none;
		width:calc(50% - 0.8rem);
	}

	.img-txt-item {
		flex-wrap: wrap;
	}
	.img-txt-item .img-cont {
		width: 100%;
		aspect-ratio: 280/141;
	}
	.img-txt-item .txt-cont {
		flex: none;
		width: 100%;
	}
	.nation-info-item {
		gap: var(--spacer-2) var(--spacer-3);
	}
	.nation-info-title {
		width: 9rem;
	}
	.border-box2 {
		padding: var(--spacer-6);
	}

	.krds-table-wrap {
		width: 100%;
	}

	.qualifications .cont-wrap {
		flex-direction: column;
		align-items: center;
		overflow: hidden;
	}
	.qualifications .item {
		width:28rem;
		height:28rem;
		padding-top:0;
	}

	.location-list > li {
		flex-wrap: wrap;
	}

	.industry-num > li {
		flex:none;
		width:calc(50% - 0.8rem);
	}

	.circle-box > div {
		width:20rem;
		height:20rem;
		padding:2rem;
	}

	.industry-list > li {
		gap: 2rem 2.4rem;
		padding:2.4rem;
	}
	.industry-list .group .num {
		font-size: 3rem;
	}
	.industry-list .icon {
		width: 6.4rem;
		height: 6.4rem;
	}

	.industry_site {
		grid-template-columns: repeat(1, 1fr);
	}
	.industry_site > li {
		flex-direction: column;
		padding: 2rem 2.4rem;
	}
	.industry_site .site_img {
		width: 100%;
		text-align: center;
	}
	.industry_site .site_info {
		width: 100%;
	}

}

@media (max-width: 520px) {
	.vision-wrap .vision {
		padding:2.4rem;
	}

	.nation-info-item {
		flex-direction: column;
	}
	.nation-info-title {
		width: 100%;
	}

	.process {
		flex-wrap:wrap;
	}
	.process > li {
		flex:1 1 calc(50% - 0.8rem);
	}


	.industry-num {
		gap:1.2rem;
	}
	.industry-num > li {
		width:calc(50% - 0.6rem);
		padding:2.6rem 1.6rem;
	}
	.industry-num .txt .num {
		display:block;
		padding-right:0;
		font-size:2.8rem;
	}

	.circle-box {
		flex-direction: column;
		align-items: center;
	}
	.circle-box > div:nth-child(1) {
		margin-right:0;
		margin-bottom:-2rem;
		background:linear-gradient(0deg, rgba(255, 175, 136, 0) 0%, rgba(255, 175, 136, 0.5) 50%, rgba(255, 103, 29, 0.5) 100%);
	}
	.circle-box > div:nth-child(2) {
		background:linear-gradient(360deg, rgba(185, 203, 245, 0) 0%, rgba(185, 203, 245, 0.5) 50%, rgba(185, 203, 245, 0) 100%);
	}
	.circle-box > div:nth-child(3) {
		margin-left:0;
		margin-top:-2rem;
		background:linear-gradient(180deg, rgba(255, 175, 136, 0) 0%, rgba(255, 175, 136, 0.5) 50%, rgba(255, 103, 29, 0.5) 100%)
	}
	.industry-list > li {
		flex-direction: column;
	}

}

@media (max-width: 365px) {
	.industry-list .group .txt {
		display: block;
	}
	.industry-list .group .txt + .txt {
		margin-top: 1rem;
		padding-left:0;
	}
	.industry-list .group .txt + .txt::before {
		display:none;
	}
}