@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

*, :after, :before {
  box-sizing: border-box;
  flex-shrink: 0;
}

:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  -moz-tab-size: 2;
  tab-size: 2;
  --color-blue:##35C5F0;
}

html, body {
  height: 100%;
  line-height: 1.2;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 10px;
  letter-spacing: -0.5px;
  color: #000;
}

img, picture, video, canvas {
  display: block;
  max-width: 100%;
}

svg {
  display: inline-block;
  vertical-align: middle;
}

button {
  background: none;
  border: 0;
  cursor: pointer;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul {
  list-style: none;
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/home/assets/font/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-display: swap;
}
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
}

.hidden {
  display: none;
}

.inner {
  width: 996px;
  max-width: 996px;
  margin: 0 auto;
}

.footer-inner {
  width: 996px;
  max-width: 996px;
  margin: 0 auto;
}

[class*=sc-] {
  padding-top: 140px;
}

[class*=sc-] .bg {
  padding-bottom: 140px;
}

.bold {
  font-weight: 700;
}

[class*=btn-] {
  display: flex;
  justify-content: center;
  background: #008bf5;
  font-weight: 700;
  color: #fff;
  border-radius: 100px;
  line-height: 60px;
  font-size: 2.2rem;
}

.btn250 {
  width: 250px;
}

.btn300 {
  width: 300px;
}

header {
  display: flex;
  width: 100%;
  background: #fff;
  height: 62px;
  border-bottom: 2px solid #d9d9d9;
}
header .flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 36px;
}
header .flex .logo-area {
  width: 78px;
}
header .flex .user-area {
  display: flex;
  align-items: center;
  gap: 18px;
}
header .flex .user-area .link {
  display: inline-block;
  color: #666;
  font-size: 1.2rem;
}
header .flex .user-area .link:last-child {
  position: relative;
  margin-left: 16px;
}
header .flex .user-area .link:last-child::before {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background: #C8CCCF;
  position: absolute;
  top: 3px;
  left: -8px;
}
header .flex .user-area strong {
  font-size: 2rem;
  font-weight: 700;
}
header .flex .user-area .consulting {
  width: 127px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #000;
  border-radius: 6px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 30px;
}

.top {
  width: 1195px;
  margin: 0 auto;
}
.top .visual-area {
  background: url("/images/home/bg-visual.png") top right no-repeat;
  background-size: contain;
}
.top .visual-area .visual-txt {
  padding: 50px 0;
}
.top .visual-area .visual-txt .txt1 {
  font-size: 3.6rem;
  letter-spacing: -1px;
  line-height: 1.2;
}
.top .visual-area .visual-txt .txt2 {
  font-size: 4.8rem;
  font-weight: 700;
  margin: 16px 0 20px;
}
.top .visual-area .visual-txt .txt3 {
  font-size: 1.6rem;
  display: block;
}
.top .visual-area .visual-txt .txt4 {
  font-size: 2rem;
  color: #3456ce;
  font-weight: 700;
  letter-spacing: -1px;
  margin-top: 16px;
}

nav .gnb-list {
  display: flex;
  width: 100%;
  line-height: 60px;
  border-radius: 10px;
  background: #499dff;
  overflow: hidden;
}
nav .gnb-list .gnb-item {
  flex: 1;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}
nav .gnb-list .gnb-item.on {
  background: #3456ce;
}
nav .gnb-list .gnb-item .link-page {
  display: inline-block;
  width: 90%;
}

footer {
  width: 100%;
  border-top: 1px solid #d9d9d9;
}
footer .util-list {
  height: 84px;
  display: flex;
  align-items: center;
  width: 996px;
  max-width: 996px;
  margin: 0 auto;
  gap: 22px;
}
footer .util-list .util-item .util {
  display: block;
  font-size: 1.4rem;
  color: #555;
  font-weight: 600;
}
footer .info-area {
  border-top: 1px solid #d9d9d9;
  padding: 70px 0;
}
footer .info-area .footer-inner {
  display: flex;
  justify-content: space-between;
}
footer .info-area .footer-inner .right h3 {
  font-size: 1.5rem;
  margin-bottom: 30px;
  font-weight: 700;
}
footer .info-area .footer-inner .right .info-box {
  margin-bottom: 72px;
}
footer .info-area .footer-inner .right .info-box .addr {
  font-size: 1.4rem;
}
footer .info-area .footer-inner .right .info-box .addr span {
  display: inline-block;
  margin-right: 12px;
  color: #999;
}
footer .info-area .footer-inner .right small {
  font-size: 1.2rem;
  color: #999;
  font-weight: 500;
}
footer .info-area .footer-inner .sns-list {
  display: flex;
}
footer .info-area .footer-inner .sns-list .sns-item {
  flex: 1;
}
footer .info-area .footer-inner .sns-list .sns-item img {
  width: 50px;
  margin: 0 auto 10px;
}
footer .info-area .footer-inner .sns-list .sns-item span {
  display: block;
  text-align: center;
  font-size: 1.2rem;
}

/* 빌택스 첫 화면 */
.sc-home {
  display: flex;
  align-items: center;
  gap: 142px;
}
.sc-home .txt-box {
  flex: 1;
}
.sc-home .txt-box .title {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 14px;
}
.sc-home .txt-box .desc {
  font-size: 1.6rem;
  line-height: 1.4;
}
.sc-home .img-box {
  flex: 1;
}

/* 세금신고 */
.sc-tax .flex-area {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "box1 box1 box2 box3" "box1 box1 box4 box5";
}
.sc-tax .flex-area .left {
  height: 580px;
  border-radius: 30px;
  background: #DEEDFF;
  padding: 50px;
  position: relative;
}
.sc-tax .flex-area .left.box1 {
  grid-area: box1;
}
.sc-tax .flex-area .left::before {
  content: "";
  display: block;
  background: url("/images/home/img-tax-01.png") 0 0 no-repeat;
  background-size: 140px 198px;
  width: 140px;
  height: 198px;
  position: absolute;
  bottom: 55px;
  right: 50px;
}
.sc-tax .flex-area .left em {
  font-size: 2.2rem;
  font-weight: 700;
  color: #3456ce;
}
.sc-tax .flex-area .left strong {
  font-size: 3.2rem;
  display: block;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 15px;
}
.sc-tax .flex-area .left strong span {
  font-weight: 700;
}
.sc-tax .flex-area .right {
  border-radius: 30px;
  border: 1px solid #d3d3d3;
  padding: 50px 30px;
  width: 235px;
}
.sc-tax .flex-area .right strong {
  display: block;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 15px;
}
.sc-tax .flex-area .right .desc {
  font-size: 1.5rem;
  color: #666;
  font-weight: 500;
  line-height: 1.4;
}
.sc-tax .flex-area .right.box2 {
  grid-area: box2;
}
.sc-tax .flex-area .right.box3 {
  grid-area: box3;
}
.sc-tax .flex-area .right.box4 {
  grid-area: box4;
}
.sc-tax .flex-area .right.box5 {
  grid-area: box5;
}
.sc-tax.area2 {
  background: #EFF6FF;
  margin-top: 140px;
  padding-bottom: 140px;
}
.sc-tax.area2 .sub-title {
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
}
.sc-tax.area2 .title {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  margin-top: 20px;
}
.sc-tax.area2 .content {
  display: flex;
  align-items: center;
  margin-top: 70px;
}
.sc-tax.area2 .content:last-child {
  margin-top: 0;
}
.sc-tax.area2 .content .txt-box {
  width: 50%;
  padding: 40px;
}
.sc-tax.area2 .content .txt-box .box-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}
.sc-tax.area2 .content .txt-box .box-desc {
  font-size: 16px;
  line-height: 1.6;
}
.sc-tax.area2 .content .img-box {
  width: 50%;
}
.sc-tax.area3 .sub-nav {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 100px;
}
.sc-tax.area3 .sub-nav .nav-item {
  border-radius: 50px;
  border: 1px solid #d3d3d3;
  font-size: 18px;
  font-weight: 500;
  padding: 16px 20px;
  line-height: 1;
}
.sc-tax.area3 .sub-nav .nav-item.on {
  background: #3456ce;
  color: #fff;
  font-weight: 700;
  border: none;
}
.sc-tax.area3 .ai-page .page {
  display: flex;
  align-items: center;
}
.sc-tax.area3 .ai-page .page:nth-child(1) .page-tit::before {
  content: "";
  background: url("/images/home/ic-num-01.png") 0 0 no-repeat;
  display: inline-block;
  background-size: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -50px;
  top: 5px;
}
.sc-tax.area3 .ai-page .page:nth-child(2) .page-tit::before {
  content: "";
  background: url("/images/home/ic-num-02.png") 0 0 no-repeat;
  display: inline-block;
  background-size: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -50px;
  top: 5px;
}
.sc-tax.area3 .ai-page .page:nth-child(3) .page-tit::before {
  content: "";
  background: url("/images/home/ic-num-03.png") 0 0 no-repeat;
  display: inline-block;
  background-size: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -50px;
  top: 5px;
}
.sc-tax.area3 .olma-page .page {
  display: flex;
  align-items: center;
}
.sc-tax.area3 .olma-page .page:nth-child(2) .page-tit::before {
  content: "";
  background: url("/images/home/ic-num-01.png") 0 0 no-repeat;
  display: inline-block;
  background-size: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -50px;
  top: 5px;
}
.sc-tax.area3 .olma-page .page:nth-child(3) .page-tit::before {
  content: "";
  background: url("/images/home/ic-num-02.png") 0 0 no-repeat;
  display: inline-block;
  background-size: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -50px;
  top: 5px;
}
.sc-tax.area3 .olma-page .page:nth-child(4) .page-tit::before {
  content: "";
  background: url("/images/home/ic-num-03.png") 0 0 no-repeat;
  display: inline-block;
  background-size: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  left: -50px;
  top: 5px;
}
.sc-tax.area3 .page {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sc-tax.area3 .page .txt-box {
  margin-left: 50px;
}
.sc-tax.area3 .page .txt-box .page-tit {
  font-size: 32px;
  font-weight: 600;
  position: relative;
}
.sc-tax.area3 .page .txt-box .page-desc {
  display: block;
  font-size: 16px;
  margin-top: 30px;
  line-height: 1.4;
}
.sc-tax.area3 .page .img-box {
  width: 45%;
}
.sc-tax.area3 .page + .page {
  margin-top: 170px;
}
.sc-tax.area3 .notice {
  margin-bottom: 70px;
  width: 100%;
  text-align: center;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  font-size: 24px;
  line-height: 70px;
}
.sc-tax.area3 .notice span {
  font-weight: 700;
  color: #3456ce;
}
.sc-tax.area4 {
  background: url("/images/home/bg-content.png") 0 0 no-repeat;
  background-size: cover;
  margin-top: 140px;
}
.sc-tax.area4 .bttm-txt {
  color: #fff;
  font-size: 4.8rem;
  margin-bottom: 40px;
  line-height: 1.2;
}

/* 환급금 조회 */
.sc-refund .flex-area {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-template-areas: "box1 box2" "box1 box3" "box1 box4";
}
.sc-refund .flex-area .left {
  height: 580px;
  border-radius: 30px;
  background: #DEEDFF;
  padding: 50px;
  position: relative;
}
.sc-refund .flex-area .left.box1 {
  grid-area: box1;
}
.sc-refund .flex-area .left::before {
  content: "";
  display: block;
  background: url("/images/home/img-refund-01.png") 0 0 no-repeat;
  background-size: 211px 160px;
  width: 211px;
  height: 160px;
  position: absolute;
  bottom: 55px;
  right: 50px;
}
.sc-refund .flex-area .left em {
  font-size: 2.2rem;
  font-weight: 700;
  color: #3456ce;
}
.sc-refund .flex-area .left strong {
  font-size: 3.2rem;
  display: block;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 15px;
}
.sc-refund .flex-area .left strong span {
  font-weight: 700;
}
.sc-refund .flex-area .right {
  display: flex;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #d3d3d3;
  padding: 60px;
  width: 100%;
}
.sc-refund .flex-area .right strong {
  display: block;
  font-weight: 600;
  font-size: 2.2rem;
}
.sc-refund .flex-area .right strong .bold {
  color: #3456ce;
}
.sc-refund .flex-area .right.box2 {
  grid-area: box2;
}
.sc-refund .flex-area .right.box3 {
  grid-area: box3;
}
.sc-refund .flex-area .right.box4 {
  grid-area: box4;
}
.sc-refund.area2 {
  background: #EFF6FF;
  margin-top: 140px;
  padding-bottom: 140px;
}
.sc-refund.area2 .title {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.sc-refund.area2 .sub-title {
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
}
.sc-refund.area2 .refund-area {
  position: relative;
  width: 100%;
  height: 552px;
  background: #fff;
  margin: 70px auto 0;
}
.sc-refund.area2 .refund-area .back {
  width: 12px;
  display: block;
  position: absolute;
  top: 33px;
  left: 36px;
}
.sc-refund.area2 .refund-area .refund-box {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sc-refund.area2 .refund-area .refund-box .r-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 18px;
}
.sc-refund.area2 .refund-area .refund-box .r-tit .social {
  width: 40px;
  margin: 0;
}
.sc-refund.area2 .refund-area .refund-box .r-desc {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  color: #7e7e7e;
}
.sc-refund.area2 .refund-area .refund-box .r-sub-tit {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}
.sc-refund.area2 .refund-area .refund-box img {
  width: 50%;
  margin: 40px auto;
}
.sc-refund.area2 .refund-area .refund-box .btn-link {
  margin: 0 auto;
}
.sc-refund.area2 .refund-area .refund-box .input-box {
  padding: 22px 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sc-refund.area2 .refund-area .refund-box .input-box input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin-top: 0;
}
.sc-refund.area2 .refund-area .refund-box .input-box input[type=radio]:checked {
  background-color: #008bf5;
  border: 3px solid white;
  box-shadow: 0 0 0 1.6px #008bf5;
}
.sc-refund.area2 .refund-area .refund-box .input-box .input {
  display: block;
}
.sc-refund.area2 .refund-area .refund-box .input-box .input .fx {
  display: flex;
  gap: 60px;
}
.sc-refund.area2 .refund-area .refund-box .input-box .input + .input {
  margin-top: 25px;
}
.sc-refund.area2 .refund-area .refund-box .input-box .input span {
  display: block;
  color: #7e7e7e;
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.sc-refund.area2 .refund-area .refund-box .flex {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.sc-refund.area2 .refund-area .refund-box .flex .certify {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  width: 150px;
  height: 150px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
}
.sc-refund.area2 .refund-area .refund-box .flex .certify img {
  width: 40px;
  height: 40px;
  margin: 40px auto 20px;
}
.sc-refund.area2 .refund-area .refund-box .input-box label {
  display: block;
  font-size: 1.4rem;
  color: #7e7e7e;
  margin-bottom: 25px;
}
.sc-refund.area2 .refund-area .refund-box .input-box label input {
  display: block;
  width: 380px;
  height: 45px;
  margin-top: 10px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 0px 20px;
  color: #000;
}
.sc-refund.area2 .refund-area .refund-box .input-box label input::placeholder {
  font-size: 1.6rem;
  color: #d3d3d3;
}
.sc-refund.area2 .refund-area .refund-box .r-list {
  width: 400px;
  margin: 40px auto;
  border-top: 1px solid #7e7e7e;
}
.sc-refund.area2 .refund-area .refund-box .r-list .r-item {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #eaeaea;
}
.sc-refund.area2 .refund-area .refund-box .r-list .r-item .category {
  font-size: 1.8rem;
  font-weight: 600;
}
.sc-refund.area2 .refund-area .refund-box .r-list .r-item .category span {
  display: block;
  color: #7e7e7e;
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 4px;
}
.sc-refund.area2 .refund-area .refund-box .r-list .r-item .money {
  font-size: 2.5rem;
  font-weight: 600;
}
.sc-refund.area2 .refund-area .refund-box .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sc-refund.area2 .refund-area .refund-box .pagination .page-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}
.sc-refund.area2 .refund-area .refund-box .pagination .page-box .page {
  display: inline-block;
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 500;
}
.sc-refund.area2 .refund-area .refund-box .pagination .page-box .page.active {
  color: #008bf5;
  position: relative;
}
.sc-refund.area2 .refund-area .refund-box .pagination .page-box .page.active::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #008bf5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.sc-refund.area3 .title {
  font-size: 4rem;
}
.sc-refund.area3 .inner {
  display: flex;
  gap: 122px;
}
.sc-refund.area3 .inner .q-area {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}
.sc-refund.area3 .inner .q-area .q-box {
  width: 350px;
  height: 350px;
  border-radius: 30px;
  background: #499dff;
  color: #fff;
  padding: 140px 40px 0;
  position: relative;
}
.sc-refund.area3 .inner .q-area .q-box::before {
  content: "";
  background: url("/images/home/bg-q.png") 0 0 no-repeat;
  background-size: contain;
  display: block;
  width: 68px;
  height: 68px;
  position: absolute;
  top: 36px;
}
.sc-refund.area3 .inner .q-area .q-box p {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.sc-refund.area3 .inner .q-area .q-box span {
  font-size: 1.6rem;
}

/* 거래증빙 */
.sc-proof .flex-area {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "box1 box1 box2 box3" "box1 box1 box4 box5";
}
.sc-proof .flex-area .left {
  height: 580px;
  border-radius: 30px;
  background: #DEEDFF;
  padding: 50px;
  position: relative;
}
.sc-proof .flex-area .left.box1 {
  grid-area: box1;
}
.sc-proof .flex-area .left::before {
  content: "";
  display: block;
  background: url("/images/home/img-proof-01.png") 0 0 no-repeat;
  background-size: 116px 206px;
  width: 116px;
  height: 206px;
  position: absolute;
  bottom: 55px;
  right: 50px;
}
.sc-proof .flex-area .left em {
  font-size: 2.2rem;
  font-weight: 700;
  color: #3456ce;
}
.sc-proof .flex-area .left strong {
  font-size: 3.2rem;
  display: block;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 15px;
}
.sc-proof .flex-area .left strong span {
  font-weight: 700;
}
.sc-proof .flex-area .right {
  border-radius: 30px;
  border: 1px solid #d3d3d3;
  padding: 50px 30px;
  width: 235px;
}
.sc-proof .flex-area .right strong {
  display: block;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 15px;
}
.sc-proof .flex-area .right .desc {
  font-size: 1.5rem;
  color: #666;
  font-weight: 500;
  line-height: 1.4;
}
.sc-proof .flex-area .right.box2 {
  grid-area: box2;
}
.sc-proof .flex-area .right.box3 {
  grid-area: box3;
}
.sc-proof .flex-area .right.box4 {
  grid-area: box4;
}
.sc-proof .flex-area .right.box5 {
  grid-area: box5;
}
.sc-proof.area2 {
  background: #EFF6FF;
  margin-top: 140px;
  padding-bottom: 140px;
}
.sc-proof.area2 .sub-title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
.sc-proof.area2 .title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 70px;
}
.sc-proof.area2 .content + .content {
  margin-top: 140px;
}
.sc-proof.area2 .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sc-proof.area2 .content .txt-box .box-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.sc-proof.area2 .content .txt-box .box-desc {
  font-size: 16px;
  line-height: 1.4;
}
.sc-proof.area2 .content .img-box {
  width: 40%;
}

/* API 연동 */
.sc-api .flex-area {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-template-areas: "box1 box2" "box1 box3" "box1 box4";
}
.sc-api .flex-area .left {
  height: 580px;
  border-radius: 30px;
  background: #DEEDFF;
  padding: 50px;
  position: relative;
}
.sc-api .flex-area .left.box1 {
  grid-area: box1;
}
.sc-api .flex-area .left::before {
  content: "";
  display: block;
  background: url("/images/home/img-api-01.png") 0 0 no-repeat;
  background-size: 215px 180px;
  width: 215px;
  height: 180px;
  position: absolute;
  bottom: 55px;
  right: 50px;
}
.sc-api .flex-area .left em {
  font-size: 2.2rem;
  font-weight: 700;
  color: #3456ce;
}
.sc-api .flex-area .left strong {
  font-size: 3.2rem;
  display: block;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 15px;
}
.sc-api .flex-area .left strong span {
  font-weight: 700;
}
.sc-api .flex-area .right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 30px;
  border: 1px solid #d3d3d3;
  padding: 30px;
  width: 100%;
}
.sc-api .flex-area .right strong {
  display: block;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 15px;
}
.sc-api .flex-area .right .desc {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.sc-api .flex-area .right.box2 {
  grid-area: box2;
}
.sc-api .flex-area .right.box3 {
  grid-area: box3;
}
.sc-api .flex-area .right.box4 {
  grid-area: box4;
}
.sc-api.area2 {
  background: #EFF6FF;
  margin-top: 140px;
  padding-bottom: 140px;
}
.sc-api.area2 .sub-nav {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 100px;
}
.sc-api.area2 .sub-nav .nav-item {
  border-radius: 50px;
  border: 1px solid #d3d3d3;
  font-size: 18px;
  font-weight: 500;
  padding: 16px 20px;
  line-height: 1;
  background: #fff;
}
.sc-api.area2 .sub-nav .nav-item.on {
  background: #3456ce;
  color: #fff;
  font-weight: 700;
  border: none;
}
.sc-api.area2 .api-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 62px;
}
.sc-api.area3 .title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}
.sc-api.area3 .btn-link {
  margin: 60px auto 90px;
}
.sc-api.area3 .txt-area {
  display: flex;
  justify-content: space-between;
  margin: 40px 30px 0;
}
.sc-api.area3 .txt-area .txt-box {
  text-align: center;
}
.sc-api.area3 .txt-area .txt-box p {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.sc-api.area3 .txt-area .txt-box span {
  font-size: 1.6rem;
  line-height: 24px;
}

/* 요금제 페이지 */
.sc-price {
  text-align: center;
}
.sc-price .sub {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
.sc-price .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 32px;
}
.sc-price .vat {
  display: block;
  color: #7e7e7e;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 20px;
  text-align: right;
}
.sc-price table {
  width: 100%;
  border-top: 2px solid #808080;
}
.sc-price table tr {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
}
.sc-price table tr th {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  border-right: 1px solid #d3d3d3;
}
.sc-price table tr th:last-child {
  border-right: none;
}
.sc-price table tr td {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 16px;
  border-right: 1px solid #d3d3d3;
}
.sc-price table tr td:last-child {
  border-right: none;
}
.sc-price.area2 {
  background: #EFF6FF;
  padding-bottom: 140px;
  margin-top: 140px;
}
.sc-price.area2 .card-box {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.sc-price.area2 .card-box .card {
  width: 400px;
  height: 498px;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 30px;
  padding: 50px 0;
}
.sc-price.area2 .card-box .card .card-tit {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
}
.sc-price.area2 .card-box .card strong {
  font-size: 40px;
  font-weight: 700;
}
.sc-price.area2 .card-box .card strong span {
  font-size: 22px;
  font-weight: 600;
}
.sc-price.area2 .card-box .card .count {
  display: inline-block;
  color: #7e7e7e;
  font-size: 16px;
  font-weight: 500;
}
.sc-price.area2 .card-box .card ul {
  margin: 30px auto 0;
}
.sc-price.area2 .card-box .card ul li {
  text-align: left;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  padding-left: 94px;
  line-height: 1.6;
}
.sc-price.area2 .card-box .card .bottom-txt {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #499dff;
  padding: 25px 0;
  font-size: 15px;
  font-weight: 500;
}