.page-top{font-size:1.9rem; font-weight:700; margin-bottom:4rem;}

img {max-width: 100%;}
picture .img-caption{margin-top:1rem;}

/* 기금소개 */
.greeting-wrap{display:flex;}
.greeting-photo{-webkit-box-flex: 1; -ms-flex: 1 0 36.3rem; flex: 1 0 36.3rem; width: 36.3rem; -ms-flex-item-align: center; align-self: center; text-align:center;}
.greeting-msg {background: url(/images/eng/contents/img_greeting_bg.svg) 100% 0 / 65% no-repeat;}
.greeting-msg img {width: 350px;float: right;shape-outside: url(/images/eng/contents/img_greeting2_pc.png);shape-margin: 2rem;}
.greeting-msg{-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 4rem; font-size:1.8rem;}
.greeting-msg .text{font-size:1.8rem;}
.greeting-msg .text p + p{margin-top:2.5rem;}
.greeting-msg .name{margin-top:2.5rem; font-weight:500;}
.greeting-msg .name span{display:block;}

.history-wrap{position:relative;}
.history-wrap:before{display:block;content:''; width:35rem; position:absolute;left:0;top:15rem;bottom:0; background:url(/images/eng/contents/history_arr.png) center top no-repeat;}
.histroy-list{position:relative;}
.history-item{display:flex; align-items: flex-start;}
.history-item .infographic{flex: 1 0 35rem; width: 35rem; }
.history-item .infographic .box{display:flex; align-items: center; justify-content: center; border-radius:50%; margin:0 auto;}
.history-item .infographic dl{font-weight:500; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.history-item .infographic dt{font-size:1.4rem; width:100%; display:none;}
.history-item .infographic dd{font-size:1.8rem; width:100%; text-align:center;}
.history-item .infographic dd em{font-size:4rem; line-height:1; font-weight:bold; letter-spacing:-0.05em; display:block;}
.history-item .infographic dd .unit{display:block;}
.history-item.item01 .infographic .box{background-color:#41D295; border:.8rem solid #ECFAF4; width:14rem;height:14rem;}
.history-item.item01 .infographic .box em{font-size:3.5rem;}
.history-item.item02 .infographic .box{background-color:#3BD1C8; border:1rem solid #EBFAF9; width:15rem;height:15rem;}
.history-item.item02 .infographic .box em{font-size:3.7rem;}
.history-item.item03 .infographic .box{background-color:#64BEE4; border:1.2rem solid #EFF8FC; width:16rem;height:16rem;}
.history-item.item03 .infographic .box em{font-size:4rem;}
.history-item.item04 .infographic .box{background-color:#5588D8; border:1.4rem solid #EEF3FB; width:17rem;height:17rem;}
.history-item.item04 .infographic .box em{font-size:4.3rem;}
.history-item.item05 .infographic .box{background-color:#2970E0; border:1.6rem solid #EAF1FC; width:18rem;height:18rem;}
.history-item.item05 .infographic .box em{font-size:4.6rem;}
.history-item.item06 .infographic .box{background-color:#2457A9; border:1.8rem solid #E9EEF6; width:20rem;height:20rem;}
.history-item.item06 .infographic .box em{font-size:4.9rem;}
.history-item.item07 .infographic .box{background-color:#0e387c; border:2rem solid #E9EEF6; width:22rem;height:22rem;}
.history-item.item07 .infographic .box em{font-size:5.5rem;}
.history-item .info{margin-left:3rem; flex:1 1 100%;}
.history-item .info .tit{ font-size: 2.6rem; font-weight: 600; padding-bottom: 2rem;}
.history-item .info ul{font-size: 1.8rem;}
.history-item .info li{display:flex;}
.history-item .info li + li{margin-top:3rem;}
.history-item .info .year{font-weight: 600; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 4.6rem;}
.history-item .info .detail_text{padding-left: 4rem; position: relative;}
.history-item .info .detail_text:before{ content: ""; display: block; position: absolute; left: 2rem; top: 1rem; width: 0.1rem; height: 1rem; background-color: var(--line);}
.history-item + .history-item{margin-top:5.5rem;}

.thumnail_card_wrap .card_list{display:flex; margin:-1rem -2rem; flex-wrap:wrap;}
.thumnail_card_wrap .card_item {width: calc(50% - 4rem); margin:1rem 2rem; min-height: 15rem; background-color:var(--bg-gray); border-radius: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2rem; box-sizing:border-box; font-size:1.4rem;}
.thumnail_card_wrap .card_item .image{max-width: 10rem; -webkit-box-flex: 0; -ms-flex: 0 0 10rem; flex: 0 0 10rem;}
.thumnail_card_wrap .card_item .text_box{padding-left: 2rem; flex: 1 1 auto;}
.thumnail_card_wrap .card_item .name{font-size: 1.6rem; font-weight: 600;}
.thumnail_card_wrap .card_item .position{display: block;font-weight: 500;}
.thumnail_card_wrap .card_item .txt-list{margin-top: 1rem;}

.member-list{border-top: 0.1rem solid var(--gray-70);}
.member-list > li{display:flex; align-items: center; border-bottom: 0.1rem solid var(--line-gray);}
.member-list .th{width:30rem; display:flex; justify-content:space-between; flex-wrap:wrap; font-weight:600; padding:2.5rem; box-sizing:border-box; font-size:1.6rem;}
.member-list .td{flex: 1 1 auto; padding:2.5rem 2.5rem 2.5rem 0; box-sizing:border-box;}

.location-info{border-top:0.1rem solid var(--gray-70);}
.location-info > dl{display:flex; flex-wrap:wrap;}
.location-info dt{width:25%; font-weight: 600; padding:2.5rem; box-sizing:border-box; border-bottom: 0.1rem solid var(--line-gray); font-size:1.6rem;}
.location-info dd{width:75%; flex: 1 1 auto; padding:2.5rem 2.5rem 2.5rem 0; box-sizing:border-box; border-bottom: 0.1rem solid var(--line-gray);}

.contactus-photo{margin-top:3rem; text-align:center;}

.office-list{border-top: 0.1rem solid var(--gray-70);}
.office-list > li{display:flex; align-items: center; flex-wrap:wrap; border-bottom: 0.1rem solid var(--line-gray); padding:1.5rem; }
.office-list .th{width:25%; font-weight:600; box-sizing:border-box; font-size:1.6rem; padding:1rem;}
.office-list .td{flex:1 1 auto; box-sizing:border-box; padding:10px;}
.office-list .td .tel{margin-top:1rem;}

.office-map{margin-top:5rem; text-align: center;}

.nps-links-group{border-top:none; margin-top:-3rem;}
.nps-links-group .txt-list{display:flex; flex-wrap:wrap;}
.nps-links-group .txt-list > li{flex:0 1 20%; box-sizing:border-box; margin:0.5rem 0; white-space:nowrap; padding-right:1rem;}

.nps-links-layout{display:flex; flex-wrap:wrap; justify-content: space-between;}
.nps-links-layout > .col{width:calc(50% - 2rem);}

.nps-links-group2{border-top:1px solid var(--gray-70);}
.nps-links-group2 .dep1 > li{border-bottom: 1px solid var(--line);}
.nps-links-group2 .dep1 > li > a{position:relative; padding-left:15px; font-weight:600; display:block; padding:2rem 2rem 2rem 3.5rem;}
.nps-links-group2 .dep1 > li > a:before{content: ""; display: block; position: absolute; top: 2.8rem; left: 2rem; width: 0.6rem; height: 0.6rem; border: 0.1rem solid var(--gray-70); box-sizing:border-box;}
.nps-links-group2 .dep2{padding:15px 20px; background-color:var(--bg-gray); display:flex; flex-wrap:wrap;}
.nps-links-group2 .dep2 > li{flex:0 1 33%;}
.nps-links-group2 .dep2 > li > a{position:relative; display:block; padding:0.5rem 0.5rem 0.5rem 1rem;}
.nps-links-group2 .dep2 > li > a:before{content: "-"; position: absolute; left: 0; top: 0.5rem;}

/* 운용정책 */

/* 서브메인 */
.sub-main-intro .con-title{position:relative;font-size:25px;font-weight:700;}
.sub-main-intro{padding:10rem 0; border-bottom:0.1rem solid #E4E4E4;}
.sub-main-intro:nth-of-type(1),
.sub-main-intro:first-child{padding-top:0px;}

.management-principle dl{display:flex; align-items: center;}
.management-principle dl + dl{margin-top:3rem;}
.management-principle dt{display: flex; align-items: center; justify-content: center; flex: 0 0 12.6rem; width: 12.6rem; height: 12.6rem; border-radius: 10rem;}
.management-principle dt strong{display: flex; align-items: center; justify-content: center; width: 10rem; height: 10rem; border-radius: 5rem; background-color:#fff; color:var(--primary); font-size: 1.6rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.1); text-align:center; line-height:1.25; word-break: break-all; letter-spacing: -0.05em;}
.management-principle .item1 dt {background-color: #BCE9FD;}
.management-principle .item2 dt {background-color: #9CE0FD;}
.management-principle .item3 dt {background-color: #77E0E7;}
.management-principle .item4 dt {background-color: #5ECCC3;}
.management-principle .item5 dt {background-color: #43A2E2;}
.management-principle .item6 dt {background-color: #5585D9;}
.management-principle .item6 dt strong {font-size: 1.5rem;}
.management-principle dd{margin-left:3rem; padding:2rem; background-color:var(--bg-gray); display:flex; flex-direction: column; justify-content: center; min-height:126px; box-sizing:border-box; flex:1 1 auto; position:relative; line-height:1.75;}
.management-principle dd strong{color:var(--primary);}
.management-principle dl:nth-child(2n) dd{background-color:var(--bg-blue);}
.management-principle dd:before{width:3rem;height:0.1rem; display:block;content:''; position:absolute;left:-3rem;top:50%; background-color:gray;}
.management-principle .item1 dd:before{background-color:#BCE9FD;}
.management-principle .item2 dd:before{background-color:#9CE0FD;}
.management-principle .item3 dd:before{background-color:#77E0E7;}
.management-principle .item4 dd:before{background-color:#5ECCC3;}
.management-principle .item5 dd:before{background-color:#43A2E2;}
.management-principle .item6 dd:before{background-color:#5585D9;}

.dir-copy { height: 192px; display: flex; justify-content: center; align-items: center;
    background-image: url(/images/eng/contents/bg_direction_copy.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    margin-bottom:4rem;
    font-size:2.4rem;
}

.management-direction .dir-item { border: 1px solid var(--line-gray); border-radius: 1rem; position: relative; padding: 2rem; display: flex; box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.1); margin-bottom:3rem;}
.management-direction .dir-item:before { content: ""; display: block; position: absolute; width: 3.4rem; height: 4rem; border-radius: 0 0 1rem 0; left: 2.1rem; top: -1rem;}
.management-direction .dir-item.item1:before {background-color: #41D295;}
.management-direction .dir-item.item2:before {background-color: #3BD1C8;}
.management-direction .dir-item.item3:before {background-color: #64BEE4;}
.management-direction .dir-item.item4:before {background-color: #5588D8;}
.management-direction .dir-item h4{display: flex; justify-content: center; align-items: center; flex: 0 0 45%; font-size:1.8rem; font-weight:600; line-height:1.5em; text-align:center;}
.management-direction .dir-item .txt-list { flex: 1 1 auto; position: relative; padding-left:2rem; box-sizing:border-box; margin-left:2rem;}
.management-direction .dir-item .txt-list:before{display:block;content:'';width:0.1rem;height:5.6rem; background-color:var(--line-gray); position:absolute;left:0;top:50%; margin-top:-2.8rem;}
.management-direction .dir-item .txt-list li{position:relative;}

.related-law .link{text-align:center;}

.plan-chart{display:flex; flex-wrap:wrap;}
.plan-chart .col{text-align:center; width:50%;}
.plan-chart h5{display:inline-flex; align-items: center; justify-content: center; height:4rem; padding:0 3rem; border:1px solid var(--line-gray); border-radius:2.5rem; font-size:1.8rem; margin-bottom:1rem;}

/* chart */
.data-refer{text-align:left; font-size:1.5rem; margin:2.4rem 0;}

.chart-wrap{border-top:0.1rem solid var(--line-dark); margin:2.4rem 0; text-align: center;}
.chart-wrap .chart-filter{margin:2.4rem 0; text-align:center;}
.chart-wrap > .chart-view{border-bottom:0.1rem solid var(--line-gray); margin:2.4rem 0; padding-bottom:2.4rem;}
.chart-wrap .data-unit{margin-bottom:0.8rem; text-align:right;}
.chart-wrap > .chart-download{margin:2rem 0; text-align:center;}
.chart-wrap > .chart-download a:hover{color:#fff; background:var(--primary);  }

.chart-filter-item{display:inline-flex; align-items: center;}
.chart-filter-item .filter-label{margin-right:0.8rem; font-size:1.5rem; line-height:1;}
.chart-filter-item .filter-opt button{display:inline-flex; align-items: center; height:3.5rem; border-radius:0.5rem; box-sizing:border-box; border:0.1rem solid var(--line-gray); font-size:1.5rem; line-height:1; padding:0 1.6rem; background-color:var(--gray-5); color:var(--gray-50);}
.chart-filter-item .filter-opt .active{background-color:var(--gray-50); border-color:var(--gray-50); color:#fff; font-weight:700;}

.btn.outlined.primary.i-download:hover:after{background-image: url(/images/common/ic_download_w.svg);}

/* 운용현황 */
.opacity-box{
	margin:-8rem auto 10rem;
	width:98.6rem;
	padding:6rem 0;
	border-radius:2rem;
	background:rgba(242, 243, 247, 0.44);
	border:0.1rem solid rgba(230, 232, 243, 1);
	backdrop-filter: blur(2rem);
}
.opacity-box .opacity-box-title{
	font-size:3.2rem;
	display:block;
	text-align:center;
	margin-bottom:4rem;
	color:#1E2855;
}

.opacity-box .opacity-box-title:after{
	display:block;
	content:'';
	width:4rem;
	height:0.3rem;
	background:#425abe;
	margin:2.5rem auto 0;
}

.opacity-box .opacity-box-txt{
	text-align:center;
	font-size:2rem;
	color:#2d2d2d;
}

.opacity-box .opacity-box-txt .blue-txt{
	color:#32448F;
	font-weight:600;
}

.opacity-box .opacity-box-txt + .opacity-box-txt{
	padding-top:3rem;
}

.fund-intro-btn{float:right;display:flex;align-items: center;justify-content: center;height:4.5rem;padding:0 2.5rem;margin-top:5rem;border:0.1rem solid #425abd;font-size:17px;font-weight:600;color:#425abd;border-radius:0.5rem;background:#fff;}

.portfolio-status{display:flex; flex-wrap:wrap;}
.portfolio-status .chart{width:66%;}
.portfolio-status .chart-data{width:32%;}
.portfolio-status .chart-data table tbody th,
.portfolio-status .chart-data table tbody td{padding:0.6rem 1rem;}

.status-intro{border-bottom:0.1rem solid #E4E4E4;}
.status-intro-img{width:100%;height:27.8rem;border-radius:1rem;}
.status-intro-img.type1{
	background:url("/images/contents/status_intro_img01.png") center no-repeat;
}

.status-intro-img.type2{
	background:url("/images/contents/status_intro_img02.png") center no-repeat;
}

.status-intro-img.type3{
	background:url("/images/contents/status_intro_img03.png") center no-repeat;
}

.status-intro-img.type4{
	background:url("/images/contents/status_intro_img04.png") center no-repeat;
}

.status-intro-img.type5{
	background:url("/images/contents/status_intro_img05.png") center no-repeat;
}

.status-detail-wrap .sec-contents {
	width: 57%;
}

.status-detail-wrap .status1 .sec-header h3 {
  color: var(--primary2);
}

.status-detail-wrap .status2 .sec-header {
  order: 1;
  margin-right: 0;
}
.status-detail-wrap .status2 .sec-contents {
  order: 0;
  margin-right: 7.7%;
  width: 58.26%;
}

.status-intro-wrap{
  display:flex;
  justify-content: space-between;
  margin-top:3rem;
}

.sub-main-intro:after{
  display:block;
  content:'';
  clear: both;
}

.status-intro-wrap .status-intro-box{
  width:calc(100% - 26.6rem);
}

.status-intro-wrap .status-intro-box.saving-status-box{
  display:flex;
}

.status-intro-wrap.flex-wrap{flex-wrap:wrap;}
.status-intro-wrap.flex-wrap .status-intro-box{width:100%;}

.status-intro-wrap .status-box-txt{
  font-size:2rem;
  color:#555;
}

.status-intro-list{
  display:flex;
  justify-content: space-between;
  margin-top:2rem;
}

.status-intro-box .percent-list{
  display:flex;
  padding:3rem;
  margin-bottom:2rem;
  background:#F9FAFC;
  border-radius:2rem;
}

.status-intro-box .percent-list li{
  position:relative;
  width:calc(100%/4);
  text-align:center;
}

.status-intro-box .percent-list li.add-icon:before{
  content:'';
  display:block;
  width:8rem;
  height:8rem;
  margin:0 auto 1rem;
  background:url("/images/contents/percent-list-icon01.png") center no-repeat;
}
.status-intro-box .percent-list li.add-icon2:before{
  content:'';
  display:block;
  width:8rem;
  height:8rem;
  margin:0 auto 1rem;
  background:url("/images/contents/percent-list-icon02.png") center no-repeat;
}

.status-intro-box .percent-list li .blue-txt{
  color:#425ABE !important;
}

.status-intro-box .percent-list li:first-child:after{
  display:none;
}

.status-intro-box .percent-list li:after{
  position:absolute;
  top:-1rem;
  content:'';
  display:block;
  width:0.1rem;
  height:12rem;
  background:#DEDEDE;
}

.status-intro-box .percent-list li strong{
  font-size:2rem;
  color:#1d1d1d;
}

.status-intro-box .percent-list li span{
  display:block;
}

.status-intro-box .percent-list li .percent-tit{
  margin-bottom:0.6rem;
  font-size:1.7rem;
  color:#555;
}

.status-intro-box .percent-list li .percent-date{
  font-size:1.7rem;
  color:#8e8e8e;
}

.status-intro-box .percent-list li .percent-number b{
  font-size:3rem;
  font-weight:800;
  color:#2d2d2d;
}

.status-intro-list li{
  width:calc(100% / 5 - 0.6rem);
  border-radius:1rem;
  background:#F9FAFC;
}

.status-intro-list li:hover{
  background:#425ABE;
}

.status-intro-list li a{
  display:flex;
  height:calc(100% - 3.5rem);
  flex-direction:column;
  justify-content: space-between;
  padding:1.6rem 2.4rem;
  color:#425ABD;
  font-size:2rem;
}

.status-intro-list li b{
  display:block;
  width:100%;
}

.status-intro-list li:hover a{
  color:#fff;
}


.status-intro-list li a:after{
  display:block;
  content:'';
  width:100%;
  height:6rem;
  margin-top:1rem;
}

.status-intro-list li.type1 a:after{
  background:url("/images/contents/status_intro_icon01.png") center right no-repeat;
}

.status-intro-list li:hover.type1 a:after{
  background:url("/images/contents/status_intro_hover01.png") center right no-repeat;
}

.status-intro-list li.type2 a:after{
  background:url("/images/contents/status_intro_icon02.png") center right no-repeat;
}

.status-intro-list li:hover.type2 a:after{
  background:url("/images/contents/status_intro_hover02.png") center right no-repeat;
}

.status-intro-list li.type3 a:after{
  background:url("/images/contents/status_intro_icon03.png") center right no-repeat;
}

.status-intro-list li.type3:hover a:after{
  background:url("/images/contents/status_intro_hover03.png") center right no-repeat;
}

.status-intro-list li.type4 a:after{
  background:url("/images/contents/status_intro_icon04.png") center right no-repeat;
}

.status-intro-list li.type4:hover a:after{
  background:url("/images/contents/status_intro_hover04.png") center right no-repeat;
}

.status-intro-list li.type5 a:after{
  background:url("/images/contents/status_intro_icon05.png") center right no-repeat;
}

.status-intro-list li.type5:hover a:after{
  background:url("/images/contents/status_intro_hover05.png") center right no-repeat;
}

.status-intro-wrap .saving-status {
  width:80rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 5rem 6rem;
  background-color: #f8f8f8;
  border-radius: 2rem;
  position: relative;
  margin-right:8.9rem;
}

.status-intro-wrap .saving-status:after {
  display: block;
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(../images/main/ic_minus.png) center / cover no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.5rem 0 0 -1.5rem;
}
.status-intro-wrap .saving-status .calc-item {
  width: calc(50% - 40px);
}

.status-intro-wrap .calc-item {
  align-items: center;
}
.status-intro-wrap .calc-item .graph {
  position: relative;
  width: 152px;
  height: 152px;
  margin:0 auto 30px;
}
.status-intro-wrap .calc-item .graph .svg {
  width: 100%;
  height: 100%;
}
.status-intro-wrap .calc-item .graph .svg svg {
  width: 100%;
  height: 100%;
  /* min-width: 130px;
  min-height: 130px; */
}
.status-intro-wrap .calc-item .graph .data {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.status-intro-wrap .calc-item .graph .data em {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.status-intro-wrap .calc-item .info {
  font-size: 16px;
  flex: 1 1 auto;
}
.status-intro-wrap .calc-item .info h4 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 8px;
}
.status-intro-wrap .calc-item .info ul li {
  display: flex;
  justify-content: space-between;
}
.status-intro-wrap .calc-item .info .data {
  font-weight: 500;
}

.status-intro-wrap .saving-status-result {
  flex: 1;
  border: 1px solid var(--blue);
  border-radius: 20px;
  padding:30px;
  position: relative;
}
.status-intro-wrap .saving-status-result:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -7rem;
  width: 50px;
  height: 51px;
  margin: -25px auto 0;
  background: url(/images/main/ic_equal_primary.png) center / auto 100%;
}
.status-intro-wrap .saving-status-result .calc-item .graph {
  width: 200px;
  height: 200px;
}
.status-intro-wrap .saving-status-result .calc-item .graph .data {
  color: var(--blue);
}
.status-intro-wrap .saving-status-result .calc-item .graph .data em {
  font-size: 30px;
}
.status-intro-wrap .saving-status-result .calc-item .graph .data .unit {
  font-size: 18px;
  font-weight: 600;
}
.status-intro-wrap .saving-status-result .calc-item .info {
  font-size: 18px;
}
.status-intro-wrap .saving-status-result .calc-item .info h4 {
  color: var(--blue);
  font-size: 22px;
  padding-bottom: 15px;
  margin-bottom: 12px;
}

.status-intro-wrap .fund-process {
  width:100%;
  max-width:1263px;
  margin:70px auto 0;
  padding: 30px 0px;
  border-radius:20px;
  background:#F8F8F8;
}
.status-intro-wrap .fund-process ul {
  display: flex;
  position: relative;
  width:88%;
  margin:0 auto;
}
.status-intro-wrap .fund-process ul:before {
  display: block;
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(84, 86, 86, 0.05) 0%,
    #545656 104.77%
  );
}
.status-intro-wrap .fund-process li {
  position: relative;
  margin-left:60px;
  min-width: 40px;
  min-height: 69px;
  font-size: 14px;
  text-align: center;
}
.status-intro-wrap .fund-process li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #545656;
  background-color: #fff;
  box-sizing: border-box;
}
.status-intro-wrap .fund-process li:nth-child(2) {
  margin-left: auto;
}
.status-intro-wrap .fund-process li:nth-child(1) {
  margin-left: -20px;
}
.status-intro-wrap .fund-process li:last-child {
  margin-right: -20px;
  margin-left:70px;
}

.status-intro-wrap .fund-process .won {
  position: relative;
  display: block;
  height: 20px;
}
.status-intro-wrap .fund-process .won em:not(.blind) {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  color: #fff;
  border-radius: 5px;
  line-height: 20px;
  background: linear-gradient(89.96deg, #9a9a9a -3.41%, #545656 102.38%);
}
.status-intro-wrap .fund-process .won:after {
  content: "";
  z-index: 0;
  position: absolute;
  left: 50%;
  bottom: -3px;
  transform: rotate(45deg);
  margin-left: -3px;
  width: 6px;
  height: 6px;
  /* background: linear-gradient(89.96deg, #9a9a9a -3.41%, #545656 102.38%); */
  background: #767777;
}
.status-intro-wrap .fund-process li:nth-child(1)::before,
.status-intro-wrap .fund-process li:nth-child(2)::before,
.status-intro-wrap .fund-process li:nth-child(3)::before,
.status-intro-wrap .fund-process li:nth-child(4)::before {
  border-color: #a0a0a0;
}

.status-intro-wrap .fund-process li:nth-child(1) .won em:not(.blind),
.status-intro-wrap .fund-process li:nth-child(2) .won em:not(.blind),
.status-intro-wrap .fund-process li:nth-child(3) .won em:not(.blind),
.status-intro-wrap .fund-process li:nth-child(4) .won em:not(.blind) {
  background: linear-gradient(89.96deg, #b6b6b6 -6.07%, #9d9d9d 104.99%);
}

.status-intro-wrap .fund-process li:nth-child(1) .won:after,
.status-intro-wrap .fund-process li:nth-child(2) .won:after,
.status-intro-wrap .fund-process li:nth-child(3) .won:after,
.status-intro-wrap .fund-process li:nth-child(4) .won:after {
/* background: linear-gradient(89.96deg, #b6b6b6 -6.07%, #9d9d9d 104.99%); */
  background: #c1c1c1;
}
.status-intro-wrap .fund-process li:nth-last-child(1) .won em:not(.blind),
.status-intro-wrap .fund-process li:nth-last-child(1) .won:after {
  background: #29325F;
}
.status-intro-wrap .fund-process li:nth-child(2) {
  margin-left: auto;
}
.status-intro-wrap .fund-process .year {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.status-intro-wrap .fund-process li:nth-child(1):before {
  border-color: #ccc;
}
.status-intro-wrap .fund-process li:last-child:before {
  border-color: #29325F;
}
.status-intro-wrap .fund-process li:nth-child(9) {
  margin-left: 40px;
}
.status-intro-wrap .fund-process li:nth-child(10) {
  margin-left:40px;
}

.status-intro-wrap .chart-wrap{
  margin:0 auto;
  border:none;
}

.status-intro-wrap .main-portfolio {
  display: flex;
  justify-content: end;
}
.status-intro-wrap .pf-chart {
  width: 42%;
}
.status-intro-wrap .pf-chart .pf-chart-view {
	margin:6rem 0 1rem
}
.status-intro-wrap .pf-chart .data-unit {
  text-align:right;
}
.status-intro-wrap .pf-detail {
  width: 50%;
  margin-left: 4.45%;
}

.status-intro-wrap .pf-data-header {
  margin-bottom: 20px;
  text-align:right;
}

.status-intro-wrap .pf-data-header .total-txt{
  margin-right:16px;
  font-size:24px;
  font-weight:600;
}

.status-intro-wrap .pf-data-header em{
  font-size:36px;
  color:#425ABE;
  font-weight: 700;
}

.status-intro-wrap .pf-data-header .unit{
  margin-left:5px;
  font-size:24px;
  font-weight:600;
  color:#425ABE;
}

.status-intro-wrap .pf-data table {
  width:100%;
  border-top: 1px solid #545656;
  border-bottom: 1px solid #545656;
}
.status-intro-wrap .pf-data th,
.status-intro-wrap .pf-data td {
  height: 61px;
  border-top: 1px solid var(--line);
  font-size: 16px;
}
.status-intro-wrap .pf-data tbody tr:first-child th,
.status-intro-wrap .pf-data tbody tr:first-child td {
  border-top: 0 !important;
}
.status-intro-wrap .pf-data th {
  padding: 10px;
  text-align: left;
}
.status-intro-wrap .pf-data td {
  padding: 10px 40px 10px 10px;
  font-weight: 500;
  text-align: right;
}
.status-intro-wrap .pf-data .dep1 th,
.status-intro-wrap .pf-data .dep1 td {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  color: #000;
  font-weight: 500;
}
.status-intro-wrap .pf-data .dep2 th {
  font-weight: 500;
  background:#F9FAFC;
}
.status-intro-wrap .pf-data .dep1 th .dot {
  display: inline-block;
  content: "";
  transform: rotate(45deg);
  margin-top: -2px;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  background-color: #000;
}
.status-intro-wrap .pf-data .dep2 th .dot {
  display: inline-block;
  content: "";
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  vertical-align: middle;
}
.status-intro-wrap .pf-data .dep2 td {
  font-weight: 700;
}
.status-intro-wrap .pf-data .dep2 th span {
	display:flex;
	align-items:center;
}
.status-intro-wrap .pf-data .dep2 .num {
  font-size: 22px;
}

.saving-status.scMotion.active .graph-line1{transition:all 0.5s; animation:lineMotion1 0.5s linear forwards;}
.saving-status.scMotion.active .graph-line2{transition:all 0.5s; animation:lineMotion2 0.5s linear forwards;}
.saving-status-result.scMotion.active .graph-line3{transition:all 0.5s; animation:lineMotion3 0.5s linear forwards;}

@keyframes lineMotion1{
	0%{ stroke-dashoffset: 408px; opacity:0;}
	100%{ stroke-dashoffset: 204px; opacity:1;}
}
@keyframes lineMotion2{
	0%{ stroke-dashoffset: 408px; opacity:0;}
	100%{ stroke-dashoffset: 358px; opacity:1;}
}
@keyframes lineMotion3{
	0%{ stroke-dashoffset: 408px; opacity:0;}
	100%{ stroke-dashoffset: 258px; opacity:1;}
}

.saving-status-graph{margin-top:24px;}

.pf-status-wrap{display:flex; flex-wrap:wrap; justify-content:center; border-top:0.1rem solid var(--color-base); border-bottom:0.1rem solid var(--line); padding:2.4rem 0;}
.pf-status-wrap .pf-chart{width:45%;}
.pf-status-wrap .pf-chart.bar {width: 100%;}
.pf-status-wrap .pf-detail{width:35%; margin-right:10%;}
.pf-status-wrap .data-unit{margin-bottom:0.8rem; text-align:right;}
.pf-status-wrap .pf-refer{width:100%; margin:2.4rem; text-align:left; font-size:1.5rem;}

.pf-status-wrap .pf-data-header{margin-bottom:1.2rem;}
.pf-status-wrap .pf-data-header .tit{font-size:1.6rem; font-weight:700; color:var(--gray-90);}
.pf-status-wrap .pf-data-header .summary{display:flex; align-items: center; justify-content: space-between; padding-right:25%;}
.pf-status-wrap .pf-data-header .pf-label{font-size:1.6rem; font-weight:700; padding:0 0 0 1.5rem; box-sizing:border-box;}
.pf-status-wrap .pf-data-header .pf-total{padding:0 1.5rem 0 0;}
.pf-status-wrap .pf-data-header .pf-total em{font-size:2.6rem; line-height:1; font-weight:700;}
.pf-status-wrap .pf-data-header .pf-total .unit{font-size:1.6rem; line-height:1;}
.pf-status-wrap .pf-data table{width:100%; border-top:0.1rem solid var(--line);}
.pf-status-wrap .pf-data th,
.pf-status-wrap .pf-data td{height:4.9rem; border-bottom:0.1rem solid var(--line); font-size:1.6rem; padding:1.2rem 1.5rem;}
.pf-status-wrap .pf-data th{text-align:left; font-weight:700;}
.pf-status-wrap .pf-data td{text-align:right;}
.pf-status-wrap .pf-data td .data{font-weight:700;}
.pf-status-wrap .pf-data .dep1 th,
.pf-status-wrap .pf-data .dep2 th{color:var(--gray-90);}
.pf-status-wrap .pf-data .dot{display:inline-block;content:''; width:1rem;height:1rem; border-radius:50%; vertical-align:middle; margin-top:-0.2rem;}
.pf-status-wrap .pf-data .th-label{display:inline-flex; align-items: center;}
.pf-status-wrap .pf-data .th-label .dot{margin-right:1rem; flex-shrink: 0;}

.invest-overview{display:flex; padding:20px 0; border-top:1px solid var(--gray-70); border-bottom:1px solid var(--line-gray);}
.invest-overview .overview{flex:1 1 auto; margin-right:30px; padding:20px 0 0 5px; box-sizing:border-box;}
.invest-overview .overview li + li{margin-top:30px;}
.invest-overview .overview .data{font-size:20px; display:block;}
.invest-overview .overview .data em{font-size:50px; line-height:1; font-weight:600; letter-spacing:-0.05em; margin-right:3px;}
.invest-overview .overview .label{font-weight:600; display:block; margin-top:3px;}
.invest-overview .overview li:nth-child(1) .data em{color:#167BA6;}
.invest-overview .overview li:nth-child(2) .data em{color:#028385;}
.invest-overview .overview li:nth-child(3) .data em{color:#34870B;}
.invest-overview .chart{width:660px; max-width:74%;}

.invest-portfolio{padding:20px 0; border-top:1px solid var(--gray-70); border-bottom:1px solid var(--line-gray); text-align:center;}
.invest-portfolio.flex{display:flex; justify-content: space-between;}
.invest-portfolio.col2 > div{width:50%;}
.invest-portfolio.col3 > div{width:33.33%;}

.asset-intro-items{display:flex; margin:-0.5rem;}
.asset-intro-items li{width:calc(100% / 3 - 1rem); margin:0.5rem;}
.asset-intro-items a{display:block; text-align:center; border:1px solid var(--line-gray); border-radius:1rem; padding:4rem 1rem; font-weight:700;}
.asset-intro-items a:before{display:block; content:''; width:4.8rem; height:4.8rem; background-size:100% auto; background-position:0 0; background-repeat:no-repeat; margin:0 auto 3rem auto;}
.asset-intro-items a:hover{background-color:var(--primary); color:#fff; border:none;}
.asset-intro-items a:hover:before{background-position:0 -4.8rem;}
.asset-intro-items .item1:before{background-image:url(/images/contents/ic_asset_intro1.svg);}
.asset-intro-items .item2:before{background-image:url(/images/contents/ic_asset_intro2.svg);}
.asset-intro-items .item3:before{background-image:url(/images/contents/ic_asset_intro3.svg);}

.con-bottom{margin-top:20px;}
.con-bottom.flex{display:flex; justify-content: space-between; flex-wrap:wrap;}
.con-bottom.flex > .start{margin-right:30px;}
.con-bottom.flex > .end{margin-left:auto;}

.result-overview{display:flex; padding:20px 0; border-top:1px solid var(--gray-70); border-bottom:1px solid var(--line-gray);}
.result-overview .overview{flex:1 1 auto; margin-right:30px; padding:20px 0 0 5px; box-sizing:border-box;}
.result-overview .overview li + li{margin-top:30px;}
.result-overview .overview .data{font-size:20px; display:block;}
.result-overview .overview .data em{font-size:50px; line-height:1; font-weight:600; letter-spacing:-0.05em; margin-right:3px;}
.result-overview .overview .label{font-weight:600; display:block; margin-bottom:3px; font-size:16px;}
.result-overview .overview .sub-txt{font-weight:600; display:block; margin-top:3px;}
.result-overview .overview li:nth-child(1) .data em{color:#0C890D;}
.result-overview .chart{width:660px; max-width:74%;}

.txt-flex{display:flex;}
.txt-flex .fixed{flex-shrink: 0;}
.txt-flex .fixed + *{margin-left:5px;}

.related-page-list ul{margin:-0.8rem; display:flex; flex-wrap:wrap;}
.related-page-list li{width:calc(25% - 1.6rem); margin:0.8rem;}
.related-page-list a{display:flex; align-items:center; height:68px; padding:0 32px; font-size:17px; font-weight:500; background-color:var(--bg-blue); color:var(--gray-90); border-radius:12px; position:relative;}
.related-page-list a:after{display:block; content:''; width:2rem; height:2rem; margin-left:auto; background:url(/images/contents/arr_related_go.svg) center no-repeat;}
.related-page-list a:hover{background-color:var(--primary); color:#fff;}
.related-page-list a:hover:after{background-image:url(/images/contents/arr_related_go_w.svg);}

.pf-status-wrap.type-tbl {justify-content: space-between;border-bottom:none;padding: 4rem 6rem;}
.pf-status-wrap.type-tbl .pf-detail {margin-right:0;width:46%;}
.pf-status-wrap.type-tbl .pf-data table {border-top: 0.1rem solid #000000;}
.pf-status-wrap.type-tbl .pf-data table td {background: #f9f9f9;}
.pf-status-wrap.type-tbl .pf-data-header {display: flex;align-items: center;justify-content: space-between;}
.pf-status-wrap.type-tbl .pf-data-header .md-title {margin:0;}

.status-intro-wrap .pf-data.pf-data-type2 th,
.pf-status-wrap .pf-data.pf-data-type2 th {position: relative; color:#222;padding:1rem 1rem 1rem 2.6rem;font-weight:700}
.status-intro-wrap .pf-data.pf-data-type2 .indent th,
.pf-status-wrap .pf-data.pf-data-type2 .indent th {padding-left: 4.8rem;font-weight:500}
.status-intro-wrap .pf-data.pf-data-type2 th, .status-intro-wrap .pf-data-type2.pf-data td,
.pf-status-wrap .pf-data.pf-data-type2 th, .pf-data-type2.pf-data td {border-right:1px solid var(--line);}
.status-intro-wrap .pf-data.pf-data-type2 td:last-child,
.pf-status-wrap .pf-data.pf-data-type2 td:last-child {border-right:0;}

.status-intro-wrap .pf-data-type2 tr:not(.indent) .dot,
.pf-status-wrap .pf-data-type2 tr:not(.indent) .dot {left: .5rem;}
.status-intro-wrap .pf-data-type2 .dot,
.pf-status-wrap .pf-data-type2 .dot {position: absolute; top: 50%; left: 2.6rem; transform: translateY(-50%); width: .6rem; height: .6rem; margin-top: -0.1rem; margin-right: 0; border-radius: 50%;}

@media all and (max-width: 500px) {
	.status-intro-wrap .pf-data.pf-data-type2 tr:not(.indent) th {padding-left: 1.8rem;}
	.status-intro-wrap .pf-data.pf-data-type2 .indent th {padding: 1rem 1rem 1rem 3.6rem;}
	.status-intro-wrap .pf-data.pf-data-type2 tr:not(.indent) .dot {left: .5rem;}
	.status-intro-wrap .pf-data.pf-data-type2 th .dot {left: 2.2rem;}
}


/* 수탁자책임 */
.RI-grounds > dt{text-align:center; border-radius:10px; padding:17px 20px; font-weight:600; font-size:18px; color:#fff; }
.RI-grounds > dt:nth-of-type(1){background-color:var(--primary);}
.RI-grounds > dt:nth-of-type(2){background-color:var(--secondary);}
.RI-grounds > dd{border-radius:10px; padding:25px 20px; border: 1px solid var(--line-gray); margin:20px 0 40px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
.RI-grounds > dd:last-child{margin-bottom:0;}

.RI-principle .list-item{display:flex; position:relative;}
.RI-principle .list-item .title_box{display:flex; align-items: center; justify-content: center; width:126px;height:126px; background-color: #64BEE4; border-radius:50%; box-sizing:border-box; position:relative;}
.RI-principle .list-item .title_box h4{display:flex; align-items: center; justify-content: center; width:100px;height:100px; background-color: #fff; border-radius:50%; box-sizing:border-box; font-size: 18px; font-weight: 700; color: var(--primary); box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);}
.RI-principle .list-item .item_box{ padding:20px; border: 1px solid var(--line-gray); box-sizing: border-box; display:flex; flex-direction: column; justify-content: center; border-radius:10px; margin-left:30px; flex:1; position:relative;}
.RI-principle .list-item{margin-bottom:30px;}
.RI-principle .list-item:last-child{margin-bottom:0;}
.RI-principle .list-item .title_box:after{content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -30px; width: 30px; height: 1px; background-color: #64BEE4;
}

.RI-principle .list-item .title_box.gray,
.RI-principle .list-item .title_box.gray:after{background-color: var(--line-gray) !important;}
.RI-principle .list-item .title_box.gray h4{color:var(--gray-70) !important;}
.RI-principle.type2 .list-item .title_box,
.RI-principle.type2 .list-item .title_box:after{background-color: #5588D8;}

.activity-report {background: url(/images/eng/contents/report_bg.gif) center / cover no-repeat; width: 100%; padding: 50px 0; border-radius: 10px; display:flex;}
.activity-report .book{width:50%; box-sizing:border-box; padding-right:50px;}
.activity-report .book img{max-width:90%;}
.activity-report .viewer{width:50%; box-sizing:border-box; padding-right:50px;}
.activity-report .viewer ul{display:flex;}
.activity-report .viewer li + li{margin-left:20px;}
.activity-report .viewer li .item{display:block; text-align:center; width: 140px; height: 145px; background-color: #fff; border-radius: 10px; padding: 10px 20px; box-sizing:border-box;}
.activity-report .viewer li img{max-width:100%;}
.activity-report .viewer .tit{ display: block; color:var(--primary); font-size: 20px; font-weight: 600; letter-spacing: -0.03rem;}

.activity-report {background: url(/images/eng/contents/report_bg.gif) center / cover no-repeat; width: 100%; padding: 5rem 0 3rem 0; border-radius: 1rem; display: flex;}
.activity-report .book {width: 44rem; box-sizing: border-box; padding-right: 8rem;}
.activity-report .book .content { width: 44rem; text-align: center;}
.activity-report .viewer { flex: 1; box-sizing: border-box; padding-right: 5rem; margin: auto;}
.activity-report .viewer ul { display: flex;}
.activity-report .viewer li+li { margin-left: 2rem;}
.activity-report .viewer li .item { display: block; text-align: center; width: 14rem; height: 14.5rem;background-color: #fff; border-radius: 1rem; padding: 1rem 2rem; box-sizing: border-box;}
.activity-report .viewer li div { height: 14.5rem;display: flex;align-items: center;}
.activity-report .viewer li img {max-width: 100%;}
.activity-report .viewer .tit {display: block; color: var(--primary); font-size: 2rem; font-weight: 600; letter-spacing: -0.03rem;} 


/* 알림 */
.data-search{padding:20px; background-color: var(--line); border-radius: 10px; position:relative; margin-bottom: 30px;}
.data-search .inp-item{display:flex; align-items: center; margin:10px 0;}
.data-search .inp-item label{width:80px; font-weight:500; flex-shrink: 0;}
.data-search .useDatepicker{width:150px;}
.data-search .search-cmd{position:absolute;right:20px;bottom:30px;}
.data-search .btn-search{color:#fff; border-radius:20px; background-color:var(--gray-70); padding:0 2.4rem; display:inline-flex; align-items: center;}
.data-search .btn-search:before{display:inline-block;content:'';width:20px;height:20px; background:var(--gray-90) url(/images/eng/common/ic_search.png) 0 0 no-repeat; margin-right:10px;}

.data-view-table .item-list{display:inline-flex; flex-wrap:wrap;}
.data-view-table .item-list li{margin-right:30px;}
.data-view-table .item-list li:last-child{margin-right:0;}

/* 카드뉴스 */
.thumnail_area { border-top: 1px solid var(--line-dark); }
.thumnail_list > li > a { display: block; padding: 20px; display: flex; height: 172px; box-sizing:border-box;  }
.thumnail_list > li { border-bottom: 1px solid var(--line-gray); }
.thumnail_list .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    width: 200px;
    /* background-color: #F8F8F8; */
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 200px;
    max-height: 132px;
}
.thumnail_list .image img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.thumnail_list .text_area {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size:16px;
}
.thumnail_list .data-none{height:200px; display:flex; align-items: center; justify-content: center;}

.view-contents .card-image {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    max-height: fit-content;
}
.view-contents .card-image img {
    -o-object-fit: contain;
    object-fit: contain;
}

/* 자주찾는질문 */
.faq-wrap{border-top: 1px solid var(--line-dark);}
.faq-wrap .qna-list{counter-reset: num;}
.faq-wrap .qna-list > li{border-bottom: 1px solid var(--line-gray);}
.faq-wrap .ques {display: block; padding: 25px 60px 25px 20px; position: relative;}
.faq-wrap .ques .title { padding-left: 20px; position: relative; display: block; font-size: 16px;}
.faq-wrap .ques .title:before { counter-increment: num; content: counter(num) "."; position: absolute; left: 0;}
.faq-wrap .ques:after {content: ""; display: block; position: absolute; top: 50%; right: 30px; margin-top:-10px; width: 20px; height: 20px; background: url(/images/eng/contents/arr_faq.svg) center / cover no-repeat;}
.faq-wrap .active .ques:after {transform: rotate(180deg);}
.faq-wrap .answ {padding: 25px 0 25px 60px; position: relative; border-top: 1px solid var(--line-gray); display:none;}
.faq-wrap .answ:before { content: ""; position: absolute; display: block; left: 15px; top: 25px; width: 28px; height: 30px; background-image: url(/images/eng/contents/ico_faq_a.png); background-size: cover; background-repeat: no-repeat;}
.faq-wrap .answ .tit { font-weight: 700; display: block;  margin:20px 0 10px;}
.faq-wrap .answ .tit:first-child{margin-top:0;}

/* 임원 및 부서장*/
.member-info>ul {
    display: flex;
    flex-direction: row;
}

.member-info .member-item {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-right: 2rem;
    padding: 3.6rem;
    padding-right: 13.5rem;
    width: 44rem;
    border: 0.1rem solid #dedede;
    border-radius: 2rem;
    letter-spacing: -0.1rem;
    background: #f7f9fc;
    box-sizing: border-box;
}

.member-info .member-item:last-child {
    margin-right: 0;
}

.member-info .member-item::before {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 1.1rem;
    left: 3.4rem;
    width: 30.5rem;
    height: 12.6rem;
    background: url("/images/contents/bg_portrait_box.png") no-repeat left bottom / 100% auto;
}

.member-info .position {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    color: #425abe;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.member-info .name {
    display: block;
    margin-top: 0.6rem;
    font-size: 2.2rem;
    font-weight: 600;
    color: #1d1d1d;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.member-info .info-work {
    margin-top: 1.2rem;
}

.member-info .info-work li {
    position: relative;
    padding-left: 1rem;
    font-size: 1.7rem;
    color: #2d2d2d;
    line-height: 1.7;
}

.member-info .info-work li::before {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background-color: #2d2d2d;
}

.member-info .info-work li:first-child {
    margin-top: 0;
}

.member-info .photo {
    position: absolute;
    bottom: -0.7rem;
    right: 0;
    width: 17.5rem;
    height: 18.6rem;
}

.member-info .photo>img {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* 반응형------------------------------------------------------------------------ */
@media all and (max-width:1600px){
    .sub-contents{padding-top:0;}
    .sub-main-intro{padding:6rem 0;}
    .sub-main-intro:last-child{border-bottom:none;}
    .con-title{margin-bottom:2rem;}

    /* 기금소개 */
    .fund-intro-img{height:17rem;}
    .fund-step-item{width: calc(50% - 10rem);}
    .fund-step-desc br{display:none;}

    .history-wrap{padding-left:0;}
    .history-head{padding-right:2rem;justify-content: space-between;}
    .history-head-cell.head-cell-type1{width: auto;}
    .history-head-cell.head-cell-type2{padding-left:0;}
    .history-head-cell.head-cell-type3{margin-left:0;}
    .history-head-cell.head-cell-type4.pc_view{margin-left:0; margin-right:0; min-width:auto; display: inline-flex !important;}
    .history-item{padding-right:25rem;}

    .fund-part-greeting{padding-left:40.73%;}
    .fund-part-greeting::before{width:34.85%;}

    .process-plan-detail .plan-category-title{min-width:auto; width:20rem;}

    .member-info .info-work li{font-size:1.5rem;}
    .manage-map-box .manage-map-bottom ul.txt{min-height:18rem;}

    .organization-chart-ul .organization-chart-item.step_2{min-width:55%}
      
    /*수탁자 책임*/
    .sutak-intro{border-bottom:none;}
    .sutak-intro-wrap{padding:6rem 0; border-bottom:0.1rem solid #e4e4e4;}
    .sutak-text-box:after{display:block; content:''; clear:both;}
    .opacity-box{width:87%; padding:3rem 3%; margin: -3rem auto 6rem}
    .opacity-box .opacity-box-txt br{display:none;}
    .sutak-intro-wrap:last-child{border-bottom:none; padding-bottom:0;}
    .sutak-intro-img{height:13.6rem;}
    .sutak-group:nth-child(1){padding-top:0;}
    .sutak-group{display:flex; flex-direction:column-reverse; padding:6rem 0; margin-bottom:0; border-bottom:0.1rem solid #e4e4e4;}
    .sutak-group:last-child{border:none; padding-bottom:0;}
    .sutak-group.reverse-type{flex-direction:column;}
    .sutak-group:after{min-width:100%; height:17rem; margin:0 0 3rem;}
    .sutak-group.reverse-type:before{min-width:100%; height:17rem; margin:0 0 3rem;}
    .sutak-box{margin-bottom:3rem;}
    .sutak-box:last-child{margin-bottom:0;}

    /*알림*/
    .aram-intro{padding:6rem 0;}
    .aram-intro .con-title br{display:none;}
    .aram-intro .con-title.type2:after{top:45%;}
    .aram-intro:last-child{border-bottom:none;}
    .aram-intro-img{height:17rem;}
    .aram-intro .aram-intro-wrap{display:block;}
    .aram-intro .aram-intro-box{width:100%; padding-top:2rem; margin-bottom:1rem;}
    .aram-list{display:block;}
    .aram-list .aram-list-box{width:100%; height:auto; margin-bottom:1rem;}
    .aram-notice .aram-notice-list li a p{width:95%;}
    .aram-notice .aram-notice-list li a .date{display:none;}
      
    /*운용현황*/
    .status-intro-wrap{display:block;}
    .status-intro-wrap .status-intro-box.saving-status-box{display:block; width:100%;}
    .status-intro-wrap .saving-status{margin:0; width:100%; background:none;}
    .status-intro-wrap .saving-status-result{width:calc(100% - 6rem); margin-top:4rem;}
    .status-intro-wrap .saving-status-result:before{top:0%; left:50%; transform:translate(-50%);}
    .status-intro-wrap .fund-process{width:100%;}
    .status-intro-wrap .status-intro-box{width:100%;}
    .status-intro-img{height:17rem; border-radius:0.8rem;}	

    .fund-org-logic{max-width:33.5rem; margin:0 auto; padding-bottom:5rem;}

    .fund-org-logic > li:last-child{margin-top:4rem;}

    .fund-org-dept.line_0{text-align:left; margin-left:0;}

    .fund-org-logic > li:last-child:before{display:none;}

    .fund-org-dept.line_0 .fund-org-txt{font-size:1.6rem; padding:1.2rem 2.5rem;}
    .fund-org-dept.line_0:first-child:after{position:absolute; top:4.9rem; left:4.5rem; content:''; display:block; width:0.1rem; height:102.4rem; }
    .fund-org-dept.line_0 .small-txt{display:block;}

    .fund-org-dept.line_1{position:relative; display:block; width:100%; margin-top:4rem; margin-left:0;}
    .fund-org-dept.line_1 dl ul{justify-content:center;}
    .fund-org-dept.line_1 dl dt{position:relative;}
    .fund-org-dept.line_1 dl dt:before{position:absolute; left:-6.5rem; top:50%; display:block; content:''; width:10.2rem; height:0.1rem; background:#c6c6c6;}
    .fund-org-dept.line_1 dl{width:22.4rem; margin-bottom:4rem; margin-left:auto;}
    .fund-org-dept.line_1 dl:before{display:none;}
    .fund-org-dept.line_1 dl:nth-child(2){margin-left:auto;}
    .fund-org-dept.line_1 .fund-org-txt{width:15rem; padding:1.3rem 0; font-size:1.5rem;}
    .fund-org-dept.line_1 dl ul li a{font-size:1.4rem; padding:1.2rem 0; line-height:1.8rem;}
    .fund-org-dept.line_1 dl ul li{width:5rem;}

    .fund-org-dept.line_2{position:relative; margin-bottom:0; margin-top:8rem;}
    .fund-org-dept.line_2 ul:after{top:-2.3rem; width:29.4rem; height:0.1rem; background:#c6c6c6;}
    .fund-org-dept.line_2 ul li{font-size:1.4rem; padding:1.3rem 0; width:4.1rem; margin-right:0.8rem;  margin-bottom:0;}
    .fund-org-dept.line_2 ul li:nth-child(4){margin-right:0.8rem;}
    .fund-org-dept.line_2 ul li a{padding:0;}
    .fund-org-dept.line_2 ul li:before{display:none;}
    .fund-org-dept.line_2{display:block;}
    .fund-org-dept.line_2 ul{display:flex; justify-content:center; margin-right:0;}
    .fund-org-dept.line_2 ul li:before{position:absolute; top:-2.4rem; display:block; content:''; width:0.1rem; height:2.4rem; background:#c6c6c6; }
    .fund-org-dept.line_2 ul li:last-child{margin-right:0;}
    .fund-org-dept.line_2 ul li span.m-br{display:block; }

    .md-title{font-size:1.7rem;}
      
}

@media all and (max-width: 1460px){
    .manage-system .logic-list{width:100%;}
    .manage-system .logic-arrow{width:calc(100% - 36rem - 4rem);}
    .manage-system .logic-arrow .logic-arrow-desc{padding:2rem; background-color:#fff; text-align:center;}
    .manage-system .logic-arrow.type-arrow-top .logic-arrow-desc{padding-right:0; }
    .manage-system .logic-arrow.type-arrow-top,
    .manage-system .logic-arrow.type-arrow-top_long{width:18rem;}
    .manage-system .logic-arrow.type-arrow-arrow-top{left:0;}
    .manage-system .logic-arrow.type-arrow-top_long{right:0;}
    .manage-system .logic-arrow.type-arrow-top .logic-arrow-desc::before,
    .manage-system .logic-arrow.type-arrow-top_long .logic-arrow-desc::before{left:0; margin:0 auto;}
    .manage-system .logic-arrow .logic-arrow-desc > p{z-index:1; position:relative; padding:0.4rem; text-align:center; background-color:#fff;}
    .manage-system .logic-arrow.type-arrow-top{top:23.4rem; left:-0.5rem; transform:none;}
    .manage-system .logic-arrow.type-arrow-top .logic-arrow-dec::before{top:0; transform:none;}

    .system-gov-title{padding-top:1.97%; font-size:0.88vw;}
    .system-gov-title::before{width:1.56vw; height:1.56vw;}
    .system-graphic-item.gov_1{padding-right:5.45vw;}
    .system-graphic-item.gov_2{padding-left:5.46vw;}
    .system-graphic-item.gov_1::before,
    .system-graphic-item.gov_2::before{width:3.385vw; height:6.77vw;}
    .plan-process-ul .plane-process-title{font-size:1.7rem;}
    .member-info .member-item{padding-right:12.5rem;}
    .member-info .photo{width:14rem; height:14.3rem; }
        
    /*운용현황*/
    .status-intro-wrap .fund-process li{margin-left:2%}
    .status-intro-wrap .fund-process li:nth-child(9),
    .status-intro-wrap .fund-process li:nth-child(10){margin-left:3%;}
    .status-intro-wrap .fund-process li:last-child{margin-left:4%;}

    .manage-intro .circle-step-inner{width:15rem; height:15rem;}
    .manage-intro .circle-step-wrap{width:20rem; height:20rem;}
    .manage-intro .circle-step .circle-step-box{width:calc(100%/3 - 2.5rem);}
    .circle-step-bottom{padding:0;}
    .circle-step-bottom .circle-step-list li{font-size:1.6rem;}
    .circle-step-box:after{right:-3rem;}
        
        
    .member-info .member-item{padding-right:12.5rem;}
    .member-info .photo{width:14rem; height:14.3rem; }    
}
        
@media all and (max-width: 1360px) {

    .history-head-cell.head-cell-type4.pc_view,
    .history-year-reserve,
    .histroy-list::before,
    .histroy-head { display: none !important; }
    .history-year-reserve.mo_view { display: block !important;}
    .history-item { padding: 0 2rem;}
    .history-year {position: relative; top: auto;}
    .history-year-info { flex-direction: column;}
    .history-year-info .info-cell dt.mo_view {display: block !important;}	
    .history-year-info .info-cell {margin-top: 3rem;}
    .history-year-info .info-cell:first-child {margin-top: 0;}
    .history-year-info .info-cell dd { padding: 0;}
    .history-year-reserve { top: -1.5rem; right: -0.3rem;padding: 2.9rem 1rem; width: 12rem; box-sizing: border-box;}
    .history-year-reserve::before { width: 12rem; height: 12rem; background: url("/images/contents/img_history_reserve_1.png") no-repeat center top / 100% auto;}
    .history-year-reserve .reserve-title { font-size: 1.4rem;}
    .history-year-reserve .reserve-price { font-size: 1.4rem; }
    .history-year-reserve .reserve-price>em {font-size: 1.6rem;}

    .fund-step-wrap { min-height: 40rem; }
    .fund-step-wrap:before { width: 30.2rem; height: 30.2rem; }
    .fund-step-item {padding-right: 11.5rem;width: calc(50% - 4%); min-height: 14.1rem; }
    .fund-step-item:before { width: 9.4rem;height: 9.4rem;}
    .fund-step-item:nth-child(even) {padding-left: 11.5rem;}
    .fund-step-item:nth-child(3)::before,
    .fund-step-item:nth-child(4)::before {top: 50%; bottom: auto;transform: translateY(-50%);}
        
    .step-instep-title,
    .observation-item .observation-title {font-size: 1.7rem;}

    .step-instep-sup,
    .observation-item .observation-desc {font-size: 1.4rem; }

    .step-instep-desc { font-size: 1.5rem; }

    .process-plan-detail {flex-direction: column;}
    .process-plan-detail .plan-category-title { margin: 0 auto; }

    .plan-category-contents { margin-top: 2rem; margin-left: 0;}

    .member-info>ul { flex-direction: column; }
    .member-info .member-item { margin: 2rem 0 0; }

    .process-step-instep .step-instep-title {font-size: 1.7rem;}

    /*운용정책*/

    .manage-intro  .manage-intro-wrap{display:block; }
    .manage-intro .manage-intro-box{width:100%;margin-top:3rem;}
    .manage-intro .circle-step{display:block;}
    .manage-intro .circle-step .circle-step-box{width:100%;}

    .circle-step-bottom{min-height:3.8rem;padding:1.7rem 0;margin:2.5rem auto 5rem;}
    .circle-step-bottom .circle-step-list li{font-size:1.7rem;}
}

@media all and (max-width: 1280px) {
        
    .decision-detail-item .decision-detail-instep { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
    .decision-detail-instep .step-instep-item { margin-top: 7.6rem; margin-left: 0; width: 100%; }
    .decision-detail-instep .step-instep-item:first-child { margin-top: 0; }

    .logic-process-step .process-step-instep {flex-direction: column; }
    .logic-process-step .step-instep-item {margin-top: 7.6rem; margin-left: 0; width: 100%;}
    .logic-process-step .step-instep-item:first-child { margin-top: 0;}

    .observation-item.observation-item3 { position: relative; margin-top: 10rem; margin-left: 0; width: 100%;}
    .observation-item.observation-item3 .observation-title::before,
    .observation-item.observation-item3 .observation-desc::before { margin: 0 auto; transform: rotate(-90deg);}
    .observation-item.observation-item3 .observation-title::before { top: -5.5rem; left: calc(100% / 5 - 0.8rem);}
    .observation-item.observation-item3 .observation-desc::before { top: -14.5rem; left: auto;right: calc(100% / 5 - 0.8rem);}

    .fund-part-greeting { padding: 47% 0 0; }

    .manage-related-law ul li .link{ position: static; margin-top: 1rem;}
    .manage-map{ display: block; }
    .manage-map-box{ width: 100%;}
    .manage-map-box:last-child { margin-top: 4rem;}

    /*기금소개*/
    .fund-intro .intro-history-list{display:block;}
    .fund-intro .intro-history-list:before{width:0.2rem; height:100%;}
    .fund-intro .intro-history-item{width:100%;}
    .fund-intro .intro-history-item:before{left:-0.7rem;}
    .fund-intro .intro-history-item:after{left:-0.3rem; }

    .organization-chart-ul .organization-chart-item.step_2{min-width:30%;}
    .organization-chart-ul .organization-chart-item.step_2 .chart-inner-part{display:block;}
    .organization-chart-ul .organization-chart-item.step_2 .chart-inner-part li{width:95%; margin:0 auto 0.8rem !important;}

    /*운용정책*/
    .manage-intro:last-child{border-bottom:none;}
    .manage-intro .circle-list {flex-wrap:wrap }
    .manage-intro-img{height:17rem;}
    .manage-intro-img.type4{background-size:cover;height:auto; }
    .manage-intro .circle-list li{width:14rem; height:14rem; }

    /*운용현황*/
    .status-intro-wrap .main-portfolio{display:block;}
    .status-intro-wrap .pf-chart{width:100%;}
    .status-intro-wrap .chart-wrap{text-align:center;}
    .status-intro-wrap.flex-wrap .pf-detail {width: 100%;}
    .status-intro-wrap .pf-detail{width:100%;margin-left:0;margin-top:2rem; }
    

    .circle-step-box:after{right:47%; top:102%; transform:rotate(90deg);}
}  

@media all and (max-width:1024px) {
	
    .page-top{font-size:16px; margin-bottom:40px;}
	
	/* 기금소개 */
    .greeting-wrap{flex-wrap:wrap;}
    .greeting-msg{margin:0;}
    .greeting-msg .text{font-size:16px;}
    .greeting-msg .text p + p{margin-top:16px;}
    .greeting-msg .name{font-size:16px;}
    
    .history-wrap:before{left:50%; margin-left:-175px;}
    .history-item{flex-wrap:wrap;}
    .history-item .info{margin:30px 0 0 0; width:100%;}
    .history-item .info ul{font-size:14px;}
    .history-item .info li + li{margin-top:15px;}
    .history-item .info .detail_text{padding-left:30px;}
    .history-item .info .detail_text:before{left:10px;top:7px;}

    .thumnail_card_wrap .card_list{flex-wrap:wrap; margin-right:0; margin-left:0;}
    .thumnail_card_wrap .card_item{width:100%;}

    .member-list > li{flex-wrap:wrap;}
    .member-list .th{display:block; width:100%; padding:20px 15px 10px 15px;}
    .member-list .td{padding:0 15px 20px 15px;}

    .location-info dt{padding:20px 0 10px; width:100%; border:none;}
    .location-info dd{padding:0 0 20px 0;}

    .office-list > li{padding:20px 0;}
    .office-list .th{padding:0 0 10px; width:100%;}
    .office-list .td{padding:0; width:100%;}
    
	/* 운용정책 */
	.related-law table,
    .related-law tbody,
    .related-law tr,
    .related-law th,
    .related-law td{display:block;}
    .related-law colgroup,
    .related-law thead{display:none;}
    .related-law th{border-width:0 0 1px 0; text-align:left; border:none; background:none !important; padding-bottom:10px;}
    .related-law th br{display:none;}
    .related-law td{border-width:0 0 1px 0;}
    .related-law .summary{padding-top:0; text-align:left; border:none;}
    .related-law .link{padding-top:0; text-align:left;}
    
    /* 운용현황 */
    .smr-section{margin:3.2rem 0;}

    .calc-item{flex-wrap:wrap;}
    .calc-item .graph{margin:0 auto 1.6rem auto;}
    .calc-item .info{width:100%;}
    .saving-status{padding-left:0; padding-right:0;}
    .saving-status-result .calc-item .info ul li{width:100%;}
    .saving-status-result .calc-item .graph{margin:0 auto 1.6rem auto;}

    .pf-status-wrap .pf-chart{width:100%;}
    .pf-status-wrap .pf-detail{width:100%;}

    .pf-status-wrap .pf-data-header .summary{padding-right:0;}
    .pf-status-wrap .pf-data th,
    .pf-status-wrap .pf-data td{padding-left:0.8rem; padding-right:0.8rem;}

    .asset-status-wrap ul{flex-wrap:wrap;}
    .asset-status-wrap li{width:calc(30% - 1rem);}

    .mng-result-wrap .result-box{flex-wrap:wrap; padding:2.4rem;}
    .mng-result-wrap .result-box .result-title{width:100%; margin:0 0 1.6rem 0; border:none; text-align:left;}
    .mng-result-wrap .result-box .result-title:before{display:none;}
    .mng-result-wrap .result-items{width:100%;}
    
    /* 수탁자책임 */
    .activity-report {flex-wrap:wrap; padding:50px 30px; box-sizing:border-box; overflow:hidden;}
    .activity-report .book{width:100%;padding:0; text-align:center;}
    .activity-report .book img{margin-left:-140px;}
    .activity-report .viewer{width:100%; padding:0; margin-top:30px;}
    .activity-report .viewer ul{justify-content: center;}
    .activity-report .viewer li + li{margin-left:10px;}
    .activity-report .viewer li a{width:120px; height:auto;}
    .activity-report .viewer .tit{font-size: 16px;}
    
    /* 알림 */
    .data-search .inp-item{flex-wrap:wrap;}
    .data-search .inp-item > label{width:100%; margin-bottom:3px;}
    .data-search .inp-group-period{display:flex; flex:1;}
    .data-search .useDatepicker{width:calc(50% - 10px);}
    .data-search .search-cmd{position:relative; right:initial; bottom:initial;}
    .data-search .search-cmd .btn{width:100%; justify-content: center;}
    
    
	/* 기존 */
    .portfolio-status .chart{width:100%; text-align:center;}
    .portfolio-status .chart-data{width:100%; margin-top:20px;}

    .invest-overview{flex-wrap:wrap;}
    .invest-overview .overview{margin:0 0 20px 0;}
    .invest-overview .overview li{ display:flex; align-items: baseline;}
    .invest-overview .overview li + li{margin-top:10px;}
    .invest-overview .overview .data{font-size:14px; width:120px;}
    .invest-overview .overview .data em{font-size:32px;}
    .invest-overview .overview .label{margin:0;}
    .invest-overview .overview .label br{display:none;}
    .invest-overview .chart{width:100%; max-width:100%;}
    .invest-overview .chart img{width:100%;}

    .invest-portfolio.flex{flex-wrap:wrap;}
    .invest-portfolio.flex > div{width:100%;}
    .invest-portfolio.flex .chart-wrap + .chart-wrap{margin-top:20px;}

    .result-overview{flex-wrap:wrap;}
    .result-overview .overview{margin:0 0 20px 0;}
    .result-overview .overview ul{display:flex; align-items: flex-start;}
    .result-overview .overview li{width:50%; display:flex; align-items: baseline; flex-wrap:wrap;}
    .result-overview .overview li + li{margin-top:0;}
    .result-overview .overview .data{font-size:14px; width:110px;}
    .result-overview .overview .data em{font-size:32px;}
    .result-overview .overview .label{margin:0 10px 0 0;}
    .result-overview .overview .label br{display:none;}
    .result-overview .overview .sub-txt{width:100%;}
    .result-overview .chart{width:100%; max-width:100%;}
    .result-overview .chart img{width:100%;}

    .RI-grounds > dt{font-size:16px;}   

}

@media all and (max-width: 768px) {
      
    .fund-step-wrap { padding-top: 31.2rem; }
    .fund-step-wrap:before {width: 30.2rem; height: 30.2rem;}
    .fund-step-item { margin-top: 2rem;}
    .fund-step-item:first-child {margin-top: 0;}
    .fund-step-item,
    .fund-step-item:nth-child(even) {align-items: flex-start;justify-content: center;padding-left: 11.4rem; padding-right: 0;width: 100%; min-height: 9.4rem;text-align: left; }
    .fund-step-item:before,
    .fund-step-item:nth-child(even)::before,
    .fund-step-item:nth-child(3)::before,
    .fund-step-item:nth-child(4)::before {top: 0;bottom: auto; left: 0; right: auto; transform: none; }
    
    .fund-intro .intro-history-item{padding:2rem 0 2rem 1.5rem;}
    
    .organization-chart-ul{display:block;}
    .organization-chart-ul .organization-chart-item.step_2{margin:2rem 0;}
    .organization-chart-ul .organization-chart-item.step_2 .chart-inner-part{padding-bottom:1rem;}
    .organization-chart-ul .organization-chart-item.step_3{max-width:100%; margin-top:8rem; margin-left:0;}
    .organization-chart-ul .organization-chart-item.step_3 .chart-inner-part li:before{left:50%; bottom:5rem; transform:translateX(-50%) rotate(90deg); }
    .organization-chart-ul .organization-chart-item.step_3 .chart-inner-part li:nth-child(2):before{display:none;}
  
    .manage-system { margin: 0 auto;}
    .manage-system .logic-list { height: 34.4rem;box-sizing: border-box; }
    .manage-system-logic {padding-bottom: 5.7rem;}
    .manage-system .logic-box {width: 10rem; height: 10rem;}
    .manage-system .logic-box::before {width: 8.5rem;height: 8.5rem;}
    .manage-system .logic-box-title { padding: 2.2rem 2.4rem 0; font-size: 1.4rem;}
    .manage-system .logic-box-title::before { width: 1.8rem; height: 1.8rem;}
    .manage-system .logic-arrow {width: 50%;}
    .manage-system .logic-arrow .logic-arrow-desc { margin: 0 auto;width: 21vw;font-size: 1.2rem;padding: 0.6rem 0 0.8rem; }
    .manage-system .logic-arrow .logic-arrow-desc>p {padding: 0.4rem 0; text-align:center; }
    .manage-system .logic-arrow.type-arrow-top,
    .manage-system .logic-arrow.type-arrow-top_long {width: 10rem; }
    .manage-system .logic-arrow.type-arrow-top,
    .manage-system .logic-arrow.type-arrow-top_long,
    .manage-system .logic-arrow.type-arrow-top .logic-arrow-desc::before { top: 50%;transform: translateY(-50%);}
    .manage-system .logic-arrow.type-arrow-top .logic-arrow-desc,
    .manage-system .logic-arrow.type-arrow-top_long .logic-arrow-desc { padding: 0; width: auto;}
    .manage-system .logic-arrow.type-arrow-top_long .logic-arrow-desc::before {top: -4.1rem;}
    .manage-system .logic-arrow .logic-arrow-desc+.logic-arrow-desc { margin-top: 0.8rem;}
    .manage-system .logic-arrow .type-arrow-revers::before {top: -0.3rem;}
    
    .logic-process-step {padding: 2rem; border-radius: 1rem;}
    .logic-process-step .process-step-item {padding: 1rem;}
    .logic-process-step .process-step-item .step-title {font-size: 1.6rem;}
    .logic-process-step .process-step-item .step-sup-title {font-size: 1.4rem;;}
    .logic-process-step .process-step-item { margin-top: 3.5rem;}
    .logic-process-step .process-step-item::before { top: -2.5rem; width: 1.4rem;height: 1.4rem; }
  
    .process-step-instep .step-instep-item {margin: 2rem 0 0;}
    .process-step-instep .step-instep-item:first-child { margin-top: 0;}
    .process-step-instep .step-instep-item:first-child::before { display: none;}
    .process-step-instep .step-instep-title {font-size: 1.6rem;}
    .process-step-instep .step-instep-sup {font-size: 1.3rem;}
    .process-step-instep .step-instep-item::before { top: -1.7rem; width: 1.4rem; height: 1.4rem;}
  
    .organization-chart-wrap { padding: 2rem;border-radius: 1rem;}
    .organization-chart-ul .organization-chart-item {margin: 2.1rem 0 0;}
    .organization-chart-ul .organization-chart-item.step_1 strong { padding: 0.8rem 1.8rem;font-size: 1.6rem;}
  
    .chart-inner-part {flex-direction: column;}
    .chart-inner-part::after {display: none;}
    .chart-inner-part::before {  z-index: -1;top: -2.2rem; height: 100%; }
    .chart-inner-part li { margin: 1rem 0 0; padding: 0.8rem 0.5rem; width: 100%;}
    .chart-inner-part strong {font-size: 1.5rem;}
  
    .observation-system-graphic { padding: 12.5rem 0;}
  
    .system-graphic-item.gov_1,
    .system-graphic-item.gov_2 {top: auto; bottom: auto; left: 0; right: 0; transform: none; margin: 0 auto; padding: 0 0 6.3rem;}
    .system-graphic-item .system-gov-name { display: flex;align-items: center; justify-content: center; margin: 0 auto; padding: 0; width: 10.6rem; height: 4.7rem; max-width: none''; max-height: none; border-radius: 1rem;}
  
    .system-gov-title {display: inline-block; position: relative; top: auto; left: auto; right: auto;transform: none; padding: 0 0 0 2.8rem; font-size: 1.6rem;}
    .system-gov-title::before {top: 0; left: 0;  margin: 0; width: 2rem; height: 2rem;}
  
    .system-graphic-item.gov_1 { top: 0;}
    .system-graphic-item.gov_2 {bottom: 0;}
    .system-graphic-item.gov_1::before,
    .system-graphic-item.gov_2::before {top: 3.6rem; transform: rotate(90deg); bottom: auto; left: 0; right: 0; margin: 0 auto; width: 5rem;height: 10rem; }
    .system-graphic-item.gov_2 {padding: 6.3rem 0 0;}
    .system-graphic-item.gov_2::before { top: -3.6rem; transform: rotate(-90deg);}
    .system-graphic-item.graphic { margin: 1.5rem auto; width: 100%; padding-top: 103%;  background: url("/images/contents/img_observation_diagram_m.svg") no-repeat left top / auto 100%;}
  
    .fund-part-greeting::before { width: 23.7rem;  height: 29.5rem;}
    .fund-part-greeting { padding-top: 31.5rem;}
    
    .greeting-msg img {width: 50%;max-width: 250px;}
    
    .greeting-head {padding-bottom: 2.2rem;}
    .greeting-head .greeting-head-sup { font-size: 1.6rem}
    .greeting-head .greeting-head-title { font-size: 3.2rem;}
    .greeting-head-desc {font-size: 2.1rem;}
    .greeting-body { margin-top: 2.4rem; font-size: 1.6rem;}
    .greeting-footer .greeting-footer-sign { font-size: 1.6rem;}
  
    .plan-process-ul { flex-direction: column; }
    .plan-process-ul .plan-process-item { flex: 1; margin: 6.8rem 0 0; width: 100%; }
    .plan-process-ul .plan-process-item:first-child {margin-top: 0;}
    .plan-process-ul .plan-process-item::before { top: -4.8rem; left: 0; right: 0;  margin: 0 auto; transform: rotate(90deg);}
    .plan-process-ul.type3 .plan-process-item { margin-top: 2.4rem;  margin-left: 0;}
  
    .fund-manage-list li { width: calc(100%/2);}
  
    .manage-related-law ul li .btn { margin: 0 auto;}
    .member-info .member-item { width: 100%;}
  
    /*운용정책*/
    .manage-intro .circle-list li{ width:12remx; height:12rem; }
    .manage-intro .circle-list li:before{margin-bottom:1rem; }
  
    /*운용현황*/
    .status-intro-wrap .fund-process li{min-width:3rem;margin-left:0.4rem !important;font-size:1.1rem; }
    .status-intro-wrap .fund-process li:nth-child(2){margin-left:auto !important; }
    .status-intro-list{display:block; }
    .status-intro-list li{ width:100%; margin-bottom:1rem;}
    .status-intro-box .percent-list{display:block; padding:1rem 2rem;}
    .status-intro-box .percent-list li{display:flex;align-items: center;flex-wrap: wrap;width:100%; margin-bottom:1rem;text-align:right;}
    .status-intro-box .percent-list li .percent-number b{font-size:1.8rem;}
    .status-intro-box .percent-list li:after{display:none;}
    .status-intro-box .percent-list li .percent-date{font-size:1.4rem;margin-left:auto;}
    .status-intro-box .percent-list li .percent-tit{margin-bottom: 0;text-align: left;font-size:1.4rem;min-width: 8rem;width: 28%;}
    .status-intro-wrap .saving-status{padding:5rem 0rem;}
  
  	.status-intro-box .percent-list li:not(:first-child) {margin-top: 1.5rem;}
    .status-intro-box .percent-list li:first-child{justify-content: start; border-bottom:0.1rem solid #C6C6C6; padding-bottom:1rem;}
    .status-intro-box .percent-list li:first-child:before{margin:0;	margin-right:0.4rem; width:6rem; height:6rem; background-size:100%; }
    
    .pf-status-wrap .pf-detail{width:100%; margin-left:0;}
    .pf-status-wrap .pf-chart{width:100%;}
  
  }

@media all and (max-width:600px){
	
	 /* 기금소개 */
    .member-list > li{flex-wrap:wrap;}
    .member-list .th{display:block; width:100%; padding:2rem 1.6rem 1.2rem 1.6rem;}
    .member-list .td{padding:0 1.6rem 2rem 1.6rem;}

    .nps-links-layout .col{width:100%;}
    .nps-links-layout .col + .col{margin-top:40px;}
    .nps-links-group2 .dep1 > li > a{padding:15px 15px 15px 20px;}
    .nps-links-group2 .dep1 > li > a:before{left:5px;top:23px;}
    .nps-links-group2 .dep2 > li{flex:0 0 50%;}
	
	/* 운용정책 */
    .management-principle dt{width:100px;height:100px; flex:0 0 100px;}
    .management-principle dt strong{width:80px;height:80px; font-size:13px;}
    .management-principle .item6 dt strong{font-size:12px;}
    .management-principle dd{margin-left:10px;}
    .management-principle dd:before{width:10px; left:-10px;}

    .dir-copy{height:21vw; font-size:18px; background-position:center;}
    .management-direction .dir-item{flex-wrap:wrap;}
    .management-direction .dir-item:before{width:17px;height:20px; top:-5px;}
    .management-direction .dir-item h4{flex-basis: 100%; text-align:left; border-bottom: 1px solid var(--line-gray); padding-bottom:15px; display:block; font-size:16px;}
    .management-direction .dir-item .txt-list{margin:15px 0 0 0; padding:0;}
    .management-direction .dir-item .txt-list:before{display:none;}
    
    .plan-chart .col{width:100%;}
    .plan-chart .col + .col{margin-top:40px;}
    .plan-chart h5{font-size:16px;}
    
    /* 운용현황 */
    .calc-item .graph{width:12rem; height:12rem;}
    .status-intro-wrap .calc-item .graph {width:12rem; height:12rem;}
    .calc-item .graph .data{font-size:1.5rem;}
    .calc-item .graph .data em{font-size:2rem;}
    .saving-status .calc-item{width: calc(50% - 3rem);}
    .status-intro-wrap .saving-status .calc-item {width:calc(50% - 20px);}

    .asset-status-wrap a:before{margin-bottom:1.4rem;}

    .mng-result-wrap .result-box{padding:2.4rem 1.6rem;}
    .mng-result-wrap .result-items li{min-width:calc(100% / 3);}
    .mng-result-wrap .result-items .label{font-size:1.3rem;}
    .mng-result-wrap .result-items .data .num{font-size:2.4rem}
    .mng-result-wrap .result-items .data .unit{font-size:1.6rem;}
    .mng-result-wrap .result-items .year{font-size:1.3rem;}

    .smr-bottom{display:block;}
    .smr-bottom > .left{margin-bottom:2.4rem;}

    .related-page-list ul{margin:-0.4rem;}
    .related-page-list li{width:calc(50% - 0.8rem); margin:0.4rem;}

    .invest-download-items{margin:-0.4rem;}
    .invest-download-items a{margin:0.4rem;}

    .asset-intro-items a{padding:2.4rem 0;}
    
    /* 수탁자책임 */
    .RI-principle .list-item .title_box{width:100px;height:100px; flex:0 0 100px;}
    .RI-principle .list-item .title_box h4{width:80px;height:80px; font-size:16px;}
    .RI-principle .list-item .title_box:after{width:10px; right:-10px;}
    .RI-principle .list-item .item_box{margin-left:10px;}
    .activity-report .viewer ul {flex-wrap:wrap;}
    .activity-report .viewer li div {height:auto;}
    
	/* 알림 */
    .thumnail_list > li > a{padding:2.4rem 0;}
    .thumnail_list .image{width:16rem; flex-basis: 16rem;}
    .thumnail_list .text_area{margin-left:2rem;}

    .faq-wrap .ques{padding-left:1rem; padding-right:4rem;}
    .faq-wrap .ques:after{right:1rem;}
    .faq-wrap .answ{padding-left:4rem;}
    .faq-wrap .answ:before{left:0.5rem;}    
    
    .pf-status-wrap.type-tbl {flex-wrap: wrap;padding: 2.4rem 0;}
    .pf-status-wrap.type-tbl .pf-detail {width: 100%;}
    .pf-status-wrap.type-tbl .pf-detail + .pf-detail {margin-top: 4rem;}
}

  @media all and (max-width: 500px) {
    .manage-intro .circle-list li{width:8rem; height:8rem;}

    /*운용현황*/
    .status-intro-wrap .fund-process li{min-width:2.5rem; margin-left:0.2rem !important; font-size:0.9rem}
    .status-intro-wrap .fund-process li:nth-child(2){margin-left:auto !important;}
    .status-intro-wrap .pf-data td{	padding-right:1rem;font-size:1.2rem;}
    .status-intro-wrap .pf-data .dep2 th{font-size:1.2rem;padding:1rem 0 1rem 1rem;}
    .status-intro-wrap .pf-data .dep2 th .th-label {display:flex;align-items:center;}
    .status-intro-wrap .pf-data .dep2 th .dot{margin-right:.8rem;}
    .status-intro-wrap .pf-data .dep2 .num{font-size:1.4rem;}
    .status-intro-wrap .pf-data-header .total-txt {font-size:2rem}
    .status-intro-wrap .pf-data-header em {font-size:2.4rem}
    .status-intro-wrap .pf-data-header .unit {font-size:2rem}

    /*모바일 배경*/
    .fund-intro-img.type1{background:url("/images/contents/m_fund_intro_img01.png") no-repeat; background-size:cover;}
    .fund-intro-img.type2{background:url("/images/contents/m_fund_intro_img02.png") no-repeat; background-size:cover;}
    .fund-intro-img.type3{background:url("/images/contents/m_fund_intro_img03.png") no-repeat; background-size:cover;}

    .status-intro-img.type1{background:url("/images/contents/m_status_intro_img01.png") no-repeat;background-size:cover;}
    .status-intro-img.type2{background:url("/images/contents/m_status_intro_img02.png") no-repeat;background-size:cover;}
    .status-intro-img.type3{background:url("/images/contents/m_status_intro_img03.png") no-repeat;background-size:cover;}
    .status-intro-img.type4{background:url("/images/contents/m_status_intro_img04.png") no-repeat;background-size:cover;}
    .status-intro-img.type5{background:url("/images/contents/m_status_intro_img05.png") no-repeat;background-size:cover;}

    .sutak-intro-img.type1{background:url("/images/contents/m-sutak-intro-img01.png") no-repeat;background-size:cover;}
    .sutak-intro-img.type2{background:url("/images/contents/m-sutak-intro-img02.png") no-repeat;background-size:cover;}
    .sutak-intro-img.type3{background:url("/images/contents/m-sutak-intro-img03.png") no-repeat;background-size:cover;}
    .sutak-intro-img.type4{background:url("/images/contents/m-sutak-intro-img04.png") no-repeat;background-size:cover;}

    .aram-intro-img.type1{background:url("/images/contents/m_aram_intro_img01.png") no-repeat;background-size:cover;}
    .aram-intro-img.type2{background:url("/images/contents/m_aram_intro_img02.png") no-repeat;background-size:cover;}
    .aram-intro-img.type3{background:url("/images/contents/m_aram_intro_img03.png") no-repeat;background-size:cover;}
    .aram-intro-img.type4{background:url("/images/contents/m_aram_intro_img04.png") no-repeat;background-size:cover;}
    .aram-intro-img.type5{	background:url("/images/contents/m_aram_intro_img05.png") no-repeat;background-size:cover;}
    .aram-intro-img.type6{background:url("/images/contents/m_aram_intro_img06.png") no-repeat;background-size:cover;}

    .sub-visual.sub1{background:url("/images/contents/m_sub_visual1.jpg") center no-repeat; background-size:cover;}
    .sub-visual.sub2{background:url("/images/contents/m_sub_visual2.jpg") center no-repeat; background-size:cover;}
    .sub-visual.sub3{background:url("/images/contents/m_sub_visual3.jpg") center no-repeat; background-size:cover;}
} 


@media all and (max-width:430px){

    .dir-copy{font-size:16px;}
     /*운용현황*/
    .status-intro-box .percent-list li .percent-date{font-size:1.2rem}
    .status-intro-box .percent-list li .percent-tit{font-size:1.2rem;}
   	.status-intro-box .percent-list li .percent-number b {font-size:1.4rem;font-weight:600}
   	.status-intro-box .percent-list li span {font-size:1.4rem}

}