/* 공통 */

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 900;
  src: url('/share/css/font/Pretendard-Black.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 800;
  src: url('/share/css/font/Pretendard-ExtraBold.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  src: url('/share/css/font/Pretendard-Bold.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  src: url('/share/css/font/Pretendard-SemiBold.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: url('/share/css/font/Pretendard-Medium.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: url('/share/css/font/Pretendard-Regular.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  src: url('/share/css/font/Pretendard-Light.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  src: url('/share/css/font/Pretendard-ExtraLight.woff2') format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 100;
  src: url('/share/css/font/Pretendard-Thin.woff2') format('woff')
}

/* 태그 기본 값 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5em;
  color: #222222;
  font-family: 'Pretendard';
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
}

a,
label,
span,
strong,
button {
  display: inline-block;
}

img {
  vertical-align: middle;
}

/*a, label, span, strong, button {display:inline-block;vertical-align:middle;}*/
a:link {
  color: #FFFFFF;
}

a:visited {
  color: #FFFFFF;
}

a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

a:active {
  color: #FFFFFF;
}

li {
  list-style-type: none;
  padding-left: 0px;
}

.div-body {
  width: 100%;
}

.common-container {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  line-height: normal;
}

.main-container {
  text-align: center;
  line-height: normal;
}

.mb-br,
.tb-br {
  display: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}

legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  padding: 0;
}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {
  display: inline-block;
  position: relative;
  width: 100%;
}

#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden
}

#captcha #captcha_img {
  width: 88%;
  height: 40px;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  vertical-align: middle;
}

#captcha #captcha_mp3 {
  position: absolute;
  top: 55%;
  left: 47%;
  transform: translate(-53%, -45%);
  margin: 0;
  padding: 0;
  width: 23px;
  height: 20px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
}

#captcha #captcha_mp3 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 22px;
  background: url('../../board/plugin/kcaptcha/img/sound.gif')
}

#captcha #captcha_reload {
  position: absolute;
  top: 81%;
  left: 47%;
  transform: translate(-53%, -30%);
  margin: 0;
  padding: 0;
  width: 23px;
  height: 20px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
}

#captcha #captcha_reload span {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 22px;
  background: url('../../board/plugin/kcaptcha/img/reload.gif')
}

#captcha #captcha_key {
  margin: 0;
  width: 46%;
  height: 40px;
  padding: 16px 0 16px 20px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #DDDDDD;
  background-color: #FBFBFB;
  font-family: 'Pretendard';
  font-weight: 500;
  font-size: 16px;
  text-align: left;
}

#captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em
}



/* 배경 색상 */

.bg-white01 {
  background-color: #FFFFFF;
}

.bg-blue01 {
  background-color: #C8E0FF;
}

.bg-blue02 {
  background-color: #f9fcff;
}

.bg-blue03 {
  background-color: #E9F3FF;
}

.bg-blue04 {
  background-color: #f8fbff;
}

.bg-blue05 {
  background-color: #1F77E5;
}

.bg-gray01 {
  background-color: #F6F6F6;
}

.bg-gray02 {
  background-color: #5C5C5C;
}

.bg-gd-blue01 {
  background: linear-gradient(#f9fcff, #B1D3FF);
}

.bg-gd-blue02 {
  background: linear-gradient(#C3DBFF, #F4F5FF);
}

.bg-gd-blue03 {
  background: linear-gradient(#f9fcff, #bddcff);
}

.bg-gd-blue04 {
  background: linear-gradient(#e9f3ff, #f8fbff);
}

.bg-gd-total {
  background: linear-gradient(to right,
      rgb(206, 181, 253) 7%,
      rgb(211, 196, 253) 14%,
      rgb(219, 210, 254) 21%,
      rgb(228, 223, 254) 28%,
      rgb(238, 235, 254) 35%,
      rgb(242, 241, 255) 42%,
      rgb(241, 241, 255) 48%,
      rgb(235, 236, 255) 58%,
      rgb(224, 228, 254) 65%,
      rgb(209, 219, 255) 72%,
      rgb(188, 209, 255) 79%,
      rgb(164, 197, 255) 86%,
      rgb(145, 188, 254) 93%,
      rgb(132, 182, 255) 100%,
      rgb(126, 178, 255) 21%,
      #c3f2fc 100%);
}

.bg-grid {
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.2) 1px, transparent 1px),
    /* 수직선 */
    linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 1px, transparent 1px),
    /* 수평선 */
    linear-gradient(to right, #c9e1ff, #86a4f2);
  /* ← 그라데이션 (좌 → 우) */
  background-size:
    40px 40px,
    /* 수직 격자 간격 */
    40px 40px,
    /* 수평 격자 간격 */
    100% 100%;
  /* 그라데이션은 전체 영역에 적용 */
}

.main05-bg-image {
  background: url('../../img/main/main05_bg.png') no-repeat center/cover, rgba(0, 0, 0, 0.5);
}

.pay01-bg-image {
  background: url('../../img/submain/submain_pay-01.png') no-repeat center/cover
}

.help01-bg-image {
  background: url('../../img/submain/submain_help01_bg.png') no-repeat center/cover
}

/* 너비 */
.w-100 {
  width: 100%;
}

.w-100p {
  width: 100px;
}

.w-80 {
  width: 80%;
}

.w-60 {
  width: 60%;
}

.w-50 {
  width: 50%;
}

/* 높이 */
.h-100 {
  height: 100%;
}

.h-88p {
  height: 88px;
}

/* 폰트 굵기 */
.fw-900 {
  font-family: 'Pretendard';
  font-weight: 900;
}

.fw-800 {
  font-family: 'Pretendard';
  font-weight: 800;
}

.fw-700 {
  font-family: 'Pretendard';
  font-weight: 700;
}

.fw-600 {
  font-family: 'Pretendard';
  font-weight: 600;
}

.fw-500 {
  font-family: 'Pretendard';
  font-weight: 500;
}

.fw-400 {
  font-family: 'Pretendard';
  font-weight: 400;
}

.fw-300 {
  font-family: 'Pretendard';
  font-weight: 300;
}

.fw-200 {
  font-family: 'Pretendard';
  font-weight: 200;
}

.fw-100 {
  font-family: 'Pretendard';
  font-weight: 100;
}


/* 폰트 사이즈 */
.fs-48 {
  font-size: 48px;
}

.fs-44 {
  font-size: 44px;
}

.fs-40 {
  font-size: 40px;
}

.fs-36 {
  font-size: 36px;
}

.fs-34 {
  font-size: 34px;
}

.fs-28 {
  font-size: 28px;
}

.fs-26 {
  font-size: 26px;
}

.fs-22 {
  font-size: 22px;
}

.fs-19 {
  font-size: 19px;
}

.fs-18 {
  font-size: 18px;
}

.fs-16 {
  font-size: 16px;
}

.fs-14 {
  font-size: 14px;
}

.fs-11 {
  font-size: 11px;
}


/* 모바일 사이즈 */
.fs-32 {
  font-size: 32px;
}

.fs-24 {
  font-size: 24px;
}

.fs-20 {
  font-size: 20px;
}

.fs-17 {
  font-size: 17px;
}

.fs-15 {
  font-size: 15px;
}

.fs-13 {
  font-size: 13px;
}


/* 폰트 색상 */
.text-white01 {
  color: #FFFFFF;
}

.text-dark01 {
  color: #222222;
}

.text-dark02 {
  color: #313131;
}

.text-dark03 {
  color: #272727;
}

.text-dark04 {
  color: #101010;
}

.text-dark05 {
  color: #000000;
}

.text-dark07 {
  color: #222222;
}

.text-dark08 {
  color: #555555;
}

.text-dark09 {
  color: #646464;
}

.text-blue01 {
  color: #2C7FDD;
}

.text-blue02 {
  color: #2562AF;
}

.text-blue03 {
  color: #23518D;
}

.text-blue04 {
  color: #1A5094;
}

.text-blue05 {
  color: #015FA9;
}

.text-blue06 {
  color: #86B4FF;
}

.text-blue07 {
  color: #899DFF;
}

.text-blue08 {
  color: #317BDA;
}

.text-blue09 {
  color: #1A3A6D;
}

.text-blue10 {
  color: #0F274B;
}

.text-blue11 {
  color: #E8F1FF;
}

.text-blue12 {
  color: #1F77E5;
}

.text-blue13 {
  color: #1c6fd8;
}

.text-navy01 {
  color: #0F274B
}

.text-yellow01 {
  color: #F4C640;
}

.text-red01 {
  color: #FF3838;
}

.text-red02 {
  color: #ff3838;
}

.text-linear01 {
  background: linear-gradient(to right, #222222, #2562AF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* 폰트 투명도 */
.text-white01-80 {
  color: rgba(255, 255, 255, 0.8);
}

.text-white02-50 {
  color: rgba(255, 255, 255, 0.5);
}

.text-dark04-80 {
  color: rgba(16, 16, 16, 0.8);
}

.text-dark05-80 {
  color: rgba(0, 0, 0, 0.8);
}

.text-dark05-60 {
  color: rgba(0, 0, 0, 0.6);
}


/* 글꼴 정렬 */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* line-height */
.lh-160 {
  line-height: 160%;
}

.lh-158 {
  line-height: 158%;
}

.lh-150 {
  line-height: 150%;
}

.lh-140 {
  line-height: 140%;
}

.lh-20 {
  line-height: 20px;
}

.lh-0 {
  line-height: 0px;
}


/* 마진 */
.m-lr-auto {
  margin: 0 auto;
}

.mt-124 {
  margin-top: 124px;
}

.mt-94 {
  margin-top: 94px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-46 {
  margin-top: 46px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-29 {
  margin-top: 29px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-166 {
  margin-bottom: 166px;
}

.mb-149 {
  margin-bottom: 149px;
}

.mb-129 {
  margin-bottom: 129px;
}

.mb-117 {
  margin-bottom: 117px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-106 {
  margin-bottom: 106px;
}

.mb-98 {
  margin-bottom: 98px;
}

.mb-91 {
  margin-bottom: 91px;
}

.mb-88 {
  margin-bottom: 88px;
}

.mb-74 {
  margin-bottom: 74px;
}

.mb-68 {
  margin-bottom: 68px;
}

.mb-66 {
  margin-bottom: 66px;
}

.mb-62 {
  margin-bottom: 62px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-54 {
  margin-bottom: 54px;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-44 {
  margin-bottom: 44px;
}

.mb-42 {
  margin-bottom: 42px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-38 {
  margin-bottom: 38px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-34 {
  margin-bottom: 34px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-31 {
  margin-bottom: 31px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-26 {
  margin-bottom: 26px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mb-21 {
  margin-bottom: 21px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-4 {
  margin-left: 4px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-3 {
  margin-right: 3px;
}

.mg-tb-32 {
  margin: 32px 0;
}

.mg-tb-5 {
  margin: 5px 0;
}

.mg-lr-10 {
  padding: 0 10px;
}

/* position */
.position-r {
  position: relative;
}

.position-ab {
  position: absolute;
}

/* flex */
.flex {
  display: flex;
}

.flex-direct-col {
  flex-direction: column;
}

.flex-col-center {
  justify-content: center;
}

.flex-all-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-gap-110 {
  gap: 110px;
}

.flex-gap-88 {
  gap: 88px;
}

.flex-gap-40 {
  gap: 40px;
}

.flex-gap-38 {
  gap: 38px;
}

.flex-gap-28 {
  gap: 28px;
}

.flex-gap-26 {
  gap: 26px;
}

.flex-gap-20 {
  gap: 20px;
}

.flex-gap-16 {
  gap: 16px;
}

.flex-gap-12 {
  gap: 12px;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-7 {
  gap: 7px;
}

.flex-gap-5 {
  gap: 5px;
}

/* display */
.dp-block {
  display: block;
}

.dp-none {
  display: none;
}

.dp-ib {
  display: inline-block;
}


/* 패딩 */
.pt-188 {
  padding-top: 188px;
}

.pt-157 {
  padding-top: 157px;
}

.pt-149 {
  padding-top: 149px;
}

.pt-132 {
  padding-top: 132px;
}

.pt-116 {
  padding-top: 116px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-97 {
  padding-top: 97px;
}

.pt-96 {
  padding-top: 96px;
}

.pt-92 {
  padding-top: 92px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-53 {
  padding-top: 53px;
}

.pt-43 {
  padding-top: 43px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-15 {
  padding-top: 15px;
}


.pb-224 {
  padding-bottom: 224px;
}

.pb-208 {
  padding-bottom: 208px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-117 {
  padding-bottom: 117px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pb-76 {
  padding-bottom: 76px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-66 {
  padding-left: 66px;
}

.pl-62 {
  padding-left: 62px;
}

.pl-44 {
  padding-left: 44px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-14 {
  padding-left: 14px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-16 {
  padding-right: 16px;
}

.mainfunc-buysell-pd {
  padding: 110px 61px;
}

.pd-tb-110 {
  padding: 110px 0;
}

.pd-tb-92 {
  padding: 92px 0;
}

.pd-tb-30 {
  padding: 30px 0;
}

.pd-tb-20 {
  padding: 20px 0;
}

.pd-tb-10 {
  padding: 10px 0;
}

.pd-lr-61 {
  padding: 0 61px;
}

.pd-lr-36 {
  padding: 0 36px;
}

.pd-lr-32 {
  padding: 0 32px;
}

.pd-lr-30 {
  padding: 0 30px;
}

.pd-lr-10 {
  padding: 0 10px;
}

/* 커서 */
.cursor {
  cursor: pointer;
}

/* 박스 아웃라인 */
.box-radi-16 {
  border-radius: 16px;
}

/* 버튼 */
.btn-w252-bg {
  width: 252px;
  height: 68px;
  color: #FFFFFF;
 /* background: linear-gradient(#1665C9, #2883F6);*/
 background: linear-gradient(to right, #1665C9, #2883F6);
  border-radius: 16px;
  border: none;
}

.btn-w252-outline {
  width: 252px;
  height: 68px;
  background-color: #FFFFFF;
  border-radius: 16px;
  border: 2px solid #317BDA;
  box-sizing: border-box;
}

.btn-w350-bg {
  width: 350px;
  height: 68px;
  line-height: 68px;
  color: #FFFFFF;
  /*background-color: #2A6DC5;*/
  background: linear-gradient(to right, #1665C9, #2883F6);
  border-radius: 16px;
  border: none;
}

.btn-sub-demo {
  width: 400px;
  height: 68px;
  color: #FFFFFF;
  background: linear-gradient(to right, #1665C9, #2883F6);
  border-radius: 16px;
  border: none;
}

.btn-row {
  width: 32px;
  height: 32px;
  background-color: #4884E5;
  border-radius: 5px;
  border: none;
}

.btn-stop {
  width: 32px;
  height: 32px;
  background-color: #86B4FF;
  border-radius: 5px;
  border: none;
}

.btn-detail {
  width: 258px;
  height: 66px;
  line-height: 66px;
  /*background: linear-gradient(to right, #3179D2, #225DA7);*/
  background: linear-gradient(to right, #1665C9, #2883F6);
  border-radius: 7px;
  border: none;
}

.btn-help-detail {
  width: 259px;
  height: 66px;
  line-height: 66px;
  /*background: linear-gradient(to right, #3179D2, #225DA7);*/
  background: linear-gradient(to right, #1665C9, #2883F6);
  border-radius: 12px;
  border: none;
}

.btn-absolute-talk {
  width: 76px;
  height: 76px;
  border-radius: 16px;
  border: none;
}

.btn-absolute-call {
  width: 76px;
  height: 76px;
  border-radius: 16px;
  background-color: #1F77E5;
  border: none;
}

.btn-manual {
  width: 259px;
  height: 72px;
  border-radius: 7px;
  background: linear-gradient(#3179D2, #225DA7);
  border: none;
}

.btn-start {
  width: 430px;
  height: 72px;
  line-height: 72px;
  border-radius: 16px;
  /*background: linear-gradient(#3179D2, #225DA7);*/
  background: linear-gradient(to right, #1665C9, #2883F6);
  border: none;
}

.btn-click {
	width: 350px;
    height: 68px;
    border-radius: 16px;
	border: none;
	background: linear-gradient(to right, #1665C9, #2883F6);
    margin: 0 auto;
}

/* box */
.box-card {
  width: 550px;
  min-height: 490px;
  border-radius: 32px;
  background: linear-gradient(#F8F8F8, #FFFFFF);
  border: 1px solid #EAEAEA;
}

.box-slide-card {
  width: 598px;
  height: 460px;
  border-radius: 32px;
  background-color: #FFFFFF;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.11);
  padding: 56px 34px 56px 47px;
  box-sizing: border-box;
}

.box-slide-card-title {
  width: 126px;
  height: 38px;
  line-height: 38px;
  background-color: #CDDEFF;
  border-radius: 10px;
  border: none;
}

.box-slide-card-count {
  width: 62px;
  height: 32px;
  line-height: 32px;
  background-color: #F4F4F4;
  border-radius: 6px;
  border: none;
}

.box-slide {
  width: 410px;
  height: 408px;
  background-color: #F6F6F6;
  border-radius: 32px;
  border: none;
  padding: 48px 28px 25px 28px;
  box-sizing: border-box;
}

.box-slide-profile {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  background-color: rgb(245, 245, 245);
  border: none;
}

.submain02-flex-box {
  display: flex;
  align-items: center;
  /*gap: 110px;*/
}

/* 소프트웨어 */
.box-content-l {
  width: 1130px;
  min-height: 282px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 48px 44px;
  box-sizing: border-box;
}

.box-content-m {
  width: 622px;
  min-height: 434px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 48px 44px;
  box-sizing: border-box;
}

.box-content-s {
  width: 486px;
  min-height: 434px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 48px 44px;
  box-sizing: border-box;
}

/* mainfunc */
.box-func03-l {
  width: 1130px;
  min-height: 282px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0px 0px 6px 0 rgb(217, 217, 217);
  padding: 53px 70px 44px 58px;
  box-sizing: border-box;
}

.box-func03-m {
  width: 622px;
  min-height: 348px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0px 0px 6px 0 rgb(217, 217, 217);
  padding: 48px 92px 76px 56px;
  box-sizing: border-box;
}

.box-func03-s {
  width: 486px;
  min-height: 350px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0px 0px 6px 0 rgb(217, 217, 217);
  padding: 48px 41px 76px 44px;
  box-sizing: border-box;
}

/* pay */
.box-pay02-l {
  width: 548px;
  height: 1308px;
  background: linear-gradient(#EBF4FF, #B1D3FF);
  border-radius: 36px;
  border: none;
  box-shadow: 0 0 0 4px #EBF4FF inset;
  padding: 69px 38px 65px 38px;
  box-sizing: border-box;
}

.box-pay02-m {
  width: 430px;
  height: 440px;
  background: linear-gradient(#EBF4FF, #B1D3FF);
  border-radius: 28px;
  border: none;
  backdrop-filter: blur(28px);
  box-shadow: 0 0 0 3px #FFFFFF inset;
  padding: 39px 56px 41px 50px;
  box-sizing: border-box;
}

.box-pay02-sm {
  width: 312px;
  height: 54px;
  background-color: #C4E5FF;
  border-radius: 16px;
  border: none;
  backdrop-filter: blur(28px);
  padding: 16px 32px;
  box-sizing: border-box;
}

.box-pay02-s {
  width: 256px;
  height: 54px;
  background-color: #C4E5FF;
  border-radius: 16px;
  border: none;
  backdrop-filter: blur(28px);
  padding: 16px 32px;
  box-sizing: border-box;
}

/* help */
.box-help02-l {
  width: 548px;
  min-height: 570px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0 0 6px 0 #CEE0F4;
  padding: 48px 65px 44px 56px;
  box-sizing: border-box;
}

.box-help02-lm {
  width: 548px;
  min-height: 553px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0 0 6px 0 #CEE0F4;
  padding: 48px 65px 44px 56px;
  box-sizing: border-box;
}

.box-help02-m {
  width: 548px;
  min-height: 294px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0 0 6px 0 #CEE0F4;
  padding: 48px 65px 44px 56px;
  box-sizing: border-box;
}

.box-help02-s {
  width: 548px;
  min-height: 278px;
  background-color: #FFFFFF;
  border-radius: 32px;
  border: none;
  box-shadow: 0 0 6px 0 #CEE0F4;
  padding: 48px 65px 44px 56px;
  box-sizing: border-box;
}

.box-main09-content {
  width: 1129px;
  height: 268px;
  background: linear-gradient(to right, #1F77E5, #003679);
  border-radius: 32px;
}

.box-absolute {
  width: 104px;
  padding: 10px 0;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 55%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 7px;
  z-index: 2;
  align-items: center;
  justify-content: center;
}

.btn-click-ab {
	width: 76px;
	height: 76px;
	text-align: center;
	border-radius: 13px;
	padding: 15px 0;
	font-weight: 500;
}


/*
	.box_btn_top {
		position: fixed;
		bottom: 90px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999;
	}

	.btn-quick {
		display: none;
		position: absolute;
		width: 60%;
		left: 50%;
		transform: translateX(-50%);
		background-color: #007bff;
		border: none;
		padding: 12px 20px;
		border-radius: 10px;
		font-size: 20px;
		font-weight: 600;
		color: #fff;
		cursor: pointer;
	}

	#top-btn {
		display: none;
		position: absolute;
		right: 40px;
		background-color: white;
		border: 2px solid #dbdbdb;
		outline: none;
		cursor: pointer;
		padding: 10px;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		font-size: 12px;
		font-weight: 500;
		color: #333333;
	}
*/

/* 버튼 공통 부모 */
.box_btn_top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  /* 버튼 간 간격 */
  z-index: 999;
}

/* 빠른 상담 버튼 */
.btn-quick {
  display: none;
  background-color: #007bff;
  border: none;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  width: auto;
}

.box_btn_top .naver {
  display: none;
}

/* TOP 버튼 */
#top-btn {
  display: none;
  background-color: white;
  border: 2px solid #dbdbdb;
  outline: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 12px;
  font-weight: 500;
  color: #333333;
}



/* header.php */
#head_wrap {
  width: 100%;
  height: 80px;
  clear: both;
  position: sticky;
  top: 0px;
  z-index: 10;
}

.headerbox {
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 17px 36px 15px 36px;
  box-sizing: border-box;
  display: flex;
}

.headerbox .leftbox {
  width: 30%;
  display: flex;
  align-items: center;
  gap: 2px;
}

.headerbox .header-mb-logo img {
  vertical-align: unset;
}

.logo-mb-img {
  display: none;
}

.headerbox .header-main-menu-box:hover {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: none;
  background-color: #E4EFFC;
}

.headerbox .main-menu-flex {
  display: flex;
  justify-content: center;
  gap: 3px;
}


.headerbox .header-submenu-box {
  width: 160px;
  height: 247px;
  background-color: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 0 0 12px 12px;
  top: 100%;
  right: -28px;
  padding: 10px 0;
  box-sizing: border-box;
}

.header-submenu-box.active{
	display:block;
}

.headerbox .sub-menu-hover {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: none;
  background-color: #E4EFFC;
}

.headerbox .header-submenu-box a {
  display: flex;
  justify-content: center;
}

.headerbox .submenu-h-30 {
  height: 30px;
  line-height: 30px;
}

.headerbox .submenu-h-30:hover {
  background-color: #E4EFFC;
  width: 156px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.headerbox #hamburger a,
.headerbox #hamburger a:visited,
.headerbox #hamburger a:focus,
.headerbox #hamburger a:hover,
.headerbox #hamburger a:link,
.headerbox .header-submenu-box a:hover,
.headerbox .header-submenu-box a:visited,
.headerbox .header-submenu-box a:focus,
.headerbox .header-submenu-box a:link {
  color: #222222;
}

.headerbox .hamburger-img {
  display: none;
}

.headerbox .hamburger-img svg:focus {
  outline: none;
}

.headerbox #middlebox {
  width: 70%;
}

.headerbox .rightbox {
  width: 40%;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}

.headerbox .as-number {
  color: #1F77E5;
  font-size: 28px;
  font-family: 'Pretendard';
  font-weight: 600;
}

.headerbox .menu-wrapper:hover #hamburger {
  display: block;
}

.headerbox #hamburger {
  z-index: 10;
  width: 195px;
  height: 360px;
  padding: 20px 0;
  box-sizing: border-box;
  border: none;
  top: 100%;
  right: 0;
  border-radius: 0 0 20px 20px;
  filter: drop-shadow(4px 4px 7px rgba(31, 42, 67, 0.1));
}

.headerbox #hamburger .sub-menu:hover {
  width: 100%;
  height: 100%;
  background: #E4EFFC;
  border-radius: 4px;
}

.headerbox #hamburger .hambur-main,
.headerbox #hamburger .hambur-sub {
  height: 35px;
  line-height: 35px;
}


.headerbox .rightbox .btn-common {
  width: 120px;
  min-width: 100px;
  height: 44px;
  border-radius: 12px;
  box-sizing: border-box;
}

.headerbox .rightbox svg {
  outline: none;
  vertical-align: middle;
}


/* 비로그인 */
.headerbox .rightbox .btn-call,
.headerbox .rightbox .userbtn_access {
  line-height: 44px;
  border: none;
  background-color: #2680F2;
  color: #FFFFFF;
}

.headerbox .rightbox .btn-call {
  margin-right: 15px;
}

.headerbox .rightbox .loginbtn {
  line-height: 39px;
  border: 2px solid #1F77E5;
  color: #1F77E5;
}

/* 로그인 */
.headerbox .rightbox .userbtn {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border: 2px solid #1F77E5;
  border-radius: 12px;
  color: #1F77E5;
}

.headerbox .middlebox li.active a,
.headerbox .topmenu li.active a:visited {
  font-family: 'Pretendard';
  font-weight: 700;
  color: #1F77E5;
}

.mobile-dp-none {
  display: block;
}

.mobile-dp-block {
  display: none;
}

.tb-dp-none {
  display: block;
}

.tb-dp-block {
  display: none;
}

/* 모달 오버레이 */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* 모달 콘텐츠 */
.modal-container {
  background: white;
  border-radius: 20px;
  width: 90%;
  max-width: 900px;
  display: flex;
  padding: 40px 60px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.modal-left {
  flex: 1;
  padding-right: 30px;
}

.modal-left h2 {
  font-size: 28px;
  line-height: 1.6;
  color: #333;
}

.modal-left h2 span {
  color: #2E6EFF;
}

.modal-right {
  flex: 1;
}

.write-input {
  width: 100%;
  padding: 14px 16px;
  margin-bottom: 12px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.modal-right input:focus {
  outline: none;
  border-color: #2E6EFF;
}

.checkbox-group {
  font-size: 14px;
  margin-bottom: 20px;
}

.checkbox-group label {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.checkbox-group input[type="checkbox"] {
  width: 50px;
  margin-right: 8px;
}

.checkbox-group .sub-info {
  margin-left: 26px;
  font-size: 13px;
  color: #666;
}

.checkbox-group .sub-info a {
  float: modal-right;
  color: #555;
  font-size: 12px;
  text-decoration: underline;
}

.submit-btn {
  width: 49%;
  padding: 16px 0;
  font-size: 20px;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Pretendard';
}

/* 닫기 버튼 */
.close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 28px !important;
  background: none;
  border: none;
  cursor: pointer;
}

.btn-quick-call {
  width: 350px;
  height: 68px;
  line-height: 68px;
  border-radius: 16px;
  border: none;
  background-color: #2A6DC5;
}

.hp-wirte-input {
  width: 33%;
  padding: 14px 16px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #ccc;
  box-sizing: border-box;

}


@media (max-width: 1200px) {

  .headerbox {
    width: 100%;
    max-width: unset;
  }

  .common-container {
    width: 100%;
  }

  .mobile-dp-none {
	  display: block;
	}

	.mobile-dp-block {
	  display: none;
	}

	.tb-dp-none {
	  display: none;
	}

	.tb-dp-block {
	  display: block;
	}

	.tb-padding {
		padding: 40px 64px;
	}

	  .top-img,
	  .main-submain-img {
		width: 100%;
	  }

	  .top-img img,
	  .main-submain-img img {
		width: 95%;
	  }

}

@media (max-width: 768px) {

  .headerbox {
    width: 100%;
    padding: 12px 16px;
  }

  .headerbox .leftbox {
    width: 40%;
  }

  .headerbox .hamburger-img {
    display: block;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  .headerbox #middlebox {
    display: none;
  }

  .headerbox .rightbox {
    width: 60%;
    min-width: unset;
    justify-content: flex-end;
  }

  .headerbox .as-number {
    font-size: 22px;
    margin-right: 11px;
  }


  .mobile-dp-block {
    display: block;
  }

  .mobile-dp-none {
    display: none;
  }

 .headerbox .login-mobile-none {
    display: none;
  }

  .headerbox .fs-16 {
    font-size: 14px;
  }

  .modal-container {
    flex-direction: column;
    padding: 30px;
  }

  .modal-left,
  .modal-right {
    padding: 0;
  }

  .box-absolute {
    width: 84px;
  }

   .btn-click-ab {
	  width: 60px;
	  height: 60px;
	  padding: 5px 0;
	  font-size: 12px;
   }

  .box-absolute .naver img,
  .box-absolute .remote img {
    width: 60px;
    height: 60px;
  }

  /* 메인페이지 공통 */
  .quick-submit-btn {
    width: 200px;
    padding: 10px 0;
    font-size: 20px;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: linear-gradient(to right, #1665C9, #2883F6);
  }


  .common-container {
    width: 100%;
  }

  .pd-tb-110 {
    padding: 86px 0;
  }

  .mb-129 {
    margin-bottom: 86px;
  }

  .mb-44 {
    margin-bottom: 73px;
  }

  .mb-40 {
    margin-bottom: 26px;
  }

  .fs-40 {
    font-size: 34px;
  }

  .mb-24 {
    margin-bottom: 26px;

  }

  .fs-26 {
    font-size: 24px;
  }

  .top-img,
  .main-submain-img {
    width: 100%;
  }

  .top-img img,
  .main-submain-img img {
    width: 95%;
  }

  .submain-intro-img img {
    width: 72px;
  }


}

/* 모바일 */
@media (max-width: 393px) {

  .mobile-lh-150 {
    line-height: 150%;
  }

  #head_wrap {
    width: 100%;
    height: 60px;
  }

  .headerbox {
    width: 100%;
    justify-content: space-between;
    height: 60px;
    padding: 0 16px;
  }

	.tb-dp-block {
	  display: none;
	}

	.tb-dp-none {
	  display: block;
	}

  .mobile-dp-none {
    display: none;
  }

  .mobile-dp-block {
    display: block;
  }

  .headerbox .header-mb-logo {
    width: 100%;
  }

  .headerbox .header-mb-logo img {
    vertical-align: middle;
    width: 100%;
  }

  .headerbox .hamburger-img {
    height: 25px;
  }

  .headerbox .hamburger-img svg {
    height: 25px;
  }

  .headerbox .login-mobile-none {
    display: none;
  }

  .headerbox .leftbox {
    width: 70%;
  }

  .headerbox .rightbox .btn-call {
    margin-right: 5px;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
  }

  .headerbox .as-number {
    font-size: 24px;
    margin-right: 11px;
  }

  .headerbox .rightbox .btn-common {
    width: 75px;
    min-width: 75px;
  }

  .headerbox .fs-16 {
    font-size: 14px;
  }

  .box-absolute {
    display: none;
  }

  .box_btn_top .naver img {
    width: 50px;
    height: 50px;
  }

  .box_btn_top #top-btn {
    right: 10px;
    font-size: 11px;
  }


  /* 메인 공통 */

  .common-container {
    width: 100%;
  }

  .wrap-text {
    word-wrap: break-word;
    /* 오래된 브라우저용 */
    overflow-wrap: break-word;
    /* 표준 속성 */
    word-break: break-word;
    /* 단어 기준 줄바꿈 (한국어 포함 텍스트에 유용) */
    white-space: normal;
    /* 줄바꿈 허용 */
  }

  .mb-129 {
   /* margin-bottom: 58px;*/
    margin-bottom: 36px;
  }

  .mb-44,
  .mb-40 {
    margin-bottom: 24px;
  }

  .mb-24 {
    margin-bottom: 12px;
  }

  .pd-tb-110 {
    padding: 36px 0;
  }

  .fs-40 {
    font-size: 32px;
  }

  .fs-36,
  .fs-28 {
    font-size: 24px;
  }

  .fs-24 {
    font-size: 20px;
  }

  .fs-18 {
    font-size: 13px;
  }

  .g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0;
  }

  .btn-quick {
    display: block;
    width: 50px;
    height: 50px;
    padding: unset;
  }

  .box_btn_top .naver {
    display: block;
  }

  .quick-submit-btn {
    width: 200px;
    padding: 10px 0;
    font-size: 20px;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: linear-gradient(to right, #1665C9, #2883F6);
  }

  .main-submain-img {
    width: 100%;
  }

  .main-submain-img img {
    width: 95%;
  }

  .mb-129 {
    margin-bottom: 58px;
  }

  .submain-intro-img img {
    width: 16%;
  }

  .btn-click {
	width: 312px;
	height: 48px;
	border-radius: 8px;
  }

}