@charset "UTF-8";

/* 공통 css */
#wrap {
  max-width: 2560px;
  margin: 0 auto;
}

.txt_wr {
  white-space: break-spaces;
}

/* colorType1 */
#wrap.ft_colorType1 {
  color: #4f55a1;
}
#wrap .border_colorType1 {
  border: 2px solid #4f55a1;
  color: #4f55a1;
}
#wrap .bg_box_colorType1 {
  background-color: #414795;
}
#wrap .bg_box2_colorType1:before {
  background-color: #666cb6;
}
#wrap .bg_box3_colorType1 {
  background-color: #666cb6;
}
#wrap .svg_colorType1 path {
  fill: #666cb6;
}
#wrap .hov_colorType1 {
  background: #383e86;
}
#wrap .grad_colorType1 {
  background: linear-gradient(
    92.32deg,
    rgba(52, 65, 214, 0.92) 16.48%,
    rgba(98, 85, 255, 0.92) 74.33%
  );
}
#wrap .hdPartner_colorType1 {
  background-image: url(../img/hdPartner_type1.svg);
}

/* colorType2 */
#wrap.ft_colorType2 {
  color: #80539c;
}
#wrap .border_colorType2 {
  border: 2px solid #80539c;
  color: #80539c;
}
#wrap .bg_box_colorType2 {
  background-color: #80539c;
}
#wrap .bg_box2_colorType2:before {
  background-color: #ac86c3;
}
#wrap .bg_box3_colorType2 {
  background-color: #ac86c3;
}
#wrap .svg_colorType2 path {
  fill: #80539c;
}
#wrap .hov_colorType2 {
  background: #81539d;
}
#wrap .grad_colorType2 {
  background: linear-gradient(
    91.89deg,
    rgba(152, 111, 177, 0.92) 23.99%,
    rgba(191, 127, 230, 0.92) 74.24%
  );
}
#wrap .hdPartner_colorType2 {
  background-image: url(../img/hdPartner_type2.svg);
}

/* colorType3 */
#wrap.ft_colorType3 {
  color: #222;
}
#wrap .border_colorType3 {
  border: 2px solid #404054;
  color: #404054;
}
#wrap .bg_box_colorType3 {
  background-color: #5c5c72;
}
#wrap .bg_box2_colorType3:before {
  background-color: #404054;
}
#wrap .bg_box3_colorType3 {
  background-color: #404054;
}
#wrap .svg_colorType3 path {
  fill: #5c5c72;
}
#wrap .hov_colorType3 {
  background: #6d6d84;
}
#wrap .grad_colorType3 {
  background: linear-gradient(91.89deg, #505068 23.99%, #6f6f8a 74.24%);
}
#wrap .hdPartner_colorType3 {
  background-image: url(../img/hdPartner_type3.svg);
}

/* colorType4 */
#wrap.ft_colorType4 {
  color: #3870a3;
}
#wrap .border_colorType4 {
  border: 2px solid #3870a3;
  color: #3870a3;
}
#wrap .bg_box_colorType4 {
  background-color: #88a9c8;
}
#wrap .bg_box2_colorType4:before {
  background-color: #3870a3;
}
#wrap .bg_box3_colorType4 {
  background-color: #3870a3;
}
#wrap .svg_colorType4 path {
  fill: #3870a3;
}
#wrap .hov_colorType4 {
  background: #5889b7;
}
#wrap .grad_colorType4 {
  background: linear-gradient(91.89deg, #3870a3 23.99%, #5794cc 74.24%);
}
#wrap .hdPartner_colorType4 {
  background-image: url(../img/hdPartner_type4.svg);
}

/* colorType5 */
#wrap.ft_colorType5 {
  color: #d85d5d;
}
#wrap .border_colorType5 {
  border: 2px solid #d85d5d;
  color: #d85d5d;
}
#wrap .bg_box_colorType5 {
  background-color: #e58787;
}
#wrap .bg_box2_colorType5:before {
  background-color: #d85d5d;
}
#wrap .bg_box3_colorType5 {
  background-color: #d85d5d;
}
#wrap .svg_colorType5 path {
  fill: #d85d5d;
}
#wrap .hov_colorType5 {
  background: #e58787;
}
#wrap .grad_colorType5 {
  background: linear-gradient(91.89deg, #d85d5d 23.99%, #e58787 74.24%);
}
#wrap .hdPartner_colorType5 {
  background-image: url(../img/hdPartner_type5.svg);
}

h2 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 700;
}
.h3 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 600;
}
.inner {
  width: 64%;
  min-width: 1024px;
  max-width: 1224px;
  margin: 0 auto;
}
.inner2 {
  width: 74%;
  /*    min-width: 1400px;*/
  min-width: 1160px;
  max-width: 1440px;
  margin: 0 auto;
}
.inner3 {
  width: 67%;
  min-width: 1276px;
  margin: 0 auto;
}
.inner4 {
  width: 54%;
  min-width: 960px;
  max-width: 1042px;
  margin: 0 auto;
}

/* header */
#header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  z-index: 3;
}
#header .hd_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto;
  width: 94%;
  height: 97px;
  padding: 0 1rem;
  align-items: center;
  max-width: 1538px;
  color: #fff;
  font-weight: bold;
}
#header .hd_inner h1 {
  width: 197px;
}

#header .hd_inner h1 a {
  color: #1f2933;
  font-weight: bold;
}

#header .hd_inner h1 a img {
  width: auto;
  height: auto;
  max-height: 90px;
}

#header .hd_inner h1.on a {
  color: #1f2933;
}
#header .hd_inner nav {
}
#header .hd_inner nav ul {
  display: flex;
}
#header .hd_inner nav ul li {
}
#header .hd_inner nav ul li a {
  /*    margin: 0 20px;*/
  margin: 0 1.2rem;
}
#header .hd_inner ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
#header .hd_inner ul li a.on {
  color: #1f2933;
}
#header .hd_inner .util {
}
#header .hd_inner .util ul {
  display: flex;
}
#header .hd_inner .util ul li.hdPartner {
  margin-right: 12px;
}
#header .hd_inner .util ul li a {
  display: inline-block;
  margin: 0 12px;
}
.hdPartner {
  width: 166px;
  height: 28px;
  /*    background-image: url(../img/hdPartner_type1.svg);*/
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  top: -1px;
  color: #ffffff;
  box-sizing: border-box;
  padding-left: 112px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
}
#wrap .hdPartner:hover {
  background-image: url(../img/hdPartner_hov.svg);
}
#header .hd_inner .util ul li a {
  display: inline-block;
}
#header .hd_inner .util ul li:last-of-type button {
  margin-right: 0;
  width: 94px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: -4px;
  color: #fff;
  border: 2px solid #fff;
}
#header .hd_inner .util ul li:last-of-type button.border_colorType1 {
  color: #4f55a1;
  border: 2px solid #4f55a1;
}
#header .hd_inner .util ul li:last-of-type button.border_colorType2 {
  border: 2px solid #80539c;
  color: #80539c;
}
#header .hd_inner .util ul li:last-of-type button.border_colorType3 {
  border: 2px solid #404054;
  color: #404054;
}
#header .hd_inner .util ul li:last-of-type button.border_colorType4 {
  border: 2px solid #3870a3;
  color: #3870a3;
}
#header .hd_inner .util ul li:last-of-type button.border_colorType5 {
  border: 2px solid #d85d5d;
  color: #d85d5d;
}

/* topBanner */
#topBanner {
  position: relative;
  /* background-image: url(../img/banner1_2.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  margin-top: 97px;
}
#topBanner .topBnr_tit {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 2;
}
#topBanner .topBnr_tit h2 {
  /*    font-size: 49px;*/
  font-size: 2.5vw;
  font-weight: 700;
  color: #fff;
  white-space: pre-line;
}
#topBanner .topBnr_img {
  position: relative;
  width: 100%;
  /* opacity: 0; */
}
#topBanner .topBnr_img::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
#topBanner .topBnr_img img {
}

/* corInfo */
#corInfo {
  padding: 115px 0 145px;
}
#corInfo .tit {
  margin-bottom: 100px;
}
#corInfo .tit h2 {
  text-align: center;
  font-size: 38px;
  line-height: 53px;
}
#corInfo .cont {
}
#corInfo .cont .img_wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 115px;
  column-gap: 11px;
}
#corInfo .cont .img_wr figure {
  width: calc(33.33% - 11px);
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
#corInfo .cont .img_wr figure img {
}
#corInfo .cont .img_wr figure figcaption {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  font-family: 'Pretendard';
}
#corInfo .cont .txt_wr {
}
#corInfo .cont .txt_wr p {
  text-align: center;
  font-size: 20px;
  line-height: 33px;
  color: #7b8794;
}

/* serviceFeature */
#serviceFeature {
  padding: 155px 0 125px;
  background: #edf0f8;
  position: relative;
}
#serviceFeature:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 76px;
  width: 388px;
  height: 496px;
  background-image: url(../img/bg_ico_svcFeature1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#serviceFeature:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 55px;
  width: 229px;
  height: 444px;
  background-image: url(../img/bg_ico_svcFeature2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#serviceFeature .tit {
  margin-bottom: 70px;
  text-align: center;
}
#serviceFeature .tit h2 {
  margin-bottom: 70px;
}
#serviceFeature .tit p {
  font-size: 26px;
  line-height: 30px;
  color: #7b8794;
}
#serviceFeature .cont {
  position: relative;
  z-index: 1;
}
#serviceFeature .cont .txt_wr {
  margin-bottom: 65px;
}
#serviceFeature .cont .txt_wr ul {
  display: flex;
  justify-content: space-between;
  width: calc(100% + 48px);
  margin-left: -24px;
}
#serviceFeature .cont .txt_wr ul li {
  /*    padding: 65px;*/
  padding: 3vw;
  text-align: center;
  margin: 0 24px;
  width: 33.33%;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
}
#serviceFeature .cont .txt_wr ul li span {
  display: block;
  margin-bottom: 45px;
}
#serviceFeature .cont .txt_wr ul li span img {
  max-width: 230px;
}
#serviceFeature .cont .txt_wr ul li .h3 {
  margin-bottom: 47px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}
#serviceFeature .cont .txt_wr ul li p {
  font-size: 20px;
  line-height: 30px;
  color: #7b8794;
}
#serviceFeature .cont > a {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 160px;
  height: 55px;
  line-height: 55px;
  border-radius: 14px;
  /*
    border: 2px solid #414795;
    color: #4F55A1;
*/
  font-size: 19px;
  font-weight: 600;
  transition: all 0.2s;
}
#serviceFeature .cont > a:hover {
  opacity: 0.6;
}

/* serviceDesc */
#serviceDesc {
  padding: 130px 0 125px;
  /*    background: #414795;*/
  /*    color: #fff;*/
  text-align: center;
}
#serviceDesc .tit {
  margin-bottom: 100px;
}
#serviceDesc .tit h2 {
  color: #fff;
}

#serviceDesc .svcType {
  margin-bottom: 70px;
}
#serviceDesc .svcType ul.svcCont_wr {
  display: flex;
  justify-content: space-between;
  width: calc(100% + 40px);
  margin-left: -20px;
}
#serviceDesc .svcType .svcCont_wr > li {
  width: calc(33.33% - 20px);
  margin: 0 20px;
  padding: 95px 35px 55px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.03);
  border-radius: 26px;
}
#serviceDesc .svcType .svcCont_wr > li h4 {
  margin-bottom: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  /*    color: #383E86;*/
  position: relative;
}

#serviceDesc .svcType .svcCont_wr > li h4:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 85px;
  height: 85px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  /*    background-color: #666cb6;*/
  border-radius: 50%;
}
#serviceDesc .svcType .svcCont_wr > li:nth-of-type(1) h4:before {
  /*    background-image: url(../img/ico/ico_feeInfoBox1_tit1.svg);*/
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 35.999h45c.173 0 0-.173 0 0v1c0 .937-1.102 2-2 2H4c-.898 0-2-1.063-2-2v-1c0-.173-.173 0 0 0Z' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10'/%3E%3Cpath d='M24 11h1' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M6 13h37M2 36l4-5V12c0-1.829 1.203-3 3-3h30c1.797 0 3 1.171 3 3v19l4 5M6 31h37' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10'/%3E%3Cpath d='M24 34h1M27 34h1M17 34h1M20 34h1M14 34h1M8 34h1M11 34h1M37 34h1M40 34h1M34 34h1' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M15 27v1M18 26v3M20 24v4M23 22v6M25 25v3M28 24v5M30 22v7M33 20v8M15 24l8-5 2 2 8-5' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#serviceDesc .svcType .svcCont_wr > li:nth-of-type(2) h4:before {
  /*    background-image: url(../img/ico/ico_feeInfoBox2_tit1.svg);*/
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11V9c0-1.763 1.256-3 3-3h20c1.751 0 3 1.244 3 3v30c0 1.763-1.256 3-3 3H27' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 16c-.308 0-1-.723-1-1v-4c0-.277.692-1 1-1h17c.307 0 1 .723 1 1v4c0 .277-.693 1-1 1H24Z' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.07 23.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .213-.261 1.542 1.542 0 0 1 .263-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.213.261 1.542 1.542 0 0 1-.263.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0ZM31.07 23.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .213-.261 1.542 1.542 0 0 1 .263-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.214.261 1.542 1.542 0 0 1-.262.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0ZM38.07 23.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .214-.261 1.542 1.542 0 0 1 .262-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.214.261 1.542 1.542 0 0 1-.262.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0Z' stroke='%23fff' stroke-width='1.187' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M23 27h2c.296 0 1 .633 1 1v3'/%3E%3C/mask%3E%3Cpath d='M23 25.813a1.187 1.187 0 0 0 0 2.374v-2.374ZM24.813 31a1.187 1.187 0 0 0 2.374 0h-2.374ZM23 28.187h2v-2.374h-2v2.374Zm2 0a.905.905 0 0 1-.293-.05c-.036-.013-.05-.023-.04-.017.02.013.068.047.123.1a.695.695 0 0 1 .094.107c.003.005-.01-.014-.025-.055a.77.77 0 0 1-.046-.272h2.374c0-.429-.187-.77-.3-.948a3.01 3.01 0 0 0-.455-.546 3.144 3.144 0 0 0-.537-.417c-.145-.088-.48-.276-.895-.276v2.374ZM24.813 28v3h2.374v-3h-2.374Z' fill='%23fff' mask='url(%23a)'/%3E%3Cpath d='M31.07 30.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .213-.261 1.542 1.542 0 0 1 .263-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.214.261 1.542 1.542 0 0 1-.262.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0ZM38.07 30.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .214-.261 1.542 1.542 0 0 1 .262-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.214.261 1.542 1.542 0 0 1-.262.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0ZM31.07 37.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .213-.261 1.542 1.542 0 0 1 .263-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.214.261 1.542 1.542 0 0 1-.262.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0ZM38.07 37.407a1.542 1.542 0 0 1-.263-.21 1.495 1.495 0 0 1-.213-.262v-1.87a1.495 1.495 0 0 1 .214-.261 1.542 1.542 0 0 1 .262-.21h1.86a1.542 1.542 0 0 1 .263.21 1.495 1.495 0 0 1 .213.261v1.87a1.495 1.495 0 0 1-.214.261 1.542 1.542 0 0 1-.262.21h-1.86Zm.027.014s0 0 0 0h0Zm1.806 0a.02.02 0 0 1 0 0h0Zm0-2.841s0 0 0 0h0Zm-1.806 0a.02.02 0 0 1 0 0h0Z' stroke='%23fff' stroke-width='1.187' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 24c-1.189 3.61-8 5.038-8 12 0 5.497 5.143 9 11 9v0c5.857 0 11-3.503 11-9 0-6.919-6.74-8.44-8-12M13 22c-.278-2.114-3.097-4.943-4-6-.14-.164-.202-1.015 0-1 .75.06 2.005.437 4 2 .424.327 1.132-1.876 1-3-.042-.328-.285-.12 0 0 1.633.67 2.729 2.29 3 2 1.3-1.392 1.374-1.695 2-2 .354-.179 1.18.628 1 1-.779 1.674-2.799 5.095-3 7' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 24.998c-1.705 0-2.924-.95-3-1-.471-.285-1.236-.429-1-1 .236-.57.529-1.285 1-1 .035.026 2.935 1.25 5 0 .471-.285.765.43 1 1 .236.571-.529.715-1 1-.998.605-1.12 1-2 1ZM12 38c.438.928 1.73 2 3 2 1.658 0 3-1.623 3-3 0-1.879-1.4-1.79-3-2-2.074-.27-3-1.623-3-3s1.342-2 3-2c1.234 0 2.534 1.117 3 2M15 29v13M21 40c1.04-1.047 1.75-2.386 2-4' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#serviceDesc .svcType .svcCont_wr > li:nth-of-type(3) h4:before {
  /*    background-image: url(../img/ico/ico_feeInfoBox3_tit1.svg);*/
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 12c.918 0 1.397.353 2 1 .26.276.836.644 1 1' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 25h7v-3c0-.037-.03.022 0 0 2.218-1.282 4-4.274 4-7 0-4.367-3.467-7.49-8-7-3.42.374-6.607 3.622-7 7-.363 3.092 1.545 5.579 4 7 .03.015 0-.037 0 0v3ZM36 16h1M25 5V4M33 9l1-1M34 24l-1-1M15 16h-1M18 9l-1-1M17 24l1-1' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 17c0 1.655-1.345 3-3 3s-3-1.345-3-3M25 20v4M26 39c-1.932 0-4-2.068-4-4s2.068-3 4-3 3 1.068 3 3c-.007 1.932-1.068 4-3 4ZM20 45c.605-1.753 2.22-3 4-3h3c1.78 0 3.395 1.247 4 3M13 36c-1.932 0-4-2.068-4-4s2.068-3 4-3 3 1.068 3 3-1.068 4-3 4ZM7 42c.605-1.753 2.22-3 4-3h3c1.78 0 3.395 1.247 4 3M39 36c-1.932 0-4-1.068-4-3s2.068-4 4-4 3 2.068 3 4c-.007 1.932-1.075 3-3 3ZM33 42c.605-1.753 2.22-3 4-3h3c1.78 0 3.388 1.247 4 3M26 29c-1.934 0-4-1.177-4-3v-1h7v1c0 1.823-1.066 3-3 3Z' stroke='%23fff' stroke-width='1.826' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#serviceDesc .svcType .svcCont_wr > li ul {
  text-align: left;
}
#serviceDesc .svcType .svcCont_wr > li ul li {
  margin: 0 0 35px 23px;
}
#serviceDesc .svcType .svcCont_wr > li:last-of-type ul li {
  margin-bottom: 0;
}
#serviceDesc .svcType .svcCont_wr > li ul li:last-of-type {
  margin-bottom: 0;
}
#serviceDesc .svcType .svcCont_wr > li ul li h5 {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  color: #1f2933;
}
#serviceDesc .svcType .svcCont_wr > li ul li h5:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #323f4a;
  border-radius: 50%;
}
#serviceDesc .svcType .svcCont_wr > li ul li p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #616e7c;
}
#serviceDesc .svcType .svcCont_wr > li ul li p:last-of-type {
  margin-bottom: 0;
}

#serviceDesc .svcProcess {
}
#serviceDesc .svcProcess .h3 {
  margin-bottom: 30px;
  color: #fff;
}
#serviceDesc .svcProcess > div {
}
#serviceDesc .svcProcess ol {
  display: flex;
  justify-content: space-between;
  width: calc(100% + 15px);
  margin-left: -7.5px;
}
#serviceDesc .svcProcess ol li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(14.3% - 7.5px);
  /*    padding: 20px;*/
  padding: 1vw;
  margin: 0 7.5px;
  text-align: left;
  border-radius: 14px;
  box-sizing: border-box;
}
#serviceDesc .svcProcess ol li:not(:last-of-type) {
  background-color: #fff;
}
#serviceDesc .svcProcess ol li > div {
}
#serviceDesc .svcProcess ol li > div:nth-of-type(2) {
  margin-top: 1.2vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#serviceDesc .svcProcess ol li > div p {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  /*    color: #4F55A1;*/
}
#serviceDesc .svcProcess ol li > div p:nth-of-type(1) {
  opacity: 0.4;
}
#serviceDesc .svcProcess ol li > div p:nth-of-type(2) {
  margin-bottom: 11px;
  font-weight: 700;
}
#serviceDesc .svcProcess ol li > div p:last-of-type {
  margin-bottom: 0;
}
#serviceDesc .svcProcess ol li > div > span {
  display: inline-block;
  width: 23px;
  height: 23px;
}
#serviceDesc .svcProcess ol li:last-of-type {
  justify-content: center;
}
#serviceDesc .svcProcess ol li:last-of-type > div {
}
#serviceDesc .svcProcess ol li:last-of-type > div > span {
  display: block;
  margin: 0 auto;
  width: 39px;
  height: auto;
}
#serviceDesc .svcProcess ol li:last-of-type > div > span:nth-of-type(2) {
  width: 86px;
}
#serviceDesc .svcProcess ol li > div > span > img {
}

/* hanulPeople */
#hanulPeople {
  padding: 180px 0 190px;
}
#hanulPeople .inner2 > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#hanulPeople .txt_wr {
}
#hanulPeople .txt_wr > div {
}
#hanulPeople .txt_wr > div:nth-of-type(1) {
  margin-bottom: 100px;
}
#hanulPeople .txt_wr > div:nth-of-type(1) p {
  display: inline-block;
  margin-bottom: 28px;
  text-align: center;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  background: #f5f7fa;
  color: #7b8794;
  font-size: 22px;
  font-weight: 600;
  border-radius: 10px;
}
#hanulPeople .txt_wr > div:nth-of-type(1) h2 {
  font-size: 44px;
  line-height: 1.3;
}
#hanulPeople .txt_wr > div:nth-of-type(2) {
  color: #323f4a;
}
#hanulPeople .txt_wr > div:nth-of-type(2) h4 {
  margin-bottom: 30px;
  font-size: 21px;
  line-height: 30px;
}
#hanulPeople .txt_wr > div:nth-of-type(2) ul {
}
#hanulPeople .txt_wr > div:nth-of-type(2) ul li {
  position: relative;
  margin: 0 0 10px 24px;
}
#hanulPeople .txt_wr > div:nth-of-type(2) ul li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2b306e;
}
#hanulPeople .img_wr {
  width: 38%;
  max-width: 473px;
}

/* feeInfo */
#feeInfo {
  padding: 125px 0 90px;
  background-image: url(../img/bg_feeInfo_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
#feeInfo:after {
  content: '';
  display: block;
  position: absolute;
  /*
    right: 113px;
    bottom: 80px;
    width: 567px;
    height: 389px;
*/
  right: 5vw;
  bottom: 8vh;
  width: 30%;
  height: 20%;
  background-image: url(../img/bg_ico_feeInfo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#feeInfo p {
  /*    color: #383E86;*/
}
#feeInfo .tit {
  margin-bottom: 40px;
  text-align: center;
}
#feeInfo .tit h2 {
  color: #fff;
}
#feeInfo .cont {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 11px;
  column-gap: 22px;
  grid-template-rows: repeat(13, 1fr);
  grid-template-columns: repeat(3, 1fr);
  max-width: 1276px;
  margin: 0 auto;
}
#feeInfo .cont .ico_func_wr {
  display: inline-block;
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
#feeInfo .cont .cont_box {
  /*    width: calc(33.33% - 11px);*/
  /*    width: 412px;*/
  /*    margin: 0 11px;*/
  background: #fff;
  /*    padding: 20px 30px 45px;*/
  padding: 1.2rem 1.9rem 2.8rem;
  box-sizing: border-box;
  border-radius: 14px;
}
#feeInfo .cont .cont_box img {
  display: inline-block;
}
#feeInfo .cont .cont_box > div {
}
#feeInfo .cont .cont_box .tit_wr {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 18px;
  border-bottom: 1px solid #e4e7eb;
}
#feeInfo .cont .cont_box .tit_wr .h3 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: #383e86;
}
#feeInfo .cont .cont_box .ico_tit_wr {
  display: inline-block;
  width: 52px;
  height: 52px;
  position: relative;
  top: 6px;
}
#feeInfo .cont .cont_box .price_wr {
  padding: 45px 0 25px;
  border-bottom: 1px solid #e4e7eb;
}
#feeInfo .cont .cont_box .price_wr > div {
  min-height: 83px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#feeInfo .cont .cont_box .price_wr > div > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#feeInfo .cont .cont_box .price_wr > div > div:last-of-type {
  margin-bottom: 0;
}
#feeInfo .cont .cont_box .price_wr p:nth-of-type(1) {
  font-size: 28px;
  font-weight: 800;
}
#feeInfo .cont .cont_box3 .price_wr p:nth-of-type(1) {
  font-size: 23px;
  line-height: 28px;
  font-weight: 600;
}
#feeInfo .cont .cont_box .price_wr p:nth-of-type(1) > span {
  margin-left: 4px;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  top: -4px;
}
#feeInfo .cont .cont_box .price_wr p:nth-of-type(2) {
  font-size: 14px;
  color: #52606d;
}
#feeInfo .cont .cont_box .price_wr p:nth-of-type(3) {
  font-size: 13px;
  font-weight: 500;
  color: #9aa5b1;
  width: 84px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #cbd2d9;
  text-align: center;
}
#feeInfo .cont .cont_box .price_wr button {
  margin-top: 40px;
  width: 100%;
  height: 66px;
  line-height: 66px;
  /*    background: #4F55A1;*/
  color: #fff;
  border-radius: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
}
#feeInfo .cont .cont_box .price_wr .ico_arrow_wr {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: normal;
  margin-left: 7px;
  position: relative;
  top: 2px;
}

#feeInfo .cont .cont_box .func_wr {
  padding: 32px 0 5px;
  border-bottom: 1px solid #e4e7eb;
  min-height: 350px;
}
#feeInfo .cont .cont_box .func_wr .h6 {
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 700;
  min-height: 40px;
}
#feeInfo .cont .cont_box .func_wr > div {
  display: flex;
  min-height: 232px;
}
#feeInfo .cont .cont_box .func_wr > div > div {
  width: 50%;
}
#feeInfo .cont .cont_box .func_wr p {
  color: #2b306e;
}
#feeInfo .cont .cont_box .func_wr ul {
}
#feeInfo .cont .cont_box .func_wr ul li {
  margin-bottom: 15px;
}
#feeInfo .cont .cont_box .func_wr ul li > span {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}
#feeInfo .cont .cont_box .func_wr ul li > p {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  color: #2b306e;
}
#feeInfo .cont .cont_box .func_wr ul li > p > span {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
}

#feeInfo .cont .cont_box .desc_wr {
  margin-top: 13px;
}
#feeInfo .cont .cont_box .desc_wr p {
  text-align: center;
  font-size: 13px;
  color: #9aa5b1;
}
#feeInfo .cont .cont_box .desc_wr p img {
  width: 28px;
}
#feeInfo .cont .cont_box1,
#feeInfo .cont .cont_box2 {
  position: relative;
}
#feeInfo .cont .cont_box1:after,
#feeInfo .cont .cont_box2:after {
  content: '';
  position: absolute;
  display: block;
  /*    background-image: url(../img/ico/ico_plus.svg);*/
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 21h4v-8h8V8h-8V0H8v8H0v5h8v8Z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #60d48e;
  border-radius: 50%;
  width: 58px;
  height: 58px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  z-index: 1;
}
#feeInfo .cont .cont_box1,
#feeInfo .cont .cont_box2,
#feeInfo .cont .cont_box3 {
  grid-row: span 8 / span 8;
}

#feeInfo .cont .cont_box4 {
  grid-column: span 2 / span 2;
  grid-row: span 5 / span 5;
  /*    margin-top: 16px;*/
  /*    width: 846px;*/
  background: #fff;
  /*    padding: 75px 90px 56px;*/
  padding: 4.7rem 5.6rem 3.5rem;
  box-sizing: border-box;
  border-radius: 14px;
  border: 5px solid #69da96;
}

#feeInfo .cont .cont_box4 .tit {
  padding-bottom: 40px;
  border-bottom: 1px solid #e4e7eb;
}
#feeInfo .cont .cont_box4 .tit p {
  margin-bottom: 11px;
  font-size: 19px;
  color: #616e7c;
}
#feeInfo .cont .cont_box4 .tit .h3 {
  font-weight: 700;
  font-size: 29px;
  color: #2b306e;
}
#feeInfo .cont .cont_box4 .tit .h3 img {
  max-width: 169px;
  vertical-align: middle;
  margin-right: 6px;
}
#feeInfo .cont .cont_box4 .tit .h3 span {
  color: #69da96;
}
#feeInfo .cont .cont_box4 .funcCont {
  display: flex;
  justify-content: space-between;
  color: #383e86;
}
#feeInfo .cont .cont_box4 .funcCont .h6 {
  font-size: 18px;
  font-weight: 700;
}
#feeInfo .cont .cont_box4 .funcCont > div {
}
#feeInfo .cont .cont_box4 .funcCont > div ul {
}
#feeInfo .cont .cont_box4 .funcCont > div ul li {
  display: flex;
  margin-bottom: 14px;
}
#feeInfo .cont .cont_box4 .funcCont > div ul li p {
  font-size: 17px;
  font-weight: 500;
}
#feeInfo .cont .cont_box4 .funcCont > div:last-of-type {
  padding-right: 40px;
}

/* contact */
#contact {
  padding: 135px 0 95px;
  text-align: center;
}
#contact .tit {
  margin-bottom: 80px;
}
#contact .cont {
}
#contact .cont .img_wr {
  margin-bottom: 50px;
}
#contact .cont .img_wr img {
}
#contact .cont .txt_wr {
  color: #52606d;
}
#contact .cont .txt_wr p {
  margin-bottom: 74px;
}
#contact .cont .txt_wr > div {
  width: 330px;
  margin: 0 auto;
}
#contact .cont .txt_wr ul {
}
#contact .cont .txt_wr ul li {
  display: flex;
  justify-content: space-between;
}
#contact .cont .txt_wr ul li .h6 {
  font-weight: 600;
}
#contact .cont .txt_wr ul li .h6 > span {
  display: inline-block;
  margin-right: 13px;
  vertical-align: sub;
  width: 20px;
  height: 20px;
}
#contact .cont .txt_wr ul li p {
  min-width: 161px;
  text-align: left;
  margin-bottom: 18px;
  font-weight: 600;
}

/* footer */
#footer {
  padding: 60px 0 50px;
  background: #2b2e49;
  text-align: center;
}
#footer > a {
  display: block;
  margin: 0 auto 48px;
  width: 128px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
#footer .sns_wr {
  margin-bottom: 36px;
}
#footer .sns_wr > a {
  display: inline-block;
  margin: 0 15px;
}
/*
#footer .sns_wr img{
    display: inline-block;
    width: 39px;
    height: 39px;
}
*/
#footer .sns_wr svg:hover path {
  fill: #fff;
}
#footer .sns_wr svg.ft_icoInsta:hover path:nth-of-type(2) {
  fill: #2b2e49;
}
#footer > p {
  font-size: 16px;
  font-weight: 500;
  color: #8e91ae;
}

/* side-quick-menu */
#side-quick-menu {
  display: block;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 3;
}
#side-quick-menu a {
  display: block;
  position: relative;
  background: #fff;
  margin-bottom: 1px;
  padding: 20px;
  box-sizing: border-box;
  width: 200px;
  height: 79px;
  right: calc(-100% + 79px);
  /*    color:#fff;*/
  text-align: left;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkittransition: all 0.3s ease-in-out;
  animation: rightout 0.3s linear;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}
#side-quick-menu .btn_quick .button-text {
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  text-align: center;
  padding: 30px 0;
  box-sizing: border-box;
  color: transparent;
  transition: opacity 0.45s ease;
  font-size: 15px;
  font-weight: 500;
}
#side-quick-menu .btn_quick .circle .icon {
}
#side-quick-menu .btn_quick .circle .icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}
/* colorType1 */
#side-quick-menu .btn_quick1 .circle .icon_colorType1:before {
  background-image: url(../img/ico/ico_quickBar1_type1.svg);
}
#side-quick-menu .btn_quick2 .circle .icon_colorType1:before {
  background-image: url(../img/ico/ico_quickBar2_type1.svg);
}
#side-quick-menu .btn_quick3 .circle .icon_colorType1:before {
  background-image: url(../img/ico/ico_quickBar3_type1.svg);
}
/* colorType2 */
#side-quick-menu .btn_quick1 .circle .icon_colorType2:before {
  background-image: url(../img/ico/ico_quickBar1_type2.svg);
}
#side-quick-menu .btn_quick2 .circle .icon_colorType2:before {
  background-image: url(../img/ico/ico_quickBar2_type2.svg);
}
#side-quick-menu .btn_quick3 .circle .icon_colorType2:before {
  background-image: url(../img/ico/ico_quickBar3_type2.svg);
}
/* colorType3 */
#side-quick-menu .btn_quick1 .circle .icon_colorType3:before {
  background-image: url(../img/ico/ico_quickBar1_type3.svg);
}
#side-quick-menu .btn_quick2 .circle .icon_colorType3:before {
  background-image: url(../img/ico/ico_quickBar2_type3.svg);
}
#side-quick-menu .btn_quick3 .circle .icon_colorType3:before {
  background-image: url(../img/ico/ico_quickBar3_type3.svg);
}
/* colorType4 */
#side-quick-menu .btn_quick1 .circle .icon_colorType4:before {
  background-image: url(../img/ico/ico_quickBar1_type4.svg);
}
#side-quick-menu .btn_quick2 .circle .icon_colorType4:before {
  background-image: url(../img/ico/ico_quickBar2_type4.svg);
}
#side-quick-menu .btn_quick3 .circle .icon_colorType4:before {
  background-image: url(../img/ico/ico_quickBar3_type4.svg);
}

/* colorType5 */
#side-quick-menu .btn_quick1 .circle .icon_colorType5:before {
  background-image: url(../img/ico/ico_quickBar1_type5.svg);
}
#side-quick-menu .btn_quick2 .circle .icon_colorType5:before {
  background-image: url(../img/ico/ico_quickBar2_type5.svg);
}
#side-quick-menu .btn_quick3 .circle .icon_colorType5:before {
  background-image: url(../img/ico/ico_quickBar3_type5.svg);
}

#side-quick-menu .btn_quick1.hov_colorType1 .circle .icon:before,
#side-quick-menu .btn_quick1.hov_colorType2 .circle .icon:before,
#side-quick-menu .btn_quick1.hov_colorType3 .circle .icon:before,
#side-quick-menu .btn_quick1.hov_colorType4 .circle .icon:before,
#side-quick-menu .btn_quick1.hov_colorType5 .circle .icon:before {
  background-image: url(../img/ico/ico_quickBar1_hov.svg);
}
#side-quick-menu .btn_quick2.hov_colorType1 .circle .icon:before,
#side-quick-menu .btn_quick2.hov_colorType2 .circle .icon:before,
#side-quick-menu .btn_quick2.hov_colorType3 .circle .icon:before,
#side-quick-menu .btn_quick2.hov_colorType4 .circle .icon:before,
#side-quick-menu .btn_quick2.hov_colorType5 .circle .icon:before {
  background-image: url(../img/ico/ico_quickBar2_hov.svg);
}
#side-quick-menu .btn_quick3.hov_colorType1 .circle .icon:before,
#side-quick-menu .btn_quick3.hov_colorType2 .circle .icon:before,
#side-quick-menu .btn_quick3.hov_colorType3 .circle .icon:before,
#side-quick-menu .btn_quick3.hov_colorType4 .circle .icon:before,
#side-quick-menu .btn_quick3.hov_colorType5 .circle .icon:before {
  background-image: url(../img/ico/ico_quickBar3_hov.svg);
}

#side-quick-menu .btn_quick.hov_colorType1,
#side-quick-menu .btn_quick.hov_colorType2,
#side-quick-menu .btn_quick.hov_colorType3,
#side-quick-menu .btn_quick.hov_colorType4,
#side-quick-menu .btn_quick.hov_colorType5 {
  right: -30px;
  /*  background: #383E86;    */
}
#side-quick-menu .btn_quick.hov_colorType1 .button-text,
#side-quick-menu .btn_quick.hov_colorType2 .button-text,
#side-quick-menu .btn_quick.hov_colorType3 .button-text,
#side-quick-menu .btn_quick.hov_colorType4 .button-text,
#side-quick-menu .btn_quick.hov_colorType5 .button-text {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

#quickBottom {
  cursor: pointer;
  position: fixed;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 210px;
  height: 53px;
  line-height: 53px;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  /*    background: linear-gradient(92.32deg, rgba(52, 65, 214, 0.92) 16.48%, rgba(98, 85, 255, 0.92) 74.33%);*/
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.35);
  color: #fff;
  z-index: 3;
}
#quickBottom img {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 6px;
}

/* 마우스스크롤 효과 */
#mouse-scroll {
  position: fixed;
  margin: auto;
  left: 50%;
  bottom: 100px;
  -webkit-transform: translateX(-50%);
  z-index: 1;
}
#mouse-scroll .mouse {
  height: 21px;
  width: 14px;
  border-radius: 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: 2px solid #fff;
  top: 170px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 40%), rgb(0 0 0 / 40%) 0px 0px 3px 0px inset;
}
#mouse-scroll .mouse-in {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #fff;
  position: relative;
  -webkit-animation: animated-mouse 1.2s ease infinite;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
#mouse-scroll .down-arrow-1,
#mouse-scroll .down-arrow-2,
#mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}
#mouse-scroll .down-arrow-1 {
  margin-top: 6px;
}
#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-dekay: 0.3s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll span {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 0 auto 3px;
}

#mouse-scroll.hidden {
  opacity: 0;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* TOP 버튼 */
#btn_top {
  position: fixed;
  z-index: 3;
  right: 48px;
  bottom: 48px;
  width: 64px;
  height: 64px;
  /*    border: 2px solid #4F55A1;*/
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
#btn_top .top_arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 19px;
  height: 19px;
  background-image: url(../img/ico/ico_topBtn_type1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#btn_top.border_colorType1 .top_arrow {
  background-image: url(../img/ico/ico_topBtn_type1.svg);
}
#btn_top.border_colorType2 .top_arrow {
  background-image: url(../img/ico/ico_topBtn_type2.svg);
}
#btn_top.border_colorType3 .top_arrow {
  background-image: url(../img/ico/ico_topBtn_type3.svg);
}
#btn_top.border_colorType4 .top_arrow {
  background-image: url(../img/ico/ico_topBtn_type4.svg);
}
#btn_top.border_colorType4 .top_arrow {
  background-image: url(../img/ico/ico_topBtn_type4.svg);
}
#btn_top.border_colorType5 .top_arrow {
  background-image: url(../img/ico/ico_topBtn_type5.svg);
}
#btn_top span {
  display: block;
  border-radius: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#btn_top:hover .top_arrow {
  background-image: url(../img/ico_topBtn_hov.svg);
  z-index: 3;
}
#btn_top:hover span {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
#btn_top.border_colorType1:hover span {
  background-color: #4f55a1;
}
#btn_top.border_colorType2:hover span {
  background-color: #81539d;
}
#btn_top.border_colorType3:hover span {
  background-color: #6d6d84;
}
#btn_top.border_colorType4:hover span {
  background-color: #5889b7;
}
#btn_top.border_colorType5:hover span {
  background-color: #d85d5d;
}

/* 모달 : 상담하기 */
.modal_wrapper {
  z-index: 5;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  transition: all 0.3s;
  display: none;
}
.modal_wrapper.on {
  display: block;
}
.modal_wrapper .modal_container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.modal_wrapper .modal_box {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 3.75rem 0;
  width: 540px;
  /* max-height: 670px; */
  background-color: #fff;
  border-radius: 10px;
}
.modal_wrapper .modal_box .btn_close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 29px;
  height: 29px;
  cursor: pointer;
  z-index: 1;
}
.modal_wrapper .modal_cont {
  padding: 55px 65px 40px;
  max-width: 406px;
  box-sizing: content-box;
  position: relative;
  color: #1f1f1f;
}
.modal_wrapper .modal_cont h2 {
  margin-bottom: 56px;
  text-align: center;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #1f1f1f;
}
.modal_wrapper .modal_cont > ul > li {
  margin-bottom: 28px;
}
.modal_wrapper .modal_cont p {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 18px;
}
.modal_wrapper .modal_cont input:not([type='checkbox']) {
  display: block;
  padding: 14px;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border-radius: 7px;
  border: 1px solid #e7e7e7;
  font-size: 16px;
  color: #1f1f1f;
  outline: transparent solid 2px;
  outline-offset: 2px;
}
.modal_wrapper .modal_cont input:placeholder {
  color: #b3b3b3;
}
.modal_wrapper .modal_cont input:focus {
  color: #1f1f1f;
  border-color: #6de2a8;
  box-shadow: #6de2a8 0px 0px 0px 1px;
}
.modal_wrapper .modal_cont .btn_next {
  width: 100%;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: #6de2a8;
  border-radius: 7px;
}
.modal_wrapper .modal_cont .btn_next[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* modal_cont2 */
.modal_wrapper .modal_cont {
}
.modal_wrapper .modal_cont .selectBox * {
  box-sizing: border-box;
}
.selectBox {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  border-radius: 7px;
  cursor: pointer;
  /*
    color: #B3B3B3;
    border: 1px solid #E7E7E7;
*/
}
.selectBox:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  z-index: -1;
  background-image: url(../img/ico/btn_select.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
}
.selectBox .label {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-left: 14px;
  background: transparent;
  font-size: 16px;
  cursor: pointer;
  color: #1f1f1f;
  border: 1px solid #e7e7e7;
  border-radius: 7px;
}
.selectBox .label:focus {
  border: 2px solid #6de2a8;
}
.selectBox .optionList {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #fff;
  color: #1f1f1f;
  padding: 0;
  border-radius: 7px;
  border: 1px solid #e7e7e7;
  overflow: hidden;
  max-height: 0;
  /*    transition: .3s ease-in;*/
  visibility: hidden;
  transform-origin: top left;
}
.selectBox .optionList::-webkit-scrollbar {
  width: 6px;
}
.selectBox .optionList::-webkit-scrollbar-track {
  background: transparent;
}
.selectBox .optionList::-webkit-scrollbar-thumb {
  background: #303030;
  border-radius: 45px;
}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {
  background: #303030;
}

.selectBox.active {
  z-index: 5;
}

.selectBox.active .optionList {
  max-height: 500px;
  visibility: visible;
}

.selectBox .optionItem {
  padding: 14px;
  font-size: 16px;
}

.selectBox .optionItem:hover {
  background: #f8f8f8;
}

.checkbox_wrap {
  margin-bottom: 80px;
}
.checkbox_wrap input {
  display: none;
}
.checkbox_wrap label {
  display: flex;
}
.modal_wrapper .modal_cont .checkbox_wrap p {
  margin: 0 0 0 10px;
  line-height: 1.5;
  cursor: pointer;
}
.checkbox_wrap .checkbox_img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-image: url(../img/ico/btn_chk_before.svg);
  cursor: pointer;
}
.checkbox_wrap input:checked + label span {
  background-image: url(../img/ico/btn_chk_after.svg);
}

/* modal_cont3 */
.modal_wrapper .modal_cont3 {
}
.modal_wrapper .modal_cont3 .logo_yds {
  display: block;
  margin: 0 auto 60px;
  width: 197px;
  height: 28px;
}
.modal_wrapper .modal_cont3 p {
  margin-bottom: 70px;
  text-align: center;
  font-size: 26px;
  line-height: 2.5;
  font-weight: 700;
}
.modal_wrapper .modal_cont3 p span {
  display: block;
  font-size: 18px;
  font-weight: 400;
}
.modal_wrapper .modal_cont3 button {
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 42px;
  font-size: 16px;
  color: #6de2a8;
  border: 1px solid #6de2a8;
  border-radius: 50px;
  cursor: pointer;
}

.modal_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 4;
  display: none;
}
.modal_overlay.on {
  display: block;
}
body.modal_open {
  overflow: hidden;
}

#ch-plugin {
  display: none !important;
}