.main-visual-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main-visual-slider {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.main-visual-slider .swiper-button-prev{
    position:absolute;
    left:2%;
    width:5.8rem;
    height:5.8rem;
    animation: animation-btn-left 1s infinite;
    animation-timing-function: ease-in-out;
    animation-direction:alternate;
    background:url("../../images/main/visual-prev-arrow.png") center no-repeat;
}

.main-visual-slider .swiper-button-next{
    position:absolute;
    right:2%;
    width:5.8rem;
    height:5.8rem;
    animation: animation-btn-right 1s infinite;
    animation-timing-function: ease-in-out;
    animation-direction:alternate;
    background:url("../../images/main/visual-next-arrow.png") center no-repeat;
}

@keyframes animation-btn-right{
    0% {right:2%;}
    100% {right:3%;}
}

@keyframes animation-btn-left{
    0% {left:2%;}
    100% {left:3%;}
}

.main-visual-slider .main-video {position:absolute; right:2%; top:22%;}
.main-visual-slider .main-video a > img {width:197px !important; height:55px !important;}

.main-visual-slider .swiper-slide {
    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;
    width: 100%;
    max-height: 82.3rem;
}

.main-visual-slider .swiper-slide picture {
    width:100%;
}

.main-visual-slider .swiper-slide picture img{
    object-fit:cover;
    width:100%;
    min-height:82.3rem;
    background:#000;
}

.main-visual-slider .swiper-slide .earth-wrap{
    position:absolute;
    width:53rem;
    height:53rem;
    right:13%;
    background:url("../../images/main/earth_all.svg") center no-repeat
}

.main-visual-slider .swiper-slide .earth-wrap .earth-info{
    position:absolute;
    width:17.2rem;
    min-height:12.2rem;
    display:inline-block;
    padding:2rem 0 1rem;
    border:0.1rem solid #507BCF;
    border-radius:2rem;
    background:rgba(0,0,0,0.76);	
}

.main-visual-slider .swiper-slide .earth-wrap .earth-info.type1{
    left:-2rem;
    top:-1rem;
}

.main-visual-slider .swiper-slide .earth-wrap .earth-info.type2{
    right:-6.7rem;
    top:13.1rem;
}

.main-visual-slider .swiper-slide .earth-wrap .earth-info.type3{
    left:2.5rem;
    bottom:0px;
}

.main-visual-slider .swiper-slide .earth-info strong.earth-info-title{
    display:block;
    font-size:2.1rem;
    text-align:center;
    font-weight:400;
    color:#fff;
}

.main-visual-slider .swiper-slide .earth-info .gray-txt{
    display:block;
    font-size:1.6rem;
    text-align:center;
    color:#d2d2d2;
}

.main-visual-slider .swiper-slide .earth-info .gray-txt:after{
    display:block;
    content:'';
    width:13.4rem;
    height:0.1rem;
    margin:1rem auto 0.5rem;
    background:#4f545d;
}

.main-visual-slider .swiper-slide .earth-info .earth-info-money{
    font-size:3.2rem;
    text-align:center;
    color:#88Bdfc;
}

.main-visual-slider .swiper-slide .earth-info .earth-info-money span{
    font-size:1.8rem;
}

.earth-info-money i {
    position: relative;
    transition: 0.2s;
    opacity: 0;
    top: -0.5rem;
}

.swiper-slide-active .earth-info-money i {
    position: relative;
    transition: 0.4s;
    opacity: 1;
    top: 0;
}

.swiper-slide-active .earth-info-money i.txt1 {
    transition-delay: 1s;
}

.swiper-slide-active .earth-info-money i.txt2 {
    transition-delay: 1.2s;
}

.swiper-slide-active .earth-info-money i.txt3 {
    transition-delay: 1.4s;
}

.swiper-slide-active .earth-info-money i.txt4 {
    transition-delay: 1.6s;
}

.main-visual-slider .main-visual-text {
    position: absolute;
    top: 57%;
    left: 9.25%;
    transform: translateY(-50%);
    width: 39.16%;
    color:#fff;
}

.main-visual-slider .main-visual-text2 {
    position: absolute;
    top: 46%;
    right: 9.25%;
    transform: translateY(-50%);
    width: 39.16%;
    color:#fff;
}

.main-visual-slider .main-visual-text strong{
    display:block;
    font-size:4.6rem;
    margin-bottom:3rem;
}

.main-visual-slider .main-visual-text2 strong{
    font-size:5.8rem;
    color:#29325F;
}

.main-visual-slider .main-visual-text2 .small-txt{
    font-weight:300;
}

.main-visual-slider .swiper-banner-desc{
    font-size:2rem;
    line-height:4rem;
}

.main-visual-slider .main-visual-text2

.main-visual-slider .swiper-slide img {
    width: 100%;
    height: 82.3rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-visual-slider .btn_wrap .btn{
    color:#fff;
    padding:2.5rem 2.4rem;
    margin-top:5rem;
    border:0.1rem solid rgba(141, 169, 189, 0.61);
    border-radius:50rem;
    font-size:2rem;
}

.main-visual-slider .btn_wrap .btn:after{
    content:'';
    display:block;
    width:2.4rem;
    height:2.4rem;
    margin-left:1.2rem;
    background:url("../../images/main/download-icon.png") center no-repeat;
}

.main-visual-notice{
    position:absolute;
    top:67%;
    left:51%;
    width:75.5rem;
    height:22.2rem;
    padding-right:1rem;
    overflow-y:scroll;
}

.main-visual-notice::-webkit-scrollbar {
    width: 1.5rem;
    border:0.1rem solid #fafafa;
}

.main-visual-notice::-webkit-scrollbar-thumb {
    background-color: rgba(107, 114, 142, 0.6);
    width:0.8rem;
    border-radius: 1rem;
    background-clip: padding-box;
    border: 0.3rem solid transparent;
}

.main-visual-notice::-webkit-scrollbar-track {
    background-color: rgba(250, 250, 250, 0.6);
    border-radius: 0.2rem;
}

.main-visual-notice::-webkit-scrollbar-button{
    display: block;
    border-style: solid;
    height: 1.3rem;
    width: 1.6rem;
}

.main-visual-notice::-webkit-scrollbar-button:vertical:start {
    display:none;
    border:none;
    background: rgba(250, 250, 250, 0.6) url("../../images/main/notice-top-arrow.png") center no-repeat;
}

.main-visual-notice::-webkit-scrollbar-button:vertical:end {
    display:none;
    border:none;
    background: rgba(250, 250, 250, 0.6) url("../../images/main/notice-bottom-arrow.png") center no-repeat;
}

.main-visual-notice::-webkit-scrollbar-button:vertical:decrement {
    display:block;
}

.main-visual-notice ul li a p{
    width:85%;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

.main-visual-notice ul li a{
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:1.8rem;
    color:#2d2d2d;
}

.main-visual-notice ul li .notice-date{
    font-size:1.6rem;
    color:#6a6a6a;
}

.main-visual-notice ul li{
    padding:1.5rem 3.2rem;
    border-radius:1.2rem;
    margin-bottom:1.6rem;
    background:rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(3rem);
}

.main-visual-notice ul li:hover,
.main-visual-notice ul li:focus{
    background:#fff;
}

.main-visual-notice ul li:last-child{
    margin-bottom:0;
}

.main-visual-notice .notice-category{
    display:inline-block;
    padding:0.6rem 1rem;
    margin-right:1.6rem;
    border-radius:0.6rem;
    color:#fff;
    font-size:1.4rem;
}

.main-visual-notice .notice-category.blue{
    background:#3575B0;
}

.main-visual-notice .notice-category.green{
    background:#2E7781;
}

.main-visual-notice .notice-category.purple-blue{
    background:#374485;
}

.news_slide_wrap {
    position: absolute;
    bottom: 6rem;
    left: 0;
    right:0;
    z-index: 1;
    box-sizing:border-box;
    padding:0 11rem;
    max-width:144rem;
    margin:0 auto;
}
.news_slide_area {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.news_slide_wrap .swiper-slide {
    width: 41rem;
    height: 16.5rem;
}
.news_slide_wrap .swiper-slide > a {
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 2rem;
    padding: 3.2rem 4rem 2.8rem;
}
.news_slide_wrap .swiper-slide .tit {
    display: inline-block;
    color: #fff;
    line-height: 3rem;
    padding: 0 2rem;
    border-radius: 1rem;
}
.news_slide_wrap .swiper-slide .text {
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 500;
    display: -webkit-box;
    max-height: 2.8rem;
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
}

.news_slide_wrap .swiper-pagination {
    background-color: transparent;
    position: absolute;
    right: 11rem;
    bottom: 17.5rem;
    display: inline-block;
    left: auto;
    width: auto;
}
.news_slide_wrap .swiper-button-prev,
.news_slide_wrap .swiper-button-next {
    text-align: left;
    text-indent: -9999rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top:-4.3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    display: inline-block;
    width: 4.8rem;
    height: 8.6rem;
}
.news_slide_wrap .swiper-button-prev {
    left: 1rem;
    background-image: url(/images/eng/main/ico_prev_lg.png);
}
.news_slide_wrap .swiper-button-next {
    right: 1rem;
    background-image: url(/images/eng/main/ico_next_lg.png);
}

.bg_gray {background-color: #F7F9FB !important; }
.bg_darkgray {background-color: #F9F9F9 !important;}
.bg_blue {background-color: var(--primary);}
.bg_lightblue {background-color: #F8F9FF;}
.bg_aqua {background-color: #2491A9;}
.bg_lightpurple {background-color: #7775DB;}
.bg_lightpink {background-color: #8f24A0;}
.bg_darkorange {background-color: #DF4A36;}
.bg_darkorange {background-color: #DF4A36;}
.bg_lightaqua {background-color: #F8FDFF;}
.bg_brown {background-color: #cf830b;}

.main-sec{padding:8rem 0; max-width:144rem; margin:0 auto; box-sizing:border-box;}
.main-sec.line{border-top: 0.1rem solid var(--line-gray);}

.fund-status-total ul{display:flex; margin:-0.6rem -1.2rem;}
.fund-status-total li{margin:0.6rem 1.2rem; width:calc(100% / 3 - 2.4rem); position:relative;}
.fund-status-total a{display:block; box-sizing:border-box; height:100%; padding:3rem; border-radius:2rem; position:relative;}
.fund-status-total a:after{display:block;content:''; box-sizing:border-box; width:12rem;height:12rem; position:absolute;right:2rem;bottom:1rem; background-position:0 0; background-size:cover; background-repeat:no-repeat;}
.fund-status-total a:hover{box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.15);}
.fund-status-total .tit{position:relative;}
.fund-status-total .tit:after{display:block;content:'';height:0.2rem; background-color:#fff; margin-left:-1rem; margin-top:1.4rem; margin-right:4rem; }
.fund-status-total .tit em{font-size:2.2rem; font-weight:500; margin-right:0.3rem;}
.fund-status-total .tit .date{font-size:1.4rem; color:var(--gray-50); white-space:nowrap; display:block;}
.fund-status-total .data{padding-top:1.8rem; position:relative;}
.fund-status-total .data em{font-size:4rem; font-weight:600; line-height:1; margin-right:0.3rem;}
.fund-status-total .data .unit{font-size:1.8rem;}

.fund-status-total .item1{background-color:#F4FFF3;}
.fund-status-total .item2{background-color:#F6FBFF;}
.fund-status-total .item3{background-color:#FFF9F4;}
.fund-status-total .item1 .tit:after{box-shadow:0.1rem 0.1rem 0.4rem rgba(43,161,43,0.2);}
.fund-status-total .item2 .tit:after{box-shadow:0.1rem 0.1rem 0.4rem rgba(0,98,225,0.2);}
.fund-status-total .item3 .tit:after{box-shadow:0.1rem 0.1rem 0.4rem rgba(248,152,78,0.2);}
.fund-status-total .item1 .data{color:var(--green);}
.fund-status-total .item2 .data{color:var(--blue);}
.fund-status-total .item3 .data{color:var(--orange);}
.fund-status-total .item1:after{background-image:url(/images/eng/main/ic_status1.png);}
.fund-status-total .item2:after{background-image:url(/images/eng/main/ic_status2.png);}
.fund-status-total .item3:after{background-image:url(/images/eng/main/ic_status3.png);}

.fund-status-download{margin-top:8rem; position:relative; padding-right:25rem;}
.fund-status-download .tit{display:flex; align-items: center; margin-bottom:2rem;}
.fund-status-download h3{font-size:3.2rem; font-weight:600; color:var(--primary); }
.fund-status-download .tit button{margin-left:5rem;}
.fund-status-download .sub-txt{font-size:2rem;}
.fund-status-download:after { display: block;content: ''; width: 20rem; height: 20rem; position: absolute; right: 0;top: 0; background: url(/images/eng/main/total_bg.png) 0 0 / cover no-repeat;}

.btn-main-download{display:inline-flex; align-items: center; height:3.4rem; padding:0 2rem; border-radius:1.7rem; color:#fff; background-color:var(--primary); font-size:1.2rem;}
.btn-main-download:after{display:inline-block;content:'';width:1.2rem;height:1.2rem; margin-left:0.5rem; margin-right:-0.5rem; background-position:center center; background-size:cover; background-repeat:no-repeat; background-image:url(/images/eng/common/ic_download_w.png);}
.btn-main-download:focus-visible{outline-style:dashed; outline-width:0.3rem;}

.btn-main-more{display:inline-flex; align-items: center; height:3.4rem; padding:0 2rem; border-radius:1.7rem; color:#fff; background-color:var(--color-base); font-size:1.2rem;}
.btn-main-more:after{display:inline-block;content:'';width:1.2rem;height:1.2rem; margin-left:0.5rem; margin-right:-0.5rem; background-position:center center; background-size:cover; background-repeat:no-repeat; background-image:url(/images/eng/common/ic_go_w.png);}
.btn-main-more:focus-visible{outline-style:dashed; outline-width:0.3rem;}
.btn-main-more2 {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 2.2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    vertical-align: middle;
}
.btn-main-more2:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: -0.1rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url(/images/common/ico_more_arrow_s.svg) no-repeat center center / 0.6rem auto;
}
.btn-main-more2:focus-visible {
    outline-style: dashed;
    outline-width: 3px;
}

.status-detail-wrap {background:#F7F8FB;}
.status-detail-wrap.white{background:#fff;}

.status-detail-wrap + .main-sec {padding-top: 17rem;}
.status-detail-wrap .main-sec {display: flex; align-items: center;padding: 14rem 0;}
.status-detail-wrap .main-sec + .main-sec { border-top: 0.1rem solid var(--gray-40);}
.status-detail-wrap .sec-header { margin-right: 8.3%;width: 34.7%;text-align: left;}
.status-detail-wrap .sec-header .tit { margin-bottom: 1.5rem;font-size: 3.2rem; font-weight: 600;color: var(--primary2);}
.status-detail-wrap .sec-header .sub-txt { margin-bottom: 3rem;font-size: 2.2rem;}
.status-detail-wrap .sec-header .sub-txt-box { display: inline-flex; align-items: center; margin: 0 auto;padding: 1rem 2rem; border: 0.1rem solid var(--line); border-radius: 10rem; font-size: 1.6rem; color: #6a6a6a; background-color: #fff; box-sizing: border-box;}
.status-detail-wrap .sec-header .sub-txt-box span { position: relative;padding: 0 1rem;}
.status-detail-wrap .sec-header .sub-txt-box span + span:before { content: "";position: absolute; top: 50%; left: 0; margin-top: -0.5rem; width: 0.1rem; height: 1rem; background-color: var(--line);}
.status-detail-wrap .sec-header .more { margin-top: 6rem;}
.status-detail-wrap .sec-contents {width: 57%;}
.status-detail-wrap .status1 .sec-header h3 { color: var(--primary2);}

/* .status-detail-wrap .status2 .sec-header h3 {
color: var(--blue);
}
.status-detail-wrap .status3 .sec-header h3 {
color: var(--orange);
} */

.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%;}

.saving-status {display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;padding: 2rem 3rem; background-color: #f8f8f8; 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: 15.2rem; height: 15.2rem; margin-right: 2rem;}
.calc-item .graph .svg { width: 100%; height: 100%;}
.calc-item .graph .svg svg { width: 100%; height: 100%; min-width: 13rem;  min-height: 13rem;}
.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;}
.calc-item .graph .data em { font-size: 2.4rem; font-weight: 600; line-height: 1;}
.calc-item .info { font-size: 1.6rem; flex: 1 1 auto;}
.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;}
.calc-item .info ul li {  display: flex; justify-content: space-between;}
.calc-item .info .data {  font-weight: 500;}

.saving-status-result {border: 0.1rem solid var(--blue); background-color: #fbfbfb; border-radius: 2rem; padding: 2rem 5rem 2rem 3rem; margin-top: 1.2rem; position: relative;}
.saving-status-result:before {content: ""; position: absolute; top: 0; left: 50%; width: 5rem; height: 5.1rem; margin: -2.5rem auto 0; background: url(../../images/main/ic_equal_primary.png) center / auto 100%;}
.saving-status-result .calc-item .graph { width: 20rem; height: 17rem; margin-right: 5rem;}
.saving-status-result .calc-item .graph .data {color: var(--blue);}
.saving-status-result .calc-item .graph .data em { font-size: 3rem;}
.saving-status-result .calc-item .graph .data .unit { font-size: 1.8rem; font-weight: 600;}
.saving-status-result .calc-item .info { font-size: 1.8rem;}
.saving-status-result .calc-item .info h4 { color: var(--blue); 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;}
.saving-status-result .calc-item .info .label { margin-right: 4.5rem;}

.fund-process{padding:0 2rem; margin-bottom:2rem;}
.fund-process ul{display:flex; position:relative; height:6rem;}
.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(to right, rgba(84,86,86,0.05), rgba(54,86,86,1) );}
.fund-process li{margin-left:0.5rem; min-width:4rem;min-height:6rem; position:relative; text-align:center; font-size:1.3rem;}
.fund-process li:before{display:block;content:'';width:1.2rem;height:1.2rem; box-sizing:border-box; border-radius:50%; border:0.3rem solid var(--gray-70); position:absolute;left:50%;top:50%; margin:-0.6rem 0 0 -0.6rem; background-color:#fff;}
.fund-process li:nth-child(2){margin-left:auto;}
.fund-process li:nth-child(1){margin-left:-2rem;}
.fund-process li:last-child{margin-right:-2rem;}

.fund-process .won{display:block;height:2rem;line-height:2rem; color:#fff; background-color:var(--gray-50); border-radius:0.5rem; position:relative;}
.fund-process .won:after{display:block;content:'';width:0.6rem;height:0.6rem;position:absolute;left:50%;bottom:-0.3rem; margin-left:-0.3rem; transform:rotate(45deg);background-color:var(--gray-50); z-index:0;}
.fund-process .year{position:absolute;left:0;bottom:0;right:0;}

.fund-process li:nth-child(1):before{border-color:#ccc;}
.fund-process li:last-child:before{border-color:#2B2171;}
.fund-process li:last-child .won{background-color:#2B2171;}
.fund-process li:last-child .won:after{background-color:#2B2171;}
.fund-process li:nth-child(3){margin-left:4%;}
.fund-process li:nth-child(4){margin-left:4%;}
.fund-process li:nth-child(5){margin-left:3%;}

.profits-data-box{display:flex; justify-content: space-between; margin-bottom:1rem;}
.profits-data-box .data-item{width:calc(50% - 1rem); background-color:#fff; border-radius:2rem; padding:3rem; text-align:center; box-sizing:border-box;}
.profits-data-box .data-item .label{font-size:1.6rem; font-weight:400; margin-bottom:1.6rem; line-height:1.25;}
.profits-data-box .data-item .data em{font-size:4rem; font-weight:600; line-height:1;}
.profits-data-box .data-item .data .unit{font-size:1.8rem;}

/* 포트폴리오 */
.main-portfolio { display: flex;}
.main-portfolio .chart-wrap {border:none; margin:0;}
.pf-chart {width: 50%;padding-top:5.3rem;}
.pf-detail {width: calc(100% - 40% - 6.45%); margin-left: 2.45%;}
.pf-data-header {margin-bottom: 2rem;}
.pf-data-header .tit {display: flex;align-items: flex-end;justify-content: space-between; font-size: 3.2rem; font-weight: 700;}
.pf-data-header .tit .date { font-size: 1.4rem; color: var(--gray-50); font-weight: 400;}
.pf-data-footer { margin-top: 3.4rem;}
.pf-data-footer .summary { display: flex; align-items: center; justify-content: flex-end;}
.pf-data-footer .pf-total { color: #425abe;}
.pf-data-footer .pf-total em {font-size: 4rem; font-weight: 800; line-height: 1;}
.pf-data-footer .pf-total .unit {  display: inline-block; margin-left: 0.4rem; font-size: 2rem; line-height: 1;}
.pf-data-footer .btn-main-more { margin-left: 2rem;}
.pf-data table { width: 100%; border-top: 0.1rem solid #545656; border-bottom: 0.1rem solid #545656;}
.pf-data th,
.pf-data td { height: 7.2rem;border-top: 0.1rem solid var(--line);  font-size: 1.6rem;}
.pf-data tbody tr:first-child th,
.pf-data tbody tr:first-child td {border-top: 0 !important;}
.pf-data th {padding: 1rem 1rem 1rem 4rem;  text-align: left;}
.pf-data td {padding: 1rem 4rem 1rem 1rem;font-weight: 500;text-align: right;}
.pf-data .dep1 th,
.pf-data .dep1 td { border-bottom: 0.1rem solid #000;border-top: 0.1rem solid #000; color: #000; font-weight: 500;}
.pf-data .dep2 th { padding-left: 4rem; font-weight: 500;}
.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;}
.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; background-color: #000;}
.pf-data .dep2 td { font-weight: 700;}
.pf-data .dep2 .num { font-size: 2.2rem;}

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

.pf-data.pf-data-type2 tr:not(.indent) .dot {left: .5rem;}
.pf-data.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%;}

/* 투자 */
.main-invest { display: flex; justify-content: space-between;}
.main-invest-item { position: relative; width: calc(50% - 1.5rem);}
.main-invest-item .tit { margin-bottom: 1.5rem; font-size: 3.2rem;color: var(--primary2);}
.main-invest-item .tit span {font-size: 1.4rem; font-weight: 400;color: var(--gray-50);}
.main-invest-item .sub-txt { margin-bottom: 4rem;  font-size: 2.2rem;}
.main-invest-item .sub-txt-box {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 2rem;
    height: 3.9rem;
    font-size: 1.6rem;
    border: 0.1rem solid var(--line);
    border-radius: 100px;
    letter-spacing: -0.1rem;
    background-color: #fff;
    box-sizing: border-box;
}
.main-invest-item .status-chart {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 6.8rem;
}
.main-invest-item .status-chart .chart {
    z-index: 1;
    position: relative;
    width: 29.5rem;
}

.main-invest-item .status-chart:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 29.5rem;
    height: 27.5rem;
    border-radius: 100%;
    box-shadow: 1.9rem 2rem 2rem -1.5rem rgba(64, 129, 254, 0.4);
}
.main-invest-item .status-chart .detail {
    position: relative;
    flex: 1 auto;
    padding-left: 3rem;
    font-size: 1.2rem;
    color: var(--primary);
}
.main-invest-item .status-chart .detail_title {
    position: relative;
    margin-bottom: 1.6rem;
    padding-left: 3.5rem;
    font-size: 2.2rem;
    font-weight: 600;
    color: #545656;
}
.main-invest-item .status-chart .detail_title:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 1.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #545656;
}
.main-invest-item .status-chart .detail_info {
    padding: 2rem;
    border-radius: 2rem;
    background-color: #fff;
    box-sizing: border-box;
}
.main-invest-item .status-chart .detail_info li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.6rem 2rem;
    border-radius: 1rem;
    background-color: #F8F8F8;
}
.main-invest-item .status-chart .detail li + li {
    margin-top: 1.2rem;
}
.main-invest-item .status-chart .detail .label {
    font-size: 1.8rem;
    font-weight: 400;
    color: #545656;
}
.main-invest-item .status-chart .detail .per {
    margin-left: auto;
    font-size: 2.2rem;
    font-weight: 700;
    color: #2457a9;
    line-height: 1;
}
.main-invest-item .status-chart .detail .won {
    margin-left: 1rem;
    font-size: 1.6rem;
    text-align: right;
}

.main-invest-item .status-chart .detail {
    position: relative;
    flex: 1 auto;
    padding-left: 3rem;
    font-size: 1.2rem;
    color: var(--primary);
}
.main-invest-item .status-chart .detail_title {
    position: relative;
    margin-bottom: 1.6rem;
    padding-left: 3.5rem;
    font-size: 2.2rem;
    font-weight: 600;
    color: #545656;
}
.main-invest-item .status-chart .detail_title:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 1.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #545656;
}
.main-invest-item .status-chart .detail_info {
    padding: 2rem;
    border-radius: 2rem;
    background-color: #fff;
    box-sizing: border-box;
}
.main-invest-item .status-chart .detail_info li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.6rem 2rem;
    border-radius: 1rem;
    background-color: #F8F8F8;
}
.main-invest-item .status-chart .detail li + li {
    margin-top: 1.2rem;
}
.main-invest-item .status-chart .detail .label {
    font-size: 1.8rem;
    font-weight: 400;
    color: #545656;
}
.main-invest-item .status-chart .detail .per {
    margin-left: auto;
    font-size: 2.2rem;
    font-weight: 700;
    color: #2457a9;
    line-height: 1;
}
.main-invest-item .status-chart .detail .won {
    margin-left: 1rem;
    font-size: 1.6rem;
    text-align: right;
}

.circle-chart {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 29.5rem;
    height: 29.5rem;
    border-radius: 50%;
}
.circle-chart::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) scale(0.9);
    width: 29.5rem;
    height: 29.5rem;
    border-radius: 50%;
    border:0.1rem solid rgba(232, 232, 232, 0.5);
}

.circle-chart .bar-left {
    position: relative;
    overflow: hidden;
    width: 14.75rem;
    height: 29.5rem;
}

.circle-chart .bar-left::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1rem;
    width: 1rem;
    height: 14.75rem;
    box-shadow: 0 0.4rem 0.7rem rgba(64, 129, 254, 0.4);
}

.circle-chart .bar-right {
    position: relative;
    overflow: hidden;
    width: 14.75rem;
    height: 29.5rem;
    background-color: transparent;
}
.circle-chart .bar {
    width: 29.5rem;
    height: 29.5rem;
    position: relative;
    background:#fff;
}
.circle-chart .bar:before {
    content: "";
    position: absolute;
    top: 0;
    width: 14.75rem;
    height: 29.5rem;
    background-color: #4d5c9d;
}
.circle-chart .data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #1d1d1d;
}
.circle-chart .data .label {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
}
.circle-chart .data .per {
    margin-top: 0.4rem;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.19;
}
.circle-chart .data .won {
    font-size: 1.4rem;
    font-weight: 400;
}
.circle-chart .bar-left .data {
    padding-left: 3rem;
}
.circle-chart .bar-right .data * {
    color: #fff;
}
.circle-chart .bar-right .bar {
    margin-left: -14.75rem;
}
.circle-chart .bar-left .bar:before {
    margin-left: 14.75rem;
}
  
/* 기금운용계획 */
.main-schedule .tit {
    margin-bottom: 1.5rem;
    font-size: 3.2rem;
    color: #333e6d;
}
.main-schedule .sub-txt {
    margin-bottom: 5.7rem;
    font-size: 2.2rem;
}
.main-schedule-items {
    display: flex;
    justify-content: space-between;
}
.main-schedule-item {
    width: calc(50% - 2rem);
}
  
.sch-pf-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.sch-pf-header h4 {
    position: relative;
    padding-left: 3.5rem;
    font-size: 2.2rem;
    font-weight: 600;
    color: #545656;
}
.sch-pf-header h4:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 1.3rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #545656;
}
.sch-pf-header h4 .title-sub {
    display: block;
    margin-left: 0.4rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #888;
    letter-spacing: -0.1rem;
}
.sch-pf-wrap {
    padding: 2rem;
    border-radius: 2rem;
    background: #f7f9fb;
    box-sizing: border-box;
}
.sch-pf-wrap ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 36.8rem;
}
.sch-pf-wrap li {
    display: flex;
    align-items: center;
    margin-top: 1.4rem;
    padding: 1.6rem 2rem;
    border-radius: 1rem;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 1;
}
.sch-pf-wrap li:first-child {
    margin-top: 0;
}
.sch-pf-wrap .label {
    width: 17rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #545656;
}
.sch-pf-wrap .per {
    margin-left: 1rem;
    width: 8rem;
    font-size: 2.2rem;
    font-weight: 800;
    color: #2457a9;
    text-align: right;
}
.sch-pf-wrap .bar-wrap {
    border-radius: 0.5rem;
    width: calc(100% - 15rem);
    height: 2rem;
    background-color: var(--line);
}
.sch-pf-wrap .bar-wrap .bar {
    height: 2rem;
    border-radius: 0.5rem;
    background: linear-gradient(180deg, #6f7dbf 0%, #333e6d 100%);
    box-shadow: 0px 4px 4px rgba(96, 91, 255, 0.17);
}
  
.item2 .sch-pf-wrap li {
    height: 10rem;
}
.item2 .sch-pf-wrap .label {
    width: 12.5rem;
}
.item2 .sch-pf-wrap .per {
    width: 12rem;
}

.main #footer{margin-top:0;}

@media all and (max-width:1260px) {
    .main-sec{padding-left:2rem; padding-right:2rem;}

    .news_slide_wrap{width:auto;}
}

@media all and (max-width:1080px) {
	.main-visual-slider .main-visual-text2 {
	    top: 26%;
	    width: 100%;
	    left: 2rem;
	    right: 0rem;
	}
	.main-visual-slider .main-visual-text2 strong {
	    font-size: 3.8rem;
	}
	.main-visual-notice {
	    width: 90%;
	    top: 61%;
	    left: 5%;
	    height: 29.2rem;
	}
	.status-detail-wrap .main-sec {
	    flex-wrap: wrap;
	}
	.status-detail-wrap .main-sec, .status-detail-wrap+.main-sec {
	    padding-left: 2rem;
	    padding-right: 2rem;
	}
	.status-detail-wrap .sec-header .sub-txt {
	    font-size: 1.6rem;
	    margin-bottom: 2rem;
	}
	.status-detail-wrap .status2 .sec-header .more, .status-detail-wrap .status3 .sec-header .more {
	    position: absolute;
	    top: 0.5rem;
	    right: 0;
	    margin: 0;
	}
	.status-detail-wrap .status2 .sec-contents {
	    margin: 0;
	    width: 100%;
	}
	.main .header-top {background:none;}
    .visual_area .swiper-slide img {height: 54.9rem;}
    

    .news_slide_wrap { position:relative; bottom: inherit; left: inherit; -webkit-transform: translate(0); transform: translate(0); padding:0; margin-top:-3rem;}
    .news_slide_area{ padding:0 1rem 2rem 1rem;}
    .news_slide_wrap .swiper-slide{height:15rem;}
    .news_slide_wrap .swiper-slide a{padding:1rem; height:100%; box-sizing:border-box; box-shadow: 0 0.4rem 1.5rem rgba(23, 35, 99, 0.15);}
    .news_slide_area .swiper-slide .tit{display: block; font-size: 1.2rem; text-align: center; padding:0; }
    .news_slide_area .swiper-slide .text{margin:1rem 0; font-size:1.4rem; -webkit-line-clamp:2; max-height:4.9rem; height:4.9rem;}
    .news_slide_area .swiper-slide .data{margin-top:auto; font-size:1.2rem;}
    .visual_wrap .swiper_pagination_wrap{text-align:center;}
    .visual_wrap .swiper-pagination{position:relative; right:initial; bottom:initial; margin:0 auto; width:8rem; text-align:center;}

    .news_slide_wrap .swiper-button-prev,
    .news_slide_wrap .swiper-button-next { margin:0; width: 2rem; height: 2rem; bottom:0; top:initial;}
    .news_slide_wrap .swiper-button-prev { left: 50%; margin-left:-6rem; background-image: url(/images/eng/main/ico_prev_sm.png); background-size:1rem auto;}
    .news_slide_wrap .swiper-button-next { right: 50%; margin-right:-6rem; background-image: url(/images/eng/main/ico_next_sm.png); background-size:1rem auto;}

    .main-sec{padding:4rem 2rem; position:relative; margin-top:1rem;}
    .main-sec.line{border-top:none;}
    .main-sec:before{display:block;content:''; position:absolute;left:0;top:-1rem;right:0;height:1rem; box-sizing:border-box; background-color:#F1F1F1;}
    .main-sec.status:before{display:none;}

    .btn-main-more{padding:0 1.5rem;}

    .fund-status-total ul{flex-wrap:wrap;}
    .fund-status-total li{margin: 0.6rem 0; width:100%;}

    .fund-status-download{padding-right:12rem; margin-top:4rem;}
    .fund-status-download:after{width:12rem; background-size:100% auto;}
    .fund-status-download h3{font-size:2.2rem;}
    .fund-status-download .tit button{margin-left:2rem;}
    .fund-status-download .sub-txt{font-size:1.4rem;}

    .status-detail-wrap .main-sec{flex-wrap:wrap;}
    .status-detail-wrap .sec-header{width:100%; margin:0 0 2rem 0; text-align:left; position:relative; padding:0;}
    .status-detail-wrap .sec-header .sub-txt{font-size:1.4rem; margin-bottom:2rem;}
    .status-detail-wrap .sec-header .sub-txt br{display:none;}
    .status-detail-wrap .sec-contents{width:100%;}

    .status-detail-wrap .status2 .sec-header{order:0;}
    .status-detail-wrap .status2 .sec-header .more,
    .status-detail-wrap .status3 .sec-header .more{position:absolute;right:0;bottom:0; margin:0;}

    .profits-data-box{margin-bottom:2rem;}
    .profits-data-box .data-item{padding:20px 10px; width: calc(50% - 0.2rem);}
    .profits-data-box .data-item .label{font-size:1.4rem; line-height:1.16; margin-bottom:0.8rem;}
    .profits-data-box .data-item .data em{font-size:2.2rem;}

    .main-portfolio{flex-wrap:wrap;}
    .pf-chart{width:100%; text-align:center; order:1;}
    .pf-detail{width:100%; order:0; margin-bottom:4rem;}

    .main-invest{flex-wrap:wrap;}
    .main-invest-item{width:100%;}
    .main-invest-item + .main-invest-item{margin-top:4rem;}
    .main-invest-item .sub-txt{font-size:1.4rem;}

    .main-schedule-items{flex-wrap:wrap;}
    .main-schedule-item{width:100%;}
    .main-schedule-item + .main-schedule-item{margin-top:4rem;}
    .main-schedule .sub-txt{font-size:1.4rem;}
    .main-visual-slider .main-visual-text {
	    top: 40%;
	    width: 90%;
	    left: 5%;
	}
	.main-visual-slider .main-video {right:3%; top:30%;}
	.main-visual-slider .main-video a > img {width:145px !important; height:auto !important;} 

}

@media all and (max-width:768px) {
	.main-visual-slider .main-visual-text2 strong {
	    font-size: 5rem;
	}
	.main-visual-notice {
	    height: 31rem;
	}
    .visual_area .swiper-slide img {height: auto; width:100%;}
    .status-detail-wrap .main-sec {
	    padding: 5rem 2rem;
	}
	.fund-process {
	    padding: 0 2rem;
	    margin-bottom: 2rem;
	}
	.pf-data-header .tit {
	    font-size: 2.4rem;
	}
	.main-visual-slider .main-visual-text {
	    top: 27%;
	}
	.main-visual-slider .swiper-banner-desc {
	    font-size: 1.8rem;
	    line-height: 3.5rem;
	}
	.main-visual-slider .swiper-slide .earth-wrap {
	    width: 45rem;
	    height: 31.7rem;
	}
	.main-visual-slider .swiper-slide .earth-info .earth-info-money {
	    font-size: 1.8rem;
	}
	.main-visual-slider .swiper-slide .earth-wrap .earth-info.type1 {
	    top: 7.7rem;
	    left: 0px;
	}
	.main-visual-slider .swiper-slide .earth-wrap .earth-info.type2 {
	    right: 6.3rem;
	    top: -0.5rem;
	}
	.main-visual-slider .swiper-slide .earth-wrap .earth-info.type3 {
	    left: 20rem;
	    bottom: 0;
	}
	.main-visual-slider .swiper-slide .earth-info .earth-info-money span {font-size:1.4rem}
	.main-visual-slider .swiper-slide .earth-info .earth-info-money {  font-size: 1.4rem;}
    .saving-status{padding:2rem 1rem;}
    .calc-item{display:block;}
    .calc-item .graph{margin:0 auto 1rem auto !important;}
    .calc-item .info{font-size:1rem;}
    .calc-item .info h4{text-align:center;}
    .saving-status-result .calc-item .info ul{display:block;}

}

@media all and (max-width:600px) {
	.main-visual-slider .main-visual-text strong, .main-visual-slider .main-visual-text2 strong {
	    font-size: 3.5rem;
	}
	.main-visual-notice {
	    top: 75%;
	    height: 18rem;
	}
	.main-visual-notice ul li {
	    padding: 1rem 0.8rem;
	    margin-bottom: 1rem;
	}
	.main-visual-notice ul li a p {
	    width: 95%;
	    font-size: 1.7rem;
	}
	.main-visual-notice ul li .notice-date {
	    display: none;
	}
	.main-visual-notice ul li a p {
	    width: 95%;
	    font-size: 1.4rem;
	}
	.main-visual-notice .notice-category {
		font-size:1.2rem;
		margin-right:1rem;
	}
	.fund-process li {
	    min-width: 2.8rem;
	    margin-left: 0.2rem;
	    font-size: 1.1rem;
	}
	.pf-data .dep2 th {
	    padding-left: 1.5rem;
	}
	.pf-data.pf-data-type2 .dep2:not(.indent) th {
		padding-left: 2.6rem;
	}
    .pf-data.pf-data-type2 .dep2 th {
		padding-left: 4.8rem;
	}
	.pf-data th, .pf-data td,.pf-data .dep2 .num {
	    font-size: 1.4rem;
	}
	.main-invest-item .tit {
	    font-size: 2.4rem;
	}
	.main-invest-item .sub-txt-box {
	    position: relative;
	    margin-bottom: 1.5rem;
	    padding: 0 1rem;
	    font-size: 1.4rem;
	}
		.main-invest-item .status-chart {
	    flex-wrap: wrap;
	    margin-top: 2rem;
	}
	.main-invest-item .status-chart .detail ul {
	    display: flex;
	    justify-content: space-evenly;
	    width: 100%;
	    box-sizing: border-box;
	}
	.main-invest-item .status-chart .detail .label {
	    display: block;
	    width: auto;
	    font-size:1.6rem;
	}
	.main-invest-item .status-chart .detail .per {
	    display: block;
	    margin: 0.5rem 0 0 0;
	    width: auto;
	    font-size: 1.8rem;
	}
	.status-detail-wrap+.main-sec {
		padding-top: 5rem;
	}
	.sch-pf-header h4 {
	    font-size: 1.8rem;
	}
	.btn-main-more2 {
	    padding: 0 1.5rem;
	    font-size: 1.4rem;
	}
	.main-visual-slider .main-visual-text {
	    top: 32%;
	}
	.main-visual-slider .swiper-banner-desc {
	    font-size: 1.4rem;
	    line-height:3rem
	}
	.main-visual-slider .swiper-slide .earth-wrap {
	    width: 31.4rem;
	    height: 31.7rem;
	        bottom: 4%;
	}
	.main-visual-slider .swiper-slide .earth-wrap .earth-info {
	    width: 9.8rem;
	    min-height: 7rem;
	    padding: 1rem 0rem 0.5rem;
	}
	.main-visual-slider .swiper-slide .earth-wrap .earth-info.type1 {
	    top: 7.7rem;
	    left: 0px;
	}
	.main-visual-slider .swiper-slide .earth-info strong.earth-info-title {
	    font-size: 1.2rem;
	}
	.main-visual-slider .swiper-slide .earth-info .gray-txt {
    font-size: 1rem;
}
    .fund-status-download{padding-right:0;}
    .fund-status-download:after{display:none;}

    .pf-data-header{flex-wrap:wrap; margin-bottom:1rem;}
    .pf-data-header .tit{margin-bottom:2rem;}
    .pf-data-header .summary{width:100%; justify-content: space-between;}
    .pf-data-header .pf-total em{font-size:3.2rem;}
    .pf-data th,
    .pf-data td{padding:1rem; font-size:1.4rem;}

    .main-invest-item .sub-txt{margin-bottom:2rem;}
    .main-invest-item .status-chart{flex-wrap:wrap; margin-top:2rem;}
    .main-invest-item .status-chart .chart{margin:0 auto 2rem auto;}
    .main-invest-item .status-chart .chart:after{display:none;}
    .main-invest-item .status-chart .detail{padding:0; width:100%;}
    .main-invest-item .status-chart .detail:before{display:none;}
    .main-invest-item .status-chart .detail:after{display:none;}
    .main-invest-item .status-chart .detail ul{display:flex;}
    .main-invest-item .status-chart .detail li{display:block; text-align:center; margin:0 0.2rem !important; padding:2rem 1rem; flex:1;}
    .main-invest-item .status-chart .detail li:before{display:none;}
    .main-invest-item .status-chart .detail .label{display:block; width:auto;}
    .main-invest-item .status-chart .detail .per{display:block; margin:0.5rem 0 0 0; width:auto;}
    .main-invest-item .status-chart .detail .won{display:block; text-align:center; width:auto;margin:0;font-size:1.2rem;}

    .fund-process li{min-width:2.8rem; font-size:1.1rem; margin-left:0.2rem;}
    .fund-process li:nth-child(3),
    .fund-process li:nth-child(4),
    .fund-process li:nth-child(5){margin-left: 0.2rem;}
    .fund-process .won{font-size:1.1rem;}

    .sch-pf-header{flex-wrap:wrap;}
    .sch-pf-header h4{width:100%; text-align:left; box-sizing:border-box;padding-left: 3rem;}
    .sch-pf-header .title-sub{width:100%; margin-top:1rem; padding-left:2rem;}
    .btn-main-more2 {margin-left: auto;}
    .sch-pf-wrap .label {font-size:1.4rem}
    .sch-pf-wrap .per {font-size:1.6rem}
    .item2 .sch-pf-wrap ul {min-height:inherit;}
    .item2 .sch-pf-wrap li {height:auto;}
    .main-schedule .tit {font-size:2.4rem}

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

    .pf-data th,
    .pf-data td{font-size:1.4rem;}
    .pf-data th .dot{margin-right:0.5rem !important;flex:none;}
    .pf-data.pf-data-type2 .dep2:not(.indent) th {padding-left: 1.6rem;}
    .pf-data.pf-data-type2 .dep2 th {padding-left: 2.8rem;}
    .pf-data.pf-data-type2 .dot {left: 1.6rem;}

    .sch-pf-header h4 span{padding:0 1.5rem;}

    .fund-status-total a:after{width:10rem;height:10rem;}

    .status-detail-wrap .sec-header .sub-txt-box{padding:0;}
    .pf-data .dep2 th {padding-left:1rem;display:flex;align-items: center;}

}