
.page-top {
    border: 0.1rem solid #c4cceb;
    background-color: #f9fafc;
    text-align: center;
    font-size: 2rem;
    padding: 4rem;
    border-radius: 2rem;
    margin-bottom: 10rem;
}

.page-top p+p {
    margin-top: 1.2rem;
}

/* 기금소개 ------------------------------------------------------------------------ */

.sub-main-intro:nth-of-type(1), 
.sub-main-intro:first-child{margin-top:6rem;}

/* 서브메인 */
.sub-main-intro .con-title{position:relative;align-items:flex-end;width: 100%;box-sizing: border-box;font-size:2.4rem;font-weight:700;color:#425ABE;}
.sub-main-intro .con-title:before{background:url("../images/contents/fund_intro_title_icon.png") center no-repeat;}
.sub-main-intro .con-title:after{position:absolute; content:''; display:block; top:4.5rem; left:0; display:block; width:4rem; height:0.3rem; background:#425ABE;}
.sub-main-intro .con-title .data-unit {color: var(--gray-90);}
.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:0;}

@media all and (max-width:500px){
	.sub-main-intro .con-title {flex-direction: column;align-items: flex-start;}
	.sub-main-intro .con-title .data-unit {margin-top: .5rem;}
    .sub-main-intro .con-title:after {display: none;}
}

.fund-intro-img{width:100%;height:27.8rem;border-radius:1rem;}
.fund-intro-img.type1{background:url("../images/contents/fund_intro_img01.png") center no-repeat;}
.fund-intro-img.type2{background:url("../images/contents/fund_intro_img02.png") center no-repeat;}
.fund-intro-img.type3{background:url("../images/contents/fund_intro_img03.png") center no-repeat;}

.sub-main-intro .fund-intro-wrap{display:flex;justify-content: space-between;flex-wrap: wrap;margin-top:3rem;}
.sub-main-intro .fund-intro-wrap.wrap {flex-wrap: wrap;}

.fund-intro .fund-intro-box{width:100%;margin-top: 2rem;}
.fund-intro .fund-intro-txt{font-size:2rem; color:#555;}

.fund-intro-btn{float:right;display:flex;align-items: center;justify-content: center;height:4.5rem; padding:0 2.5rem; margin-top:2.5rem;border:0.1rem solid #425abd;font-size:1.7rem;font-weight:600;color:#425abd;border-radius:0.5rem;background:#fff;}
.fund-intro .intro-history-list{position:relative;display:flex;}
.fund-intro .intro-history-list:before{
    position:absolute;
    content:'';
    display:block;
    width:100%;
    height:0.2rem;
    background:linear-gradient(to right, rgba(216, 216, 216, 0.19),rgba(216, 216, 216, 1),rgba(216, 216, 216, 0.2))
}
.fund-intro .intro-history-item{
    position:relative;
    width:calc(100%/5);
    padding:2rem 1.6rem;
}

.fund-intro .intro-history-txt:before{
    content:'';
    display:block;
    width:6.4rem;
    height:6.4rem;
    margin:1.6rem 0;
    border-radius:50%;
}

.fund-intro .type1 .intro-history-txt:before{
    background:url("../images/contents/fund_intro_step1.png") center no-repeat;
}

.fund-intro .type2 .intro-history-txt:before{
    background:url("../images/contents/fund_intro_step2.png") center no-repeat;
}

.fund-intro .type3 .intro-history-txt:before{
    background:url("../images/contents/fund_intro_step3.png") center no-repeat;
}

.fund-intro .type4 .intro-history-txt:before{
    background:url("../images/contents/fund_intro_step4.png") center no-repeat;
}

.fund-intro .type5 .intro-history-txt:before{
    background:url("../images/contents/fund_intro_step5.png") center no-repeat;
    box-shadow:0 0.1rem 1.5rem 0 rgba(66, 90, 189, 0.3);
}

.fund-intro .intro-history-item:before{
    content:'';
    display:block;
    position:absolute;
    top:-0.7rem;
    left:3.5rem;
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    background:#d8d8d8;
}

.fund-intro .intro-history-item.type5:before{
    background:#425ABD;
}

.fund-intro .intro-history-item:after{
    content:'';
    display:block;
    position:absolute;
    top: -0.3rem;
    left:3.9rem;
    width:0.7rem;
    height:0.7rem;
    background-color: #fff;
    border-radius:50%;
}

.fund-intro .intro-history-year{
    font-size:2.4rem;
    color:#2d2d2d;
}

.fund-intro .intro-history-item.type5 .intro-history-year,
.fund-intro .intro-history-item.type5 b{
    color:#425abd;
}

.fund-intro .intro-history-txt b{
    color:#2d2d2d;
}

.intro-history-ul{
    margin-top:1.5rem;
}

.intro-history-ul li
{
    position:relative;
    padding-left:1.5rem;
    font-size:1.6rem;
    color:#555;
}

.intro-history-ul li:before{
    position:absolute;
    top:1rem;
    left:0.5rem;
    content:'';
    display:block;
    width:0.4rem;
    height:0.4rem;
    border-radius:50%;
    background:#555555;
}

/* 설치와 운용 */
.fund-step-wrap {
    position: relative;
    margin: 0 auto;
    padding: 1.6rem 0 2.2rem;
    max-width: 136rem;
    width: 100%;
    box-sizing: border-box;
}

.fund-step-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60.4rem;
    height: 60.4rem;
    background: url("../images/contents/img_fund_step.png") no-repeat left top / 100% auto;
}

.fund-step-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fund-step-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    align-items: flex-end;
    padding-right: 21.2rem;
    width: calc(50% - 11rem);
    min-height: 28.3rem;
    text-align: right;
    box-sizing: border-box;
}

.fund-step-item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 18.8rem;
    height: 18.8rem;
}

.fund-step-item:nth-child(even) {
    align-items: flex-start;
    padding-left: 21.2rem;
    padding-right: 0;
    text-align: left;
}

.fund-step-item:nth-child(even):before {
    left: 0;
    right: auto;
}

.fund-step-item:nth-child(3),
.fund-step-item:nth-child(4) {
    justify-content: flex-end;
}

.fund-step-item:nth-child(3)::before,
.fund-step-item:nth-child(4)::before {
    top: auto;
    bottom: 0;
}

.fund-step-num {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    color: #2d2d2d;
}

.fund-step-title {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: #435abe;
}

.fund-step-desc {
    margin-top: 0.6rem;
    font-size: 1.7rem;
    letter-spacing: -0.1rem;
    font-weight: 500;
    color: #555;
}

.fund-step-desc>em {
    color: #435abe;
}

.fund-step-desc>.law-position {
    display: inline-block;
    margin-top: 0.4rem;
    font-weight: 400;
    font-size: 1.7rem;
    color: #8e8e8e;
}

.fund-step-item.step-01::before {
    background: url("../images/contents/img_fund_step1.png") no-repeat left top / 100% auto;
}

.fund-step-item.step-02::before {
    background: url("../images/contents/img_fund_step2.png") no-repeat left top / 100% auto;
}

.fund-step-item.step-03::before {
    background: url("../images/contents/img_fund_step3.png") no-repeat left top / 100% auto;
}

.fund-step-item.step-04::before {
    background: url("../images/contents/img_fund_step4.png") no-repeat left top / 100% auto;
}

/* 연혁 */
.history-tab .tabNav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.history-tab .tabNav li {
    margin-left: 1rem;
}

.history-tab .tabNav li:first-child {
    margin-left: 0;
}

.history-tab .tabNav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.6rem 2.4rem;
    border-radius: 1rem;
    font-size: 2.2rem;
    font-weight: 600;
    color: #435abe;
    line-height: 1;
    border: 0.1rem solid #c4cceb;
    background: #ffffff;
    box-sizing: border-box;
}

.history-tab .tabNav li a.active {
    border: 0.1rem solid #c4cceb;
    color: #fff;
    background: #435abe;
}

.history-tab .tabNav li a.active:focus-visible {
	outline: 0.3rem dotted #000;
}

.history-wrap {
    position: relative;
    margin-top: 8rem;
    padding-left: 3.6rem;
    padding-bottom: 2.8rem;
}

.histroy-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.history-head-cell {
    box-sizing: border-box;
}

.history-head-cell.head-cell-type1 {width: 11.9rem;}
.history-head-cell.head-cell-type2 {padding-left: 7rem;}
.history-head-cell.head-cell-type3 {margin-left: 21.8rem;}

.history-head-cell.head-cell-type4.pc_view {
    margin-left: 19.8rem;
    margin-right: 2.3rem;
    min-width: 21.4rem;
    display: inline-flex !important;
}

.history-head-cell .cell-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1rem 2.4rem 2.6rem;
    font-size: 3.6rem;
    font-weight: 700;
    color: #283672;
    line-height: 1.4;
    white-space: nowrap;
}

.history-head-cell .cell-text::before {
    content: "";
    position: absolute;
    bottom: 0.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3.6rem;
    height: 0.4rem;
    background: #283672;
}

.histroy-list {
    position: relative;
    margin-top: 8rem;
}

.histroy-list::before {
    content: "";
    z-index: -1;
    position: absolute;
    /*top: 4.7rem;*/
    right: 0;
    width: 24.2rem;
    height: 115.5rem;
    background: url("../images/contents/img_history_arrow.png") no-repeat center bottom / 24.2rem 115.5rem;
}

.history-item {
    position: relative;
    margin-top: 6rem;
    padding-left: 11.9rem;
    padding-right: 31.9rem;
    box-sizing: border-box;
}

.history-item:first-child {
    margin-top: 0;
}

.history-year {
    position: absolute;
    top: -2.25rem;
    left: 0;
    width: 11.9rem;
    height: 4.5rem;
    background-color: #fff;
}

.history-year-data {
    font-size: 3rem;
    font-weight: 700;
    color: #435abe;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.history-year-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    /* padding: 2rem 7.7rem 2rem 0; */
    padding: 2rem 0;
    box-sizing: border-box;
}

.history-year-info::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100%);
    height: 0.1rem;
    background-color: #dedede;
}

.history-year-info .info-cell {
    overflow: hidden;
    position: relative;
    flex: 1;
}

.history-year-info .info-cell dt {
    font-weight: 700;
}

.history-year-info .info-cell dd {
    padding-left: 4rem;
    font-size: 1.7rem;
    font-weight: 500;
    color: #555;
    line-height: 2;
}

.history-year-info .info-cell dd .desc_sup {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.history-year-reserve {
    z-index: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    top: -7.1rem;
    right: -0.6rem;
    padding: 4.6rem 3.4rem;
    width: 24.6rem;
    box-sizing: border-box;
}

.history-year-reserve.empty {
    top: -12rem;
}

.history-year-reserve.mo_view {
    display: none !important;
}

.history-year-reserve::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 19rem;
    height: 19.8rem;
    background: url("../images/contents/img_history_reserve_1.png") no-repeat center top / 100% auto;
}

.history-year-reserve.reserve-type1::before {background: url("../images/contents/img_history_reserve_1.png") no-repeat center top / 100% auto;}
.history-year-reserve.reserve-type2::before {background: url("../images/contents/img_history_reserve_2.png") no-repeat center top / 100% auto;}
.history-year-reserve.reserve-type3::before {background: url("../images/contents/img_history_reserve_3.png") no-repeat center top / 100% auto;}
.history-year-reserve.reserve-type4::before {background: url("../images/contents/img_history_reserve_4.png") no-repeat center top / 100% auto;}
.history-year-reserve.reserve-type5::before {background: url("../images/contents/img_history_reserve_5.png") no-repeat center top / 100% auto;}
.history-year-reserve.reserve-type6::before {background: url("../images/contents/img_history_reserve_6.png") no-repeat center top / 100% auto;}

.history-year-reserve.reserve-type7,
.history-year-reserve.reserve-type7 .reserve-title,
.history-year-reserve.reserve-type7 .reserve-price {color: #283672;}
.history-year-reserve.reserve-type7::before {background: url("../images/contents/img_history_reserve_7.png") no-repeat center top / 100% auto;}

.history-year-reserve.reserve-type8,
.history-year-reserve.reserve-type8 .reserve-title,
.history-year-reserve.reserve-type8 .reserve-price {color: #283672;}
.history-year-reserve.reserve-type8::before {background: url("../images/contents/img_history_reserve_8.png") no-repeat center top / 100% auto;}

.history-year-reserve.reserve-type9,
.history-year-reserve.reserve-type9 .reserve-title,
.history-year-reserve.reserve-type9 .reserve-price {color: #283672;}
.history-year-reserve.reserve-type9::before {background: url("../images/contents/img_history_reserve_9.png") no-repeat center top / 100% auto;}

.history-year-reserve.reserve-type10,
.history-year-reserve.reserve-type10 .reserve-title,
.history-year-reserve.reserve-type10 .reserve-price {color: #283672;}
.history-year-reserve.reserve-type10::before {background: url("../images/contents/img_history_reserve_10.png") no-repeat center top / 100% auto;}

.history-year-reserve.reserve-type11,
.history-year-reserve.reserve-type11 .reserve-title,
.history-year-reserve.reserve-type11 .reserve-price {color: #283672;}
.history-year-reserve.reserve-type11::before {background: url("../images/contents/img_history_reserve_11.png") no-repeat center top / 100% auto;}

.history-year-reserve .reserve-title {
    display: block;
    font-size: 1.9rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    letter-spacing: -0.02em;
    text-align: center;
}

.history-year-reserve .reserve-price {
    display: block;
    font-size: 1.9rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}

.history-year-reserve .reserve-price>em {
    font-weight: 800;
    font-size: 3rem;
}

/* 관리 체계 */  
.manage-system-logic {
    position: relative;
    overflow: hidden;
    padding-bottom: 8rem;
}

.manage-system .logic-list {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width:96rem;
    height: 53rem;
    box-sizing: border-box;
}

.manage-system .logic-item {
    display: flex;
    width: 50%;
    box-sizing: border-box;
}

.manage-system .logic-item.item_2,
.manage-system .logic-item.item_4 {justify-content: flex-end;}
.manage-system .logic-item.item_3,
.manage-system .logic-item.item_4 {align-items: flex-end;}

.manage-system .logic-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: linear-gradient(143.78deg,
        rgba(66, 90, 189, 0.77) 11.47%,
        #425abd 91.34%);
}

.manage-system .logic-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background-color: #fff;
}

.manage-system .logic-box-title {
    position: relative;
    padding-top: 3.8rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #1e2855;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
}

.manage-system .logic-box-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3rem;
    height: 3rem;
}

.manage-system .logic-type1 .logic-box-title::before {
    width:4.6rem; height:3.4rem; top:-1.5rem; left:-0.5rem;
    background: url("../images/contents/icon_cabinet_logic_1.png") no-repeat left top / 100% auto;
}

.manage-system .logic-type2 .logic-box-title::before {
    width:5.4rem; height:3.4rem; top:-1.5rem; left:-1rem;
    background: url("../images/contents/icon_cabinet_logic_2.png") no-repeat left top / 100% auto;
}

.manage-system .logic-type3 .logic-box-title::before {
    background: url("../images/contents/icon_cabinet_logic_4.png") no-repeat left top / 100% auto;
}

.manage-system .logic-type4 .logic-box-title::before {
    background: url("../images/contents/icon_cabinet_logic_4.png") no-repeat left top / 100% auto;
}

.manage-system .logic-arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 61.2rem;
}

.manage-system .logic-arrow .logic-arrow-desc {
    display: block;
    position: relative;
    padding-top: 3.9rem;
    padding-bottom: 1.6rem;
    font-size: 1.7rem;
    font-weight: 500;
    color: #555;
    line-height: 1.2;
    text-align: center;
}

.manage-system .logic-arrow .logic-arrow-desc::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 0.8rem;
    max-width: 61.2rem;
    background: url("../images/contents/icon_cabinet_logic_arrow.png") no-repeat right center / auto 100%;
    background-size:100%;
}

.manage-system .logic-arrow .logic-arrow-desc+.logic-arrow-desc {
    margin-top: 2.8rem;
}

.manage-system .logic-arrow.type-arrow-top_long {
    top: 20.4rem;
    left: auto;
    right: -7.5rem;
    width: 16.6rem;
    letter-spacing: -0.1rem;
}

.manage-system .logic-arrow.type-arrow-top_long .logic-arrow-desc {
    padding: 4rem 0 0 2.8rem;
    text-align: left;
    line-height: 1.4;
}

.manage-system .logic-arrow.type-arrow-top_long .logic-arrow-desc::before {
    top: 0;
    width: 1.3rem;
    height: 61.2rem;
    background: url("../images/contents/icon_cabinet_logic_arrow_t.png") no-repeat center top / 100% auto;
    background-size:100%;
}

.manage-system .logic-arrow.type-arrow-top .logic-arrow-desc::before,
.manage-system .logic-arrow.type-arrow-top_long .logic-arrow-desc::before {
    margin: 0;
}

.manage-system .logic-arrow.type-arrow-top {
    top: 50%;
    right: auto;
    margin: 0;
    left: -7.5rem;
    transform: translateY(-50%);
    width: 16.6rem;
    letter-spacing: -0.1rem;
}

.manage-system .logic-arrow.type-arrow-top .logic-arrow-desc {
    padding: 0 2.8rem 0 0;
    text-align: right;
    line-height: 1.4;
}

.manage-system .logic-arrow.type-arrow-top .logic-arrow-desc::before {
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 12.2rem;
    background: url("../images/contents/icon_cabinet_logic_arrow_t.png") no-repeat center top / 100% auto;
    background-size:100%;
}

.manage-system .logic-arrow.type-arrow-dobule {
    bottom: 0;
}

.manage-system .logic-arrow .type-arrow-revers {
    padding-top: 1.6rem;
    padding-bottom: 3.3rem;
}

.manage-system .logic-arrow .type-arrow-revers::before {
    top: 0;
    bottom: auto;
    transform: rotate(-180deg);
}

.logic-process-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem;
    border-radius: 2rem;
    background: #f9fafc;
}

.logic-process-step .process-step-list {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.logic-process-step .process-step-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin-top: 7.6rem;
    padding: 2rem 1rem;
    color: #fff;
    border-radius: 2rem;
    box-sizing: border-box;
}

.logic-process-step .process-step-item:first-child {
    margin-top: 0;
}

.logic-process-step .process-step-item::before {
    content: "";
    position: absolute;
    top: -5.2rem;
    width: 2.8rem;
    height: 2.8rem;
    background: url("../images/contents/bg_process_db_arrow.png") no-repeat left top / 100% auto;
}

.logic-process-step .process-step-item:last-child::before {
	display: none;
}

.logic-process-step .process-step-item:first-child::before {
    display: none;
}

.logic-process-step .process-step-item.step-type1 {background-color: #1e2855;}
.logic-process-step .process-step-item.step-type2 {background-color: #32448f;}
.logic-process-step .process-step-item.step-type3 {padding: 0;background-color: transparent;}
.logic-process-step .process-step-item .step-title {font-size: 2rem;font-weight: 700;}
.logic-process-step .process-step-item .step-sup-title {font-size: 1.7rem;font-weight: 500;}

.process-step-instep {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.process-step-instep .step-instep-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    position: relative;
    margin-left: 2rem;
    padding: 2rem 2rem;
    color: #354898;
    border-radius: 2rem;
    background-color: #eceff9;
    box-sizing: border-box;
}

.process-step-instep .step-instep-item::before {
    content: "";
    position: absolute;
    top: -5.2rem;
    width: 2.8rem;
    height: 2.8rem;
    background: url("../images/contents/bg_process_db_arrow.png") no-repeat left top / 100% auto;
}

.process-step-instep .step-instep-item:first-child {
    margin-left: 0;
}

.process-step-instep .step-instep-title,
.process-step-instep .step-instep-sup {
    text-align: center;
}

.process-step-instep .step-instep-title {
    font-size: 2rem;
    font-weight: 700;
}

.process-step-instep .step-instep-sup {
    font-size: 1.7rem;
    font-weight: 500;
}

.organization-chart-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 3.2rem;
    padding: 2rem 4rem;
    width: 100%;
    border-radius: 2rem;
    background: #eceff9;
    box-sizing: border-box;
}

.organization-chart-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    width: 100%;
    border: 0.1rem solid #c4cceb;
    border-radius: 1rem;
    background: #425abe;
    box-sizing: border-box;
}

.organization-chart-name .gov_nps {
    display: inline-block;
    position: relative;
    padding-left: 7rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
}

.organization-chart-name .gov_nps::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6rem;
    height: 2.5rem;
    background: url("../images/contents/bg_nps_logo.png") no-repeat left top / 100% auto;
}

.organization-chart-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
    box-sizing: border-box;
}

.organization-chart-ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.organization-chart-ul .organization-chart-item {
    flex:1 0;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 2rem;
    box-sizing: border-box;
}

.organization-chart-ul .organization-chart-item.step_2{min-width:64rem; margin:2rem 2rem 0; border-radius:1rem; background:#fff;}
.organization-chart-ul .organization-chart-item.step_2 .chart-inner-part{display:Flex;  min-width:20.1rem; justify-content:space-evenly;padding:1rem; }
.organization-chart-ul .organization-chart-item.step_2 > strong {display:block; padding:1.6rem 0 1.5rem; text-align:Center; font-size:2rem; color:#32448f;}

.chart-inner-part { z-index: 0; width: 100%; box-sizing: border-box;}

.organization-chart-ul .organization-chart-item.step_3{margin-left:7rem;  max-width:23rem; }
.organization-chart-ul .organization-chart-item.step_2 .chart-inner-part li{width:calc(100%/3 - 1rem); flex:initial; padding:1.6rem 0; background-color: #e6edfd;}
.organization-chart-ul .organization-chart-item.step_3 .chart-inner-part li{position:relative;}
.organization-chart-ul .organization-chart-item.step_3 .chart-inner-part li:before{position:absolute; left:-6.5rem; bottom:0; content:''; display:block; width:4rem; height:5.8rem; background:url("/images/contents/organization_arrow.png") center no-repeat;}
.chart-inner-part li {display: flex; font-size:1.7rem; flex-direction: row; justify-content: center; align-items: center; flex: 1; padding: 1.6rem 1rem; border-radius: 1rem; box-sizing: border-box;background-color: #fff;}
.organization-chart-ul .organization-chart-item.step_2 .chart-inner-part li:first-child{margin-bottom:0;}
.chart-inner-part li:first-child{ margin-bottom:0.8rem;}
.chart-inner-part strong {font-size: 1.7rem;font-weight: 500;color: #32448f;}

/* 감시체계 */

.observation-system-graphic {
    position: relative;
    width: 100%;
    max-width: 132rem;
}

.system-graphic-item {
    position: relative;
    box-sizing: border-box;
}

.system-gov-name {
    position: relative;
    width: 6.4vw;
    /* 1920 기준 계산  */
    padding-top: 246%;
    max-width: 12.3rem;
    max-height: 30.3rem;
    border-radius: 2rem;
    background: #283672;
}

.system-gov-title {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    padding-top: 3.8rem;
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.47;
    letter-spacing: -0.02em;
    text-align: center;
}

.system-gov-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3rem;
    height: 3rem;
}

.system-graphic-item.gov_1,
.system-graphic-item.gov_2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.system-graphic-item.gov_1 {
    left: 0;
    padding-right: 10.5rem;
}

.system-graphic-item.gov_2 {
    right: 0;
    padding-left: 10.5rem;
}

.system-graphic-item.gov_1::before,
.system-graphic-item.gov_2::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6.5rem;
    height: 13rem;
    background: url("../images/contents/bg_observation_arrow.png") no-repeat left top / 100% auto;
}

.system-graphic-item.gov_1::before {
    right: 0;
}

.system-graphic-item.gov_2::before {
    left: 0;
    transform: translateY(-50%) rotate(-180deg);
}

.system-graphic-item.graphic {
    position: relative;
    margin: 0 auto;
    padding-top: 63.257%;
    width: 60.9%;
    /* max-width: 80.3rem;
    max-height: 83.5rem; */
    box-sizing: border-box;
    background: url("../images/contents/img_observation_diagram.png") no-repeat center top / cover;
}

.system-graphic-item.graphic::before {
    content: "";
}

.system-graphic-item.gov_1 .system-gov-title::before {
    background: url("../images/contents/icon_observation_national.png") no-repeat center top / 100% auto;
}

.system-graphic-item.gov_2 .system-gov-title::before {
    background: url("../images/contents/icon_observation_auditing.png") no-repeat left top / 100% auto;
}

.decision-organ-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
}

.decision-organ-box.type-box1 {
    padding-bottom: 21.3rem;
}

.decision-organ-box.type-box1::before {
    content: "";
    position: absolute;
    bottom: 6rem;
    left: 50%;
    right: 0;
    transform: translateX(calc(50% - 9.2rem));
    width: 18.5rem;
    height: 9.3rem;
    background: url("../images/contents/bg_observation_arrow_down.png") no-repeat left bottom / 100% auto;
}

.decision-organ-head {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    background-color: #f9fafc;
    box-sizing: border-box;
}

.decision-organ-head .decision-organ-title {
    position: relative;
    width: 13rem;
    padding-top: 4.4rem;
    font-size: 2rem;
    font-weight: 700;
    color: #1e2855;
    line-height: 1;
    text-align: center;
}

.decision-organ-head .decision-organ-title::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 3.4rem;
    height: 3.2rem;
    margin-bottom: 2rem;
    background: url("../images/contents/icon_decision_organ.png") no-repeat left top / 100% auto;
}

.decision-organ-head .decision-organ-title.type-nps {
    padding: 3.4rem 2rem 0;
    box-sizing: border-box;
}

.decision-organ-head .decision-organ-title.type-nps::before {
    width: 5.9rem;
    height: 2.4rem;
    background: url("../images/contents/bg_nps_logo_navy.png") no-repeat left top / 100% auto;
}

.decision-organ-body {
    flex: 1;
    width: 100%;
    margin-left: 2.4rem;
}

.decision-detail-item {
    position: relative;
    margin-top: 7.6rem;
}

.decision-detail-item:first-child {
    margin-top: 0;
}

.decision-detail-item::before {
    content: "";
    position: absolute;
    top: -5.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    background: url("../images/contents/bg_process_db_arrow.png") no-repeat left top / 100% auto;
}

.decision-detail-item:first-child::before {
    display: none;
}

.decision-detail-item .decision-detail-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    border-radius: 1rem;
}

.decision-detail-item .step-title,
.decision-detail-item .step-sup-title {
    color: #fff;
}

.decision-detail-item .step-title {
    font-size: 2rem;
    font-weight: 700;
}

.decision-detail-item .step-sup-title {
    font-size: 1.7rem;
    font-weight: 500;
}

.decision-detail-item.step-type1 .decision-detail-head {
    background: #1e2855;
}

.decision-detail-item.step-type2 .decision-detail-head {
    background: #32448f;
}

.decision-detail-item .decision-detail-content {
    margin-top: 0.8rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    border: 0.1rem solid #c4cceb;
    border-radius: 1rem;
}

.decision-detail-item .decision-detail-instep {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: flex-start;
    justify-content: center;
    padding-top: 7.6rem;
    gap: 1rem;
}

.step-instep-item {
    position: relative;
    width: calc((100% - 2rem) / 3);
}

.step-instep-item:first-child {
    margin-left: 0;
}

.step-instep-item::before {
    content: "";
    position: absolute;
    top: -5.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    background: url("../images/contents/bg_process_db_arrow.png") no-repeat left top / 100% auto;
}

.decision-detail-item:first-child::before {
    display: none;
}

.step-instep-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    min-height: 9.6rem;
    padding: 2rem;
    background: #eceff9;
    box-sizing: border-box;
}

.step-instep-title,
.step-instep-sup {
    color: #354898;
    text-align: center;
}

.step-instep-title {
    font-size: 2rem;
    font-weight: 700;
}

.step-instep-sup {
    font-size: 1.7rem;
    font-weight: 500;
}

.step-instep-desc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.8rem;
    border-radius: 1rem;
    padding: 2rem 1rem;
    font-size: 1.7rem;
    border: 0.1rem solid #c4cceb;
    line-height: 1.5;
    letter-spacing: -0.01rem;
    text-align: center;
    box-sizing: border-box;
}

.decision-observation-ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

.observation-item {
    position: relative;
    display: flex;
    flex: 1 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    box-sizing: border-box;
}

.observation-item:first-child {
    margin-left: 0;
}

.observation-item.observation-item3 {
    margin-left: 12rem;
    width: 20%;
}

.observation-item .observation-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 2rem;
    width: 100%;
    height: 8.1rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    border-radius: 1rem;
    background: #425abe;
    box-sizing: border-box;
}

.observation-item .observation-desc {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 2rem 1rem;
    width: 100%;
    height: 8.1rem;
    margin-top: 0.8rem;
    border: 0.1rem solid #c4cceb;
    border-radius: 1rem;
    font-size: 1.7rem;
    color: #555;
    box-sizing: border-box;
}

.observation-item.observation-item3 .observation-title::before,
.observation-item.observation-item3 .observation-desc::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10rem;
    transform: translateY(-50%);
    width: 7.2rem;
    height: 1.3rem;
    background: url("../images/contents/bg_both_arrow.png") no-repeat left top / 100% auto;
}

/* 인사말 */
.fund-part-greeting {
    overflow: hidden;
    position: relative;
    padding-left: 55.4rem;
}

.fund-part-greeting::before {
    content: "";
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 47.4rem;
    height: 59rem;
    border-radius: 2rem;
    background: url("../images/contents/img_portrait_member5.png") no-repeat left top / 100% auto;
}

.greeting-head {
    position: relative;
    padding-bottom: 4.8rem;
}

.greeting-head::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4rem;
    height: 0.1rem;
    background-color: #c6c6c6;
}

.greeting-head .greeting-head-title {
    font-size: 4.2rem;
    font-weight: 800;
    color: #2d2d2d;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.greeting-head .greeting-head-sup {
    display: block;
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #425abe;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.greeting-head-desc {
    display: block;
    margin-top: 2.4rem;
    font-weight: 500;
    font-size: 2.6rem;
    color: #2d2d2d;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.greeting-body {
    position: relative;
    margin-top: 4.8rem;
    font-size: 2rem;
    font-weight: 500;
    color: #555555;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.greeting-body>p {
    margin-top: 2rem;
}

.greeting-body>p:first-child {
    margin-top: 0;
}

.greeting-body .bold {
    font-weight: 700;
    color: #2d2d2d;
}

.greeting-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 4rem;
    text-align: right;
}

.greeting-footer .greeting-footer-sign {
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 2rem;
    color: #2d2d2d;
    vertical-align: middle;
    letter-spacing: -0.02em;
}

.greeting-footer .part-sign {
    display: inline-block;
    position: relative;
    margin-left: 1.6rem;
    width: 14.2rem;
    height: 5.6rem;
}

.greeting-footer .part-sign::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14.2rem;
    height: 5.6rem;
    background: url("../images/contents/img_fund_part_sign.png") no-repeat left top / 100% auto;
}

/* 임원 및 부서장*/
.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;
    height: 21.2rem;
    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;
}

/* 조직도 */
.fund-org {overflow: hidden; position: relative; width: 100%; max-width: 129rem;}

.fund-org-dept.line_0{position:relative;  margin-left:5rem; text-align:center;}
.fund-org-dept.line_0 .fund-org-txt{display:inline-block; margin:0 auto; padding:1.6rem 3.3rem; border-radius:5rem; text-align:Center; font-weight:400; font-size:2rem; color:#fff; background:#2b2171; }
.fund-org-dept.line_0 .fund-org-txt .small-txt{font-size:1.4rem;}
.fund-org-dept.line_1{display:flex; margin-top:9.5rem; margin-left:8.5rem;}
.fund-org-dept.line_1 .fund-org-txt{display:block; width:19.4rem; text-align:center; padding:1.6rem 0; margin:0 auto; font-size:2rem; border-radius:1rem; color:#fff; font-weight:400; background:#425abe;}
.fund-org-dept.line_1 dl:last-child{margin-left:auto;}
.fund-org-dept.line_1 dl:nth-child(2){margin-left:4rem;}
.fund-org-dept.line_1 dl{position:relative; }
.fund-org-dept.line_1 dl ul{display:flex; justify-content:space-between;}
.fund-org-dept.line_1 dl ul li{width:6rem; margin:0.8rem 0.4rem 0.8rem; color:#555; text-align:center;  border-radius:1rem;  border:0.1rem solid #dedede; box-sizing:border-box; background:#f9fafc;}
.fund-org-dept.line_1 dl ul li a{display:block; padding:1.6rem 0;}
.fund-org-dept.line_1 dl ul li:hover{color:#282171; font-weight:bold; border:0.1rem solid #425abe; background:#dfe6f5; }

.fund-org-dept.line_2{margin-top:9.5rem; margin-bottom:8.6rem;}
.fund-org-dept.line_2 ul{position:relative; display:flex;}
.fund-org-dept.line_2 ul li{width:15rem; margin-right:2rem; text-align:center; font-size:1.7rem; border-radius:1rem; box-sizing:border-box; border:0.1rem solid #dedede; background:#f9fafc;}
.fund-org-dept.line_2 ul li a{display:block; padding:1.6rem 0;}
.fund-org-dept.line_2 ul li:hover{background:#eff3fa;}
.fund-org-dept.line_2 ul li:hover a{color:#2b2171; font-weight:bold;}
.fund-org-dept.line_2 ul li:last-child{margin-right:0;}

.fund-org-dept.line_1 dl:before{position:absolute; content:''; display:block; width:0.1rem; height:5.5rem; left:50%; top:-5.5rem; transform:translateX(-50%);  background:#c6c6c6;}
.fund-org-logic > li:nth-child(1):after{position:absolute; top:10.2rem; left:50%;  display:block; content:''; width:calc(100% - 27rem); height:0.1rem; transform:translateX(-50%); margin:0 auto; background:#c6c6c6; }
.fund-org-logic > li:last-child{position:relative;}
.fund-org-logic > li:last-child:before{position:absolute; content:''; display:block; width:0.1rem; height:64.2rem; left:50%; bottom:6.2rem;  background:#c6c6c6;}

.fund-org-dept.line_2 ul{margin-right:10rem;}
.fund-org-dept.line_2 ul:after{position:absolute; top:-4.5rem; display:block; content:''; width:calc(100% - 15.2rem); height:0.1rem; left:50%; transform:translateX(-50%);  background:#c6c6c6;}
.fund-org-dept.line_2 ul li:nth-child(4){margin-right:4rem;}
.fund-org-dept.line_2 ul li{position:relative;}
.fund-org-dept.line_2 ul li:before{position:absolute; left:50%; top:-4.5rem; transform:translateX(-50%); content:''; display:block; width:0.1rem; height:4.5rem; background:#c6c6c6;}

/* 부서소개 */
.division-info {
border-top: 0.1rem solid #545656;
background-color: #f3f3f3;
padding: 2rem 2.4rem 2rem 2.4rem;
}

.division-tel {
font-weight: bold;
height: 3.2rem;
line-height: 3.2rem;
padding-left: 4rem;
position: relative;
margin-bottom: 1.2rem;
}

.division-tel:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
background: url(../images/contents/icon_division_tel.png) no-repeat;
background-size: contain;
width: 3.2rem;
height: 3.2rem;
}

.division-info .data-list {
background-color: #fff;
}

/* 찾아오시는 길*/
.location-info {
margin-top: -3rem;
}

.location-info>dl {
display: flex;
flex-wrap: wrap;
border-bottom: 0.1rem solid var(--line-gray);
}

.location-info dt {
width: 18rem;
font-weight: 600;
padding: 2.4rem;
box-sizing: border-box;
border-bottom: 0.1rem solid var(--line-gray);
font-size: 1.6rem;
}

.location-info dd {
width: calc(100% - 18rem);
flex: 1 1 auto;
padding: 2.4rem 2.4rem 2.4rem 0;
box-sizing: border-box;
border-bottom: 0.1rem solid var(--line-gray);
}

.location-info .tel {
display: flex;
}

.location-info .tel p {
width: 50%;
}

.map_area {padding-top: 3.6rem; width: 100%; height: 38.5rem;}

.fund-map {
margin-top: 4rem;
}

.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.6rem;
}

.office-list .th {
width: 18rem;
font-weight: 600;
box-sizing: border-box;
padding: 1.6rem;
}

.office-list .td {
flex: 1 1 auto;
box-sizing: border-box;
padding: 1.6rem;
}

.office-list .td .tel {
margin-top: 1.2rem;
}

.office-map {
margin-top: 4rem; text-align: center;
}
  
/*
.nps-links-group{border-top:none;}
.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.6rem 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:0.1rem solid var(--line-dark);}
.nps-links-group2 .dep1 > li{border-bottom: 0.1rem solid var(--line-gray);}
.nps-links-group2 .dep1 > li > a{position:relative; padding-left:1.6rem; font-weight:600; display:block; padding:2rem 2rem 2rem 3.6rem;}
.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(--line-dark); box-sizing:border-box;}
.nps-links-group2 .dep2{padding:1.6rem 2rem; 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.6rem 0.6rem 0.6rem 1.2rem;}
.nps-links-group2 .dep2 > li > a:before{content: "-"; position: absolute; left: 0; top: 0.6rem;}
*/
  
/* 운용정책 ------------------------------------------------------------------------ */

/* 서브메인 */
.sub-main-intro .manage-intro-wrap{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:3rem;
}
.sub-main-intro .manage-intro-box{
    width: 100%;
    margin-top: 2rem;
}
.sub-main-intro .manage-intro-txt{
    font-size:2rem;
    color:#555;
}
.manage-intro-img{
    width:100%;
    height:27.8rem;
    border-radius:1rem;
}
.manage-intro-img.type4{
    background:url("../images/contents/fund_intro_img04.png") center no-repeat;
}
.manage-intro-img.type5{
    background:url("../images/contents/fund_intro_img05.png") center no-repeat;
}
.manage-intro-img.type6{
    background:url("../images/contents/fund_intro_img06.png") center no-repeat;
}
.manage-intro-img.type7{
    background:url("../images/contents/fund_intro_img07.png") center no-repeat;
}
.manage-intro-img.type8{
    background:url("../images/contents/fund_intro_img08.png") center no-repeat;
}

.manage-intro .circle-list{
    justify-content: center;
    display:flex;
    padding:5rem 0;
}

.manage-intro .circle-list li{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:18rem;
    height:18rem;
    margin:0 2.5rem;
    border-radius:50%;
    background:linear-gradient(to bottom, rgba(30, 40, 85, 0.2),rgba(30, 40, 85, 0.4),rgba(30, 40, 85, 0.5));
    text-align:center;
}

.manage-intro .circle-list li:before{
    display:block;
    content:'';
    width:5.4rem;
    height:5.4rem;
    margin-bottom:1.6rem;
}

.manage-intro .circle-list li.type1:before{
    background:url("../images/contents/circle_icon01.png") center no-repeat;
}

.manage-intro .circle-list li.type2:before{
    background:url("../images/contents/circle_icon02.png") center no-repeat;
}

.manage-intro .circle-list li.type3:before{
    background:url("../images/contents/circle_icon03.png") center no-repeat;
}

.manage-intro .circle-list li.type4:before{
    background:url("../images/contents/circle_icon04.png") center no-repeat;
}

.manage-intro .circle-list li.type5:before{
    background:url("../images/contents/circle_icon05.png") center no-repeat;
}

.manage-intro .circle-list li .circle-list-txt{
    font-size:1.7rem;
    color:#fff;
}

.manage-intro .circle-step{
    display:flex;
    justify-content: space-between;
    margin-top:6.3rem;
}

.manage-intro .circle-step .circle-step-box{
    width:calc(100%/3 - 7.4rem);
    text-align:center;
}

.manage-intro .circle-step .title{
    display:inline-block;
    padding:1rem 2.5rem;
    margin-bottom:3.1rem;
    border:0.1rem solid #425ABD;
    border-radius:50rem;
    font-size:1.8rem;
    font-weight:700;
    color:#425abd;
}

.manage-intro .circle-step .type2 .title{
    color:#32448F;
    border:0.1rem solid #32448F;
}

.manage-intro .circle-step .type3 .title{
    color:#1E2855;
    border:0.1rem solid #1E2855;
}

.circle-step-box{
    position:relative;
}

.circle-step-box:after{
    position:absolute;
    right:-7rem;
    top:40%;
    content:'';
    display:block;
    width:2.8rem;
    height:2.5rem;
    background:url("../images/contents/circle_arrow01.png") center no-repeat;

}

.circle-step-box:nth-child(2):after{
    background:url("../images/contents/circle_arrow02.png") center no-repeat;
}

.circle-step-box:nth-child(3):after{
    display:none;
}

.manage-intro .circle-step-wrap{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    width:27rem;
    height:27rem;
    margin:0 auto;
    border-radius:50%;
    background:linear-gradient(to bottom, rgba(66, 90, 189, 0.77),rgba(66, 90, 189, 1));
}

.manage-intro .circle-step-wrap:after{
    position:absolute;
    bottom:-5.3rem;
    display:block;
    content:'';
    width:0.1rem;
    height:5.4rem;
    background:rgba(66, 90, 189, 0.2);
}

.manage-intro .type2 .circle-step-wrap{
    background:linear-gradient(to bottom, rgba(50, 68, 143, 0.77),rgba(50, 68, 143, 1));
}

.manage-intro .type3 .circle-step-wrap{
    background:linear-gradient(to bottom, rgba(30, 40, 85, 0.77),rgba(30, 40, 85, 1));
}

.manage-intro .circle-step-inner{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:20.4rem;
    height:20.4rem;
    font-size:2.2rem;
    letter-spacing:-0.1rem;
    color:#2d2d2d;
    border-radius:50%;
    background:#fff;
}

.circle-step-box .circle-step-inner:before{
    content:'';
    display:block;
    margin:0 auto 0.8rem;
    width:3.3rem;
    height:3.3rem;
}

.circle-step-box.type1 .circle-step-inner:before{
    background:url("../images/contents/circle_step_plan.png") center no-repeat;
}

.circle-step-box.type2 .circle-step-inner:before{
    background:url("../images/contents/circle_step_do.png") center no-repeat;
}

.circle-step-box.type3 .circle-step-inner:before{
    background:url("../images/contents/circle_step_see.png") center no-repeat;
}

.circle-step-bottom{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    max-width:28.7rem;
    min-height:12.4rem;
    padding:0 4rem;
    margin-top:6rem;
    border-radius:1rem;
    background:#f7f9fc;
}

.circle-step-bottom:before{
    position:absolute;
    top:-0.8rem;
    display:block;
    content:'';
    width:1.8rem;
    height:1.8rem;
    border-radius:50%;
    background:rgba(66, 90, 189, 0.5);
}

.circle-step-bottom:after{
    position:absolute;
    top:-0.4rem;
    display:block;
    content:'';
    width:0.9rem;
    height:0.9rem;
    border-radius:50%;
    background:#fff;
}

.circle-step-bottom .circle-step-list li{
    font-size:1.8rem;
    color:#555;
    text-align: left;
}

.target-portfolio tbody th {
    text-align: left;
}

.target-portfolio tbody .dep2 th,
.target-portfolio tbody .dep2 td {
    background-color: #f9fafc;
    border-top-width: 0;
    border-bottom-width: 0;
}

.target-portfolio tbody .dep2 th {
    padding-left: 4rem;
}

/* 운용기준 */
.fund-manage-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fund-manage-list li {
    width: calc(100%/3 - 1.5rem);
    margin-bottom: 6rem;
}

.fund-manage-list li strong.fund-manage {
    display: block;
    padding-bottom: 1.6rem;
    border-bottom: 0.1rem solid #E4E4E4;
    font-size: 2.2rem;
    font-weight: 700;
    color: #425ABE;
}

.fund-manage-list li p {
    padding: 0 0 0 1rem;
    margin-top: 1.5rem;
    font-size: 1.7rem;
    color: #555;
    letter-spacing: -0.1rem;
}

.manage-related-law ul {
    border-top: 0.1rem solid #171F43;
}

.manage-related-law ul li {
    position: relative;
    border-bottom: 0.1rem solid #c6c6c6;
}

.manage-related-law ul li:last-child {
    border-bottom: none;
}

.manage-related-law ul li .info {
    padding: 2rem;
}

.manage-related-law ul li .title {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #2D2D2D;
    font-weight: 600;
}

.manage-related-law ul li .sub-txt {
    font-size: 1.7rem;
    color: #555;
}

.manage-related-law ul li .link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
}

.manage-related-law ul li .btn {
    display: flex;
    align-items: center;
    width: 11.3rem;
    height: 3.8rem;
    border-radius: 60rem;
    font-size: 1.7rem;
    font-weight: 500;
    background: #4D5C9D;
    color: #fff;
}

.manage-related-law ul li .btn.gray {
    background: #555555;
}

.md-title .data-unit{color:#8e8e8e;}

/* 운용절차 */
.process-intro-wrap {
    margin-top: 4rem;
}

.process-intro-wrap:first-child {
    margin-top: 0;
}

.process-intro-wrap .con-sec-title {
    margin-bottom: 1rem;
    font-size: 4.8rem;
    font-weight: 700;
    color: #1e2855;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.process-intro-wrap .process-sec-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

.process-plan-detail {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 3rem;
    width: 100%;
}

.process-plan-detail .plan-category-title {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    min-width: 30rem;
    padding: 2rem;
    color: #fff;
    border-radius: 50rem;
    background: #1e2855;
    box-sizing: border-box;
}

.process-plan-detail .plan-category-title.type2 {
    background-color: #32448f;
}

.plan-process-ul .plan-process-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding: 2rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: 2rem;
    color: #354898;
    text-align: center;
    line-height: 1.5;
    background: #eceff9;
}

.plan-process-ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.plan-category-contents {
    flex: 1;
    margin-left: 2.4rem;
}

.plan-process-ul .plan-process-item {
    position: relative;
    margin-left: 6.8rem;
    flex: 1;
}

.plan-process-ul .plan-process-item:first-child {
    margin-left: 0;
}

.plan-process-ul .plan-process-item:first-child::before {
    display: none;
}

.plan-process-ul .plan-process-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4.8rem;
    transform: translateY(-50%);
    width: 2.8rem;
    height: 2.8rem;
    background: url("../images/contents/bg_step_arrow.png") no-repeat left top / 100% auto;
}

.plan-process-ul .plan-process-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.8rem;
    padding: 2rem;
    border: 0.1rem solid #c4cceb;
    border-radius: 1rem;
    box-sizing: border-box;
}

.plan-process-ul.type2 .plan-process-content {
    height: 12.6rem;
}

.plan-process-ul.type3 {
    align-items: stretch;
}

.plan-process-ul.type3 .plan-process-item {
    display: flex;
    /* flex-direction: column; */
    /* margin-left: 24rem; */
}

.plan-process-ul.type3 .plan-process-item:first-child {
    margin-left: 0;
}

.plan-process-ul.type3 .plan-process-item::before {
    display: none;
}

.plan-process-ul.type3 .plan-process-content {
    flex: 1;
    margin-top:0;
}
  
  
/* 중장기운용방향 - 메뉴삭제후 삭제 */
.dir-copy { height: 19.2rem; display: flex; justify-content: center; align-items: center;
    background-image: url(../images/contents/bg_direction_copy.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 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: 0.1rem solid var(--line-gray); border-radius: 1rem; position: relative; padding: 3.2rem 2.4rem; display: flex; box-shadow: 0 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:700; line-height:1.5; text-align:center;}
.management-direction .dir-item .txt-list { flex: 1 1 auto; position: relative; padding-left:2.4rem; box-sizing:border-box; margin:0 0 0 1.6rem;}
.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;}

.fund-img-banner{width:100%; height:27.8rem; background:url("../images/contents/fund-img-banner1.jpg") center no-repeat;}
  
  
/* 운용현황 ------------------------------------------------------------------------ */

/* 서브메인 */
.status-intro{
    border-bottom:0.1rem solid #E4E4E4;
}
.status-intro-img{
    width:100%;
    height:27.8rem;
}
.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;
    flex-wrap: wrap;
    margin-top:3rem;
}

.sub-main-intro:after{
    display:block;
    content:'';
    clear: both;
}

.status-intro-wrap .status-intro-box{
    width: 100%;
    margin-top: 2rem;
}

.status-intro-wrap .status-intro-box.saving-status-box{
    display:flex;
}

.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:block;
    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% - 4rem);
}

.status-intro-wrap .calc-item {
    align-items: center;
}
.status-intro-wrap .calc-item .graph {
    position: relative;
    width: 15.2rem;
    height: 15.2rem;
    margin:0 auto 3rem;
}
.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: 13rem;
    min-height: 13rem; */
}
.status-intro-wrap .calc-item .graph .data {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.status-intro-wrap .calc-item .graph .data em {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
}
.status-intro-wrap .calc-item .info {
    font-size: 1.6rem;
    flex: 1 1 auto;
}
.status-intro-wrap .calc-item .info h4 {
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 0.9rem;
    border-bottom: 0.1rem solid var(--line);
    margin-bottom: 0.8rem;
}
.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: 0.1rem solid var(--blue);
    border-radius: 2rem;
    padding:3rem;
    position: relative;
}
.status-intro-wrap .saving-status-result:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -7rem;
    width: 5rem;
    height: 5.1rem;
    margin: -2.5rem auto 0;
    background: url(../images/main/ic_equal_primary.png) center / auto 100%;
}
.status-intro-wrap .saving-status-result .calc-item .graph {
    width: 20rem;
    height: 20rem;
}
.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: 3rem;
}
.status-intro-wrap .saving-status-result .calc-item .graph .data .unit {
    font-size: 1.8rem;
    font-weight: 600;
}
    .status-intro-wrap .saving-status-result .calc-item .info {
    font-size: 1.8rem;
}
.status-intro-wrap .saving-status-result .calc-item .info h4 {
    color: var(--blue);
    font-size: 2.2rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.2rem;
}

.status-intro-wrap .fund-process {
    width:100%;
    max-width:126.3rem;
    margin:7rem auto 0;
    padding: 3rem 0;
    border-radius:2rem;
    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: 0.2rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -0.1rem;
    background: linear-gradient(
        90deg,
        rgba(84, 86, 86, 0.05) 0%,
        #545656 104.77%
    );
}
.status-intro-wrap .fund-process li {
    position: relative;
    margin-left:6rem;
    min-width: 4rem;
    min-height: 6.9rem;
    font-size: 1.4rem;
    text-align: center;
}
.status-intro-wrap .fund-process li:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.6rem 0 0 -0.6rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    border: 0.3rem 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: -2rem;
}
.status-intro-wrap .fund-process li:last-child {
    margin-right: -2rem;
    margin-left:7rem;
}

.status-intro-wrap .fund-process .won {
    position: relative;
    display: block;
    height: 2rem;
}
.status-intro-wrap .fund-process .won em:not(.blind) {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    color: #fff;
    border-radius: 0.5rem;
    line-height: 2rem;
    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: -0.3rem;
    transform: rotate(45deg);
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    /* 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: 4rem;
}
.status-intro-wrap .fund-process li:nth-child(10) {
    margin-left:4rem;
}

.status-intro-wrap .chart-wrap{
    margin:0 auto;
    border:none;
}

.status-intro-wrap.flex-wrap .main-portfolio{width:100%; justify-content:center;}

.status-intro-wrap.flex-wrap .pf-detail{width:40%;}

.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:4rem 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: 2rem;
    text-align:right;
}

.status-intro-wrap .pf-data-header .total-txt{
    margin-right:1.6rem;
    font-size:2.4rem;
    font-weight:600;
}

.status-intro-wrap .pf-data-header em{
    font-size:3.6rem;
    color:#425ABE;
    font-weight: 700;
}

.status-intro-wrap .pf-data-header .unit{
    margin-left:0.5rem;
    font-size:2.4rem;
    font-weight:600;
    color:#425ABE;
}

.status-intro-wrap .pf-data table {
    width:100%;
    border-top: 0.1rem solid #545656;
    border-bottom: 0.1rem solid #545656;
}
.status-intro-wrap .pf-data th,
.status-intro-wrap .pf-data td {
    height: 6.1rem;
    border-top: 0.1rem solid var(--line);
    font-size: 1.6rem;
}
.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: 1rem 1rem 1rem 4rem;
    text-align: left;
}
.status-intro-wrap .pf-data td {
    padding: 1rem 4rem 1rem 1rem;
    font-weight: 500;
    text-align: right;
}
.status-intro-wrap .pf-data .dep1 th,
.status-intro-wrap .pf-data .dep1 td {
    border-bottom: 0.1rem solid #000;
    border-top: 0.1rem solid #000;
    color: #000;
    font-weight: 500;
}
.status-intro-wrap .pf-data .dep2 th {
    padding-left: 4rem;
    font-weight: 500;
    background:#F9FAFC;
}
.status-intro-wrap .pf-data .dep1 th .dot {
    display: inline-block;
    content: "";
    transform: rotate(45deg);
    margin-top: -0.2rem;
    margin-right: 1rem;
    width: 0.6rem;
    height: 0.6rem;
    vertical-align: middle;
    background-color: #000;
}
.status-intro-wrap .pf-data .dep2 th .dot {
    display: inline-block;
    content: "";
    margin-top: -0.2rem;
    margin-right: 1.8rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    vertical-align: middle;
}
.status-intro-wrap .pf-data .dep2 td {
    font-weight: 700;
}

.status-intro-wrap .pf-data .dep2 .num {
    font-size:2.2rem;
}
  
/* 개요*/
/*
.smr-section{margin:7rem 0;}
.smr-section:first-child{margin-top:0;}
.smr-section:last-child{margin-bottom:0;}
.smr-section .data-unit{font-size:1.3rem; text-align:right; margin-bottom:1.2rem;}
.smr-go{text-align:right; margin-top:2.4rem;}

.saving-status{display:flex; flex-wrap:wrap; justify-content: space-between; box-sizing:border-box; padding:2rem 3rem; border-radius:2rem; position:relative;}
.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;}
.saving-status .calc-item{width:calc(50% - 4rem);}

.calc-item{display:flex; align-items: center;}
.calc-item .graph{position:relative; width:13rem; height:13rem; margin-right:2rem; flex-shrink: 0;}
.calc-item .graph .svg{width:100%; height:100%;}
.calc-item .graph .svg svg{width:100%; height:100%;}
.calc-item .graph .data{position:absolute; left:0; top:0; width:100%; top:50%; transform:translateY(-50%); margin-top:1.5rem; display:flex; align-items: center; justify-content: center; flex-direction: column; text-align:center; color:var(--gray-90);}
.calc-item .graph .data em{font-size:2.4rem; font-weight:700; line-height:1;}
.calc-item .info{font-size:1.6rem; flex:1 1 auto;}
.calc-item .info h4{font-size:1.8rem; font-weight:700; padding-bottom:0.9rem; border-bottom:0.1rem solid var(--line); margin-bottom:0.8rem; color:var(--gray-90);}
.calc-item .info ul li{display:flex; justify-content: space-between;}
.calc-item .info .data{font-weight:700;}

.saving-status-result{border:0.1rem solid #008A1E; background-color:#f8f8f8; border-radius:2rem; padding:2rem 5rem 2rem 3rem; margin-top:1.2rem; position:relative;}
.saving-status-result:before{display:block; content:''; width:4rem; height:4rem; background:url(/images/main/ic_equal.png) center / cover no-repeat; position:absolute; left:50%; top:0; margin:-2rem 0 0 -2rem;}
.saving-status-result .calc-item .graph{width:16rem;height:16rem; margin-right:5rem;}
.saving-status-result .calc-item .graph .data{color:#008A1E;}
.saving-status-result .calc-item .graph .data em{font-size:3rem;}
.saving-status-result .calc-item .graph .data .unit{font-size:1.8rem;}
.saving-status-result .calc-item .info{font-size:1.8rem;}
.saving-status-result .calc-item .info h4{color:#008A1E; font-size:2.2rem; padding-bottom:1.5rem; margin-bottom:1.2rem;}
.saving-status-result .calc-item .info ul{display:flex; justify-content: space-between; flex-wrap:wrap;}
.saving-status-result .calc-item .info ul li{width:45%;}
.saving-status-result .calc-item .info .label{margin-right:4.5rem;}

*/

.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: 40.8rem; opacity:0;}
    100%{ stroke-dashoffset: 20.4rem; opacity:1;}
}
@keyframes lineMotion2{
    0%{ stroke-dashoffset: 40.8rem; opacity:0;}
    100%{ stroke-dashoffset: 35.8rem; opacity:1;}
}
@keyframes lineMotion3{
    0%{ stroke-dashoffset: 40.8rem; opacity:0;}
    100%{ stroke-dashoffset: 25.8rem; opacity:1;}
}

.saving-status-graph{margin-top:2.4rem;}

.pf-status-wrap{display:flex; flex-wrap:wrap; align-items: flex-start; 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-detail{width:35%; margin-right:10%;}
.pf-status-wrap .pf-detail-s {width:25%}
.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;}

.asset-status-wrap ul{margin:-0.5rem; display:flex;}
.asset-status-wrap li{margin:0.5rem; position:relative; flex:auto;}
.asset-status-wrap a{display:block; text-align:center; padding:4rem 1rem 3rem; font-size:1.6rem; border:0.1rem solid #E8E8E8; border-radius:1rem;}
.asset-status-wrap a:before{display:block; content:''; width:5.6rem; height:5.6rem; margin:0 auto 4rem auto; background-position:0 0; background-repeat:no-repeat;}
.asset-status-wrap a:hover{background-color:var(--primary); color:#fff; border-color:var(--primary);}
.asset-status-wrap a:hover:before{background-position:0 -5.6rem;}
.asset-status-wrap .item1 a:before{background-image:url(/images/contents/ic_asset_status1.svg);}
.asset-status-wrap .item2 a:before{background-image:url(/images/contents/ic_asset_status2.svg);}
.asset-status-wrap .item3 a:before{background-image:url(/images/contents/ic_asset_status3.svg);}
.asset-status-wrap .item4 a:before{background-image:url(/images/contents/ic_asset_status4.svg);}
.asset-status-wrap .item5 a:before{background-image:url(/images/contents/ic_asset_status5.svg);}

.mng-result-wrap .result-box{border-radius:1rem; padding: 4rem 0; display:flex; align-items:center;}
.mng-result-wrap .result-box .result-title{width:25%; text-align:center; font-size:1.8rem; font-weight:700; margin-right:5rem;}
.mng-result-wrap .result-box .result-title:before{display:block; content:''; width:7rem; height:7rem; border-radius:50%; background-position:center; background-repeat:no-repeat; background-color:#fff; margin:0 auto 1.6rem auto;}
.mng-result-wrap .result-box.result1 .result-title:before{background-image:url(/images/contents/ic_result_status1.svg);}
.mng-result-wrap .result-box.result2 .result-title:before{background-image:url(/images/contents/ic_result_status2.svg);}
.mng-result-wrap .result-items{display:flex; width:75%;}
.mng-result-wrap .result-items li{min-width:30%;}
.mng-result-wrap .result-items .label{display:block; font-size:1.6rem; font-weight:700;}
.mng-result-wrap .result-items .data{display:block; font-weight:700;}
.mng-result-wrap .result-items .data .num{font-size:4rem;}
.mng-result-wrap .result-items .data .unit{font-size:2.4rem;}
.mng-result-wrap .result-items .year{display:block; font-size:1.4rem;}

.mng-result-wrap .result1{background-color:#f4f8f6;}
.mng-result-wrap .result1 .result-title{border-right:0.2rem dashed #cddbd2;}
.mng-result-wrap .result1 .result-items .data{color:#32a172;}

.mng-result-wrap .result2{background-color:#f1f5fa; margin-top:1rem;}
.mng-result-wrap .result2 .result-title{border-right:0.2rem dashed #ced6e0;}
.mng-result-wrap .result2 .result-items .data{color:#5588d8;}

.smr-bottom{display:flex; justify-content:space-between; margin-top:2rem;}
.smr-bottom .smr-go{margin-top:0;}
 
.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;}
}

/* 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);  }

.btn.outlined.primary.i-download:hover:after{background-image: url(../images/common/ic_download_w.svg);}

.pf-status-wrap.chart-group .pf-chart{width:47%;}
.pf-status-wrap.chart-group .pf-chart{width:47%;}
.pf-status-wrap.chart-group .pf-chart + .pf-chart{margin-left:6%;}

.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;}
  
.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:6.8rem; padding:0 3.2rem; font-size:1.7rem; font-weight:500; background-color:var(--bg-blue); color:var(--gray-90); border-radius:1.2rem; 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);}

.invest-download-items{margin:2.4rem 0;}
.invest-download-items ul{margin:-0.8rem; display:flex; flex-wrap:wrap;}
.invest-download-items li{width:calc(100% / 6 - 1.6rem); margin:0.8rem;min-width:10.2rem}
.invest-download-items a{display:flex; align-items:center; height:5rem; padding:0 1.6rem; font-size:1.7rem; background-color:var(--bg-blue); border-radius:0.6rem;}
.invest-download-items a:after{display:block; content:''; width:1.8rem; height:1.8rem; margin-left:auto; background: url(../images/common/ic_download.svg) center no-repeat;}
.invest-download-items a:hover{background-color:var(--primary); color:#fff;}
.invest-download-items a:hover:after{background-image: url(../images/common/ic_download_w.svg);}

.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:0.1rem 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);}

.data-download{margin:2.4rem 0; text-align:center;}
  
  
/* 수탁자책임 ------------------------------------------------------------------------ */

/* 서브메인 */
.sutak-intro-img{
    width:100%;
    height:27.8rem;
    border-radius:1rem;
}
.sutak-intro-img.type1{
    background:url("../images/contents/sutak-intro-img01.png") top center no-repeat;
}
.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);
}

.sutak-box{
    margin-bottom:6rem;
}

.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;
}

.sutak-box .sutak-box-title{
    font-size:2rem;
    color:#fff;
    text-align:center;
    padding:2.4rem 0;
    margin-bottom:0.8rem;
    border-radius:1rem;
    background:#656A7E;
}

.sutak-box-cont{
    padding:2rem;
    border:0.1rem solid #C4CCEB;
    border-radius:1rem;
}

.sutak-list li{
    position:relative;
    padding-left:2.5rem;
    margin-bottom:1.5rem;
    font-size:1.8rem;
    font-weight:600;
    color:#555;
}

.sutak-list li:last-child{
    margin-bottom:0;
}
.sutak-list li:before{
    position:absolute;
    left:1rem;
    top:1.4rem;
    content:'';
    display:block;
    width:0.3rem;
    height:0.3rem;
    border-radius:50%;
    background:#555;
}

.sutak-list li .small-txt{
    display:block;
    font-weight:400;
}

.sutak-group{
    display:flex;
    margin-bottom:10rem;
}

.sutak-group:after{
    display:block;
    content:'';
    min-width:66.2rem;
    margin-left:4rem;;
    height:35.8rem;
    border-radius:1rem;
    background:url("../images/contents/sutak-intro-img02.png") center no-repeat;
}

.sutak-group:nth-child(3):after{
    background:url("../images/contents/sutak-intro-img04.png") center no-repeat;
}

.sutak-group.reverse-type:after{
    display:none;
}

.sutak-group.reverse-type:before{
    display:block;
    content:'';
    min-width:66.2rem;
    margin-right:4rem;
    height:35.8rem;
    border-radius:1rem;
    background:url("../images/contents/sutak-intro-img03.png") center no-repeat;
}

.sutak-group .sutak-txt{
    padding-top:2rem;
    font-size:2rem;
    color:#555;
}
  
/* 수탁자 개요 */
.RI-grounds > dt{text-align:center; border-radius:1rem; padding:1.6rem 2rem; font-weight:600; font-size:1.9rem; 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:1rem; padding:2.4rem 2rem; border: 0.1rem solid var(--line-gray); margin:2rem 0 4rem; box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.1);}
.RI-grounds > dd:last-child{margin-bottom:0;}

/* 수탁자책임체계 */
.manage-map {
    display: flex;
    justify-content: space-between;
}

.manage-map-box {
    width: calc(100%/2 - 3rem);
}

.manage-map-box .manage-map-top {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 2rem;
    color: #1E2855;
    font-weight: 600;
    border-radius: 50rem;
    background: #ECEFF9;
}

.manage-map-box .manage-map-top .txt {
    display: flex;
}

.manage-map-box:first-child .manage-map-top .txt:before {
    display: block;
    content: '';
    width: 3.4rem;
    height: 3.2rem;
    margin-right: 1rem;
    background: url("../images/contents/manage-map-logo1.png") center no-repeat;
}

.manage-map-box:last-child .manage-map-top .txt:before {
    display: block;
    content: '';
    width: 7.4rem;
    height: 3.2rem;;
    margin-right: 1rem;
    background: url("../images/contents/manage-map-logo2.png") center no-repeat;
}

.manage-map-box .manage-map-middle2,
.manage-map-box .manage-map-bottom {
    margin-top: 3rem;
}

.manage-map-box .manage-map-bottom-wrap {
    display: flex;
    justify-content: space-between;
}

.manage-map-box .manage-map-bottom.type2 {
    width: calc(100%/2 - 1.2rem);
}

.manage-map-box .manage-map-middle span.title {
    display: block;
    width: 100%;
    padding: 2rem 0;
    border-radius: 1rem;
    text-align: Center;
    color: #fff;
    font-size: 2rem;
    background: #1E2855;
}

.manage-map-box .manage-map-middle2 span.title {
    display: block;
    width: 100%;
    padding: 2rem 0;
    border-radius: 1rem;;
    text-align: Center;
    color: #fff;
    font-size: 2rem;
    background: #32448F;
}

.manage-map-box .manage-map-bottom span.title {
    display: block;
    width: 100%;
    padding: 2rem 0;
    border-radius: 1rem;
    text-align: Center;
    color: #fff;
    font-size: 2rem;
    background: #425ABE;
}

.manage-map-box .manage-map-bottom span.title.keep-all {
       word-break: keep-all;
}


.manage-map-box ul.txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 6.6rem;
    margin-top: 0.8rem;
    padding: 0 2rem;
    border: 0.1rem solid #C4CCEB;
    border-radius: 1rem;
}

.manage-map-box ul.txt li {
    position: relative;
    padding-left: 1rem;
    font-size: 1.7rem;
    color: #555;
}
.manage-map-box ul.txt li:not(:first-child) {
	margin-top: 1rem;
}

.manage-map-box ul.txt li:before {
    position: absolute;
    top: 1rem;
    left: 0;
    display: block;
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: #555;
}

.manage-map-box .manage-map-bottom ul.txt {
    min-height: 12.6rem;
    align-items:flex-start;
}

.manage-map-box .manage-map-bottom.type2 ul.txt {
    align-items: flex-start;
}

.manage-map-box .manage-map-middle,
.manage-map-box .manage-map-middle2,
.manage-map-bottom-wrap,
.manage-map-bottom {
    position: relative;
}

.manage-map-box .manage-map-middle:after {
    position: absolute;
    display: block;
    content: '';
    right: 50%;
    transform: translateX(-50%);
    width: 0.1rem;;
    height: 3rem;
    background: #ddd;
}

.manage-map-box .manage-map-middle2:after {
    position: absolute;
    display: block;
    content: '';
    right: 50%;
    transform: translateX(-50%);
    width: 0.1rem;;
    height: 3rem;
    background: #ddd;
}

.manage-map-box:last-child .manage-map-middle2:after {
    height: 1.5rem;
}

.manage-map-bottom-wrap:before {
    position: absolute;
    display: block;
    left: 50%;
    top: 1.5rem;
    transform: translateX(-50%);
    content: '';
    width: 52%;
    height: 0.1rem;
    background: #ddd;
}

.manage-map-box:last-child .manage-map-bottom.type2:before {
    position: Absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: '';
    width: 0.1rem;
    height: 1.5rem;
    background: #ddd;
}
  
/* 수탁자책임 정책 */
.RI-principle .list-item{display:flex; position:relative;}
.RI-principle .list-item .title_box{display:flex; align-items: center; justify-content: center; width:12.6rem; height:12.6rem; 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:10rem; height:10rem; background-color: #fff; border-radius:50%; box-sizing:border-box; font-size: 1.9rem; font-weight: 700; color:var(--primary); box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.1);}
.RI-principle .list-item .item_box{ padding:2rem; border: 0.1rem solid var(--line-gray); box-sizing: border-box; display:flex; flex-direction: column; justify-content: center; border-radius:1rem; margin-left:3rem; flex:1; position:relative;}
.RI-principle .list-item{margin-bottom:3.2rem;}
.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: -3rem; width: 3rem; height: 0.1rem; 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(--color-base) !important;}
.RI-principle.type2 .list-item .title_box,
.RI-principle.type2 .list-item .title_box:after{background-color: #5588D8;}
  
/* 활동공개 */
.activity-report {
    background: url(../images/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;
}  
  
/* 알림 ------------------------------------------------------------------------ */
  
/* 서브메인 */
.aram-intro{padding:10rem 0; border-bottom:0.1rem solid #E4E4E4;}
.aram:first-child{padding-top:0;}
.aram-intro-img{width:100%;height:27.8rem;border-radius:1rem;}
.aram-intro .con-title{position:relative;font-size:2.5rem;font-weight:700;color:#425ABE;}
.aram-intro .con-title:before{background:url("../images/contents/fund_intro_title_icon.png") center no-repeat;}
.aram-intro .con-title:after{
    position:absolute;
    content:'';
    display:block;
    top:4.5rem;
    left:0;
    display:block;
    width:4rem;
    height:0.3rem;
    background:#425ABE;
}

.aram-intro .aram-intro-wrap{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:3rem;
}
.aram-intro .aram-intro-box{
    width: 100%;
    margin-top: 2rem;
}
.aram-intro .aram-intro-txt{
    font-size:2rem;
    color:#555;
}

.aram-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:1.7rem;
    font-weight:600;
    color:#425abd;
    border-radius:0.5rem;
    background:#fff;
}

.aram-intro-img.type1{background:url("../images/contents/aram_intro_img01.png") center no-repeat;}
.aram-intro-img.type2{background:url("../images/contents/aram_intro_img02.png") center no-repeat;}
.aram-intro-img.type3{background:url("../images/contents/aram_intro_img03.png") center no-repeat;}
.aram-intro-img.type4{background:url("../images/contents/aram_intro_img04.png") center no-repeat;}
.aram-intro-img.type5{background:url("../images/contents/aram_intro_img05.png") center no-repeat;}
.aram-intro-img.type6{background:url("../images/contents/aram_intro_img06.png") center no-repeat;}
  
.aram-list{width:100%;margin-top:3rem;display:flex;justify-content: space-between;}
.aram-list .aram-list-box{width:calc(100%/4 - 1.3rem);border-radius:1.2rem;border:0.1rem solid #f9fafc;background:#F9FAFC;min-height:8.8rem;}
.aram-list .aram-list-box a{display:flex;flex-direction: column;justify-content: space-between;height:100%;padding:2rem;box-sizing:border-box;}
.aram-list .aram-list-box a p{font-size:1.7rem;color:#2d2d2d;margin-bottom:0.8rem;}
.aram-list .aram-list-box a span.date{display:block;text-align:right;color:#555;}
.aram-list .aram-list-box:hover{border:0.1rem solid #425ABE;background:#fff;box-shadow:0 0.1rem 1.5rem 0rem rgba(66, 90, 190, 0.2);}
.aram-list .aram-list-box:hover p{font-weight:700;color:#425ABE;}
  
.aram-list .aram-list-box a p{width:85%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }

.aram-notice{ padding:2.4rem;margin-top:3rem;background:#f9fafc;border-radius:1.2rem;}
.aram-notice .aram-notice-list li{padding-bottom:2.5rem;}
.aram-notice .aram-notice-list li a{display:flex;justify-content: space-between;color:#1d1d1d;}
.aram-notice .aram-notice-list li a:hover p{color:#425ABE;font-weight:600;}
.aram-notice .aram-notice-list li:last-child{padding-bottom:0;}
.aram-notice .aram-notice-list li .blue-txt{font-size:1.5rem;color:#425ABE;padding:0.6rem 0.8rem; border-radius:0.4rem;background:#F3F4FA;}
.aram-notice .aram-notice-list li a:hover .notice-txt{text-decoration: underline;}
.aram-notice .aram-notice-list li a p{width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* 게시판 */
.data-search{padding:2rem 2.4rem; background-color: var(--bg-gray); border-radius: 1rem; position:relative; margin-bottom: 2.4rem;}
.data-search .inp-item{display:flex; align-items: center; margin:1.2rem 0;}
.data-search .inp-item label{width:8rem; font-weight:500; flex-shrink: 0;}
.data-search .useDatepicker{width:15rem;}
.data-search .search-cmd{position:absolute; right:2rem; bottom:3rem;}
.data-search .btn-search{color:#fff; border-radius:2rem; background-color:var(--line-dark); padding:0 2.4rem; display:inline-flex; align-items: center;}
.data-search .btn-search:before{display:inline-block; content:''; width:2rem; height:2rem; background:var(--gray-90) url(/images/common/ic_search.png) 0 0 no-repeat; margin-right:1rem;}

.data-view-table .item-list{display:inline-flex; flex-wrap:wrap;}
.data-view-table .item-list li{margin-right:3rem;}
.data-view-table .item-list li:last-child{margin-right:0;}
  
/* 주주권 행사 내역 */
.vote-right-info{border-radius:0.8rem; background-color:var(--bg-blue); padding:1.6rem 2.6rem;}
.vote-right-info table{width:100%}
.vote-right-info table th{font-weight:600; color:var(--gray-90); font-size:2rem; padding:0.4rem; text-align:left;}
.vote-right-info table td{text-align:right; color:var(--gray-90); padding:0.4rem;}
.vote-right-info .item-list{display:inline-flex; flex-wrap:wrap;}
.vote-right-info .item-list li{padding:0.4rem;}
.vote-right-info .item-list li + li{margin-left:5.2rem;}

/* 카드뉴스 */
.thumnail_area { border-top: 0.1rem solid var(--line-dark); }
.thumnail_list > li > a { display: block; padding: 2rem; display: flex; height: 17.2rem; box-sizing:border-box;  }
.thumnail_list > li { border-bottom: 0.1rem solid var(--line-gray); }
.thumnail_list .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem;
    width: 20rem;
    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: 20rem;
    max-height: 13.2rem;
}
.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: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size:1.6rem;
}
.thumnail_list .data-none{height:20rem; display:flex; align-items: center; justify-content: center;}

.view-contents .card-image {
    text-align: center;
    max-width: 40rem;
    margin: 0 auto;
    max-height: fit-content;
}
.view-contents .card-image img {
    -o-object-fit: contain;
    object-fit: contain;
}  
  
/* 자주찾는질문 */
.faq-wrap{border-top: 0.1rem solid var(--line-dark);}
.faq-wrap .qna-list{counter-reset: num;}
.faq-wrap .qna-list > li{border-bottom: 0.1rem solid var(--line-gray);}
.faq-wrap .ques {display: block; padding: 2.5rem 6rem 2.5rem 2rem; position: relative; color:var(--gray-90);}
.faq-wrap .ques .title {position: relative; display: flex; font-size: 1.7rem;}
.faq-wrap .ques .title:before { counter-increment: num; content: counter(num); display:inline-block; width:2.6rem;height:2.6rem; border-radius:0.8rem; line-height:2.6rem; background-color:var(--gray-90); color:#fff; font-size:1.5rem; margin-right:1.2rem; text-align:center;}
.faq-wrap .ques:after {content: ""; display: block; position: absolute; top: 50%; right: 3rem; margin-top:-1rem; width: 2rem; height: 2rem; background: url(../images/contents/arr_faq.svg) center / cover no-repeat; transition:all 0.3s;}
.faq-wrap .active .ques:after {transform: rotate(-180deg);}
.faq-wrap .answ {padding: 3rem 3rem 3rem 6rem; position: relative; border-top: 0.1rem solid var(--line-gray); display:none;}
.faq-wrap .answ:before { content: "A"; position: absolute; display: block; left: 2rem; top: 3rem; width: 2.6rem; height: 2.6rem; border-radius:0.8rem; line-height:2.6rem; text-align:center; background-color:var(--primary); color:#fff; font-size:1.5rem; font-weight:700;}
.faq-wrap .answ .tit { font-weight: 700; display: block;  margin:2.4rem 0 1.2rem;}
.faq-wrap .answ .tit:first-child{margin-top: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; }
    
    .pf-status-wrap .pf-detail .md-title {font-size: 2rem;}
    .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;}
        
}
        
@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;word-break: break-word;}

    .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-organ-box {flex-direction: column;}    
	.decision-organ-box .decision-organ-head {width: 100%;padding: 2rem;}
	.decision-organ-box .decision-organ-body {margin: 1rem 0 0;}
	.decision-organ-head .decision-organ-title {display: flex;align-items: center;gap: 2rem;width: auto;padding-top: 0;}
	.decision-organ-head .decision-organ-title::before {margin-bottom: 0;}
    .decision-organ-head .decision-organ-title>br {display: none;}
    
    .decision-organ-head .decision-organ-title.type-nps {padding: 0;}
        
   	.decision-organ-box.type-box1::before {transform: translateX(-50%);bottom: 3rem;}
   	.decision-organ-box.type-box1 {padding-bottom: 16.3rem;} 
   	.step-instep-head {padding: 2rem 1rem;}
        
    /* .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 .process-step-instep {flex-wrap: nowrap; align-items: stretch;}
    .logic-process-step .process-step-item.step-type3 {margin-top: 0;}
    .logic-process-step .step-instep-item {margin-top: 7.6rem; margin-left: 0; width: calc(33.3% - 2rem);}
    .logic-process-step .step-instep-item:not(:first-child) {margin-left: 1rem;}
    
    /* .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;}

    /*기금소개*/
    .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; min-width: auto;}
    .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: 1.7rem; margin-bottom:3.2rem;}

    .greeting-wrap { flex-wrap: wrap;}
    .greeting-msg {margin: 0;}
    .greeting-msg .text {font-size: 1.7rem;}
    .greeting-msg .name .position {font-size: 1.5rem;}
    .greeting-msg .name .img img {height: 3.2rem; }
    .history-wrap:before {left: 50%;margin-left: -17.5rem;}
    .history-item { flex-wrap: wrap;}
    .history-item .info { margin: 3.2rem 0 0 0; width: 100%;}
    .history-item .info ul {font-size: 1.7rem;}
    .history-item .info li+li { margin-top: 1.6rem;}
    .history-item .info .detail_text {padding-left: 3rem;}
    .history-item .info .detail_text:before {left: 1rem; top: 0.7rem;}
    .history-item .infographic {flex: auto;}
    .thumnail_card_wrap .card_list { flex-wrap: wrap; margin-right: 0;margin-left: 0;}
    .thumnail_card_wrap .card_item { width: 100%;}

    /* 기금소개 */
    .location-info dt{ padding: 2.4rem 0 1.2rem; width:100%; border:none;}
    .location-info dd{ padding: 0 0 2.4rem 0;}
    .location-info .tel{display:block;}
    .location-info .tel p{width:auto;}

    .office-list > li{padding:0; }
    .office-list .th{ padding: 2.4rem 0 0.8rem; width:100%;}
    .office-list .td{flex:auto; box-sizing:border-box; padding: 0 0 2.4rem 0;}
    .office-list .td .tel{margin-top: 0.8rem;}
  
    /* 운용정책 */
    .manage-intro{padding:6rem 0;}

    .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 0.1rem 0; text-align:left; border:none; background:none !important; padding-bottom: 1rem;}
    .related-law th br{display:none;}
    .related-law td{border-width: 0 0 0.1rem 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%; margin:2.4rem 0 0 0;}

    .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: 5rem 3rem; box-sizing:border-box; overflow:hidden;}
    .activity-report .book{width:100%; padding:0; text-align:center;}
    .activity-report .book img{margin-left: -14rem;}
    .activity-report .viewer{width:100%; padding:0; margin-top: 3rem;}
    .activity-report .viewer ul{justify-content: center;}
    .activity-report .viewer li + li{margin-left: 1rem;}
    .activity-report .viewer li a{width: 12rem; height:auto;}
    .activity-report .viewer .tit{font-size: 1.6rem;}

    /* 알림 */
    .data-search .inp-item{flex-wrap:wrap;}
    .data-search .inp-item > label{width:100%; margin-bottom: 0.4rem;}
    .data-search .inp-group-period{display:flex; flex:1;}
    .data-search .useDatepicker{ width: calc(50% - 1rem);}
    .data-search .search-cmd{position:relative; right:initial; bottom:initial;}
    .data-search .search-cmd .btn{width:100%; justify-content: center;}

    .sub-visual{height:16rem;}

    .aram-notice .aram-notice-list li a{flex-wrap:wrap;}
}
  
@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-map-box {width: calc(100%/2 - .4rem);}
    .manage-map-box .manage-map-top {font-size: 1.4rem;}
    .manage-map-box:first-child .manage-map-top .txt:before {width: 2.4rem;height: 2.2rem;margin-right: .4rem;background-size: contain;}
    .manage-map-box:last-child .manage-map-top .txt:before {width: 5.4rem;height: 2.2rem;margin-right: .4rem;background-size: contain;}
    .manage-map-box .manage-map-middle span.title {font-size: 1.4rem;}
    .manage-map-box ul.txt {min-height: 8.6rem;margin-top: 0.8rem;padding: 1rem;}
    .manage-map-box ul.txt li {font-size: 1.4rem;word-break: break-all;}
    .manage-map-box .manage-map-middle2 span.title {min-height: 6rem;box-sizing: border-box; display: flex; align-items: center;justify-content: center;word-break: break-all;padding: 1rem .4rem;font-size:1.4rem}
    .manage-map-box .manage-map-bottom span.title {min-height: 6.5rem;box-sizing: border-box; display: flex; align-items: center;justify-content: center;word-break: break-all;padding: 1rem .4rem;font-size:1.4rem}
    .manage-map-box .manage-map-bottom-wrap {flex-direction:column;}
    .manage-map-box .manage-map-bottom.type2 {width:100%}
    .manage-map-box .manage-map-bottom.type2:last-child {margin-top:1rem}
    .manage-map-box .manage-map-bottom.type2 ul.txt {min-height: 13rem;}
    .manage-map-bottom-wrap:before {display:none;}
    .manage-map-box:last-child .manage-map-bottom.type2:before {left:49.5%;}
    .manage-map-box .manage-map-bottom.type2:last-child: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: 3.5rem 0 0; padding: 1rem;}
    .process-step-instep .step-instep-title {font-size: 1.4rem;}
    .process-step-instep .step-instep-sup {font-size: 1.2rem;}
    .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-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{width: 100%;margin-bottom: 0;text-align: left;font-size:1.4rem;min-width: 8rem;width: 25%;}
    .status-intro-box .percent-list li .percent-number {margin-right: 1rem;}
    .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%;}
    .pf-status-wrap .pf-detail-s {width:100%}
    
    .step-instep-head {min-height: 16rem;}
  }
  
  @media all and (max-width:600px){
  
    .page-top {padding: 2.4rem;text-align:left;}
    .footer-related-site .site-lists {padding:1rem;}
    .footer-related-site .site-lists li a {font-size:1.4rem}
    
    /* 기금소개 */
    .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: 3.2rem; }
    .nps-links-group2 .dep1>li>a {padding: 1.6rem 1.6rem 1.6rem 2rem;}
    .nps-links-group2 .dep1>li>a:before {left: 0.5rem; top: 2.3rem;}
    .nps-links-group2 .dep2>li { flex: 0 0 50%;}
  	.fund-org-dept.line_0:first-child:after {height:79rem;}
    /* 운용정책 */
    .management-principle dt { width: 10rem; height: 10rem; flex: 0 0 10rem;}
    .management-principle dt strong { width: 8rem; height: 8rem; font-size: 1.6rem;}
    .management-principle dd {margin-left: 1rem;}
    .management-principle dd:before {width: 1rem;left: -1rem;}

    .dir-copy { height: 21vw; font-size: 1.8rem;  background-position: center; }

    .management-direction .dir-item { flex-wrap: wrap; }
    .management-direction .dir-item:before {width: 1.7rem;  height: 2rem;  top: -0.5rem; }
    .management-direction .dir-item h4 { flex-basis: 100%;  text-align: left; border-bottom: 0.1rem solid var(--line-gray); padding-bottom: 1.6rem;  display: block;   font-size: 1.6rem; }	
    .management-direction .dir-item .txt-list { margin: 1.6rem 0 0 0;  padding: 0;  }
    .management-direction .dir-item .txt-list:before { display: none; }
    .manage-intro .circle-list{padding:2.5rem 0;  }
    .manage-intro .circle-list li{width:10rem; height:10rem;}
    .manage-intro .circle-list li:before{width:3.5rem; height:3.5rem; background-size:100% !important; }
    .manage-intro .circle-list li .circle-list-txt{font-size:1.4rem;  }
  
    /* 운용현황 */
    .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);}

    .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:10rem; height:10rem; flex:0 0 10rem;}
    .RI-principle .list-item .title_box h4{width:8rem; height:8rem;}
    .RI-principle .list-item .title_box:after{width:1rem; right:-1rem;}
    .RI-principle .list-item .item_box{margin-left:1rem;}
      
    /* 알림 */
    .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;}

    .txt-list li { padding-left: 1rem; font-size: 1.5rem;}
    .txt-list li::before { width: 0.4rem; height: 0.4rem;}

    .img-banner { height: 15rem; margin-top: 0; background-size: cover; }
      
    /*기금소개 서브 메인*/
    .fund-intro .fund-intro-wrap{flex-wrap:wrap; }
    .fund-intro .fund-intro-box{width:100%; margin-top:3rem;}
    .fund-intro .intro-history-list{padding-left:10rem;}
    .fund-intro .intro-history-year{position:absolute;left:-10rem; }
    .fund-intro .intro-history-item:before{top:3rem;}
    .fund-intro .intro-history-item:after{top:3.4rem; }	
    .fund-intro .intro-history-txt:before{margin-top:0;}
    
    .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}
    
    .opacity-box .opacity-box-txt {text-align:left;}
    .activity-report {padding:2rem;}
  	.activity-report .viewer ul {flex-wrap:wrap}
  }
  
  @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{	padding-left:2.4rem;}
    .status-intro-wrap .pf-data .dep2 th .dot{margin-right:1rem;}
    .status-intro-wrap .pf-data .dep2 .num{font-size:1.6rem;}

    /*모바일 배경*/
    .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: 1.6rem;}

    .fund-manage-list li { width: 100%;margin-bottom: 3rem; }
    .fund-manage-list li strong.fund-manage { padding-bottom: 1rem;}

    .manage-intro .circle-list li{width:7rem;height:7rem;margin:0 1.5rem}
    .manage-intro .circle-list li:before{width:2.8rem;height:2.8rem;margin-bottom:0.5rem;background-size:100%;}
    .manage-intro .circle-list li .circle-list-txt{font-size:1.3rem;font-weight:300;}

    .status-intro-wrap .calc-item .graph{width:100%; height:100%; max-height:13rem;}

    .division-info{padding:1rem;}
    
    .process-step-instep .step-instep-title {font-size: 1.4rem;word-break: break-all;}
    
}