@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');



.new-wrap {font-size: 12rem; }

/* .new-wrap header {font-size: 14rem} */

.new-wrap .top-link {background-color: #0c1425; position: fixed; top:0; left:0; right: 0; z-index: 3; display: flex; justify-content: flex-end; padding: 10px 0 10px}
.new-wrap .top-link .inner-wrap {width: 980px; margin: 0 auto;}
.new-wrap .top-link ul {display: flex; justify-content: flex-end; align-items: center;}
.new-wrap .top-link ul li {margin-left: 32px; line-height: 1.5}
.new-wrap .top-link ul li a{color:#fff; font-size: 14px; font-weight: 400; white-space: nowrap;}
.new-wrap .top-link ul li.on a {text-decoration: underline; font-weight: 700;}


.new-wrap .new-header  {position: relative;}
/* .new-wrap .new-header  {display: flex; justify-content: space-between; align-items: center; height: auto; width: 100%;;} */
.new-wrap .new-header  h1 {width: 56px; height: 54px;}
.new-wrap .new-header  h1 img {height: 100%; object-fit: cover;}
.new-wrap .new-header.active::after {display: block; content:''; height: 80px; background: rgba(0, 0, 0, 0.5); position: fixed; top:44px; left:0; right:0; z-index: 2}

.new-wrap .new-header .inner-wrap {display: flex; justify-content: space-between; align-items: center; width: 980px; position: fixed; top: 54px; left: calc(50% - 490px); z-index: 3;}
.new-wrap .new-header .inner-wrap ul.new-menu {display: flex; justify-content: flex-end; align-items: center; }
.new-wrap .new-header .inner-wrap ul.new-menu li {margin-left: 40px;}
.new-wrap .new-header .inner-wrap ul.new-menu li a {color: #fff; font-size: 16px}
.new-wrap .new-header .inner-wrap ul.new-menu li.etc {display: none;}
.new-wrap .new-header .inner-wrap ul.new-menu li.on a {padding: 8px 20px 8px; background: #fff; color:#02bf92; border-radius: 17px;}
.new-wrap .new-header  {width: 100%; height: 100% ;  padding-top: 50%; background: url(../images/new/bg.png) no-repeat; background-size: 100% 100%; object-fit: cover;  }
.new-wrap .new-header  img {width: 100%; height: 100%; }
.new-wrap .gnb-new-footer {display: none;}

.new-wrap .new-header .text-box {width: 980px; position: absolute; top: calc(50% - 176px); left: calc(50% - 490px); }
.new-wrap .new-header .text-box .small-txt{ font-size: 24px; color:#fff;}
.new-wrap .new-header .text-box .big-txt{font-size: 48px; font-weight: 500; color:#fff; line-height: 57px; margin-top: 22px;}
.new-wrap .new-header .text-box .point {color:#02bf92; font-size: inherit; }

.new-wrap .new-container {}
.new-wrap .new-container .info-box {position: relative; z-index: 1;}
.new-wrap .new-container .info-box .gap {position: absolute; left:0; top: -220px; width: 50%; height: 220px; background: #fff; }
.new-wrap .new-container .info-box ul {display: flex; justify-content: flex-start; width: 980px; position: absolute; top: -220px; left: calc(50% - 490px); background: #fff;  border-radius: 0 100px 0 0; box-sizing: border-box;}
.new-wrap .new-container .info-box ul li {width: 245px; height: 220px; padding: 110px 32px; font-weight: 500; font-size: 18px; line-height: 28px; background: url(../images/new/icon01.png) 32px 32px no-repeat; background-size: 32px 32px;} 
.new-wrap .new-container .info-box ul li:nth-child(2) {background: url(../images/new/icon02.png) 32px 32px no-repeat; background-size: 32px 32px;} 
.new-wrap .new-container .info-box ul li:nth-child(3) {background: url(../images/new/icon03.png) 32px 32px no-repeat; background-size: 32px 32px;} 
.new-wrap .new-container .info-box ul li:last-of-type { border-radius: 0 100px 0 0; background:#02DCA8 url(../images/new/icon04.png) 32px 32px no-repeat; background-size: 32px 32px;} 
.new-wrap .new-container .info-box ul li .point{color:#777D9A} 


.new-wrap .content-item {}
.new-wrap .content-item .inner-wrap {display: flex; justify-content: space-between; align-items: flex-end; width: 940px; margin: 0 auto; padding:100px 0 155px}
.new-wrap .content-item .inner-wrap .phone-img {width:214.98px; height: 422px; margin-left:40px}
.new-wrap .content-item .inner-wrap .phone-img img { height: 100%; object-fit: cover; }
.new-wrap .content-item .inner-wrap .phone-img .btn-link {display: none;}
.new-wrap .content-item .inner-wrap .txt-box {width: 510px;}
.new-wrap .content-item .inner-wrap .txt-box .big-txt {font-weight: 700; font-size: 32px; line-height: 46px; color: #0C1425; letter-spacing: -0.307692px;}
.new-wrap .content-item .inner-wrap .txt-box .big-txt .point {display: inline-block; font-size: inherit;}
.new-wrap .content-item .inner-wrap .txt-box .big-txt .point::after {display: block; content: ''; margin-top: -15px; width: 100%; height: 10px; background: rgba(2, 220, 168, 0.2);}

.new-wrap .content-item .inner-wrap .txt-box .detail-txt .btn-link {display: inline-flex; padding: 15px 32px; background: #02DCA8; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.276923px; color: #0C1425; margin: 25px 0 45px}
.new-wrap .content-item .inner-wrap .txt-box .detail-txt .txt {font-weight: 400; font-size: 18px; line-height: 28px; display: flex; align-items: center; letter-spacing: -0.307692px; color: #777D9A;}

.new-wrap .content-item02 {background: #F5F6FA;}
.new-wrap .content-item02 .inner-wrap {display: flex; justify-content: space-between; align-items: flex-end; width: 980px; margin: 0 auto; padding:105px 0 110px; background: url(../images/new/ceo.png) no-repeat right bottom; background-size: 380px 420px;}

.new-wrap .content-item02 .inner-wrap .txt-box .big-txt {font-weight: 400; font-size: 32px; line-height: 46px; color: #333; letter-spacing: -0.307692px; margin-bottom: 24px;}
.new-wrap .content-item02 .inner-wrap .txt-box .big-txt .point {display: inline-block; font-size: inherit; font-weight: 700;}
.new-wrap .content-item02 .inner-wrap .txt-box .big-txt .point::after {display: block; content: '';  margin-top:-15px; width: 100%; height: 10px; background: rgba(2, 220, 168, 0.2);}
.new-wrap .content-item02 .inner-wrap .txt-box .big-txt .point02 {font-size: inherit; font-weight: 700;}
.new-wrap .content-item02 .inner-wrap .txt-box .txt {font-weight: 400; font-size: 18px; line-height: 28px; display: flex; align-items: center; letter-spacing: -0.307692px; color: #777D9A;}


.new-wrap .content-item03 {background: #0C1425; padding: 100px 0 100px;}
.new-wrap .content-item03 .inner-wrap {width: 1040px; margin: 0 auto; text-align: center; }
.new-wrap .content-item03 .inner-wrap .btn-link {display: inline-flex; padding: 15px 48px; background: #02DCA8; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.276923px; color: #0C1425; margin: 25px auto 40px}
.new-wrap .content-item03 .inner-wrap .big-txt {font-size: 32px; line-height: 46px; letter-spacing: -0.369231px; color:#fff; font-weight: 400; text-align: center;}
.new-wrap .content-item03 .inner-wrap .big-txt strong {font-size: inherit}
.new-wrap .content-item03 .inner-wrap .detail {background: #fff; padding: 40px; border-radius: 16px;;}

.new-wrap .content-item03 .inner-wrap .detail ul {display: table;}
.new-wrap .content-item03 .inner-wrap .detail ul .tit {vertical-align: middle; text-align: center; width: 190px; padding:18px 24px; font-weight: 700; font-size: 18px !important; line-height: 25px; height: 100%; margin-right: 25px; margin-top: 32px; background: rgba(2, 220, 168, 0.2); border-radius: 16px; height: auto; text-align: center !important;}
.new-wrap .content-item03 .inner-wrap .detail ul li.row:first-of-type {margin-top:0px}
.new-wrap .content-item03 .inner-wrap .detail ul li.row {margin-top:32px}
.new-wrap .content-item03 .inner-wrap .detail ul .cell {display: table-cell; text-align: left; vertical-align: middle; font-size: 18px;}
.new-wrap .content-item03 .inner-wrap .detail ul .cell.txt { padding-left: 25px; }

.new-wrap .content-item03 .inner-wrap .detail .point:first-of-type {margin-top: 0px}
.new-wrap .content-item03 .inner-wrap .detail .point {margin-top: 15px; font-weight: 700; font-size: inherit; line-height: 28px; color:#02BF92; }
.new-wrap .content-item03 .inner-wrap .detail .gray-point {display: block; font-size: inherit; line-height: 28px; color:#777D9A; font-weight: 400;} 

.new-wrap .content-item03 .inner-wrap .detail .mo {display: block; line-height: 1.5}


.new-wrap .content-swiper {background: #02DCA8; padding: 100px 0 65px}
.new-wrap .content-swiper .inner-wrap {width: 1160px; margin: 0 auto;}
.new-wrap .content-swiper .inner-wrap .txt-box {text-align: center;}
.new-wrap .content-swiper .inner-wrap .txt-box .big-txt {font-weight: 700; font-size: 32px; line-height: 47px; text-align: center; letter-spacing: -0.615385px;}
.new-wrap .content-swiper .inner-wrap .txt-box .small-txt {font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; letter-spacing: -0.261538px; color: #0C1425;}
.new-wrap .content-swiper .inner-wrap .mySwiper {width: 1040px; margin: 0 auto 60px; overflow: hidden;}
/* .new-wrap .content-swiper .inner-wrap .swiper-wrapper {margin:0 auto; width: 1040px;} */
.new-wrap .content-swiper .inner-wrap .swiper {margin-top: 40px; width: 100%;height: 100%;}
.new-wrap .content-swiper .inner-wrap .swiper-slide:first-of-type {margin-left: 10px;}
.new-wrap .content-swiper .inner-wrap .swiper-slide {width: 335px !important; font-size: 18px; background: #fff; border-radius: 20px; padding: 40px 36px 40px; box-sizing: border-box;}
.new-wrap .content-swiper .inner-wrap .swiper-slide .pic {width: 190px; height: 190px; overflow: hidden; border-radius: 50%; margin: 0 auto 25px}
.new-wrap .content-swiper .inner-wrap .swiper-slide .pic img {display: block; width: 100%; height: 100%; object-fit: cover;}


.new-wrap .content-swiper .inner-wrap .swiper-slide .review-tit {font-weight: 700; font-size: 16px; line-height: 23px; display: flex; align-items: center; text-align: center; letter-spacing: -0.276923px; color: #02BF92; margin-bottom: 5px}
.new-wrap .content-swiper .inner-wrap .swiper-slide .review-txt {font-weight: 700; font-size: 20px; line-height: 29px; display: flex; align-items: center; letter-spacing: -0.276923px; color: #0C1425; margin-bottom: 24px}
.new-wrap .content-swiper .inner-wrap .swiper-slide .review-detail { font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: -0.430769px; color: #777D9A; margin-bottom: 24px}
.new-wrap .content-swiper .inner-wrap .swiper-slide .review-user { font-weight: 700; font-size: 18px; line-height: 28px; letter-spacing: -0.430769px; color: #777D9A;}


.new-wrap .content-swiper .inner-wrap .swiper-button-next, 
.new-wrap .content-swiper .inner-wrap .swiper-button-prev {width: 40px; height: 40px;}
.new-wrap .content-swiper .inner-wrap .swiper-button-next:after, 
.new-wrap .content-swiper .inner-wrap .swiper-button-prev:after {width: 40px; height: 40px; background-size: 40px 40px !important; content: ''; font-family: var(--body-font-family) !important;}
.new-wrap .content-swiper .inner-wrap .swiper-button-next:after {background: url(../images/new/arrow02.png) no-repeat;}
.new-wrap .content-swiper .inner-wrap .swiper-button-prev:after {background: url(../images/new/arrow01.png) no-repeat;}

.new-wrap .content-swiper .inner-wrap .swiper-button-next {right: 0px;}
.new-wrap .content-swiper .inner-wrap .swiper-button-prev {left:0;}
.new-wrap .content-swiper .inner-wrap .swiper-pagination-bullet {width: 12px; height: 12px; border: 2px solid #fff; opacity: 1; background: rgba(2, 220, 168, 0);}
.new-wrap .content-swiper .inner-wrap .swiper-pagination-bullet-active {background: #fff;}


.new-wrap .content-step {padding: 100px 0 100px}
.new-wrap .content-step .inner-wrap {text-align: center; width: 974px; margin:0px auto; }
.new-wrap .content-step .inner-wrap .step {display: flex; justify-content: space-between; align-items: center; margin: 40px 0 40px;}
.new-wrap .content-step .inner-wrap .step .item {width: 124px; height: 150px; background: #F5F6FA; border-radius: 20px; text-align: center; font-weight: 700; font-size: 18px; line-height: 26px; text-align: center; letter-spacing: -0.646154px; padding: 16px 0 27px; box-sizing: border-box;}
.new-wrap .content-step .inner-wrap .step .pc {width: 32px; height: 10px; background: url(../images/new/path.png) no-repeat; background-size: 32px 10px;}
.new-wrap .content-step .inner-wrap .step .item .num {display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #02DCA8; border-radius: 50%; margin: 0 auto 20px}
.new-wrap .content-step .inner-wrap .step .item .num span {display: block;  color: #fff; font-weight: 700; font-size: 20px; line-height: 29px; }
.new-wrap .content-step .big-txt {font-weight: 400;font-size: 32px;line-height: 46px;color: #0C1425;letter-spacing: -0.307692px;}
.new-wrap .content-step .big-txt .point{display: inline-block; font-size: inherit; font-weight: 700;}
.new-wrap .content-step .big-txt .point::after {display: block; content: ''; margin-top: -15px; width: 100%; height: 10px; background: rgba(2, 220, 168, 0.2);}

.new-wrap .content-step .pc {display: flex; justify-content: center;}
.new-wrap .content-step .pc .step-list {display: block !important; display: flex; align-items: center; text-align: left; } 
.new-wrap .content-step .pc .step-list li {margin-bottom: 16px;} 
.new-wrap .content-step .pc .step-list .num {margin-right: 16px; background: #02DCA8; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;} 
.new-wrap .content-step .pc .step-list .num span {color:#fff;} 


.new-wrap .content-kakao {background: #F6E24B}
.new-wrap .content-kakao .inner-wrap {width: 980px; margin: 0 auto; padding: 106px 0 111px; background: url(../images/new/kakao_img.png) no-repeat; background-size: 278.23px 309.28px; background-position: 650px 63px;}
.new-wrap .content-kakao .inner-wrap .big-txt {font-style: normal; font-weight: 400; font-size: 32px; line-height: 46px; letter-spacing: -0.646154px; color: #0C1425;}
.new-wrap .content-kakao .inner-wrap .big-txt strong{ font-size: inherit;}
.new-wrap .content-kakao .inner-wrap .btn-item { display: flex; justify-content: flex-start; align-items: center; margin-top: 15px;}
.new-wrap .content-kakao .inner-wrap .btn-item::before {display: block; content: ''; width: 48px; height: 48px; background: url(../images/new/kakao.png) no-repeat; background-size: 48px; margin-right: 10px }
.new-wrap .content-kakao .inner-wrap .btn-kakao {font-weight: 400; font-size: 24px; line-height: 46px; letter-spacing: -0.646154px; color: #000; border-radius: 12px; padding:0px 40px 0 12px; background:#fff url(../images/new/kakao_arrow.png) no-repeat right 10px center ; background-size: 24px 24px;}
.new-wrap .content-kakao .inner-wrap .btn-kakao span {font-size: inherit; color: #02BF92;font-weight: 700;}

.new-wrap .content-kakao .inner-wrap .btn-item a#chat-channel-button {
  position: fixed;
  bottom: 6rem;
  right: 0px;
  text-align: right;
  margin-right: 6rem;
  cursor: pointer;
  z-index: 999;
}
@media (max-width:1199px) {
  .new-wrap .content-kakao .inner-wrap .btn-item a#chat-channel-button {
    position: fixed;
    bottom: 3rem;
    right: 0px;
    text-align: right;
    margin-right: 1.5em;
    cursor: pointer;
    z-index: 999;
  }
  .new-wrap .content-kakao .inner-wrap .btn-item a#chat-channel-button img {
    width: 8rem;
  }
}
 

.new-wrap .content-service {background: #F5F6FA;}
.new-wrap .content-service .inner-wrap{padding: 100px 0 100px; width: 1040px; margin: 0 auto;}
.new-wrap .content-service .inner-wrap .txt-box {}
.new-wrap .content-service .inner-wrap .txt-box .big-txt {font-weight: 400; font-size: 32px; line-height: 47px; text-align: center; letter-spacing: -0.615385px; color: #0C1425;}
.new-wrap .content-service .inner-wrap .txt-box .big-txt span {font-size: inherit; font-weight: 700;}
.new-wrap .content-service .inner-wrap .txt-box .small-txt {font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; letter-spacing: -0.261538px; color: #777D9A; margin-top: 8px}

.new-wrap .content-service .inner-wrap .step {display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 40px;}
.new-wrap .content-service .inner-wrap .gap {width: 100%; height: 1px; background: rgba(0, 0, 0, 0.08); margin: 24px auto 24px}
.new-wrap .content-service .inner-wrap .step .item {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; width: 248px; height: 780px; background: #fff; border-radius: 20px; padding: 0 0 24px; box-sizing: border-box; }
.new-wrap .content-service .inner-wrap .step .item .list {margin-top: 25px;}
.new-wrap .content-service .inner-wrap .step .item .list li {position: relative; font-size: 16px; color:#000; padding-left: 10px; line-height: 1.6}
.new-wrap .content-service .inner-wrap .step .item .list li .g-txt {text-align: left;;}
.new-wrap .content-service .inner-wrap .step .item .list li::before {display: block; content: ''; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.new-wrap .content-service .inner-wrap .step .item .g-txt {font-size: 16px; line-height: 24px; letter-spacing: -0.430769px; color: #777D9A; text-align: center;}
.new-wrap .content-service .inner-wrap .step .item + .item  {margin-left: 16px}
.new-wrap .content-service .inner-wrap .step .cont {padding: 24px 22px 24px; box-sizing: border-box; width: 100%; height: 100%}
.new-wrap .content-service .inner-wrap .step .item .top {width: 100%; display: flex; justify-content: center; align-items: center; background: rgba(2, 220, 168, 0.2); font-weight: 700; border-radius: 20px 20px 0 0;}
.new-wrap .content-service .inner-wrap .step .item .top span {font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.276923px; padding: 23px 0 23px}
.new-wrap .content-service .inner-wrap .step .item .money {text-align: center; font-weight: 700; font-size: 22px; line-height: 32px; text-align: center; letter-spacing: -0.276923px; color: #02BF92; margin-bottom: 4px;}
.new-wrap .content-service .inner-wrap .step .item .btn-box {display: flex; justify-content: center; align-items: center; background: #02DCA8; border-radius: 8px; margin: 0 auto}
.new-wrap .content-service .inner-wrap .step .item .btn {font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.276923px; color: #0C1425; padding: 15px 48px 15px; width: 100%; text-align: center;}



.new-footer {background: #0C1425; padding: 60px 0 60px !important}
.new-footer .inner-wrap {width: 980px; margin: 0 auto; color:#A0A6C5; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.246154px; color: #A0A6C5; }
.new-footer .inner-wrap a {color: #A0A6C5; line-height: 26px}
.new-footer .inner-wrap .list {display: flex;}
.new-footer .inner-wrap .list li {color: #A0A6C5; display: flex; align-items: center; line-height: 26px }
.new-footer .inner-wrap .list li:first-of-type::before {display: none;}
.new-footer .inner-wrap .list li::before {display: block; content: ''; width: 1px; height: 12px; background: #A0A6C5; margin: 0 10px;}
.new-footer .inner-wrap .tit {font-weight: 700; margin-top: 50px; line-height: 26px; color: #A0A6C5}
@media (max-width:1199px) {
  .dim {overflow: hidden;}
  .dim::after {display: block; content: ''; position: fixed; top:0; right:0; bottom:0; left:0; background: rgba(0, 0, 0, 0.4); z-index: 2; }

  
  .new-wrap .new-header {height: 740px; background-image: url(../images/new/bg_mobile.png);}
  .new-wrap .new-header h1 {margin-left: 20px;}
  .new-wrap .new-header .inner-wrap {width: 100%;  top:15px; left: 0; align-items: flex-start;}
  .new-wrap .new-header.active::after {top: 0;}
  .new-wrap .new-header .inner-wrap .menu-btn {width: 24px; height: 24px; background: url(../images/new/menu.png) no-repeat; background-size: 24px; color: transparent; font-size: 0; margin-right: 20px;}
  .new-wrap .new-header .inner-wrap .gnb-area {position: fixed; top:0; right:-80%; bottom:0; background: #fff;  z-index: 3; width: 80%; display: flex; justify-content: space-between; flex-direction: column;}
  .new-wrap .new-header .text-box {text-align: center; top: 120px; left:0; width: 100%; }
  .new-wrap .new-header .text-box .big-txt {font-size: 33px; line-height: 45px;}
  .new-wrap .new-header .text-box .small-txt {font-weight: 400; font-size: 18px; line-height: 27px;}
  .new-wrap .content-item .btn-link {display: block; padding: 15px 32px; background: #02DCA8; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.276923px; color: #0C1425; margin: 25px 0 45px; text-align: center; width: 178px; height: 56px; margin: 0 auto 65px;;}
  .new-wrap .content-item .inner-wrap .phone-img .btn-link {display: block;}
  
  .new-wrap .new-container .info-box {padding: 0; margin: 0; }
  .new-wrap .new-container .info-box ul {width: 100%; top: 165px; left: 0px; right:0; border-radius: 0; display: flex; flex-wrap: wrap; background: transparent; padding:0 20px;}
  .new-wrap .new-container .info-box ul li {width: calc(100% / 2 - 6px); height: 209px; text-align: center; background-color: #F5F6FA; border-radius: 20px; background-position: top 22px center; padding:75px 6px 20px; box-sizing: border-box; }
  
  .new-wrap .new-container .info-box ul li:nth-child(odd) {}
  .new-wrap .new-container .info-box ul li:nth-child(even) {margin-left: 12px; } 
  .new-wrap .new-container .info-box ul li:nth-child(n+3) {margin-top: 12px;}
  .new-wrap .new-container .info-box ul li:nth-child(2) {background-color:#F5F6FA; background-position: top 22px center; } 
  .new-wrap .new-container .info-box ul li:nth-child(3) {background-color:#F5F6FA; background-position: top 22px center; } 
  .new-wrap .new-container .info-box ul li:last-of-type { border-radius: 20px; background:#F5F6FA url(../images/new/icon05.png) 32px 32px no-repeat; background-size: 32px 32px; background-position: top 22px center; } 
  .new-wrap .new-container .info-box ul li .point{color:#777D9A} 

  
  .new-wrap .new-container .info-box .gap {display: none;}
  /* .new-wrap .reverse {display: flex; flex-direction: column-reverse;} */
  
  .new-wrap .content-item .inner-wrap {display: block !important; padding-top:650px; padding-bottom:0; width: auto; position: relative;}
  .new-wrap .content-item .inner-wrap .phone-img {position:absolute; top: -425px; left: calc(50% - 107.49px); margin: 0;}
  .new-wrap .content-item .inner-wrap .phone-img img {width: 100%;}



  .new-wrap .content-item .inner-wrap .txt-box {width: auto; text-align: center; padding: 20px}
  .new-wrap .content-item .inner-wrap .txt-box .logo {width: 82px; height: 77.44px; margin: 0 auto 16px;}
  .new-wrap .content-item .inner-wrap .txt-box .logo img {width: 100%; height: 100%; object-fit: cover;}
  
  .new-wrap .content-item .inner-wrap .txt-box .detail-txt {display: flex; flex-direction: column-reverse;}
  .new-wrap .content-item .inner-wrap .txt-box .detail-txt .btn-link {display: block; width: 271px; height: 56px; background: #02DCA8; border-radius: 8px; text-align: center; margin: 40px auto }
  
  .new-wrap .content-item .inner-wrap .txt-box .big-txt { font-size: 24px; line-height: 36px; text-align: center; letter-spacing: -0.369231px; color: #0C1425;}
  .new-wrap .content-item .inner-wrap .txt-box .txt {
    font-weight: 400; font-size: 18px; line-height: 28px; text-align: justify; letter-spacing: -0.307692px; color: #777D9A; margin: 24px 14px 0px}


  .new-wrap .content-item02 {}
  .new-wrap .content-item02 .inner-wrap {display: block; width: auto; text-align: center; padding: 20px 20px 391px; background-position: center bottom; background-size: 335px 370px; margin: 0 auto;}
  .new-wrap .content-item02 .inner-wrap .txt-box .detail-txt {margin: 0 auto;}
  .new-wrap .content-item02 .inner-wrap .txt-box .big-txt {font-weight: 700; font-size: 24px;line-height: 36px;text-align: center;letter-spacing: -0.646154px;color: #333333;}
  .new-wrap .content-item02 .inner-wrap .txt-box .txt {display: block;}

  .new-wrap .content-item03 {padding: 64px 0 64px}
  .new-wrap .content-item03 .inner-wrap {width: auto;}
  .new-wrap .content-item03 .inner-wrap .big-txt {font-weight: 700; font-size: 24px; line-height: 36px; margin-bottom: 20px;}
  .new-wrap .content-item03 .inner-wrap .detail-box {display: flex; flex-direction: column-reverse;}
  .new-wrap .content-item03 .inner-wrap .btn-link {margin: 24px auto}
  
  .new-wrap .content-item03 .inner-wrap .detail {background: transparent; padding: 20px}
  .new-wrap .content-item03 .inner-wrap .detail ul {display: block;}
  .new-wrap .content-item03 .inner-wrap .detail ul li.row {padding: 24px 16px 24px; background: #fff; border-radius: 16px;}
  .new-wrap .content-item03 .inner-wrap .detail ul .cell {display: block; width: auto; padding: 0; margin:0;}
  .new-wrap .content-item03 .inner-wrap .detail ul .cell.tit {font-weight: 700; font-size: 24px !important; line-height: 33px; background: transparent; margin-bottom: 24px; text-align: left !important;}
  .new-wrap .content-item03 .inner-wrap .detail ul .cell.txt {padding: 0; font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: -0.008em; color: #0C1425;}
  .new-wrap .content-item03 .inner-wrap .detail ul .cell.txt * {font-size: 17px; line-height: 28px; letter-spacing: -0.008em;}
  
  .new-wrap .content-item03 .inner-wrap .detail .point {margin: 24px 0 8px}
  .new-wrap .content-item03 .inner-wrap .detail .mo {display: block; padding-left: 15px; position: relative;}
  .new-wrap .content-item03 .inner-wrap .detail .mo::before {display: block; content: ''; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; top:10px; left:5px;}


  .new-wrap .content-swiper {}
  .new-wrap .content-swiper {padding: 64px 0 64px}
  .new-wrap .content-swiper .inner-wrap {width: auto;}
  .new-wrap .content-swiper .inner-wrap .txt-box .big-txt {font-weight: 700; font-size: 24px; line-height: 33px; text-align: center; letter-spacing: -0.369231px; color: #0C1425; }
  
  .new-wrap .content-swiper .inner-wrap .txt-box .small-txt { font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; letter-spacing: -0.261538px;}
  .new-wrap .content-swiper .inner-wrap .mySwiper {width: auto; margin: 20px 20px 60px;}
  .new-wrap .content-swiper .inner-wrap .swiper-slide {width: 100% !important;}
  .new-wrap .content-swiper .inner-wrap .swiper-slide:first-of-type {margin-left:0}
  .new-wrap .content-swiper .inner-wrap .swiper-button-next {top: 150px; right: 35px;}
  .new-wrap .content-swiper .inner-wrap .swiper-button-prev {top: 150px; left: 35px;}


  .new-wrap .content-step {padding: 64px 20px 64px;}
  .new-wrap .content-step .big-txt {font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; letter-spacing: -0.646154px; color: #333333; }
  .new-wrap .content-step .inner-wrap {width: auto;}
  .new-wrap .content-step .inner-wrap .step {display: block;}
  .new-wrap .content-step .inner-wrap .step .item {width: 100%; text-align: left; padding: 16px; height: auto;}
  .new-wrap .content-step .inner-wrap .step .item .num {margin: 0; margin-right: 12px; width: 36px; height: 36px; display: inline-flex;}
  .new-wrap .content-step .inner-wrap .step .item .mobile {margin-top: 16px; font-weight: 400; font-size: 17px; line-height: 26px; letter-spacing: -0.430769px; color: #000000;}
  .new-wrap .content-step .inner-wrap .step .pc + .item {margin-top: 12px;}

  .new-wrap .content-kakao {} 
  .new-wrap .content-kakao .inner-wrap {width: auto; height: 470px; background-position: bottom center; background-size: 198.31px 220.45px;; padding: 64px 20px;}
  .new-wrap .content-kakao .inner-wrap .big-txt {text-align: center; font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; letter-spacing: -0.646154px; color: #333333;}
  .new-wrap .content-kakao .inner-wrap .btn-kakao {font-size: 18px; width: calc(100% - 50px); font-weight: 400;}
  .new-wrap .content-kakao .inner-wrap .btn-kakao span {font-weight: 700; font-size: 18px; width: calc(100% - 50px);}


  .new-wrap .content-service .inner-wrap {width: auto;padding:64px 20px 64px;}
  .new-wrap .content-service .inner-wrap .step {display: block; }
  .new-wrap .content-service .inner-wrap .step .item {width: 100%; height: auto;}
  .new-wrap .content-service .inner-wrap .step .item .g-txt {}
  .new-wrap .content-service .inner-wrap .step .item + .item {margin-left:0; margin-top: 12px}
  .new-wrap .content-service .inner-wrap .step .cont {padding: 24px 22px 39px;}
  .new-wrap .content-service .inner-wrap .txt-box .big-txt {font-weight: 700;}

  .new-footer {padding: 64px 0px 64px}
  .new-footer .inner-wrap {width: auto; padding:0 32px 0}
  .new-footer .inner-wrap .list {display: block;}
  .new-footer .inner-wrap .list li{display: inline;}
  .new-footer .inner-wrap .list li::before {display: inline-flex;}


  .new-wrap .close-area { height: 148px; background: #02DCA8; display: block !important;}
  .new-wrap .close-area .top-item {text-align: right; padding:10px 20px; width: 100%; }
  .new-wrap .close-area .top-item .close-btn {width: 20px; height: 20px; font-size: 0; background: url(../images/new/tnb-btn-close.svg) no-repeat; background-size: 100%;}
  .new-wrap .close-area .mo-item {padding: 20px;}
  
  .new-wrap .close-area .mo-item > ul {display: flex; justify-content: space-between; align-items: center;}
  .new-wrap .close-area .mo-item > ul > li {width: calc( 100% / 2) ; height: 42px; color: var(--white); margin-left: 12px; }
  .new-wrap .close-area .mo-item > ul > li:first-of-type {margin-left: 0}
  .new-wrap .close-area .mo-item > ul > li > a {width: 100%; height: 100%; color: var(--white); border-radius: 21px; background: #02BF92; border: 1px solid #02BF92; display: flex; justify-content: center; align-items: center;}
  .new-wrap .close-area .mo-item > ul > li > a i{ width: 6px; height: 12px; margin-left: 10px; background: url(../images/new/ic-mv-btn-arrow.svg) no-repeat center center; background-size: cover; font-size: 0;}

  .new-wrap .new-header .inner-wrap ul.new-menu {display: block; flex: 1}
  .new-wrap .new-header .inner-wrap ul.new-menu li {margin-left: 0; border-bottom: 1px solid rgba(1,35,180,0.13);}
  .new-wrap .new-header .inner-wrap ul.new-menu li a { width: 100%; height: 100%; color: #333; font-size: var(--font-size-18); font-weight: var(--font-weight-semibold); display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top:18px; padding-bottom:18px; }
  .new-wrap .new-header .inner-wrap ul.new-menu li.on {border-bottom: 0; margin-top: 20px; padding:10px 20px 10px;}
  .new-wrap .new-header .inner-wrap ul.new-menu li.on a {background: #02BF92; color:#fff; border-bottom: 0; border-radius: 32px;;}
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc {display: block; }
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc a {display: inline-flex; align-items: center; }
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc a i{ width: 6px; height: 12px; margin-left: 10px; background: url(../images/new/sub_arrow.png) no-repeat center center; background-size: cover; font-size: 0; transform: rotate(90deg)}
  
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc a.active i {transform: rotate(-90deg)}
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc > .sub-menu {display:none; background: #fafafa; border-top: 1px solid rgba(1,35,180,0.13); }
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc > .sub-menu li {display: block; border-bottom:0; padding:0;}
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc > .sub-menu li:last-of-type {border-bottom:0;}
  .new-wrap .new-header .inner-wrap ul.new-menu li.etc > .sub-menu li a {font-size: 15px;  padding: 10px 0 10px}
  .new-wrap .gnb-new-footer {display: block; width: 100%; height: 63px; background: #02BF92; display: flex; justify-content: center; align-items: center;}
  .new-wrap .gnb-new-footer .gnb-new-footer-ul {width: auto; display: flex; justify-content: center; align-items: center;}
  .new-wrap .gnb-new-footer .gnb-new-footer-ul li{padding: 0 8px;}
  .new-wrap .gnb-new-footer .gnb-new-footer-ul li a {font-size: var(--font-size-16); color: var(--white); font-weight: var(--font-weight-light); letter-spacing: -0.03rem; font-weight: 700;}
}