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

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

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

    100% {
        right: 3%;
    }
}

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

    100% {
        left: 3%;
    }
}

.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: 0;
}

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

.main-visual-slider .main-visual-text {
    position: absolute;
    top: 50%;
    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: 6.2rem;
}

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

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

/* news */
.main-sec.news {
    padding: 8rem 4.5rem 7rem;
    max-width: none;
}

.main-news-wrap {
    position: relative;
    margin: 0 auto;
    max-width: 135rem;
    /* padding: 0 2.6rem; */
    /* max-width: 144rem; */
}

.news-slide-area {
    position: relative;
    overflow: hidden;
}

.main-news-wrap .swiper-slide {
    width: 41rem;
    height: 17.8rem;
}

.main-news-wrap .swiper-slide>a {
    display: block;
    padding: 2.8rem 4rem 3rem;
    border: 0.1rem solid #7696ca;
    border-radius: 2rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
    background-color: #f4f7fd;
    box-sizing: border-box;
}

.main-news-wrap .swiper-slide .category {
    display: inline-block;
    padding: 0 2rem;
    border-radius: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    line-height: 3rem;
    letter-spacing: -0.02em;
    background-color: #4d5c9d;
}

.main-news-wrap .swiper-slide .title {
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    margin-top: 1.9rem;
    max-height: 2.8rem;
    font-size: 1.8rem;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.main-news-wrap .swiper-slide .data {
    display: inline-block;
    margin-top: 0.4rem;
    font-size: 1.4rem;
    font-weight: 400;
}

.main-news-wrap .swiper-pagination {
    background-color: transparent;
    position: absolute;
    right: 11rem;
    bottom: 17.5rem;
    display: inline-block;
    left: auto;
    width: auto;
    display: none;
}

.main-news-wrap .swiper-button-prev,
.main-news-wrap .swiper-button-next {
    text-align: left;
    text-indent: -9999rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -4.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    display: inline-block;
    width: 4.8rem;
    height: 8.4rem;
}

.main-news-wrap .swiper-button-prev {
    left: -11.9rem;
    background-image: url(../images/main/news_slider_prev.svg);
}

.main-news-wrap .swiper-button-next {
    right: -11.9rem;
    background-image: url(../images/main/news_slider_next.svg);
}

.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 {
    margin: 0 auto;
    padding: 8.5rem 0 8.5rem;
    max-width: 144rem;
    box-sizing: border-box;
}

.main-sec.line {
    border-top: 0.1rem solid var(--gray-50);
}

.btn-main-download {
    display: inline-flex;
    align-items: center;
    padding: 0 2rem;
    height: 3.4rem;
    border-radius: 1.7rem;
    font-size: 1.2rem;
    color: #fff;
    background-color: var(--primary);
}

.btn-main-download:after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: -0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/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;
    justify-content: space-between;
    padding: 0.8rem 2.5rem 0.8rem 2rem;
    min-width: 13.2rem;
    border-radius: 10rem;
    font-size: 2.2rem;
    color: #fff;
    background-color: var(--gray-70);
    box-sizing: border-box;
}

.btn-main-more:after {
    display: inline-block;
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 1.3rem;
    margin-right: -0.5rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/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: 0.3rem;
}

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

.status-detail-box.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: 700;
    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: 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;
}

.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 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: 700;
}

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

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

    /* background: linear-gradient(
    to right,
    rgba(84, 86, 86, 0.05),
    rgba(54, 86, 86, 1)
  ); */
}

.fund-process li {
    position: relative;
    margin-left: 0.5rem;
    min-width: 4rem;
    min-height: 6.9rem;
    font-size: 1.4rem;
    text-align: center;
}

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

.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 {
    position: relative;
    display: block;
    height: 2rem;
}

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

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

.fund-process li:nth-child(1)::before,
.fund-process li:nth-child(2)::before,
.fund-process li:nth-child(3)::before,
.fund-process li:nth-child(4)::before {
    border-color: #a0a0a0;
}

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

.fund-process li:nth-child(1) .won:after,
.fund-process li:nth-child(2) .won:after,
.fund-process li:nth-child(3) .won:after,
.fund-process li:nth-child(4) .won:after {
    /* background: linear-gradient(89.96deg, #b6b6b6 -6.07%, #9d9d9d 104.99%); */
    background: #c1c1c1;
}

.fund-process li:nth-last-child(1) .won em:not(.blind),
.fund-process li:nth-last-child(1) .won:after {
    background: #425abe;
}

.fund-process li:nth-child(2) {
    margin-left: auto;
}

.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: #2457a9;
}

/* .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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - 1rem);
    border-radius: 2rem;
    padding: 3rem;
    text-align: center;
    box-sizing: border-box;
}

.profits-data-box .data-item .label {
    font-size: 1.6rem;
    font-weight: 300;
    color: #888;
    text-align: left;
}

.profits-data-box .data-item .data em {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.profits-data-box .data-item .data .unit {
    display: inline-block;
    margin-left: 0.6rem;
    font-size: 1.4rem;
}

/* 포트폴리오 */
.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: 300;
}

.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: 700;
    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-60);
}

.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: 10rem;
    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: 700;
    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 .chart:after {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: var(--primary);
  box-shadow: 0 4px 4px rgba(36, 87, 169, 0.17);
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -6px;
} */
/* .main-invest-item .status-chart .detail:before {
  display: block;
  content: "";
  width: 60px;
  border: 1px solid var(--line);
  border-width: 1px 0 1px 1px;
  position: absolute;
  left: 50px;
  top: 32px;
  bottom: 32px;
}
.main-invest-item .status-chart .detail:after {
  display: block;
  content: "";
  width: 110px;
  height: 1px;
  background-color: var(--line);
  position: absolute;
  left: 0;
  top: 50%;
}
.main-invest-item .status-chart .detail li:before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 3px solid var(--primary);
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 4px 4px rgba(36, 87, 169, 0.17);
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
} */

.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)
        /*background-color: var(--line);*/
}

.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.38rem 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: 700;
    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: inline-block;
    margin-left: 0.4rem;
    font-size: 1.8rem;
    font-weight: 300;
    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: 11.5rem;
    font-size: 1.8rem;
    /*font-weight: 400;*/
    color: #545656;
}

.sch-pf-wrap .per {
    margin-left: 1rem;
    width: 8rem;
    font-size: 2.2rem;
    font-weight: 700;
    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;
    /* background: linear-gradient(to right, #4499f9, #afeb4b);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.17); */
    border-radius: 0.5rem;
    background: linear-gradient(180deg, #6f7dbf 0%, #333e6d 100%);
    box-shadow: 0px 0.4rem 0.4rem 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;
}

/* .item2 .sch-pf-wrap .bar-wrap,
.item2 .sch-pf-wrap .bar-wrap .bar {
  height: 28px;
} */
/* .item2 .sch-pf-wrap .per{width:100px;}
.item2 .sch-pf-wrap .bar-wrap{width:calc(100% - 170px);} */

.main #footer {
    margin-top: 0;

}

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

@media all and (max-width: 1680px) {
    .main-visual-slider .swiper-slide .earth-wrap {
        width: 45rem;
        height: 45rem;
    }
}

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

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

    .main-news-wrap {
        width: auto;
    }

    .status-detail-wrap .main-sec,
    .status-detail-wrap+.main-sec {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .saving-status {
        padding: 2rem 0;
    }

    .calc-item .graph {
        margin-right: 1rem;
    }

    .saving-status .calc-item {
        width: calc(50% - 2.8rem);
    }

    .main-invest {
        flex-wrap: wrap;
    }

    .main-invest-item {
        width: 100%;
    }

    .main-invest-item+.main-invest-item {
        margin-top: 8rem;
    }

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

    .main-visual-slider .swiper-slide .earth-wrap {
        width: 40rem;
        height: 40rem;
        right: 8%;
        background-size: 100%;
    }

    .main-visual-slider .swiper-slide .earth-wrap .earth-info {
        width: 16rem;
        min-height: 7rem;
    }

    .main-visual-slider .swiper-slide .earth-info strong.earth-info-title {
        font-size: 2rem;
    }

    .main-visual-slider .main-visual-text strong {
        font-size: 4rem;
    }

    .main-visual-slider .swiper-slide .earth-info .gray-txt {
        font-size: 1.3rem;
    }
}

@media all and (max-width: 1080px) {
    .main-visual-slider .swiper-slide img {
        height: 54.9rem;
    }

    .main-news-wrap {
        position: relative;
        bottom: inherit;
        left: inherit;
        -webkit-transform: translate(0);
        transform: translate(0);
        padding: 0;
        /* margin-top: -30px; */
    }

    .news_slide_area {
        padding: 0 1rem 2rem 1rem;
    }

    .main-news-wrap .swiper-slide {
        height: 15rem;
    }

    .main-news-wrap .swiper-slide a {
        padding: 1rem;
        height: 100%;
        box-shadow: 0 0.4rem 1.5rem rgba(23, 35, 99, 0.15);
        box-sizing: border-box;
    }

    .news_slide_area .swiper-slide .category {
        display: block;
        font-size: 1.2rem;
        text-align: center;
        padding: 0;
    }

    .news_slide_area .swiper-slide .title {
        margin: 1rem 0;
        font-size: 1.4rem;
        -webkit-line-clamp: 2;
        max-height: 4rem;
        height: 4rem;
    }

    .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: 2rem;
        text-align: center;
    }

    .main-news-wrap .swiper-button-prev,
    .main-news-wrap .swiper-button-next {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        margin: 0;
        width: 2.4rem;
        height: 4.8rem;
    }

    .main-news-wrap .swiper-button-prev {
        left: -3.8rem;
        /* margin-left: -6rem; */
        background-image: url(../images/main/news_slider_prev.svg);
        background-size: 1.8rem auto;
    }

    .main-news-wrap .swiper-button-next {
        right: -3.8rem;
        /* margin-right: -60px; */
        background-image: url(../images/main/news_slider_next.svg);
        background-size: 1.8rem 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.8rem 1.5rem;
        min-width: 8rem;
        font-size: 1.4rem;
    }

    .btn-main-more2 {
        padding: 0 1.5rem;
        font-size: 1.4rem;
    }

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

    .status-detail-wrap .sec-header .sub-txt {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .status-detail-wrap .sec-header .sub-txt-box {
        padding: 1rem;
    }

    .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;
        top: 0.5rem;
        right: 0;
        margin: 0;
    }

    .status-detail-wrap .status2 .sec-contents {
        margin: 0;
        width: 100%;
    }

    .profits-data-box {
        margin-bottom: 2rem;
    }

    .profits-data-box .data-item {
        padding: 2rem 1rem;
        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 .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-invest-item+.main-invest-item {
        margin-top: 4rem;
    }

    .main-visual-slider .main-visual-text2 {
        top: 26%;
        width: 100%;
        left: 2rem;
        right: 0rem;
    }

    .main-visual-slider .main-visual-text strong {
        font-size: 3.8rem;
    }

    .main-visual-slider .main-visual-text2 strong {
        font-size: 3.8rem;
    }

    .main-visual-slider .swiper-banner-desc {
        font-size: 1.5rem;
    }

    .main-visual-slider .swiper-banner-desc br {
        display: none;
    }

    .main-visual-notice {
        width: 90%;
        top: 61%;
        left: 5%;
        height: 29.2rem;
    }

}

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

    .main-sec.news {
        padding: 5rem 4.5rem 3.5rem;
    }

    .main-news-wrap .swiper-pagination {
        display: block;
        left: 0;
        right: 0;
        bottom: -2rem;
        margin: 0 auto;
        width: 100%;
        font-size: 1.2rem;
        color: var(--gray-60);
        text-align: center;
    }

    .main-visual-slider .swiper-slide picture img {
        min-height: 85rem;
        width: 100%;
    }

    .saving-status {
        padding: 2rem 0.5rem;
    }

    .calc-item {
        display: block;
        position: relative;
    }

    .calc-item .graph {
        margin: 0 0 1rem !important;
        width: 13rem;
        height: 13rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .calc-item .info {
        font-size: 1.4rem;
    }

    .calc-item .info h4 {
        text-align: center;
    }

    .saving-status-result {
        padding: 3rem;
    }

    .saving-status-result:before {
        transform: translateX(-50%);
    }

    .saving-status-result .calc-item .graph {
        width: 16rem;
        height: 16rem;
    }

    .saving-status-result .calc-item .info ul {
        display: block;
    }

    .status-detail-wrap .main-sec {
        padding: 5rem 2rem;
    }

    .status-detail-wrap+.main-sec {
        padding-top: 5rem;
    }

    .status-detail-wrap .sec-header .tit {
        padding-right: 10rem;
        font-size: 2.4rem;
    }

    .fund-process {
        padding: 0 2rem;
        margin-bottom: 2rem;
    }

    .profits-data-box .data-item {
        flex-direction: column;
    }

    .profits-data-box .data-item .label {
        text-align: center;
    }

    .pf-data-header .tit {
        font-size: 2.4rem;
    }

    .pf-data-header .tit .date {
        padding-bottom: 0.3rem;
    }

    .pf-chart {
        margin: 3.5rem 0 0;
    }

    .pf-detail {
        margin: 0;
    }

    .pf-data-footer {
        margin-top: 1.7rem;
    }

    .main-invest-item .tit {
        font-size: 2.4rem;
    }

    .pf-data-header .tit .date {
        padding-bottom: 0.3rem;
    }

    .pf-chart {
        margin: 3.5rem 0 0;
    }

    .pf-detail {
        margin: 0;
    }

    .pf-data-footer {
        margin-top: 1.7rem;
    }

    .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 .chart {
        margin: 0;
    }

    .main-invest-item .status-chart .detail {
        margin-top: 3rem;
    }

    .main-invest-item .status-chart .detail_title {
        margin: 0;
    }

    .main-invest-item .status-chart .detail_info {
        margin-top: 1rem;
    }

    .main-invest-item .status-chart .detail .won {
        margin: 0.3rem 0 0;
        font-size: 1.2rem;
    }

    .main-schedule .sub-txt {
        margin-bottom: 3rem;
    }

    .sch-pf-header h4 {
        font-size: 1.8rem;
    }

    .sch-pf-header h4 .title-sub {
        margin: 0;
        padding: 0;
        font-size: 1.3rem;
    }

    .sch-pf-wrap .label,
    .item2 .sch-pf-wrap .label {
        width: 8rem;
    }

    .sch-pf-wrap .label {
        width: 8rem;
    }

    .sch-pf-wrap .per {
        width: 5rem;
    }

    .sch-pf-wrap .label,
    .sch-pf-wrap .per {
        flex-shrink: 0;
        font-size: 1.5rem;
    }

    .sch-pf-wrap .bar-wrap {
        width: 100%;
    }

    .sch-pf-wrap ul {
        min-height: auto;
    }

    .item2 .sch-pf-wrap li {
        height: auto;
    }

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

    .main-visual-slider .main-visual-text {
        top: 40%;
        width: 90%;
        left: 5%;
    }

    .main-visual-slider .main-visual-text strong {
        font-size: 5rem;
    }

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

    .main-visual-slider .main-visual-text br {
        display: none;
    }

    .main-visual-slider .swiper-slide {
        max-height: 100%;
    }

    .main-visual-slider .main-visual-text2 strong {
        font-size: 5rem;
    }

    .main-visual-notice {
        height: 31rem;
    }

    .main-visual-slider .swiper-slide .earth-wrap {
        bottom: 7%;
    }

    .main-visual-slider .swiper-button-prev {
        top: 54%;
    }

    .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-wrap {
        width: 45rem;
        height: 31.7rem;
    }

    .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-info .gray-txt {
        font-size: 1rem;
    }

    .main-visual-slider .swiper-slide .earth-info strong.earth-info-title {
        font-size: 1.2rem;
    }

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

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

    .main-visual-slider .swiper-slide .earth-info .gray-txt:after {
        width: 6.5rem;
    }
    .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: 600px) {
    .fund-status-download {
        padding-right: 10rem;
    }

    .fund-status-download:after {
        display: none;
    }

    .pf-data-header {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

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

    .pf-data .dep2 th {
        padding-left: 1.5rem;
    }

    .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: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;
        justify-content: space-evenly;
        width: 100%;
        box-sizing: border-box;
    }

    .main-invest-item .status-chart .detail li {
        display: block;
        text-align: center;
        margin: 0 0 0 0.5rem !important;
        padding: 2rem 0.5rem;
        flex: 1 auto;
    }

    .main-invest-item .status-chart .detail li:first-child {
        margin-left: 0;
    }

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

    .fund-process li {
        min-width: 2.8rem;
        margin-left: 0.2rem;
        font-size: 1.1rem;
    }

    .fund-process li:nth-child(1) {
        margin-left: -2rem;
    }

    .fund-process li:nth-child(3),
    .fund-process li:nth-child(4),
    .fund-process li:nth-child(5) {
        margin-left: 2rem;
    }

    .main-visual-notice ul li {
        padding: 1rem 0.8rem;
        margin-bottom: 1rem;
    }

    .main-visual-notice ul li .notice-date {
        display: none;
    }

    .main-visual-notice ul li a p {
        width: 95%;
        font-size: 1.7rem;

    }

    .main-visual-slider .main-visual-text {
        top: 27%;
    }

    .main-visual-slider .swiper-banner-desc {
        font-size: 1.4rem;
    }

    .main-visual-slider .main-visual-text strong,
    .main-visual-slider .main-visual-text2 strong {
        font-size: 3.5rem;
    }
}

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

    .pf-data th,
    .pf-data td {
        font-size: 1.4rem;
    }

    .pf-data th .dot {
        margin-right: 0.5rem !important;
    }

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

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

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

    .main-visual-slider .btn_wrap .btn {
        margin-top: 2.5rem;
        font-size: 1.6rem;
        padding: 1.4rem 2rem;
    }

    .main-visual-slider .btn_wrap .btn:after {
        width: 2rem;
        height: 2rem;
        background-size: 100%;
        margin-left: 0.8rem;
    }

    .main-visual-slider .main-visual-text {
        top: 32%;
    }

    .main-visual-notice {
        top: 75%;
        height: 18rem;
    }

    .main-visual-slider .swiper-slide .earth-wrap {
        bottom: 4%;
    }

    .main-visual-slider .swiper-slide .earth-wrap {
        width: 31.4rem;
        height: 31.7rem;
    }
}

  
@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 .dep1:not(.indent) th {padding-left: 1.6rem;}
    .pf-data.pf-data-type2 .dep1 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;}
}

@media all and (max-width: 340px) {
    .main-visual-slider .main-visual-text strong {
        font-size: 2.4rem;
    }

    .main-visual-slider .swiper-banner-desc {
        font-size: 1.2rem;
    }
}