@charset "UTF-8";

/* 공통 css */
#wrap {
  max-width: 2560px;
  margin: 0 auto;
}
.txt_wr {
  white-space: break-spaces;
}
.inner {
  width: 73%;
  min-width: 1180px;
  max-width: 1400px;
  margin: 0 auto;
}
.inner2 {
  width: 66%;
  min-width: 1024px;
  max-width: 1274px;
  margin: 0 auto;
}
#wrap .jalnan {
  font-family: 'Jalnan';
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
}

/* colorType1 */
#wrap.ft_colorType1 {
  color: #ea534f;
}
#wrap .border_colorType1 {
  color: #f57874;
  border: 2px solid #f57874;
}
#wrap #header .inner ul li button.border_colorType1 {
  color: #f57874;
  border: 2px solid #f57874;
}
#wrap .hdPartner_colorType1 {
  background-image: url(../img/etc/hdPartner_colorType1.svg);
}
#wrap .bg_box2_colorType1:before,
#wrap .bg_box2_colorType1:after {
  background-color: #ea534f;
}
#wrap .bg_box3_colorType1 {
  /*    background-color: pink;*/
  background-color: #f57874;
}
#wrap #btn_top.border_colorType1 .top_arrow {
  background-image: url(../img/etc/ico_topBtn_colorType1.svg);
}
#btn_top.border_colorType1:hover span {
  background-color: #f57874;
}
#wrap .grad_colorType1 {
  background: linear-gradient(
    109.09deg,
    rgba(255, 176, 185, 0.96) 8.4%,
    rgba(255, 155, 155, 0.9408) 81.26%
  );
}
#wrap #quick_bar .btn_quick1 .circle .icon_colorType1:before {
  background-image: url(../img/etc/ico_quickBar1_colorType1.svg);
}

/* colorType2 */
#wrap.ft_colorType2 {
  color: #f5ab74;
}
#wrap .border_colorType2 {
  color: #f5ab74;
  border: 2px solid #f5ab74;
}
#wrap #header .inner ul li a.border_colorType2 {
  color: #f5ab74;
  border: 2px solid #f5ab74;
}
#wrap .hdPartner_colorType2 {
  background-image: url(../img/etc/hdPartner_colorType2.svg);
}
#wrap .bg_box2_colorType2:before,
#wrap .bg_box2_colorType2:after {
  background-color: #f5ab74;
}
#wrap .bg_box3_colorType2 {
  background-color: #f5ab74;
}
#wrap #btn_top.border_colorType2 .top_arrow {
  background-image: url(../img/etc/ico_topBtn_colorType2.svg);
}
#btn_top.border_colorType2:hover span {
  background-color: #f5ab74;
}
#wrap .grad_colorType2 {
  background: linear-gradient(
    90.74deg,
    rgba(245, 149, 78, 0.96) 13.59%,
    rgba(245, 171, 116, 0.96) 96.35%
  );
}
#wrap #quick_bar .btn_quick1 .circle .icon_colorType2:before {
  background-image: url(../img/etc/ico_quickBar1_colorType2.svg);
}

/* colorType3 */
#wrap.ft_colorType3 {
  color: #80539c;
}
#wrap .border_colorType3 {
  color: #80539c;
  border: 2px solid #80539c;
}
#wrap #header .inner ul li a.border_colorType3 {
  color: #80539c;
  border: 2px solid #80539c;
}
#wrap .hdPartner_colorType3 {
  background-image: url(../img/etc/hdPartner_colorType3.svg);
}
#wrap .bg_box2_colorType3:before,
#wrap .bg_box2_colorType3:after {
  background-color: #80539c;
}
#wrap .bg_box3_colorType3 {
  background-color: #986fb1;
}
#wrap #btn_top.border_colorType3 .top_arrow {
  background-image: url(../img/etc/ico_topBtn_colorType3.svg);
}
#btn_top.border_colorType3:hover span {
  background-color: #80539c;
}
#wrap .grad_colorType3 {
  background: linear-gradient(
    91.89deg,
    rgba(152, 111, 177, 0.92) 23.99%,
    rgba(191, 127, 230, 0.92) 74.24%
  );
}
#wrap #quick_bar .btn_quick1 .circle .icon_colorType3:before {
  background-image: url(../img/etc/ico_quickBar1_colorType3.svg);
}

/* colorType4 */
#wrap.ft_colorType4 {
  color: #558edf;
}
#wrap .border_colorType4 {
  color: #558edf;
  border: 2px solid #558edf;
}
#wrap #header .inner ul li a.border_colorType4 {
  color: #558edf;
  border: 2px solid #558edf;
}
#wrap .hdPartner_colorType4 {
  background-image: url(../img/etc/hdPartner_colorType4.svg);
}
#wrap .bg_box2_colorType4:before,
#wrap .bg_box2_colorType4:after {
  background-color: #558edf;
}
#wrap .bg_box3_colorType4 {
  background-color: #558edf;
}
#wrap #btn_top.border_colorType4 .top_arrow {
  background-image: url(../img/etc/ico_topBtn_colorType4.svg);
}
#btn_top.border_colorType4:hover span {
  background-color: #558edf;
}
#wrap .grad_colorType4 {
  background: linear-gradient(
    91.89deg,
    rgba(85, 142, 223, 0.92) 23.99%,
    rgba(107, 165, 249, 0.92) 74.24%
  );
}
#wrap #quick_bar .btn_quick1 .circle .icon_colorType4:before {
  background-image: url(../img/etc/ico_quickBar1_colorType4.svg);
}

/* colorType5 */
#wrap.ft_colorType5 {
  color: #5cbb9e;
}
#wrap .border_colorType5 {
  color: #5cbb9e;
  border: 2px solid #5cbb9e;
}
#wrap #header .inner ul li a.border_colorType5 {
  color: #5cbb9e;
  border: 2px solid #5cbb9e;
}
#wrap .hdPartner_colorType5 {
  background-image: url(../img/etc/hdPartner_colorType5.svg);
}
#wrap .bg_box2_colorType5:before,
#wrap .bg_box2_colorType5:after {
  background-color: #5cbb9e;
}
#wrap .bg_box3_colorType5 {
  background-color: #5cbb9e;
}
#wrap #btn_top.border_colorType5 .top_arrow {
  background-image: url(../img/etc/ico_topBtn_colorType5.svg);
}
#btn_top.border_colorType5:hover span {
  background-color: #5cbb9e;
}
#wrap .grad_colorType5 {
  background: linear-gradient(
    91.89deg,
    rgba(88, 180, 152, 0.92) 23.99%,
    rgba(113, 207, 168, 0.92) 74.24%
  );
}
#wrap #quick_bar .btn_quick1 .circle .icon_colorType5:before {
  background-image: url(../img/etc/ico_quickBar1_colorType5.svg);
}

/* header */
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  background: #fff;
  z-index: 10;
}
/*
#header.fx{
    position: fixed;
    top: 0;
}
*/
#header .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 1rem;
  height: 105px;
  box-sizing: border-box;
  align-items: center;
  width: 84%;
  max-width: 1538px;
}
#header .inner h1 {
  width: 197px;
}

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

#header .inner h1 a img {
  width: auto;
  height: auto;
  max-height: 100px;
}
#header .inner h1.on a {
  color: #1f2933;
}
#header .inner nav {
}
#header .inner nav ul {
  display: flex;
}
#header .inner nav ul li {
}
#header .inner nav ul li a {
  /*    margin: 0 20px;*/
  margin: 0 1.2rem;
}
#header .inner ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #1f2933;
}
#header .inner .util {
  position: relative;
  top: -4px;
}
#header .inner .util ul {
  display: flex;
  align-items: center;
}
#header .inner .util ul li {
}
#header .inner .util ul li a {
  display: inline-block;
  margin: 0 12px;
}
#header .inner .util ul li.hdPartner {
  margin-right: 12px;
}
.hdPartner {
  width: 166px;
  height: 28px;
  /*    background-image: url(../img/etc/hdPartner.svg);*/
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s;
  cursor: pointer;
  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//etc/hdPartner_hov.svg);
}
#header .inner .util ul li.hdPartner img {
  vertical-align: middle;
}
#header .inner .util ul li:last-of-type button {
  margin-right: 0;
  width: 94px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: -1px;
  /*
    border: 2px solid #F57874;
    color: #F57874;
*/
}

/* topBanner */
#topBanner {
  position: relative;
  /* background-image: url(../img/main/banner1_2.jpg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 105px;
}
#topBanner .topBnr_tit {
  width: 73%;
  min-width: 1024px;
  max-width: 1400px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
#topBanner .topBnr_tit p {
  margin-bottom: 36px;
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
  position: relative;
  display: inline-block;
}
#topBanner .topBnr_tit p:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 97px;
  top: 50%;
  width: 97px;
  height: 1px;
  background: #fff;
}
#topBanner .topBnr_tit h2 {
  font-size: 42px;
  line-height: 55px;
  font-weight: 700;
  color: #fff;
  white-space: pre-line;
}
#topBanner .topBnr_img {
  width: 100%;
  /* opacity: 0; */
}
#topBanner .topBnr_img img.pc_mode {
  min-height: 526px;
}

/* corInfo */
#corInfo {
  padding: 195px 0 135px;
}
#corInfo .inner2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 1080px;
}
#corInfo .img_wr {
  max-width: 440px;
}
#corInfo .txt_wr {
}
#corInfo .txt_wr h2 {
  margin-bottom: 56px;
  font-size: 32px;
  line-height: 50px;
  color: #1f2933;
}
#corInfo .txt_wr p {
  line-height: 30px;
  color: #616e7c;
}

/* serviceFeature */
#serviceFeature {
  padding: 135px 0 70px;
}
#serviceFeature .tit {
  text-align: center;
  margin-bottom: 80px;
}
#serviceFeature .tit h2 {
  margin-bottom: 70px;
  /*    color: #EA534F;*/
}
#serviceFeature .tit p {
  font-size: 26px;
  line-height: 30px;
  color: #7b8794;
}
#serviceFeature .cont {
  margin-bottom: 40px;
}
#serviceFeature .cont ul {
  display: flex;
  justify-content: space-between;
  margin-left: -20px;
  width: calc(100% + 40px);
}
#serviceFeature .cont ul li {
  padding: 50px 30px 65px;
  box-sizing: border-box;
  width: calc(33.33% - 20px);
  margin: 0 20px;
  text-align: center;
  background: rgba(237, 237, 237, 0.3);
  border-radius: 20px;
}
#serviceFeature .cont ul li > span {
  display: block;
  margin: 0 auto 65px;
  max-width: 342px;
}
#serviceFeature .cont ul li h3 {
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: 600;
  color: #52606d;
}
#serviceFeature .cont ul li {
  font-size: 19px;
  line-height: 30px;
  color: #616e7c;
}
#serviceFeature .cont ul li p {
  font-size: 19px;
}
#serviceFeature .seeMore {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 160px;
  height: 55px;
  line-height: 55px;
  background: transparent;
  border-radius: 14px;
  font-size: 19px;
  font-weight: 600;
  box-sizing: border-box;
  /*
    color: #f57874;
    border: 2px solid #f57874;
*/
}
#serviceFeature .seeMore:hover {
  opacity: 0.6;
}

/* serviceDesc */
#serviceDesc {
  padding: 175px 0 155px;
  background-image: url(../img/service/bg_service5.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
#serviceDesc:after {
  content: '';
  display: block;
  position: absolute;
  /*
    right: 7%;
    top: -5%;
*/
  right: 20px;
  top: -83px;
  width: 460px;
  height: 292px;
  background-image: url(../img/service/bg_service_illust.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
#serviceDesc .tit {
  margin-bottom: 100px;
  text-align: center;
}
#serviceDesc .tit h2 {
}

#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: 43px;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  /*    color: #EA534F;*/
  position: relative;
}
#serviceDesc .svcType .svcCont_wr > li h4:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 65px;
  left: 50%;
  transform: translateX(-50%);
  width: 122px;
  height: 122px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
}
#serviceDesc .svcType .svcCont_wr > li:nth-of-type(1) h4:before {
  background-image: url(../img/etc/ico_feeInfoBox1_tit.svg);
}
#serviceDesc .svcType .svcCont_wr > li:nth-of-type(2) h4:before {
  background-image: url(../img/etc/ico_feeInfoBox2_tit.svg);
}
#serviceDesc .svcType .svcCont_wr > li:nth-of-type(3) h4:before {
  background-image: url(../img/etc/ico_feeInfoBox3_tit.svg);
}
#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;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: #1f2933;
}
#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: #9AA5B1;*/
}
#serviceDesc .svcProcess ol li > div p:nth-of-type(1) {
  /*    color: #F57874;*/
}
#serviceDesc .svcProcess ol li > div p:nth-of-type(2) {
  margin-bottom: 11px;
  font-weight: 700;
  color: #9aa5b1;
}
#serviceDesc .svcProcess ol li > div p:last-of-type {
  margin-bottom: 0;
  color: #9aa5b1;
}
#serviceDesc .svcProcess ol li > div > span {
  display: inline-block;
  width: 23px;
  height: 23px;
}
#serviceDesc .svcProcess ol li:last-of-type {
  /*    background: #F57874;*/
  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: 120px 0 125px;
}
#hanulPeople .row {
  max-width: 502px;
  margin: 0 auto;
}
#hanulPeople .tit {
  margin-bottom: 50px;
  text-align: center;
}
#hanulPeople .tit p {
  margin-bottom: 35px;
  font-size: 19px;
  font-weight: 500;
  /*    color: #EA534F;*/
}
#hanulPeople .tit h2 {
  line-height: 56px;
  color: #1f2933;
}
#hanulPeople .cont {
}
#hanulPeople .cont .img_wr {
  margin-bottom: 40px;
}
#hanulPeople .cont .txt_wr h4 {
  margin-bottom: 40px;
  text-align: center;
  color: #3e4c59;
}
#hanulPeople .cont .txt_wr ul {
  margin-left: 100px;
}
#hanulPeople .cont .txt_wr ul li {
  font-size: 17px;
  line-height: 34px;
  color: #616e7c;
}

/* feeInfo */
#feeInfo {
  padding: 120px 0 130px;
  background: rgba(196, 196, 196, 0.25);
  position: relative;
}
#feeInfo .inner2 {
  min-width: 1274px;
}
#feeInfo:after {
  content: '';
  display: block;
  position: absolute;
  right: 5vw;
  bottom: 8vh;
  width: 30%;
  height: 20%;
  background-image: url(../img/feeInfo/bg_ico_feeInfo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#feeInfo p {
  /*    color: #F57874;*/
}
#feeInfo .tit {
  margin-bottom: 40px;
  text-align: center;
}
#feeInfo .tit h2 {
  color: #1f2933;
}
#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;
}
#feeInfo .cont .ico_func_wr {
  display: inline-block;
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
#feeInfo .cont .cont_box {
  background: #fff;
  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: #3e4c59;
}
#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: #F57874;*/
  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;
  color: #3e4c59;
  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 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/feeInfo/ico_plus2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  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;
  background: #fff;
  padding: 4.7rem 5.6rem 3.5rem;
  box-sizing: border-box;
  border-radius: 14px;
  border-width: 5px;
  /*    border: 5px solid #F57874;*/
}

#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: #3e4c59;
}
#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;
}
#feeInfo .cont .cont_box4 .funcCont .h6 {
  font-size: 18px;
  font-weight: 700;
  color: #3e4c59;
}
#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;
  color: #1b2057;
}
#feeInfo .cont .cont_box4 .funcCont > div:last-of-type {
  padding-right: 40px;
}

/* contact */
#contact {
  padding: 120px 0;
}
#contact h2 {
  margin-bottom: 65px;
  text-align: center;
  color: #1f2933;
}
#contact .map_wr {
  margin-bottom: 124px;
}
#contact .map_wr figure {
}
#contact .map_wr figure img {
}
#contact .map_wr figure figcaption {
  margin-top: 55px;
  text-align: center;
  color: #616e7c;
}
#contact .cont {
  max-width: 940px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#contact .cont .img_wr {
  max-width: 343px;
}
#contact .cont .txt_wr {
}
#contact .cont .txt_wr h3 {
  margin-bottom: 54px;
  font-size: 30px;
  line-height: 30px;
  color: #1f2933;
}
#contact .cont .txt_wr ul {
}
#contact .cont .txt_wr ul li {
  display: flex;
  justify-content: space-between;
}
#contact .cont .txt_wr ul li .h6 {
  color: #7b8794;
  font-weight: 500;
}
#contact .cont .txt_wr ul li .h6 > span {
  display: inline-block;
  margin-right: 13px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
#contact .cont .txt_wr ul li p {
  margin-bottom: 18px;
  text-align: left;
  min-width: 165px;
  font-weight: 700;
  color: #323f4a;
}

/* footer */
#footer {
  padding: 60px 0;
  background: #3e4c59;
  text-align: center;
}
#footer .sns_wr {
  margin-bottom: 60px;
}
#footer .sns_wr > a {
  display: inline-block;
  margin: 0 18px;
  width: 66px;
  height: 66px;
  transition: opacity 0.3s;
}
#footer .sns_wr > a:hover {
  opacity: 0.6;
}
#footer .userGuide {
  display: inline-block;
  margin-bottom: 40px;
  width: 132px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 600;
}
#footer .copyright {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

/* quick_bar */
#quick_bar {
  position: fixed;
  right: 47px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
#quick_bar .btn_quick {
  position: relative;
  width: 142px;
  height: 70px;
  display: block;
  margin-bottom: 10px;
}
#quick_bar .btn_quick .circle {
  transition: all 0.45s ease;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}
#quick_bar .btn_quick .circle .icon {
}
#quick_bar .btn_quick .circle .icon:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
}
/*
#quick_bar .btn_quick1 .circle .icon:before{
    background-image: url(../img/etc/ico_quickBar1.svg);
}
*/
#quick_bar .btn_quick2 .circle .icon:before {
  background-image: url(../img/etc/ico_quickBar2.svg);
}
#quick_bar .btn_quick3 .circle .icon:before {
  background-image: url(../img/etc/ico_quickBar3.svg);
}
#quick_bar .btn_quick .button-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 36px;
  text-align: center;
  padding: 26px 0;
  box-sizing: border-box;
  color: transparent;
  transition: all 0.45s ease;
  font-size: 15px;
  font-weight: 500;
}
#quick_bar .btn_quick.hov .circle {
  width: 100%;
}
#quick_bar .btn_quick.hov .button-text {
  color: #3e4c59;
}

#quickBottom {
  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(109.09deg, rgba(255, 176, 185, 0.96) 8.4%, rgba(255, 155, 155, 0.9408) 81.26%);*/
  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: 0 1px 1px 0px rgba(0,0,0,0.4);*/
  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 #F57874;*/
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
#btn_top .top_arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  /*    background-image: url(../img/etc/ico_topBtn.svg);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#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;
}
#wrap #btn_top:hover .top_arrow {
  background-image: url(../img/etc/ico_topBtn_hov.svg);
  z-index: 999;
}
#btn_top:hover span {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  /*    background-color: #F57874;*/
}

/* 모달 : 상담하기 */
.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;
  position: relative;
  box-sizing: content-box;
  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;
  color: #1f1f1f;
}
.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/etc/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/etc/btn_chk_before.svg);
  cursor: pointer;
}
.checkbox_wrap input:checked + label span {
  background-image: url(../img/etc/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;
}