@charset "UTF-8";
body,
html {
  margin: 0;
  padding: 0;
}

#container-publish {
  margin: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  letter-spacing: -1px;
  overflow-x: hidden;
  line-height: 1;
  width: 100%;
  min-width: 1370px;
  line-height: 1;
  font-family: "Pretendard", "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun gothic", Helvetica, sans-serif;
  color: #192953;
  overflow-x: hidden;
}
#container-publish div,
#container-publish span,
#container-publish applet,
#container-publish object,
#container-publish iframe,
#container-publish h1,
#container-publish h2,
#container-publish h3,
#container-publish h4,
#container-publish h5,
#container-publish h6,
#container-publish p,
#container-publish blockquote,
#container-publish pre,
#container-publish a,
#container-publish abbr,
#container-publish acronym,
#container-publish address,
#container-publish big,
#container-publish cite,
#container-publish code,
#container-publish del,
#container-publish dfn,
#container-publish em,
#container-publish font,
#container-publish img,
#container-publish ins,
#container-publish kbd,
#container-publish q,
#container-publish s,
#container-publish samp,
#container-publish small,
#container-publish strike,
#container-publish strong,
#container-publish sub,
#container-publish sup,
#container-publish tt,
#container-publish var,
#container-publish b,
#container-publish u,
#container-publish i,
#container-publish center,
#container-publish dl,
#container-publish dt,
#container-publish dd,
#container-publish ol,
#container-publish ul,
#container-publish li,
#container-publish fieldset,
#container-publish form,
#container-publish label,
#container-publish legend,
#container-publish table,
#container-publish caption,
#container-publish tbody,
#container-publish tfoot,
#container-publish thead,
#container-publish tr,
#container-publish th,
#container-publish td,
#container-publish input {
  /* margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  list-style: none; */
}
#container-publish .wrap-publish {
  width: 1280px;
  margin: 0 auto;
}
#container-publish #visual {
  overflow: visible;
  width: 100%;
  margin: 0 auto;
  height: 400px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 80px;
}
#container-publish #visual .visual__img {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  right: 100px;
  transform: translateY(-50%);
}
#container-publish #content {
  width: 100%;
}
#container-publish #content .contents__section {
  width: 100%;
  padding: 80px 0;
}
#container-publish #content .contents__section .wrap-publish {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 40px;
}
#container-publish #content .contents__section .wrap-publish .section__detail-check-area {
  width: 850px;
  text-align: left;
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin: 16px auto 0;
}
#container-publish #content .contents__section .wrap-publish .section__detail-check-area .detail__check {
  font-size: 17px;
  line-height: 22px;
  color: #5C6271;
  padding-left: 24px;
  word-break: keep-all;
  background-image: url("https://softcity.blob.core.windows.net/public/images/ico/ico_homeMobile_special_detailListCheck_241014.png");
  background-size: 20px;
  background-position: left top 2px;
  background-repeat: no-repeat;
  width: fit-content;
}
#container-publish #content .contents__section .wrap-publish .section__title h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2em;
  text-align: center;
}
#container-publish #content .contents__section .wrap-publish .section__detail {
  width: 100%;
}
#container-publish #content .contents__section .wrap-publish .section__detail .detail__table {
  margin: 0 auto;
}
#container-publish #content .contents__section.section-main .section__title h2 {
  width: 100%;
  display: block;
  font-size: 32px !important;
}
#container-publish #content .contents__section.section-main .section__detail {
  padding: 0 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
#container-publish #content .contents__section.section-main .section__detail .detail__txt {
  font-size: 18px;
  line-height: 26px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#container-publish #content .contents__section.section-main .section__detail .detail__img {
  display: block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
#container-publish #content .contents__section.section-merit {
  background-color: #f8f8f8;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list {
  display: flex;
  gap: 20px 20px;
  width: 100%;
  flex-flow: wrap;
  justify-content: center;
  margin: 0 auto;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list > div {
  width: 260px;
  height: 250px;
  background-color: white;
  border-radius: 16px;
  border: 1px solid #d3deff;
  padding: 20px;
  box-sizing: border-box;
  background-position: center top 70px;
  background-size: auto 80px;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list > div .list__num {
  border-radius: 100px;
  background-color: #FFD273;
  font-size: 20px;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list > div .list__txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  word-break: keep-all;
  text-align: center;
  display: flex;
  flex-flow: column;
  height: 55px;
  justify-content: center;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list > div .list__txt .txt_small {
  font-size: 0.9em;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list > div .list__txt .txt_more-small {
  font-size: 0.8em;
  line-height: 14px;
}
#container-publish #content .contents__section.section-merit .section__detail .detail__list > div .list__txt .font-small {
  font-size: 0.84em;
  line-height: 20px;
  font-weight: 400;
}
#container-publish #content .contents__section.section-ex {
  text-align: center;
}
#container-publish #content .contents__section.section-ex .wrap-publish {
  gap: 60px;
}
#container-publish #content .contents__section.section-ex .wrap-publish .section__detail {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 60px;
}
#container-publish #content .contents__section.section-ex .wrap-publish .section__detail .detail__list {
  display: flex;
  flex-flow: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
#container-publish #content .contents__section.section-ex .wrap-publish .section__detail .detail__list .detail__img {
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(0 4.726px 25.283px rgba(0, 0, 0, 0.1));
}
#container-publish #content .contents__section.section-ex .wrap-publish .section__detail .detail__list .detail__txt {
  background-color: #24A7AD;
  color: white;
  border-radius: 4px;
  padding: 10px 16px;
  display: inline-block;
  box-sizing: border-box;
  width: fit-content;
  font-size: 18px;
  font-weight: 500;
}
#container-publish #content .contents__section.section-point-one {
  text-align: center;
}
#container-publish #content .contents__section.section-point-one .wrap-publish .section__detail {
  width: 400px !important;
  text-align: center;
  font-size: 15px;
  background-color: #EEF7FF;
  border-radius: 16px;
  border: 8px solid #8dc6ff;
  padding: 26px;
  box-sizing: border-box;
}
#container-publish #content .contents__section.section-point-one .wrap-publish .section__detail .detail__title {
  display: block;
  width: 100%;
  height: 50px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  margin-bottom: 20px;
}
#container-publish #content .contents__section.section-point-one .wrap-publish .section__detail .detail__txt {
  color: #596FAA;
  font-size: 17px;
}
#container-publish #content .contents__section.section-point-multi {
  text-align: center;
}
#container-publish #content .contents__section.section-point-multi .wrap-publish .section__detail .detail__list-area {
  display: flex;
  justify-content: center;
  gap: 30px;
}
#container-publish #content .contents__section.section-point-multi .wrap-publish .section__detail .detail__list-area .detail__list {
  width: 280px !important;
  height: 155px;
  text-align: center;
  font-size: 15px;
  padding: 26px;
  box-sizing: border-box;
  text-indent: -9999px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#container-publish #content .contents__section.section-charge {
  background-color: #e7f7ff;
  padding: 80px 0 80px;
  text-align: center;
}
#container-publish #content .contents__section.section-charge .wrap-publish {
  display: flex;
  flex-flow: column;
  gap: 40px;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail {
  width: fit-content;
  margin: 0 auto;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table {
  border-radius: 8px;
  overflow: hidden;
  border: 3px solid #9aa5b0;
  text-align: center;
  font-size: 22px;
  display: flex;
  width: fit-content;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row {
  display: flex;
  flex-flow: column;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .table_left, #container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .table_right {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #BDCCE2;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .table_left {
  background-color: #EAEEF3;
  color: #192953;
  height: 80px;
  box-sizing: border-box;
  font-size: 0.9em;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .table_right {
  background-color: white;
  color: #0030AF;
  height: 107px;
  box-sizing: border-box;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__header {
  font-weight: 600;
  line-height: 26px;
  width: 150px;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__header .txt_small {
  font-weight: 400;
  font-size: 18px;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__item {
  font-weight: 600;
  padding: 10px 0;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__item.table_right {
  font-weight: 800;
  padding: 20px;
  width: 200px;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__item.table_right .txt-calc {
  color: #596585;
  font-weight: 500;
  font-size: 16px;
  margin-top: 10px;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__item.table_right .txt-calc .font_blue {
  color: #178aff;
}
#container-publish #content .contents__section.section-charge .wrap-publish .section__detail .detail__table .table__row .row__item.table_right .txt-notice {
  color: #ff921c;
  font-weight: 500;
  font-size: 15px;
  line-height: 10px;
  margin-top: 8px;
}
#container-publish #content .contents__section.section-apply {
  padding: 80px 0 80px;
  text-align: center;
  background-color: #F8F8F8;
  position: relative;
}
#container-publish #content .contents__section.section-apply .wrap-publish {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 40px;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__title h2 {
  width: 600px;
  line-height: 36px !important;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__title h2 .font_blue {
  color: #178aff;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail .detail__btn-area {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail .detail__btn-area .btn-howto {
  width: 320px;
  display: flex;
  background-color: white;
  border-radius: 8px;
  border: 3px solid #9ECDFF;
  color: #1981EF;
  font-size: 20px;
  font-weight: 500;
  padding: 14px 40px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail .detail__btn-area .btn-howto:hover {
  background-color: #e6f2ff;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail .detail__btn-area .btn-apply {
  width: 320px;
  display: flex;
  background-color: #153ABE;
  border-radius: 8px;
  border: 3px solid #153ABE;
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding: 14px 40px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail .detail__btn-area .btn-apply:hover {
  background-color: #0a3091;
}
#container-publish #content .contents__section.section-apply .wrap-publish .section__detail .detail__btn-area .btn-apply span {
  width: 30px;
  height: 16px;
  display: block;
  background-image: url("https://softcity.blob.core.windows.net/public/images/bg/bg_home-extra-bill_cont6-btnIcon_260526.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center right;
}

/*# sourceMappingURL=pc_extra-common.css.map */