@charset "UTF-8";

.vis {padding:100rem 0;}
#footer {background:#f8f8f8; border-top:1px solid #ebebeb; margin-top:80rem;}
@media all and (max-width:1440px){
  .vis {padding:110rem 0 50rem;}
}

.kakao_wallet_box {position:relative; border:1px solid #FFE819; background:#FFFACC; margin-bottom:40rem;  padding:25rem; padding-left:170rem; /*border-radius:var(--border-radius-20);*/}
.kakao_wallet_box:before {content:''; position:absolute; left:30rem; width:100rem; height:71rem; background:url('/design2025/birthsupport/img/sub/icon1.png') no-repeat 0 0/contain;}
.kakao_wallet_box dt {font-size:24rem; font-weight:700; margin-bottom:7rem; line-height: 1.4;}
.kakao_wallet_box dd {margin-left:2rem;}
.kakao_wallet_box div {margin-top:20rem;}
@media all and (max-width:599px){
  .kakao_wallet_box {padding:25rem; border-radius:var(--border-radius-20);}
  .kakao_wallet_box:before {display:none;}
}

.kakao_wallet .target {display:flex; justify-content:flex-start; margin-bottom:40rem;}
.kakao_wallet .target a {display:flex; justify-content:center; align-items:center; background:#f7f7f7; border-radius:9rem; width:300rem; padding:15rem; margin:0 20rem 0 0; border:1px solid #f7f7f7;}
.kakao_wallet .target a svg {width:150rem; height:auto;}
.kakao_wallet .target a.on.android {background:#fff; border-color:#3ddc84; background:#edfff5;}
.kakao_wallet .target a.on.ios {background:#fff; border-color:#1496f1; background:#f2faff;}
.kakao_wallet .show > div:not(:first-child) {display: none;}
.kakao_wallet .list li {border:1px solid #ddd; position:relative; border-radius:12rem; overflow:hidden; font-size:18rem; font-family:'Pretendard GOV Variable'; line-height:1.5;}
.kakao_wallet .list .slick-list {margin:0 -10rem;}
.kakao_wallet .list .slick-slide {margin:0 10rem;}
.kakao_wallet .list .txt {padding:20rem; flex:1; min-height:176rem; font-size:18rem;}
.kakao_wallet .list .num {display:block; margin-bottom:15rem; width:40rem; height:40rem; background:#1496F1; line-height:40rem; text-align:center; color:#fff; font-weight:600;}
.kakao_wallet .list .img img {display:block; width:100%;}
.kakao_wallet .slick-arrow {position:absolute; top:-110rem; width:70rem; height:70rem; border-radius:50%; background:var(--p_color); z-index:100; border:0;}
.kakao_wallet .slick-arrow:before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18rem; color:#fff;}
.kakao_wallet .slick-arrow.slick-prev {right:75rem;}
.kakao_wallet .slick-arrow.slick-next {right:0;}
.kakao_wallet .slick-arrow.slick-prev:before {content:'이전'; }
.kakao_wallet .slick-arrow.slick-next:before {content:'다음'; }
.kakao_wallet .slick-sr-only {display:block; text-indent:-9999rem; }
#group1 .list .num {background:#54b981;}
@media all and (max-width:1240px){
  .kakao_wallet .target a svg {width:100rem;}
  .kakao_wallet .slick-arrow {top:-105rem;}
}
@media all and (max-width:1023px){
  .kakao_wallet .target {justify-content:space-between; padding-bottom:80rem;}
  .kakao_wallet .target a {width:calc(50% - 10rem); margin-right:0;}
  .kakao_wallet .slick-arrow {top:-90rem; width:60rem; height:60rem;}
  .kakao_wallet .slick-arrow.slick-prev {right:65rem;}
}
@media all and (max-width:599px){
  .kakao_wallet .target a {width:calc(50% - 5rem); margin-right:0;}
  .kakao_wallet .list .slick-list {margin:0;}
  .kakao_wallet .list .slick-slide {margin:0;}
}
@media all and (max-width:321px){
    .kakao_wallet .target  {display:block;}
  .kakao_wallet .target a {width:100%; margin-bottom:10rem;}
}