@charset "utf-8";

.app-about {width:100%;margin:0 auto;padding-top:48px;}
.app-about h1 {padding-top:76px;font-size:3.6rem;font-weight:700;line-height:46px;}
.app-about h2 {font-size:var(--font-heading3);font-weight:700;line-height:var(--lineheight-heading3);}
.app-about h2 + .h-sub-txt2 {padding-top:20px;}
.app-about h3 {font-size:var(--font-heading4);font-weight:700;line-height:var(--lineheight-heading4);}
.app-about .h-sub-txt {margin-bottom:var(--gap-small);color:var(--font-color-red);font-size:var(--font-heading6);line-height:var(--lineheight-heading6);font-weight:500;}
.app-about .h-sub-txt2 {color:var(--font-color-gray);font-size:var(--font-body1);line-height:var(--lineheight-body1);font-weight:500;}
.app-about .h-sub-txt2 + h2 {padding-top:8px;}
.app-about .guide-btn-group {position:fixed;left:0;bottom:0;width:100%;padding:16px 20px 24px;}
.app-about .guide-btn-group button {width:100%;}
.plus-zoom.app-about h3 {font-size:24px;} 
.app-about .fix-btn-group {position:fixed;left:0;bottom:0;width:100%;padding:16px 20px 24px;z-index:11;}
.app-about .fix-btn-group button {width:100%;margin:0 auto;}
.app-about .item-box-img {position:relative;width:100%;}
.app-about .item-box-img.top-img {position:absolute;left:0;top:37%;}
.app-about .full-item1 {position:relative;height:calc(100vh - 48px);background:-o-linear-gradient(bottom, #FFF 0%, #FFE1E3 28.5%, #FFF 100%);background:-webkit-gradient(linear, left bottom, left top, from(#FFF), color-stop(28.5%, #FFE1E3), to(#FFF));background:linear-gradient(0deg, #FFF 0%, #FFE1E3 28.5%, #FFF 100%);border:1px solid transparent;}
.app-about .box-blue {max-width:567px;margin:0 auto;padding:32px 14px 0px;border-radius:16px;background-color:#EFF6FC;overflow:hidden;}
/* .app-about .box-blue.type-pd {height:486px ;padding:0 !important;} */
.app-about .full-item1 .item-box-img {height:263px;}
.app-about .full-item1 .logo {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:172px;height:183px;}

.app-about .full-item1 .particle1 {opacity:0;width:320px;height:260px;position:absolute;top:0;left:50%;margin-left:-160px;}
.app-about .full-item1 .particle1.on {width:320px;height:260px;-webkit-animation:flower1 2.4s .2s infinite;animation:flower1 2.4s .2s infinite ;}
.app-about .full-item1 .particle2 {opacity:0;position:absolute;top:0;left:50%;width:320px;height:260px;margin-left:-160px;}
.app-about .full-item1 .particle2.on {width:320px;height:260px;-webkit-animation:flower2 2.4s .2s infinite;animation:flower2 2.4s .2s infinite;}

@-webkit-keyframes flower1 {
  0% {-webkit-transform:scale(0);transform:scale(0);opacity:0;top:50px;}
  10% {-webkit-transform:scale(1);transform:scale(1);opacity:1;top:0;}
  15% {-webkit-transform:scale(.9);transform:scale(.9);opacity:1;}
  21% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  28% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  95% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@keyframes flower1 {
  0% {-webkit-transform:scale(0);transform:scale(0);opacity:0;top:50px;}
  10% {-webkit-transform:scale(1);transform:scale(1);opacity:1;top:0;}
  15% {-webkit-transform:scale(.9);transform:scale(.9);opacity:1;}
  21% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  28% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  95% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@-webkit-keyframes flower2 {
  0% {-webkit-transform:scale(0);transform:scale(0);opacity:0;top:50px;}
  12% {-webkit-transform:scale(1);transform:scale(1);opacity:1;top:0;}
  17% {-webkit-transform:scale(.9);transform:scale(.9);opacity:1;}
  25% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  30% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  90% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@keyframes flower2 {
  0% {-webkit-transform:scale(0);transform:scale(0);opacity:0;top:50px;}
  12% {-webkit-transform:scale(1);transform:scale(1);opacity:1;top:0;}
  17% {-webkit-transform:scale(.9);transform:scale(.9);opacity:1;}
  25% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  30% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  90% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
  100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}

.app-about .item2 h2 {margin-top:98px;font-size:2.8rem;font-weight:700;line-height:var(--lineheight-heading2);}
.app-about .item2 h2 > span > span {color:#E00842;}
.app-about .item2 h2 > span {display:block;}
.app-about .item2 h2 br {display:none;}
.app-about .item2 .aia-logo {width:86px;height:34px;vertical-align:top;}
.app-about .item2 {margin-bottom:130px;}
.app-about .item2 .item-box-img {margin-top:32px;height:240px;}
.app-about .item2 .book {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:220px;height:220px;}
.app-about .item2.ani.on .book {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:220px;height:220px;-webkit-animation:book 1s 1.05s linear infinite;animation:book 1s 1.05s linear infinite;}
.app-about .item2 .search {opacity:0;position:absolute;left:22%;top:32%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:110px;height:110px;}
.app-about .item2.ani.on .search {position:absolute;left:22%;top:32%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:110px;height:110px;-webkit-animation:search 15s 2s linear infinite;animation:search 15s 1s linear infinite;}
.app-about .item2 .money {opacity:0;position:absolute;left:57%;top:37%;;-webkit-transform:translate(-50%, -50%);;-ms-transform:translate(-50%, -50%);;transform:translate(-50%, -50%);width:189px;height:188px;}
.app-about .item2.ani.on .money {position:absolute;left:57%;top:37%;;-webkit-transform:translate(-50%, -50%);;-ms-transform:translate(-50%, -50%);;transform:translate(-50%, -50%);width:189px;height:188px;-webkit-animation:money 15s 2s linear infinite;animation:money 15s 1s linear infinite;}
@-webkit-keyframes book {
  0% {}
  100% {}
}
@keyframes book {
  0% {}
  100% {}
}
@-webkit-keyframes search {
  0% {opacity:0;margin-top:0;}
  5% {opacity:1;margin-top:10px;}
  10% {opacity:1;margin-top:0;}
  15% {opacity:1;margin-top:10px;}
  25% {opacity:1;margin-top:0;}
  30% {opacity:1;margin-top:10px;}
  35% {opacity:1;margin-top:0;}
  40% {opacity:1;margin-top:10px;}
  45% {opacity:1;margin-top:0;}
  50% {opacity:1;margin-top:10px;}
  55% {opacity:1;margin-top:0;}
  60% {opacity:1;margin-top:10px;}
  65% {opacity:1;margin-top:0;}
  70% {opacity:1;margin-top:10px;}
  75% {opacity:1;margin-top:0;}
  80% {opacity:1;margin-top:10px;}
  85% {opacity:1;margin-top:0;}
  90% {opacity:1;margin-top:10px;}
  100% {opacity:0;margin-top:0;}
}
@keyframes search {
  0% {opacity:0;margin-top:0;}
  5% {opacity:1;margin-top:10px;}
  10% {opacity:1;margin-top:0;}
  15% {opacity:1;margin-top:10px;}
  25% {opacity:1;margin-top:0;}
  30% {opacity:1;margin-top:10px;}
  35% {opacity:1;margin-top:0;}
  40% {opacity:1;margin-top:10px;}
  45% {opacity:1;margin-top:0;}
  50% {opacity:1;margin-top:10px;}
  55% {opacity:1;margin-top:0;}
  60% {opacity:1;margin-top:10px;}
  65% {opacity:1;margin-top:0;}
  70% {opacity:1;margin-top:10px;}
  75% {opacity:1;margin-top:0;}
  80% {opacity:1;margin-top:10px;}
  85% {opacity:1;margin-top:0;}
  90% {opacity:1;margin-top:10px;}
  100% {opacity:0;margin-top:0;}
}
@-webkit-keyframes money {
  0% {opacity:0;margin-top:0;}
  10% {opacity:1;}
  15% {opacity:1;margin-top:-10px;}
  25% {opacity:1;margin-top:0;}
  30% {opacity:1;margin-top:-10px;}
  35% {opacity:1;margin-top:0;}
  40% {opacity:1;margin-top:-10px;}
  45% {opacity:1;margin-top:0;}
  50% {opacity:1;margin-top:-10px;}
  55% {opacity:1;margin-top:0;}
  60% {opacity:1;margin-top:-10px;}
  65% {opacity:1;margin-top:0;}
  70% {opacity:1;margin-top:-10px;}
  75% {opacity:1;margin-top:0;}
  80% {opacity:1;margin-top:-10px;}
  85% {opacity:1;margin-top:0;}
  90% {opacity:1;margin-top:-10px;}
  100% {opacity:0;margin-top:0;}
}
@keyframes money {
  0% {opacity:0;margin-top:0;}
  10% {opacity:1;}
  15% {opacity:1;margin-top:-10px;}
  25% {opacity:1;margin-top:0;}
  30% {opacity:1;margin-top:-10px;}
  35% {opacity:1;margin-top:0;}
  40% {opacity:1;margin-top:-10px;}
  45% {opacity:1;margin-top:0;}
  50% {opacity:1;margin-top:-10px;}
  55% {opacity:1;margin-top:0;}
  60% {opacity:1;margin-top:-10px;}
  65% {opacity:1;margin-top:0;}
  70% {opacity:1;margin-top:-10px;}
  75% {opacity:1;margin-top:0;}
  80% {opacity:1;margin-top:-10px;}
  85% {opacity:1;margin-top:0;}
  90% {opacity:1;margin-top:-10px;}
  100% {opacity:0;margin-top:0;}
}
.app-about .full-item1,
.app-about .item2,
.app-about .item3 {padding:0 20px;text-align:center;position:relative;}
.app-about .item4 {margin-top:100px;}
.app-about .item4 .cont-step {padding-top:24px;}
.app-about .item4 .cont-step li {padding:20px;}
.app-about .item4 .cont-step li .badge-step {}
.app-about .item4 .cont-step li img {position:absolute;right:20px;top:20px;width:48px;height:48px;}
.app-about .item4 .cont-step li a {display:inline-block;padding-top:12px;font-size:var(--font-body2);text-decoration:underline;text-underline-position:from-font;}
.app-about .item4 .btn-group {max-width: 320px;margin-top:100px;padding-top:0;}
.app-about .item3-group .item3 {width:370px;height:534px;}
.app-about .item3-group .item3 .h-sub-txt {font-size: 1.6rem; line-height: 2.4rem;}
.app-about .item3 .box-blue {height:100%;}
.app-about .item3:first-child {padding-top:32px}
.app-about .item3 + .item3 {margin-top:16px;}
.app-about .item3 .box-img {font-size:0;}
.app-about .item3 .img-main img {width:272px;height:auto;margin-top:-4px;}
.app-about .item3 .img-main.type1 img {margin-top:-2px;}
.app-about .item3 .img-main.type2 img {margin-top:-6px;}
.app-about .item3 .img-main.type3 img {margin-top:-2px;}
.app-about .item3 .img-main.type2 {position: relative;}
.app-about .item3 .img-main.type2 .img-tooltip {margin-top: 0; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 136px;}
.app-about .item3 .my-area  {position:absolute;/*top:178px;*/bottom:197px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:224px;height:35px;background:url(/resources/img/temp/img_guide04_img01_1.gif);background-size:cover;}

.app-about .item3 .my-area2 img {width:272px;height:284px;}
.app-about .item3 .big-font img {width:272px;height:284px;}
.app-about .item3 .big-pop {position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:144px;width:178px;height:207px;}
.app-about .item3 .icon-eye {position:absolute;left:50%;top:238px;width:15px;height:15px;margin-left:21px;}
.app-about .item4 .cont-step-tit{margin-top:8px;}
.app-about .item4 .cont-step-txt{margin-top:var(--gap-halfx3);color:var(--font-color-gray);}
.app-about .item4 .cont-step > li [class*=badge-insurance] {text-transform:uppercase;}
.app-about .item4 .cont-step > li > .cont-step-txt br {display:none;}
.app-about .arrow-down {display:block;height:32px;margin-bottom:84px;position:relative;}
.app-about .arrow-down img{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:32px;height:32px;}
.app-about .app-about-banner {position:relative;width:100%;max-width:320px;margin:0 auto;}
.app-about .app-about-banner .swiper-slide {width:100%;padding:32px 24px 0px 24px;background-color:#EFF6FC;border-radius:8px;font-size:16px;line-height:var(--lineheight-heading6-s);}
.app-about .app-about-banner .swiper-slide img {margin-top:24px;margin-bottom:32px;max-width:272px;width:100%;height:auto;}

.swiper-button-next, .swiper-rtl .swiper-button-prev {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:unset;left:50%;top:unset;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:32px;width:260px;min-width:166px;height:52px;border-radius:8px;background:transparent;color:#fff;}
.swiper-button-next:focus-visible, 
.swiper-button-prev:focus-visible {outline:solid 3px var(--focus-linecolor);border-radius:8px;outline-offset:3px;}

.swiper-button-next::after {content:'';color:#fff;font-weight:600;font-size:1.6rem;}
.swiper-button-next.swiper-button-disabled {opacity:1;}
.swiper-button-next.swiper-button-disabled::after {content:'';}

.app-about .my-banner {position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:176px;width:224px;height:35px;margin:0 auto;}
.btn-prev-web,
.btn-close-web {display:none;}
.type-hide {overflow:hidden;}

.plus-zoom .odometer.odometer-auto-theme, 
.plus-zoom .odometer.odometer-theme-default {margin-top:8px;}
/*.plus-zoom .app-about .full-item1 h1 {font-size:38px;}
.plus-zoom .app-about .item2 h2 {font-size:30px;}
.plus-zoom .app-about h3 {font-size:24px;}
.plus-zoom .app-about h2 {font-size:26px;}*/

/* odometer(마이페이지 > 납입 보험료) */
.odometer {top:248px;left:50%;transform:translateX(-50%);font-size:2rem;font-weight:700;}
.odometer::after {content:'원';display:inline-block;font-size:1.4rem;position:absolute;right:-15px;top:3px;}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {display:inline-block;position:absolute;vertical-align:middle;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {display:inline-block;position:relative;vertical-align:middle;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {display:inline-block;visibility:hidden;vertical-align:middle;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;text-align:left;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {display:block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {display:block;-webkit-backface-visibility:hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {display:block;-webkit-transform:translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {position:absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition:-webkit-transform 2s;
  -o-transition:-o-transform 2s;
  transition:-webkit-transform 2s;
  -o-transition:transform 2s;
  transition:transform 2s;
  transition:transform 2s, -webkit-transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition:-webkit-transform 2s;
  -o-transition:-o-transform 2s;
  transition:-webkit-transform 2s;
  -o-transition:transform 2s;
  transition:transform 2s;
  transition:transform 2s, -webkit-transform 2s;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {line-height:1.1em;}
.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {text-align:center;}
.app-about .qr-area {display:none;}

@media (max-width:1024px) {
  .app-about .full-item1 h1 {padding-top:0px;opacity:1;font-size: 32px;line-height: 40px;}
  .app-about .full-item1 .item1-tit {position:relative;z-index:1;margin-top:48px;}
  .app-about .full-item1 .h-sub-txt {font-size: var(--font-heading5);line-height:32px;}
  .app-about .item3-group .item3 {width: 100%;}
  .app-about .item3 + .item3 {margin-top: 20px;}
  .app-about .item3 .box-img {margin-top:0;}
  .app-about .item4 {margin-top: 48px;padding:0 20px;}
  .app-about .item4 h2 {text-align: center;}
  .app-about .item4 .cont-step {padding-top: 20px;}
  .app-about .item4 .cont-step > li {margin-bottom: 0;}
  .app-about .item4 .cont-step > li + li {margin-top: 16px;}
  .app-about .item4 .btn-group {margin-top:20px;margin-bottom:96px;max-width: 100%;}
}

@media (min-width:1025px) {
  .app-about-container::before {position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:4.8rem;content:'';width:100%;height:100vh;background:-o-linear-gradient(bottom, #FFF 0%, #FFE1E3 28.5%, #FFF 100%);background:-webkit-gradient(linear, left bottom, left top, from(#FFF), color-stop(28.5%, #FFE1E3), to(#FFF));background:linear-gradient(0deg, #FFF 0%, #FFE1E3 28.5%, #FFF 100%);}
  .app-about .full-item1 {height:100vh;background:none;}
  .app-about .full-item1 h1 {padding-top:0;}
  .app-about .full-item1 .h-sub-txt {text-align: left;}
  .app-about h1 {font-size:4rem;line-height:4.8rem;text-align:left;}
  .app-about .item2 h2 {font-size:4.2rem;letter-spacing:-0.3px;line-height:normal;text-align:left;}
  .app-about h2 + .h-sub-txt2 {text-align:left;}
  /* .app-about h1 br {display:none;} */
  .app-about {width:760px;padding-bottom:120px;}
  .app-about .guide-btn-group  {position:absolute;}
  .app-about .guide-btn-group button {width:320px !important;margin:0 auto;}
  .btn-prev-web {position:absolute;top:12px;left:16px;width:24px;height:24px;background:url(/resources/img/common/icon_prve_app.png) no-repeat center;background-size:11px auto;display:block;z-index:1;}
  .btn-close-web {position: absolute;top: 12px;right: 16px;width: 24px;height: 24px;background: url(/resources/img/common/icon_popup_close.svg) no-repeat center;background-size: 15px; display: block; z-index: 1;}
  .app-about .fix-btn-group {display:none;}
  /* .app-about .item4 {padding:0 20px;} */
  .app-about .full-item1 .item-box-img {left:212px;top:calc(30% + 15px);}
  .app-about .item2 .item-box-img {left:200px;top:156px;position:absolute;}
  .app-about .qr-area {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:379px;height:154px;margin-top:24px;padding:24px;border-radius:16px;background-color:#fff;}
  .app-about .qr-area .qrimg {width:100px;height:100px;} 
  .app-about .qr-area .qr-link {padding-left:16px;text-align:left;}
  .app-about .qr-area .qr-link a {position:relative;display:inline-block;height:36px;padding:5px 16px 5px 42px;background-color:#fff;border-radius:8px;border:1px solid #D6D8DA;text-align:left;font-size:1.4rem;font-weight:500;}
  .app-about .qr-area .qr-link a + a {margin-top:12px;}
  .app-about .qr-area .qr-link a.btn-googleplay::before {z-index:1;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:16px;width:24px;height:24px;background:url(/resources/img/content/icon_googleplay.png) no-repeat 0 center/24px 24px}

  .app-about .qr-link a.btn-appstore::before {z-index:1;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:16px;width:24px;height:24px;background:url(/resources/img/content/icon_appstore.png) no-repeat 0 center/24px 24px;}
  .app-about .arrow-down {margin-bottom:39px;}
  .app-about .arrow-down img {cursor:pointer;}
  .app-about .item2 {margin-bottom:271px;}
  .app-about .item3-group {margin-top:100px;width:760px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:wrap;flex-flow:wrap;}
  .app-about .item3-group .item3:nth-child(even) {margin-left:20px;}
  .app-about .item3 {margin-bottom:unset;padding:0;}
  .app-about .item3:first-child {padding-top:0;}
  /* .app-about .item3 .img-main img {width:265px;height:auto;} */
  .app-about .app-about-banner .swiper-slide img {width:260px;height:auto;}
  .app-about .item3 .my-area2 img {width:264px;height:auto;}
  .app-about .item3 .big-font img {width:264px;height:auto;}
  .app-about .item3 .big-pop {display:none;}
  
  /* .app-about .box-blue.type-pd {height:442px;} */
  /* .app-about .item3 + .item3 {padding-top:18px;} */
  .app-about .item3:nth-child(2) {margin-top:0;}
  .app-about .app-about-banner .swiper-slide img {margin-top:18px;margin-bottom:24px;}
  .app-about h3 {font-size:2.2rem;line-height:3rem;}
  .box-img {margin-top:0;}
  .odometer {top:227px;}
  .odometer::after {content:'원';display:inline-block;font-size:1.2rem;position:absolute;right:-13px;font-weight:400;}
  .app-about .item3 .icon-eye {position:absolute;left:50%;top:213px;width:20px;height:20px;margin-left:22px;}
  .app-about .item3 .my-area {top:139px;width:218px;height:35px;margin-left:1px;background-size:218px 35px;}
  .app-about .item2 .h-sub-txt2 {font-size:1.6rem;line-height:14px;font-weight:400;line-height:var(--lineheight-heading6-s);}
  /* .app-about .h-sub-txt2 {line-height:var(--lineheight-body4);} */
  .app-about .app-about-banner {max-height:348px;}
  /* .app-about h2 {padding-top:160px;line-height:40px;} */
  .app-about .item4 .cont-step > li::before {height:24px;min-width:59px;font-size:1.4rem;line-height:var(--lineheight-heading6-s);}
  .app-about .item4 .cont-step > li [class*=badge-insurance] {padding-top:0.3rem;padding-bottom:0.3rem;font-size:1.4rem;}
  .app-about .item4 .cont-step > li > .cont-step-tit {font-size:2rem;line-height:26px;}
  .app-about .item4 .cont-step > li > .cont-step-txt {margin-top:12px;font-size:1.6rem;line-height:var(--lineheight-heading6-s);}
  .app-about .item4 .cont-step > li > .cont-step-txt br {display:block;}
  .app-about .item4 .cont-step li img {width:54px;height:54px;}
  .swiper-button-next, .swiper-rtl .swiper-button-prev {bottom:25px;width:250px;height:50px;}
  .app-about .full-item1 .item1-tit {position:absolute;top:30%;}
  .app-about .item2.ani.on .money {left:53%;}
  .app-about .item2.ani.on .search {left:38%;}
  .app-about .full-item1 .logo {width:182px;height:194px;}
  .app-about .full-item1 .particle1,
  .app-about .full-item1 .particle2,
  .app-about .full-item1 .particle1.on,
  .app-about .full-item1 .particle2.on {width:338px;height:278px;}
  .app-about .full-item1 .particle1,
  .app-about .full-item1 .particle2 {margin-left:-170px;}
  .app-about .item2 h2 > span {display:inline;}
  .app-about .item2 h2 br {display:block;}
}