@charset "utf-8";

:root {
    --main-contents-inner : 100%;
}
:root.is-pc {
    --main-contents-inner : 956px;
}

body {background-color:#F5F5F6;}

.plus-header-wrap {position: sticky;top:0;z-index:999}
.plus-header-pc {position: static;}

@media (max-width: 1024px){
    .main-header-mo { position: relative;}
}


/** s 0630 main 재정의 **/
.main-wrapper {display: block;height:auto;position: relative;}
.main-wrapper .swiper-wrapper img {vertical-align: top;width:100%;}
.main-wrapper .plus-container {padding:1.6rem var(--contents-padding) 4.8rem;width:min(var(--main-contents-inner),100%);margin:0 auto;}
.main-wrapper .plus-container .plus-content {padding:0;}
.main-wrapper .plus-header-wrap .plus-header-app {top: 0;}

.is-pc .plus-container {padding-top:6.0rem;padding-bottom:7.2rem;}
.is-pc .main-wrapper .main-cont .section-gap + .section-gap {margin-top:6.0rem;}
.is-mobile .main-wrapper .plus-container {overflow-x: hidden;}

.main-wrapper :where(.swiper-button-next,.swiper-button-prev) {width:4.8rem;height:4.8rem;border-radius: 50%;background-color: rgba(255,255,255,.7);box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);margin:0;transform:translateY(-50%)}
.main-wrapper :where(.swiper-button-next,.swiper-button-prev):after {content:"";mask:url(/resources/img/common/icon_arrow_right.svg) no-repeat center center / cover;-webkit-mask:url(/resources/img/common/icon_arrow_right.svg) no-repeat center center / cover;background-color: var(--font-color);width:var(--icon-large);height:var(--icon-large);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.main-wrapper .swiper-button-prev:after {transform:translate(-50%,-50%) rotate(180deg)}
.main-wrapper .swiper-button-disabled {background-color: #EBECED;}
.main-wrapper .swiper-button-disabled:after {background-color: #D6D8DA;}
.main-wrapper .swiper-slide a:focus-visible {outline-offset: -3px;outline:solid 3px var(--focus-linecolor);}


.recommand-goods {position: relative;}
.recommand-goods .tit-heading20 > a {display: inline-flex !important;}
.recommand-goods .tit-heading20 > a:focus-visible {outline: solid 3px var(--focus-linecolor);outline-offset: 3px;border-radius: 4px;}
.recommand-goods .swiper-button-next {right:-6rem;}
.recommand-goods .swiper-button-prev {left:-6rem;}
.recommand-goods .swiper-slide a {display: block;border-radius: var(--border-radius);}
.recommand-goods .swiper-slide a:hover {box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);}
/* .recommand-goods .swiper-slide img {max-width:100%;} */
.recommand-goods :where(.swiper-util--group,.navigation-box) {display: none;}
.recommand-goods .swiper-util--group {position: absolute;right:0;top:-1.6rem}
.is-pc .recommand-goods :where(.swiper-util--group,.navigation-box) {display: flex;}
.is-pc .recommand-goods .navigation-box :where(.swiper-button-prev, .swiper-button-next) {position: absolute;top:50%;transform:translateY(-50%)}
.is-pc .recommand-goods .navigation-box .swiper-button-prev {left:-6rem;}
.is-pc .recommand-goods .navigation-box .swiper-button-next {right:-6rem;}
.is-mobile .recommand-goods .swiper {margin-right:calc(var(--contents-padding) * -1);margin-left:calc(var(--contents-padding) * -1);padding-right:var(--contents-padding);padding-left:var(--contents-padding);}

.banner-event {position: relative;}
.banner-event .swiper + .swiper {margin-top:var(--gap-block);}
/* .banner-event .swiper-wrapper {overflow: hidden;} */
.banner-event .swiper-slide a {display: block;border-radius: var(--border-radius);}

.banner-event .swiper-slide a:hover {box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);}
.banner-event .swiper-util--group .swiper-pagination .swiper-pagination-bullet {background-color: #fff;opacity:.4}

.paging-absolute {position: relative;}
.paging-absolute .swiper-util--group {position: absolute;top:2.4rem;right:2.4rem;z-index: 1;height:auto;margin:0;}
.paging-absolute .swiper-util--group .swiper-pagination .swiper-pagination-bullet-active {width:1.8rem;opacity:1}
.is-mobile .paging-absolute .swiper-util--group {top:.8rem;right:.8rem;gap:.6rem}
.is-mobile .swiper-util--group .swiper-pagination .swiper-pagination-bullet {width:.6rem;height:.6rem;}
.is-mobile .visual-banner .swiper-util--group .swiper-pagination .swiper-pagination-bullet-active {width:1.6rem;}
.is-mobile .visual-banner .swiper-util--group {gap:.6rem;right:0;}
/* .is-mobile .visual-banner .swiper-util--group .btn-pause-play i {opacity:.4;} */
.visual-banner .swiper-util--group .btn-pause-play {margin-left:-.6rem;}
.visual-banner .swiper-util--group .btn-pause-play .icon20--pause {background-image: url(/resources/img/main/icon_pause_main.svg);width:2.4rem !important;height:2.4rem !important}
.visual-banner .swiper-util--group .btn-pause-play .icon20--play {opacity:.4}




/** e 0630 main 재정의 **/

/* 비주얼 배너 */
.area-visual {overflow:hidden;padding-top: 24px;}
.is-mobile .area-visual {padding-left:var(--contents-padding);padding-right:var(--contents-padding)}
.visual-banner {position:relative;margin:0 auto; line-height:0;width:min(var(--main-contents-inner),100%);overflow:hidden;}

.visual-banner .swiper-slide a {display:block;}
.visual-banner .swiper-slide a:focus-visible {outline-offset:-2px;}
.visual-banner .swiper-slide img {width:100%;}
.visual-banner .swiper-button-next1, 
.visual-banner .swiper-button-prev1 {cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 48px;height: 48px; border-radius: 50%; background-color: #fff;-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); 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; color: #333D47; font-size: 18px !important; font-weight: 700;}
.visual-banner .swiper-button-next1 {right: 3px;}
.visual-banner .swiper-button-prev1 {left : 3px;}
.visual-banner .swiper-button-next1:after {content: 'next';}
.visual-banner .swiper-button-prev1:after {content: 'prev';}
.visual-banner .swiper-button-next1::after, 
.visual-banner .swiper-button-prev1::after {color: #333D47;font-size: 18px !important; font-weight: 700;font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;}
.visual-banner .swiper-util--group {position: absolute;margin:0;top:0;right:2.0rem;z-index: 1;height:auto;}
.visual-banner .swiper-util--group button {width:2.4rem;height:2.4rem;}
.is-pc .visual-banner .swiper-util--group {bottom:3.2rem;left:9rem;top:auto;right:auto;}

@media (min-width: 1025px){
    .area-visual { -webkit-animation: hig 1s cubic-bezier(.42,0,.58,1) 1.8s forwards; animation: hig 1s cubic-bezier(.42,0,.58,1) 1.8s forwards;background-color: #fff;}
    .area-visual .visual-banner .navigation-box {display: block ;}
    .visual-banner .swiper-util--group button {width:3.2rem;height:3.2rem;}
    :where(.recommand-goods, .banner-event) .swiper {padding:.6rem;margin:-.6rem;}
}


/* 빠른 바로가기 */
.quick-menu {margin-top:calc(var(--gap-basic) * -1);}
.quick-menu .menu-list {display:-webkit-box; display:-ms-flexbox;display:flex;gap:.2rem;overflow-wrap:anywhere;}
.quick-menu .menu-list li {width:25%;}
.quick-menu .menu-list li a {display:block; font-size:var(--font-body2);line-height: var(--lineheight-body2);text-align: center;position: relative;word-break: keep-all;}
.quick-menu .menu-list li a:hover {font-weight:700;}
.quick-menu .menu-list li a:focus-visible {outline:solid 3px var(--focus-linecolor);border-radius: 4px;outline-offset: 3px;}
.quick-menu .menu-list li [class^=icon-quick_] {display:block; width:6.0rem; height:6.0rem; margin:0 auto;margin-bottom:var(--gap-small);background-repeat:no-repeat; background-position:center;background-size:3.6rem;}
.quick-menu .menu-list li .icon-quick_1 {background-image:url(/resources/img/main/icon_quick_menu_01.svg);}
.quick-menu .menu-list li .icon-quick_2 {background-image:url(/resources/img/main/icon_quick_menu_02.svg);}
.quick-menu .menu-list li .icon-quick_3 {background-image:url(/resources/img/main/icon_quick_menu_03.svg);}
.quick-menu .menu-list li .icon-quick_4 {background-image:url(/resources/img/main/icon_quick_menu_04.svg);}
.quick-menu .menu-list li .icon-quick_5 {background-image:url(/resources/img/main/icon_quick_menu_05.svg);}
.quick-menu .menu-list li .icon-quick_6 {background-image:url(/resources/img/main/icon_quick_menu_06.svg);}
.quick-menu .menu-list li .icon-quick_7 {background-image:url(/resources/img/main/icon_quick_menu_07.svg);}
.is-mobile .quick-menu .menu-list li [class^=icon-quick_] {text-align: center;position: relative;}
.is-mobile .quick-menu .menu-list li a:before {content:"";position: absolute;left:50%;top:0;width:6.0rem;height:6.0rem;background: url(/resources/img/main/rbox_quick_mo.svg) no-repeat center center/cover;margin-left:-3.0rem}

@media (min-width: 1025px) {
    .quick-menu {padding:18px 34px; background-color:#FFF; border-radius:var(--border-radius); /*-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.06); box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.06);*/}
    .quick-menu .menu-list {gap:1.6rem}
    .quick-menu .menu-list li a {display:block; font-size:var(--font-body1);line-height: var(--lineheight-body1);}
    .quick-menu .menu-list li [class^=icon-quick_] {width:5.6rem;height:5.6rem;background-size: cover;}
}

.user-processing--list {position: relative;}
.user-processing--list .swiper {padding:1rem;margin:-1rem;}
.user-processing--list .swiper-slide {height:auto;}
.user-processing--list .swiper .box-type--shadow {height:100%;display: flex;flex-direction: column;}
.user-processing--list .swiper .box-type--shadow .btn-group--inner {margin-top:auto;padding-top:var(--gap-medium)}
.user-processing--list .navigation-box .swiper-button-prev {left:-6rem;}
.user-processing--list .navigation-box .swiper-button-next {right:-6rem;}
.user-processing--list .lnk-status {display: flex;justify-content: space-between;gap:1.6rem;font-size:var(--font-heading6);line-height: var(--lineheight-heading6);align-items: center;}
/* .user-processing--list .lnk-status i {margin-top:.3rem;} */
.user-processing--list .lnk-status + .progress-bar {margin-top:var(--gap-medium);}
.user-processing--list .insurance-name strong.h5 {font-size:var(--font-heading6);line-height: var(--lineheight-heading6);}
.user-processing--list .insurance-name + .data-info--list {padding-top:0;border:0;margin-top:var(--gap-block)}
.user-processing--list .progress-bar + .data-info--list,
.user-processing--list .lnk-status + .data-info--list {margin-top:var(--gap-block);}
.user-processing--list .data-info--list + .box-type--bg {margin-top:var(--gap-block);}
.is-mobile .user-processing--list .navigation-box {display: none;}
.is-mobile .user-processing--list .swiper {margin-right:calc(var(--contents-padding) * -1);margin-left:calc(var(--contents-padding) * -1);padding-right:var(--contents-padding);padding-left:var(--contents-padding);}

.user-processing--list.myinsurance .insurance-name .insurance-title {align-items: flex-start;}
.user-processing--list.myinsurance .insurance-name strong.h5 {overflow:hidden;text-overflow: ellipsis;height:calc(var(--lineheight-heading6) * 2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.user-processing--list .insurance-name .insurance-title {align-items: flex-start;}
.user-processing--list .insurance-name .icon20--arrow {top:0;transform: translateY(4px);}
.user-processing--list .insurance-name.fund strong.h5 {padding-left:4.4rem;position: relative;font-weight:500;font-size:var(--font-heading6-s);line-height:var(--lineheight-heading6-s);height:calc(var(--lineheight-heading6-s) * 2);}
.user-processing--list .insurance-name.fund strong.h5:before {content:"";width:3.2rem;height:3.2rem;background:url(/resources/img/main/icon_my_up.png) no-repeat center center /cover;position: absolute;left:0;top:0;}
.user-processing--list .insurance-name.fund.down strong.h5:before {background-image:url(/resources/img/main/icon_my_down.png)}
.user-processing--list .insurance-name.fund + .data-info--list {padding-top:var(--gap-small);border-top:solid 1px var(--line-divide);margin-top:var(--gap-small)}
.rates-rht {color:#858B91; font-size:var(--font-body4);line-height:var(--lineheight-body4); text-align: right;margin-bottom:var(--gap-half)}
.user-processing--list .insurance-name.fund .rates-info {margin-top:var(--gap-small);display: flex;align-items: center;justify-content: center;gap:1.2rem;}
.user-processing--list .insurance-name.fund .rates-info > span {color:var(--font-color-gray);font-size:var(--font-body2);line-height: var(--lineheight-body2);}
.user-processing--list .insurance-name.fund .rates-info > strong {color:var(--color-primary);font-size:var(--font-heading2);line-height: var(--lineheight-heading2);}
.user-processing--list .insurance-name.fund .rates-info > strong:before {display:inline-block; content:''; width:0; height:0; margin-right: 4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid var(--color-primary);transform:translateY(-6px)}
.user-processing--list .insurance-name.fund.down .rates-info > strong {color:var(--font-color-blue)}
.user-processing--list .insurance-name.fund.down .rates-info > strong:before {border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid var(--font-color-blue);border-bottom:transparent}

.progress-bar {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-pack: distribute; justify-content: space-between; position:relative; width:100%;}
.progress-bar::before {position:absolute; left:0; content:'';width:100%; height:8px; background-color: #EBECED; border-radius:8px;}
.progress-bar .bar-img {position:absolute; left:0; content:''; height:8px; background-color:#E00842; -webkit-box-sizing: border-box; box-sizing: border-box; display:  block; border-radius:8px;opacity: 0;}
.progress-bar.active .bar-img {-webkit-animation: bar-img 1s cubic-bezier(.42,0,.58,1) .2s forwards; animation: bar-img 1s cubic-bezier(.42,0,.58,1) .2s forwards;}
@-webkit-keyframes bar-img {
    0% {width:0; opacity: 0;}
    100% {opacity: 1;}
}
@keyframes bar-img {
    0% {width:0; opacity: 0;}
    100% {opacity: 1;}
}

.progress-bar > div {position: relative;}

/* .progress-bar > div {position:relative; width:100%; text-align:center;}
.progress-bar > div:first-child {width: calc(100% - 25%);text-align:left;}
.progress-bar > div:first-child::before {left:0;-webkit-transform: unset;-ms-transform: unset;transform: unset;}
.progress-bar > div:last-child {width: calc(100% - 25%);text-align:right;}
.progress-bar > div:last-child::before {left:unset; right:0;-webkit-transform: unset;-ms-transform: unset;transform: unset;} */

.progress-bar > div::before {position:absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; content:''; width:8px; height:8px; background-color:#fff; border: 2px solid #D6D8DA; -webkit-box-sizing: border-box; box-sizing: border-box; display:  block; border-radius:50%;}
.progress-bar > div:first-of-type:before {left:0;transform: none;}
.progress-bar > div:last-of-type:before {right:0;left:auto;transform: none;}
.progress-bar.active > div.on::before {-webkit-animation: bar-dot 1s cubic-bezier(.42,0,.58,1) .2s forwards;animation: bar-dot 1s cubic-bezier(.42,0,.58,1) .2s forwards;}
.progress-bar > div > span {margin-top:var(--gap-medium);font-size:var(--font-body3);line-height: var(--lineheight-body3);display: block;}
@-webkit-keyframes bar-dot {
    0% {}
    100% {border-color: #E00842;}
}
@keyframes bar-dot {
    0% {}
    100% {border-color: #E00842;}
}



/** mypage **/

/* .main-wrapper:has(.my) .plus-container {padding-top:var(--header-height);} */
.main-wrapper .plus-container .plus-content.my {padding-top:var(--gap-small);}
.is-mobile .main-wrapper .plus-container .plus-content.only-web-mbr {padding-top:6.4rem;}

.my-overview {display:flex;justify-content: space-between;}
.is-mobile .my-overview {flex-direction: column;}

[class^=my-overview--] {display: flex;flex-direction: column;gap:var(--gap-halfx3);justify-content: space-between;}
[class^=my-overview--] .box-type--shadow {margin-top:0 !important}
.my-overview--left .my-premium .my-info-top {display: flex;align-items: center;}
.my-overview--left .my-premium .my-info-top a {display: inline-flex;align-items: center;font-size:var(--font-body2);line-height:var(--lineheight-body2);color:var(--font-color-gray)}
.my-overview--left .my-premium .my-info-txt {margin-top:var(--gap-half);font-weight:500;font-size:var(--font-heading6);line-height:var(--lineheight-heading6);display: flex;align-items: center;gap:.4rem;}
.my-overview--left .my-premium .my-info-txt strong {font-size:var(--font-heading1);line-height:var(--lineheight-heading1);}
.my-overview--left .my-info-box {display: flex;}
.my-overview--left .my-info-box > div {width:calc(100% / 3);text-align: center;padding:var(--gap-halfx3) 1.2rem;}
.my-overview--left .my-info-box > div:first-of-type {border-radius:var(--border-radius) 0 0 var(--border-radius)}
.my-overview--left .my-info-box > div:last-of-type {border-radius:0 var(--border-radius) var(--border-radius) 0;}
.my-overview--left .my-info-box > div > strong {display: block;font-weight:500;font-size:var(--font-heading5);line-height:var(--lineheight-heading5);}
.my-overview--left .my-info-box > div .status {margin-top:var(--gap-small);font-weight:500;font-size:var(--font-body2);line-height:var(--lineheight-body2);display: inline-flex;align-items: center;}
.my-overview--data {display: flex;flex-direction: column;position: relative;height:100%}
.is-mobile .my-overview--left .tit-heading16 {margin-bottom:0;}
.is-mobile .my-overview--data .order1 {order:1;}
.is-mobile .my-overview--data .order2 {order:2;}
.is-mobile .my-overview--data .order3 {order:3;}
.is-mobile .my-overview--data .data-info--list + .data-info--list {border:0;padding:0;margin:0;}
.is-mobile .my-overview--data .tit-heading16 {border-top:solid 1px var(--line-divide);padding-top:var(--gap-block);margin-top:var(--gap-block)}
.txt-dot::after {content: '';display:inline-block;  width: 4px;height: 4px; margin:8px;margin-bottom:0;background-color: #D6D8DA;border-radius:50%;vertical-align: top; }
.my-overview--guide p {font-size:var(--font-body2);line-height:var(--lineheight-body2);color:var(--font-color-gray)}

.speech-bubble-item {position: absolute;margin-top:var(--gap-small);}
.speech-bubble-item .speech-bubble { display: inline-flex;gap:1.6rem; position: relative;left: 0; top: 0; padding: var(--gap-small) 1.2rem; border-radius: 4px; background-color: #4745CF; color: #FFF; font-weight: 400;font-size:var(--font-body2);line-height:var(--lineheight-body2)} 
.speech-bubble-item .speech-bubble::after { content: " "; position: absolute; top: -20px; left: 18px; border-style: solid; border-width: 12px 8px; border-color: transparent transparent #4745CF transparent; } 
.speech-bubble-item .speech-bubble .btn-bubble-close {width:20px; height:20px; background:url(/resources/img/common/icon-close.svg) no-repeat center; background-size:20px 20px;font-size: 0;color:transparent;overflow: hidden;} 

.alarm-area {height: 28rem; overflow-y: auto;}
.is-mobile .alarm-area {max-height:28rem;height:auto;}
.alarm-area .common-infotxt-noalarm {margin-top:var(--gap-section)}
.alarm-area .common-infotxt-noalarm .main-message {font-size:var(--font-heading6-s);line-height:var(--lineheight-heading6-s);}
.alarm-list > li {font-weight:500;font-size:var(--font-body2);line-height:var(--lineheight-body2);display: flex;align-items: center;gap:.8rem;}
.alarm-list > li + li {margin-top:var(--gap-block)}
.alarm-list > li button {width:auto;min-width: unset;flex:none;}
.alarm-list > li i {flex:none;}
.alarm-list > li p {padding-right:.4rem;width:100%;word-break: keep-all;}
.is-pc .alarm-list > li p {padding-right:1.2rem;}

.is-mobile .my-overview--right .inner-shadow,
.is-mobile .my-overview--left {padding:var(--gap-inner) var(--gap-lr);box-shadow:0px 2px 6px 0px rgba(0,0,0,.15);border-radius: var(--border-radius);background-color: #fff;}
.is-mobile :where(.my-overview--left, .my-overview--right) .box-type--shadow {padding:0;border-radius:0;box-shadow:none;background-color: transparent;}
.is-mobile .my-overview--left .my-premium {display:flex;align-items: center;flex-direction: column;}
.is-mobile .my-overview--right {margin-top:var(--gap-section)}
.is-mobile .onlyweb.my-overview {padding:var(--gap-inner) var(--gap-lr);box-shadow:0px 2px 6px 0px rgba(0,0,0,.15);border-radius: var(--border-radius);background-color: #fff;}
.is-mobile .onlyweb.my-overview :where(.my-overview--left, .my-overview--right) .box-type--shadow,
.is-mobile .onlyweb.my-overview .my-overview--left  {padding:0;border-radius:0;box-shadow:none;background-color: transparent;}
.is-mobile .onlyweb.my-overview .my-overview--data .tit-heading16 {padding:0;border:0;margin:0;}
.is-mobile .onlyweb.my-overview .my-overview--right {border-top: solid 1px var(--line-divide);padding-top: var(--gap-block);margin-top: var(--gap-block);}

.event-item {position:relative; width:100%; border-radius: 30px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);overflow: hidden;}
.event-item .myloan-txt {direction: ltr; background-color:#FFF;border-radius: 30px; color:var(--font-color-gray);font-size:var(--font-body2);line-height:var(--lineheight-body2);padding-left:6.0rem;border:solid 1px var(--disabled);display: flex;align-items: center;height:5.2rem;}
.event-item .type-none {width:100%;}
.event-item .i-arrow {position: absolute;left:-1px;top:-1px;width:5.2rem;height:5.2rem;z-index:1;background-color: #FECA10;border:solid 8px #FFDC61;border-radius:50%;}
.event-item .i-arrow .icon16--arrow {background-color: #fff;}
.event-item .i-arrow > i {margin-left:-10px;-webkit-animation: arrow-btn 1s 0s linear infinite; animation: arrow-btn 1s 0s linear infinite;margin-top:10px}
.event-item .i-arrow > i:nth-child(1) {-webkit-animation-delay: .4s;animation-delay: .4s;}
.event-item .i-arrow > i:nth-child(2) {-webkit-animation-delay: .2s;animation-delay: .2s;}
.event-item .i-arrow > i:nth-child(3) {-webkit-animation-delay: 0s;animation-delay: 0s;}
@-webkit-keyframes arrow-btn { 0%, 100% {opacity: 0; -webkit-transform:scale(.8); transform:scale(.8)} 50% {opacity: 1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes arrow-btn { 0%, 100% {opacity: 0; -webkit-transform:scale(.8); transform:scale(.8)} 50% {opacity: 1;-webkit-transform:scale(1);transform:scale(1)}}
.event-item .myloan-amount {position:absolute;left:0;top:0;width:100%;height:100%;background-color:#FFE4E7; text-align: left; cursor: pointer;display: flex;align-items: center;color:var(--font-color-gray);font-size:var(--font-body3);line-height:var(--lineheight-body3);padding:0 1.6rem;gap:1.6rem;}
.event-item .myloan-amount > div {width:100%;}
.event-item .myloan-amount > div strong { color: var(--font-color);font-size:var(--font-body1);line-height:var(--lineheight-body1);margin-top:.2rem;}
.event-item .myloan-amount > i {flex:none;}
.is-mobile .menu-lateral_mob {display: block;margin-top:var(--gap-block)}
.is-mobile .menu-lateral_pc {display: none;}
.is-pc .menu-lateral_mob {display: none;}
.is-pc .menu-lateral_pc {display: block;}

.my-usefulinfo--wrap {display: flex;gap:1.6rem;flex-direction: column;}
.my-usefulinfo--banner img {width:100%;vertical-align: top;}

[class^=my-offering--box] {border-radius:var(--border-radius);border:solid 1px #E2E1F8;padding:1.9rem;position: relative;}
.my-offering--box_1 {background:linear-gradient(180deg, #DEDDF7 0%, #F7F7FB 100%)}
.my-offering--box_2 {background:linear-gradient(180deg, #FFD3DF 0%, #FCF6F8 100%);border-color:#FCE4EA;}
.my-offering--box_3 {background:linear-gradient(180deg, #CCE4FD 0%, #F8FBFE 100%);border-color:#E3F0FE;}
[class^=my-offering--box] .my-offering--text .message {font-weight:700;font-size:var(--font-heading6);line-height:var(--lineheight-heading6);}
[class^=my-offering--box] .my-offering--text .sub-message {font-weight:500;font-size:var(--font-body2);line-height:var(--lineheight-body2);margin-top:var(--gap-half);color:var(--font-color-gray)}
[class^=my-offering--box] .my-offering--text button {margin-top:var(--gap-block);}
.is-mobile [class^=my-offering--box] .my-offering--text button {width:100%}
.is-mobile .my-offering .tit-heading20 .font-color-blue {display: block;font-size:var(--font-body2);line-height:var(--lineheight-body2);margin-bottom:var(--gap-small)}
[class^=my-offering--box] .my-offering--illust {margin-bottom:var(--gap-halfx3);height:12rem;background:url(/resources/img/main/illust_myoffer_1.png) no-repeat center center/auto 100%;}
.my-offering--box_1 .my-offering--illust {background-image:url(/resources/img/main/illust_myoffer_1.png)}
.my-offering--box_2 .my-offering--illust {background-image:url(/resources/img/main/illust_myoffer_2.png)}
.my-offering--box_3 .my-offering--illust {background-image:url(/resources/img/main/illust_myoffer_3.png)}

.my-offering img {width: 100%;}

.my-coverage {background-color: #FFE4E7;border-radius:var(--border-radius);padding:2.0rem;position: relative;overflow: hidden;}
.my-coverage .message {font-weight:700;font-size:var(--font-heading6);line-height:var(--lineheight-heading6);}
.my-coverage .my-coverage--illust {margin:var(--gap-medium) 0;height:8.4rem;background:url(/resources/img/main/illust_coverage.png) no-repeat center center/auto 100%;}
.plus-content.my .member-withdraw {padding:0;padding-top:var(--gap-large);}
.plus-content.my .member-withdraw i {margin-right:.4rem;}
.is-mobile .plus-content.my .member-withdraw .btn-tertiary {text-decoration: none;}
.is-mobile .my-coverage button {width:100%}
/* .is-mobile .main-cont .my-coverage:not(.checked) {padding-top:12rem;} */
.is-mobile .main-cont .my-coverage button {margin-top:var(--gap-medium);}
.is-mobile .my-coverage.login-before {padding-top:12rem;}
.my-coverage.login-before {background-image:url(/resources/img/main/bg_coverage_mob.png);background-repeat: no-repeat;background-size: 220px auto;background-position: right top;}

.my-coverage.checked {background: #fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);}
.my-coverage.checked .coverage-diagnosis--wrap {margin-top:var(--gap-medium);row-gap: .8rem;column-gap: .8rem;}
.my-coverage.checked .coverage-diagnosis--unit {position: relative;padding:2.8rem 0 2.4rem;min-height:unset;text-align: center;}
.my-coverage.checked .coverage-diagnosis--unit .badge {position: absolute;right:.8rem;top:.8rem;}
.my-coverage.checked .coverage-diagnosis--unit .chip-box--icon i {width:5.6rem;height:5.6rem;}
.my-coverage.checked .coverage-diagnosis--unit .chip-box--icon span {font-size:var(--font-body1);line-height:var(--lineheight-body1);}
.my-coverage.checked .coverage-diagnosis--unit:only-child {grid-column: 1/3;}


.my-offering--lnk {position: relative;}
.my-offering--lnk img {vertical-align: top;}
.my-offering--lnk > a {position: absolute;left:2.0rem;bottom:2.0rem;right:2.0rem}



@media (min-width: 1025px) {
    .my-overview {gap:2.4rem;}
    .my-overview--left {width:56.4rem;}
    .my-overview--right {width:36.8rem;}
    .my-overview--left .my-premium .my-info-txt {margin-top:var(--gap-half);font-weight:500;font-size:var(--font-heading6);line-height:var(--lineheight-heading6);}
    .my-overview--left .my-info-box {gap:1.2rem;}
    .my-overview--left .my-info-box > div {border-radius:var(--border-radius)}
    .alarm-area {height: 33.6rem;}
    .event-item .myloan-txt {padding-left:10.8rem;height:6.4rem;}  
    .event-item .i-arrow {width:6.4rem;height:6.4rem;}  
    .event-item .i-arrow > .icon16--arrow {width:2.0rem;height:2.0rem;margin-top:1.3rem;margin-left:-12px}
    .my-usefulinfo--wrap {gap:2.4rem;flex-direction: row;}
    .my-usefulinfo--banner {width:calc(50% - 1.2rem);}
    [class^=my-offering--box] {padding:3.1rem 3.9rem;}
    .my-offering--box_1 {background:linear-gradient(270deg, #DEDDF7 0%, #F7F7FB 100%)}
    .my-offering--box_2 {background:linear-gradient(270deg, #FFD3DF 0%, #FCF6F8 100%);}
    .my-offering--box_3 {background:linear-gradient(270deg, #CCE4FD 0%, #F8FBFE 100%);}
    [class^=my-offering--box] .my-offering--text .sub-message {margin-top:var(--gap-small);}
    [class^=my-offering--box] .my-offering--text button {margin-top:var(--gap-large);}
    [class^=my-offering--box] .my-offering--illust {margin:0;position: absolute;right:0;top:50%;transform:translateY(-50%)}
    [class^=my-offering--box] .my-offering--illust {width:26rem;height:16rem;}
    .my-offering--box_1 .my-offering--illust {background-image:url(/resources/img/main/illust_myoffer_1_pc.png);width:28rem;height:12rem;}
    .my-offering--box_2 .my-offering--illust {background-image:url(/resources/img/main/illust_myoffer_2_pc.png);}
    .my-offering--box_3 .my-offering--illust {background-image:url(/resources/img/main/illust_myoffer_3_pc.png);}
    .my-coverage {padding:4.6rem 4.0rem;}
    .my-coverage .my-coverage--illust {margin:0;position: absolute;right:4.0rem;top:50%;transform:translateY(-50%);width:13.6rem;height:13.6rem;background-image:url(/resources/img/main/illust_coverage_pc.png)}
    .my-coverage button {margin-top:var(--gap-large)}
    .my-coverage .message,
    [class^=my-offering--box] .my-offering--text .message {font-size:var(--font-heading5);line-height:var(--lineheight-heading5);}
    .main-cont .my-coverage.login-before {background-image: url(/resources/img/main/bg_coverage.png);background-size: 24.6rem auto;background-repeat: no-repeat;}

    .onlyweb :where(.my-overview--left,.my-overview--right) {width:50%;}
    .onlyweb :where(.my-overview--left,.my-overview--right) > div {height: 100%;}
    .onlyweb :where(.my-overview--left,.my-overview--right) .tit-heading16 {margin-bottom:var(--gap-large)}
    .my-overview--guide p {position: relative;}
    .my-overview--guide p:after {content:"";position: absolute;right:0;top:0;width:10rem;height:8.4rem;background:url(/resources/img/main/illust_benefit_guide.png) no-repeat center center/cover;}
    
    .plus-content.my .member-withdraw {margin-top:var(--gap-xlarge);padding:0;}
    .plus-content.my .member-withdraw i {display: none;}
    
    .my-coverage.checked {display: flex;justify-content: space-between;align-items: center;cursor:pointer}
    .my-coverage.checked .coverage-diagnosis--wrap {grid-template-columns: 136px 136px;margin:0;}
    .my-coverage.checked .coverage-diagnosis--unit:only-child {grid-column: 2/3;}

    .paging-absolute .swiper-util--group {top:1.6rem;}

    .my-offering--lnk > a {position: absolute;left:4.0rem;bottom:3.2rem;right:auto;}
}


/* 도움이 필요하신가요?(고객문의) */
.box-help-info {padding:20px; background-color:#FFF; border-radius:var(--border-radius); -webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.06); box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.06);}
.box-help-info .icon-list > li + li {margin-top:var(--gap-medium);}
.box-help-info .icon-list > li > a {white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; position:relative; display:block; padding:0 20px 0 40px; height:32px; line-height:3.2rem; font-weight:500;}

.box-help-info .icon-list > li > a:before {content:''; position:absolute; top:50%; left:0; display:block; width:32px; height:32px; margin-top:-16px; background-repeat:no-repeat; background-position:center; background-size:32px;}
.box-help-info .icon-list .list1 > a:before {background-image:url(/resources/img/main/icon_help_info_01.png);} 
.box-help-info .icon-list .list2 > a:before {background-image:url(/resources/img/main/icon_help_info_02.png);} 
.box-help-info .icon-list > li > a:after {content:'';  position:absolute; top:50%; right:0; display:block; width:16px; height:16px; margin-top:-8px; background:url(/resources/img/main/icon_arrow_link_02.svg) no-repeat center; background-size:16px;}

.box-help-info .icon-list .dot-list {margin-top:16px;}
.box-help-info .dot-list > li + li {margin-top:12px;}
.box-help-info .dot-list > li > a {white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; position:relative; display:block; padding:0 20px; font-size:1.4rem; color:#666E75;}

.box-help-info .dot-list > li > a:before {content:''; position:absolute; top:50%; left:6px; display:block; width:4px; height:4px; margin-top:-2px; background-color:#666e75; border-radius:50%;}
.box-help-info .dot-list > li > a:after {content:'';  position:absolute; top:50%; right:0; display:block; width:16px; height:16px; margin-top:-8px; background:url(/resources/img/main/icon_arrow_link_03.svg) no-repeat center; background-size:16px;}
.box-help-info :where(.icon-list, .dot-list) > li > a:hover {font-weight: 700;}
.box-help-info :where(.icon-list, .dot-list) > li > a:focus-visible {outline:solid 3px var(--focus-linecolor);outline-offset: 3px;border-radius: 4px;}
.is-mobile .plus-footer.type-main {display: block;}


.caBnrHide {display: none !important;} /** 250728 개발요청 추가 **/


.recent-contact--time {text-align: right;font-size:var(--font-body3);line-height:var(--lineheight-body3);transform:translateY(-5.6rem);margin-bottom:calc(var(--lineheight-body3) * -1)}
.only-web-mbr .recent-contact--time {transform: none;margin-bottom:3.6rem;}

.is-mobile .recent-contact--time {display: none;}


/** phase1 pop **/
.wrap-popup:has(.img-full-box) .pop-cont .in-container {padding:3.2rem;}
.wrap-popup:has(.img-full-box) .btn-group {margin-top:4.0rem;}

@media (max-width: 1024px) {
    .wrap-popup:has(.img-full-box) .pop-cont .in-container {padding:2.0rem;padding-bottom:9.2rem;}
    .wrap-popup:has(.img-full-box) .btn-group {margin-top:2.4rem;}
    .wrap-popup:has(.img-full-box) .pop-body {max-height:unset !important}
    .is-iosapp .wrap-popup:has(.img-full-box) .pop-cont .in-container {padding-bottom:12.2rem;}
}