#mainIntro .inner {
    background: #fff;
}



#section-1 .main-video {position: absolute;bottom: 0px;width: 100%;height: 100%;object-fit: cover;}
#section-1 .grad {height: 100%;width: 100%;object-fit: cover;position: relative}
#section-1 .grad-bottom {width: 100%;position: absolute;bottom:0px;left:0px;}
#section-1 .title {position:absolute; top:17.5%; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:auto; margin:0; padding:0; text-align:center;}
#section-1 .title > img {width:auto;height:100%;position:absolute;top:0%;left:50%;transform:translateX(-50%);}
#section-1 .btn-1 {position:relative; display:block; width:auto; margin:20px 0 0 0; padding:5px 15px; background:transparent; font-size:15px; font-weight:500; line-height:22px; text-align:center; color:#F58220; border:1px solid #F58220;}
#section-1 .arrow-1 {position: absolute;bottom: 20px;z-index: 0;width: 20px;height: 20px;left: 50%;}
#section-1 .arrow-1 .a1 {position: absolute;transform: translateX(-50%);}
#section-1 .arrow-1 .a2 {position: absolute;top: 6px;transform: translateX(-50%);}
.main-title {font-size:40px; line-height:48px; font-weight:700; color:#fff;}
.main-title span.type-1 {color:#F58220;}
.sub-title{
    padding-top: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: center;
    color: #FFFFFF;
}
.sub-title-2{font-size: 30px;line-height: 42px;color: #fff; font-weight: 700; text-align: center;}
.sub-title-3{font-size: 24px;line-height: 34px;color: #fff; font-weight: 700;}
.desc{margin-top:20px; font-size: 15px; font-weight:500; letter-spacing:0.05em; line-height: 22px; color: #fff;}
.black{color:#19191A;}
.orange{color:#F58220;}
.gray{color:#636566;}

#m-stock-banner {display:block; width:100%; height:auto; margin:0; padding:15px 0 0 0;}
#m-stock-banner > a {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:200px; margin:0; padding:0; box-sizing:border-box; background-image:url('/wp-content/themes/mirae-asset-investment/assets/img/main/main_m-stock_banner.jpg?v=2'); background-repeat:no-repeat; background-position:center; background-size:cover;}
#m-stock-banner > a .main-title {font-size:25px; font-weight:700; line-height:32px; letter-spacing:0em; text-align:center;}
#m-stock-banner > a .desc {margin-top:10px; font-size:15px; font-weight:500; line-height:22px; letter-spacing:0.005em; text-align:center;}

#mainBenefits .benefit .img {
    width: 100%;
}


.page-template-main #main {
    background: #fff;
}




.video-player_2 {
    padding-top: 56.25%;
    position: relative;
    --plyr-color-main: #F58220;
}
.video-player_2 .plyr__control--overlaid {
    background: #fff;
    color: #F58220;
}
.video-player_2 .plyr--stopped .plyr__controls {
    display: none;
}
.video-player_2 .player {
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.video-player_2 .player .plyr {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.video-player_2 .player .plyr .plyr__poster {
    background-size: cover;
}
.video-player_2 .player video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



@keyframes ani{
    0%{transform:translate(0,0);}
    100%{transform:translate(0,40px);}
}
.firstTimeStickyBanner {
    position: fixed;
    top: 80px;
    right: 10px;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 9;
}
.firstTimeStickyBanner_anchor {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    animation:ani 1.5s infinite alternate;
    animation-timing-function:ease-in-out;
}
.firstTimeStickyBanner_anchor img {
    width: 100%;
    max-width: 80px;
    height: auto;
}


#firstTimeFeature2 .desc {
    color: #000;
}

.total-view-section .title-area h1 strong.type2 {
    display: block;
    padding-top: 40px;
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #043B72;
}

.total-view-section .title-area p.type2 {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.01em;
}
.total-view-section .title-area p.type3 {
    margin-top: 40px;
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #F58220;
}

.total-view-section .img.type2 {
    position: relative;
    left: -16px;
    width: calc(100% + 32px);
    height: auto;
    margin: 0;
    padding: 60px 0 0 0;
    mix-blend-mode: multiply;
}
.total-view-section .img img {
    display: block;
    width: 100%;
}

#totalViewMain .bg {
    background-image: url(/img/total-view/bg1.jpg?v=4);
}


#totalViewDetail4 {
    padding: 50px 0 0 0;
    background: #48535B;
}
#totalViewDetail4 .title-area h1 strong {
    padding-bottom: 5px;
    color: #fff;
}
#totalViewDetail4 .title-area h1 strong em {
    color: #F58220;
}
#totalViewDetail4 .title-area h1 span {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
}
#totalViewDetail4 .title-area h2 {
    padding-top: 70px;
}
#totalViewDetail4 .title-area h2 strong {
    display: block;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
#totalViewDetail4 .title-area h2 strong em {
    color: #F58220;
}
#totalViewDetail4 .title-area h2 span {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    color: #F58220;
    text-align: center;
}
#totalViewDetail4 .detail {
    position: relative;
    left: -16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    margin: 80px auto 0 auto;
    width: calc(100% + 32px);
    background: #fff;
}
#totalViewDetail4 .detail .img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1110px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#totalViewDetail4 .detail .img video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + 4px);
    margin: 0 0 0 -2px;
}
#totalViewDetail4 .detail .img img.hide {
    position: relative;
    display: block;
    width: calc(100% + 4px);
    margin: 0 0 0 -2px;
    opacity: 0;
}
#totalViewDetail4 .detail .item {
    flex: 0 0 342px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 342px;
    height: auto;
}
#totalViewDetail4 .detail dl {
    background: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 30px;
}
#totalViewDetail4 .detail dl dt {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 20px;
}
#totalViewDetail4 .detail dl dd {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.45;
    color: #888;
}
#totalViewDetail4 .detail dl:after {
    background: url(/img/total-view/paper.png) 0 0 no-repeat;
    background-size: 100% 12.67px;
    height: 13px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -1px;
}

#totalViewDetail5 {
    padding: 50px 0 0 0;
    background: #F8F9FC;
}
#totalViewDetail5 .event {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    gap: 24px;
}
#totalViewDetail5 .event .item {
    flex: 0 0 612px;
    display: flex;
    width: 612px;
    padding: 20px;
    box-sizing: border-box;
    background: #F8F9FC;
}
#totalViewDetail5 .event .item .txt {
    padding: 30px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
#totalViewDetail5 .event .item .txt h3 {
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 20px;
}
#totalViewDetail5 .event .item .txt a {
    background-color: #F58220;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 47px;
    padding: 0 14px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
#totalViewDetail5 .event .item .img {
    margin-left: auto;
}
#totalViewDetail5 .event .item .img img {
    display: block;
    width: 170px;
}



#totalViewEvent .video-player {
    margin-top: 50px;
}
#totalViewEvent .plyr__control--overlaid {
    margin-top: -20px;
}
#totalViewEvent .plyr__control--overlaid svg {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
#totalViewEvent .plyr__control--overlaid:after {
    content: "미국주식 토탈뷰란?";
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin-top: 8px;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
}
#totalViewEvent .plyr__poster:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    content: "";
    opacity: 0.4;
}

#irpMain .bg {
    background-image: url(/img/irp/bg1.jpg?v=2);
}



#mStockEvent {
    padding: 0;
    overflow: hidden;
}
#mStockEvent .container.px-0 {
    padding-left: 0;
    padding-right: 0;
}
#mStockEvent .title-area {
    text-align: center;
}
#mStockEvent .title-area h1 {
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #F58220;
}
#mStockEvent .title-area h2 {
    margin-top: 5px;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.005em;
    text-align: center;
    color: #043B72;
}
#mStockEvent .event_bg {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#mStockEvent .event_bg img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
#mStockEvent .event_bg .event_bg_text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transform: translateY(-50%);
}
#mStockEvent .event_bg .event_bg_text p.type1 {
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
}
#mStockEvent .event_bg .event_bg_text p.type2 {
    margin-top: 5px;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.015em;
    text-align: center;
    color: #F58220;
}
#mStockEvent .event_bg .event_bg_text p.type3 {
    margin-top: 5px;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.015em;
    text-align: center;
    color: #fff;
}
#mStockEvent .event_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px 0 50px 0;
    padding: 0 15px;
    box-sizing: border-box;
}
#mStockEvent .event_info .event_info_items {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#mStockEvent .event_info .event_info_item {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}
#mStockEvent .event_info .event_info_item:first-child {
    padding-top: 0;
}
#mStockEvent .event_info .event_info_item .event_info_item_title {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: center;
    color: #F58220;
    box-sizing: border-box;

}
#mStockEvent .event_info .event_info_item .event_info_item_content {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
#mStockEvent .event_info .event_info_item .event_info_item_content p.type1 {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: left;
    color: #000000;
}
#mStockEvent .event_info .event_info_item .event_info_item_content p.type2 {
    margin-top: 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000;
}
#mStockEvent .event_info .event_info_item .event_info_item_content p.type3 {
    margin-top: 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000000;
}
#mStockEvent .event_info .event_info_item .event_info_item_content span.type1 {
    color: #888888;
}
#mStockEvent .img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#mStockEvent .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#mStockEventBenefits {
    padding: 50px 0;
    overflow: hidden;
    background: #F8F9FC;
}
#mStockEventBenefits .img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#mStockEventBenefits .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
#mStockEventBenefits .text {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px 0 0 0;
    box-sizing: border-box;
}
#mStockEventBenefits .text p {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
}
#mStockEventBenefits .btns {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0 0 0;
    box-sizing: border-box;
}
#mStockEventBenefits .btns .btn {
    display: block;
    width: auto;
    height: 28px;
    margin: 0;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #888888;
    border: 1px solid #888888;
    background: #FFFFFF;
    box-sizing: border-box;
}

#mStockEventParticipation {
    padding: 50px 0;
    overflow: hidden;
    background: #FFFFFF;
}
#mStockEventParticipation h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}
#mStockEventParticipation .img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#mStockEventParticipation .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
#mStockEventParticipation .btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 50px 0 0 0;
    box-sizing: border-box;
}
#mStockEventParticipation .btns .btn {
    display: block;
    width: auto;
    height: 34px;
    margin: 0;
    padding: 6px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: center;
    color: #FFFFFF;
    background: #F58220;
    box-sizing: border-box;
}

#mStockEventBonus {
    padding: 50px 0;
    overflow: hidden;
    background: #FFFFFF;
}
#mStockEventBonus h1 {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 0 30px 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #043B72;
    box-sizing: border-box;
}
#mStockEventBonus h2 {
    display: block;
    width: 110px;
    height: auto;
    margin: 0 auto;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #043B72;
    border: 1px solid #043B72;
    box-sizing: border-box;
}
#mStockEventBonus .img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#mStockEventBonus .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#mStockEventMission {
    padding: 50px 0;
    overflow: hidden;
    background: #FFFFFF;
}
#mStockEventMission h1 {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    box-sizing: border-box;
}
#mStockEventMission h2 {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 5px 0 0 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.005em;
    text-align: center;
    color: #F58220;
    box-sizing: border-box;
}
#mStockEventMission h3 {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #888888;
    box-sizing: border-box;
}
#mStockEventMission .img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0 0 0;
    box-sizing: border-box;
}
#mStockEventMission .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
#mStockEventMission .img.title {
    text-align: center;
}
#mStockEventMission .img.title img {
    max-width: 324px;
}

#mStockEventCheck {
    padding: 0 0 50px 0;
    overflow: hidden;
    background: #FFFFFF;
}
#mStockEventCheck .container.px-0 {
    padding-left: 0;
    padding-right: 0;
}
#mStockEventCheck h1 {
    display: block;
    width: 180px;
    height: auto;
    margin: 0 auto;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #043B72;
    border: 1px solid #043B72;
    box-sizing: border-box;
}
#mStockEventCheck h2 {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: center;
    color: #000000;
    box-sizing: border-box;
}
#mStockEventCheck h3 {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #888888;
    box-sizing: border-box;
}
#mStockEventCheck .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #CECED8;
    box-sizing: border-box;
}
#mStockEventCheck .info p.type1 {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: center;
    color: #000000;
}
#mStockEventCheck .info p.type2 {
    padding-top: 5px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #888888;
}
#mStockEventCheck .btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 50px 0 0 0;
    box-sizing: border-box;
}
#mStockEventCheck .btns .btn {
    display: block;
    width: auto;
    height: 34px;
    margin: 0;
    padding: 6px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.005em;
    text-align: center;
    color: #FFFFFF;
    background: #F58220;
    box-sizing: border-box;
}
#mStockEventBenefitsModal .modal-box {
    max-width: unset;
}
#mStockEventBenefitsModal .title-area {
    padding: 20px;
}
#mStockEventBenefitsModal .title-area.second-item {
    padding-top: 50px;
}
#mStockEventBenefitsModal .title-area h1 {
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #043B72;
}
#mStockEventBenefitsModal .content-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 20px;
    border-top: 1px solid #CECED8;
    box-sizing: border-box;
}
#mStockEventBenefitsModal .content-area p.type1 {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #888888;
}
#mStockEventBenefitsModal .content-area p.type1 span.type1 {
    color: #F58220;
}


/* M-STOCK */
#section-2 {height: 100vh;position:relative;}
#section-2 .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;}
#section-2 .earth {position:relative;bottom:0;z-index: 0;width: 100%;height: 100%;object-fit: cover;}
#section-2 .phone {position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;height: 67%;}
#section-2 .phone > img { width: auto;height: 100%;}
#section-2 .title {position:absolute;top:12%;left:0%;width:100%;text-align:center;}
#section-2 .title > img {width:50%;position:absolute;top:0%;left:50%;transform:translateX(-50%);}
#section-2 .black {height: 0;width:100%;position:absolute;bottom:0%;background:#000;}
#section-2 .ico-1{position: absolute;top: 8%;width: 20%;left: 32%;text-align: center;opacity: 0;}
#section-2 .ico-2{position: absolute;top: 41%;width: 33%;left: 23%;text-align: center;opacity: 0;}
#section-2 .ico-3{position: absolute;top: 27%;width: 23%;left: 58%;text-align: center;opacity: 0;}
#section-2 .title2 {position:absolute;top:52px;left:0%;width:100%;text-align:center;}
/*#section-2 .title2 > img{width:55%;position:absolute;top:0%;left:50%;transform:translateX(-50%);}*/
#section-2 .phone2 {width:100%;position:absolute;top: 55%;left:0%;opacity:0;}
/* //M-STOCK */


/* 첫 고객 혜택받고 시작 */
#newEventMain .__txt-center>div {position: relative;}
#newEventMain .videoWrap .img2 {display: none;}
#newEventMain .videoWrap.active .img1 {display: none;}
#newEventMain .videoWrap.active .img2 {display: block;}
#newEventMain .videoWrap .videoBox {position: absolute; left: 50%; top: 41.8%; width: 89%; height: auto; background: #000; transform: translateX(-50%);}
#newEventMain .videoWrap .videoBox video {width: 100%;}
#newEventMain .videoWrap .videoBox + .btnArrow {position: absolute; left: 50%; top: 89%; width: 30%; height: 7.5%; transform: translateX(-50%);}
#newEventMain .videoWrap .videoList {/*display: none;*/ background: #fff5e8;}
#newEventMain .videoWrap .videoList>div {padding: 0 5.5%;}
#newEventMain .videoWrap .videoList>div a {display: block; border-top: 1px solid #dfd6ce;}
#newEventMain .videoWrap .videoList>div.active a {background: rgba(250,74,0,.3);}


.personal_pension_slide {position: relative;}

.personal_pension_slide .swiper-container {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
}
.personal_pension_slide .swiper-slide {
  text-align: center;
  font-size: 0;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.personal_pension_slide .swiper-wrapper {position: relative; z-index: 1}
.personal_pension_slide .swiper-pagination {position: absolute; z-index: 2}
.personal_pension_slide .swiper-pagination-bullet {width: 14px; height: 14px; background: #717171; opacity: 1;}
.personal_pension_slide .swiper-pagination-bullet-active {background: #f78320;}
.personal_pension_slide .swiper-button-next {position: absolute; z-index: 2}
.personal_pension_slide .swiper-button-prev {position: absolute; z-index: 2}

.personal_pension_slide .swiper-button-next {margin-top: 20px;right: 4.8%; width: 8.3%; height: 60px; background: url(/m/img/personal-pension/right.png) no-repeat left top; background-size: contain;}
.personal_pension_slide .swiper-button-prev {margin-top: 20px;left: 4.8%; width: 8.3%; height: 60px; background: url(/m/img/personal-pension/left.png) no-repeat left top; background-size: contain;}

.personal_pension_slide .swiper-button-next.swiper-button-disabled, .personal_pension_slide .swiper-button-prev.swiper-button-disabled {opacity: 0}

.slide1 .swiper-container-horizontal>.swiper-pagination-bullets, .slide1 .swiper-pagination-custom, .slide1 .swiper-pagination-fraction {bottom: 5%;}
.slide2 .swiper-container-horizontal>.swiper-pagination-bullets, .slide2 .swiper-pagination-custom, .slide2 .swiper-pagination-fraction {bottom: 36.5%;}

.slide2 .swiper-button-next,
.slide2 .swiper-button-prev {margin-top: -20%;}

/**/
.prty_btn {position: absolute; width: 69%; height: 21%; display: block; top: 50%; left: 50%; transform: translate(-50%, -68%);}

.ptry_wrap {background: #171819 !important;}
#qna {padding: 0 0; color: #fff; border-bottom: 1px solid #313131; background: #171819; word-break: auto-phrase;}
#qna dd>strong {display: block; padding: 25px 0 10px; font-weight: bold;}
#qna strong {font-weight: bold;}
#qna dt {padding: 20px 5%; font-size: 4vw; color: #fff; border-top: 1px solid #313131; background: #101010;}
#qna dt.active {color: #d7821e;}
#qna dd {padding: 20px 5%; font-size: 3vw; line-height: 135%; color: #ccc; border-top: 1px solid #313131;}
#qna dd li {text-indent: -7px; padding: 0 0 6px 7px;}

.ptry_event_txt {padding: 20px 5% 10px; color: #fff; font-size: 3.5vw; line-height: 145%; color: #a3a3a3; background: #101010}
.ptry_event_txt li {padding: 5px 0 5px 14px; font-weight: normal; color: #ccc; text-indent: -14px;}

.ptry-sticky-bottom-cta a {height: auto; font-size:5vw; line-height: 280%}
.ptry-sticky-bottom-cta a::after {padding-left: 10px; content: '▶'; font-size:3vw; vertical-align: 5px;}

@media (min-width: 480px) {
  .ptry_wrap {padding-bottom: 90px !important;}

  #qna dt {font-size: 20px;}
  #qna dd {font-size: 14px;}

  .ptry_event_txt {font-size: 18px;}

  .ptry-sticky-bottom-cta a {height: 75px; font-size: 27px;}
  .ptry-sticky-bottom-cta a>i {font-size:20px; vertical-align: 6px;}
}

.sticky-bottom-cta.mudsevent-cta .inner {display: flex; flex-wrap: wrap;}
.sticky-bottom-cta.mudsevent-cta a {flex: 1;}
.sticky-bottom-cta.mudsevent-cta a:last-child {background: #003c78;}

.mudsevent_btn_wrap {position: relative;}
.mudsevent_btn_wrap a {position: absolute; display: block; width: 30%; height: 30%;}
.mudsevent_btn_wrap a.btn_s1 {left: 10%; top: 63%;}
.mudsevent_btn_wrap a.btn_s2 {left: 39%; top: 63%; width: 26%;}
.mudsevent_btn_wrap a.btn_s3 {left: 65%; top: 63%;}