@charset "UTF-8";
/* template 별 커스텀 css */
.f__header {
  background-color: transparent;
  border-color: transparent;
  transition: all 0.2s;
}
.f__header ~ .f__sub {
  margin: -72px 0 0 0;
  padding: 0;
}

.f__sub {
  margin: 0;
  padding: 0;
}

.kvSection {
  position: relative;
  padding: 0 20px;
  height: 960px;
  margin-bottom: 260px;
  margin-top: 0px;
}
.kvSection .kvContWrap {
  position: relative;
  z-index: 2;
  width: 802px;
  height: 960px;
  margin: 0 auto;
  padding-top: 130px;
  text-align: center;
}
.kvSection .kvContWrap .kvTit {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.kvSection .kvContWrap .ic_kv {
  position: absolute;
  border-radius: 12px;
  bottom: -40px;
  box-shadow: 0 0 15px 0 rgba(0, 91, 111, 0.2);
  backdrop-filter: blur(4.1666665077px);
  -webkit-backdrop-filter: blur(4.1666665077px);
}
.kvSection .kvContWrap .ic_kv.ic_1 {
  left: -249px;
  width: 400px;
}
.kvSection .kvContWrap .ic_kv.ic_2 {
  right: -202px;
  width: 180px;
}
.kvSection .kvContWrap .ic_kv.ic_3 {
  right: -390px;
  width: 180px;
}
.kvSection .kvImageWrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 960px;
  max-width: 2520px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  justify-content: center;
}
.kvSection .kvImageWrap .bg_kv {
  max-width: unset;
}

.poSection .poBox {
  background-color: #E1F8F9;
}
.poSection .poBox .poIcon.point1::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Cpath d="M46.0289 18.2509C46.5309 18.6617 46.5307 19.4293 46.0285 19.8398L30.7099 32.3629C30.0396 32.9108 29.0338 32.434 29.0338 31.5682V25.5689H15.895V20.8759L5.9426 29.021L15.8358 37.107V32.411H24.8731V35.5413H18.9662V41.5456C18.9662 42.4113 17.9603 42.8882 17.2901 42.3402L1.97144 29.8162C1.46929 29.4057 1.46908 28.6381 1.97102 28.2273L17.3488 15.6415C18.019 15.093 19.0253 15.5698 19.0253 16.4358V22.4386H32.1642V27.1306L42.0564 19.0446L32.105 10.8995V15.5965H23.127V12.4662H28.9747V6.45938C28.9747 5.59339 29.981 5.1166 30.6512 5.66508L46.0289 18.2509Z" fill="%2300B3B9"/%3E%3C/svg%3E');
}
.poSection .poBox .poIcon.point2::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Cpath d="M30.8828 24.7842V42.7676L7.58789 30.9775V12.9932L30.8828 24.7842Z" stroke="%2300B3B9" stroke-width="3.17647"/%3E%3Cpath d="M40.4141 17.374V35.3574L17.1191 23.5674V5.58301L40.4141 17.374Z" stroke="%2300B3B9" stroke-width="3.17647"/%3E%3Cpath d="M32.4727 23.8086V32.0586L15.5312 23.4844V15.2344L32.4727 23.8086Z" fill="%2300B3B9"/%3E%3C/svg%3E');
}
.poSection .poBox .poIcon.point3::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Cpath d="M39 9V39H9" stroke="%2300B3B9" stroke-width="3"/%3E%3Cpath d="M25 9H9V25" stroke="%2300B3B9" stroke-width="3"/%3E%3Ccircle cx="9" cy="9" r="3.5" fill="%2300B3B9"/%3E%3Ccircle cx="9" cy="39" r="3.5" fill="%2300B3B9"/%3E%3Ccircle cx="39" cy="39" r="3.5" fill="%2300B3B9"/%3E%3Ccircle cx="39" cy="9" r="3.5" fill="%2300B3B9"/%3E%3C/svg%3E');
}

.fdSection {
  text-align: center;
  padding-bottom: 200px;
}
.fdSection .f__inner {
  position: relative;
}
.fdSection .f__tab.round > ul li {
  width: 366px;
}
.fdSection .stepWrap {
  display: flex;
  gap: 20px;
}
.fdSection .stepWrap .item {
  padding-top: 65px;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.fdSection .stepWrap .item .bullet {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 46px;
  height: 46px;
  border-radius: 23px;
  background-color: #D0F0F4;
}
.fdSection .stepWrap .item .bullet::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
  border-radius: 50%;
  background-color: #00B3B9;
}
.fdSection .stepWrap .item .stepBox {
  flex: 1;
  padding: 20px;
  border-radius: 20px;
  background-color: #E1F8F9;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.fdSection .stepWrap .item .stepBox .img {
  aspect-ratio: 1.36/1;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fdSection .stepWrap .item .stepBox .img.step1 {
  background-image: url("/common/brand/images/img_step1_1.png");
}
.fdSection .stepWrap .item .stepBox .img.step2 {
  background-image: url("/common/brand/images/img_step1_2.png");
}
.fdSection .stepWrap .item .stepBox .img.step3 {
  background-image: url("/common/brand/images/img_step1_3.png");
}
.fdSection .stepWrap .item .stepBox .img.step4 {
  background-image: url("/common/brand/images/img_step1_4.png");
}
.fdSection .stepWrap .item .stepBox .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fdSection .stepWrap .item .stepBox .info ul {
  margin-left: 12px;
}
.fdSection .stepWrap .item .stepBox .info ul li {
  text-align: left;
  position: relative;
  min-height: 26px;
}
.fdSection .stepWrap .item .stepBox .info ul li::before {
  display: block;
  content: "";
  position: absolute;
  left: -12px;
  top: 11px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--gray_10);
}
.fdSection .stepWrap .item .stepBox .info ul li + li {
  margin-top: 4px;
}
.fdSection .stepWrap .item + .item::before {
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  left: calc(-50% + 7px);
  width: calc(100% - 46px);
  height: 6px;
  background: url("/common/brand/images/ic_dot1.png") repeat-x center;
  background-size: contain;
}
.fdSection .stepWrap .item + .item .bullet::before {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 20px;
  left: -14px;
  background: url("/common/brand/images/ic_dot2.png") no-repeat center center;
  background-size: contain;
}
.fdSection .aboutWrap {
  padding-top: 28px;
  position: relative;
}
.fdSection .aboutWrap .badge {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 240px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #00B3B9;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="167" height="24" viewBox="0 0 167 24" fill="none"%3E%3Cpath d="M20.6166 6.07842L9.75391 1.04004V4.41691L2.47266 1.04004V18.9615L13.3389 23.9999V20.623L20.6166 23.9999V6.07842Z" fill="%2300BCC1"/%3E%3Cpath d="M0 17.9178L1.34213 18.5423V0.620827L0 0V17.9178Z" fill="%2300BCC1"/%3E%3Cpath d="M41.2521 22.9816C39.9765 22.9816 38.8782 22.707 37.9516 22.1579C37.0249 21.6087 36.3042 20.8423 35.7951 19.8527C35.2803 18.8688 35.0172 17.7076 35 16.3749H38.8153C38.8267 17.2958 39.0384 18.028 39.4674 18.5771C39.8907 19.1205 40.457 19.3951 41.1663 19.3951C41.6296 19.3951 42.0414 19.2807 42.4018 19.0576C42.7622 18.8345 43.0424 18.5027 43.2541 18.0566C43.4657 17.6104 43.5687 17.0727 43.5687 16.4321V2.17188H47.5785V16.3749C47.5785 17.7706 47.3096 18.9661 46.7777 19.9499C46.24 20.9395 45.5021 21.6888 44.5583 22.2036C43.6145 22.7184 42.5162 22.9758 41.2692 22.9758L41.2521 22.9816Z" fill="%23007186"/%3E%3Cpath d="M57.4287 22.983C56.0044 22.983 54.7117 22.6569 53.5562 21.9991C52.4008 21.3413 51.4741 20.4318 50.7934 19.2706C50.107 18.1094 49.7695 16.7652 49.7695 15.2494C49.7695 13.7336 50.1127 12.4008 50.7934 11.251C51.4741 10.1013 52.4008 9.20326 53.5562 8.55689C54.7117 7.91052 56.0044 7.58447 57.4287 7.58447C58.853 7.58447 60.1858 7.91052 61.3413 8.55689C62.4967 9.20326 63.4119 10.1013 64.0869 11.251C64.7619 12.4008 65.0994 13.7336 65.0994 15.2494C65.0994 16.7652 64.7619 18.1094 64.0812 19.2706C63.4005 20.4375 62.4853 21.347 61.3298 21.9991C60.1744 22.6569 58.8759 22.983 57.4345 22.983H57.4287ZM57.4287 19.6481C58.1838 19.6481 58.8588 19.4651 59.4536 19.099C60.0485 18.7329 60.5176 18.2181 60.8665 17.5546C61.2097 16.8911 61.3813 16.1246 61.3813 15.2494C61.3813 14.3742 61.2154 13.642 60.8779 12.9957C60.5405 12.3493 60.0771 11.8402 59.488 11.4741C58.8988 11.108 58.2124 10.925 57.4402 10.925C56.668 10.925 56.0101 11.1023 55.4153 11.4627C54.8204 11.8231 54.3513 12.3264 54.0024 12.9785C53.6592 13.6306 53.4876 14.3914 53.4876 15.2551C53.4876 16.1188 53.6592 16.8968 54.0024 17.5603C54.3456 18.2238 54.8147 18.7386 55.4038 19.1047C55.993 19.4708 56.668 19.6539 57.423 19.6539L57.4287 19.6481Z" fill="%23007186"/%3E%3Cpath d="M69.1552 5.90114C68.4745 5.90114 67.8968 5.6609 67.422 5.18041C66.9473 4.69992 66.707 4.12219 66.707 3.4415C66.707 2.76081 66.9473 2.17165 67.422 1.7026C67.8968 1.23355 68.4745 0.999023 69.1552 0.999023C69.8359 0.999023 70.4251 1.23355 70.8941 1.7026C71.3632 2.17165 71.5977 2.74937 71.5977 3.4415C71.5977 4.13364 71.3632 4.69992 70.8941 5.18041C70.4251 5.6609 69.8416 5.90114 69.1552 5.90114ZM67.239 22.7582V7.80021H71.0943V22.7582H67.239Z" fill="%23007186"/%3E%3Cpath d="M73.9775 22.7585V7.789H77.7185V9.71667H78.3591L77.1579 11.141C77.3638 10.3573 77.7185 9.70523 78.2333 9.17326C78.7481 8.64129 79.3601 8.24088 80.0694 7.97204C80.7844 7.7032 81.5452 7.56592 82.3517 7.56592C83.4214 7.56592 84.3252 7.81188 85.0688 8.29809C85.8124 8.7843 86.3673 9.4421 86.7505 10.2601C87.1337 11.078 87.3225 11.999 87.3225 13.0114V22.7585H83.4672V13.8466C83.4672 12.8513 83.2212 12.0962 82.735 11.5929C82.2488 11.0895 81.5853 10.8321 80.7616 10.8321C80.2124 10.8321 79.7148 10.9465 79.2686 11.181C78.8225 11.4155 78.4678 11.7587 78.2161 12.2049C77.9587 12.6568 77.8329 13.2116 77.8329 13.8752V22.7585H73.9775Z" fill="%23007186"/%3E%3Cpath d="M95.0606 22.9816C94.1454 22.9816 93.2931 22.8157 92.498 22.4953C91.7029 22.175 91.0108 21.7289 90.4331 21.174C89.8496 20.6192 89.4321 20.0014 89.1689 19.3207L92.3264 17.925C92.5495 18.4284 92.9099 18.8803 93.4018 19.2807C93.8937 19.6811 94.4486 19.8813 95.0664 19.8813C95.4382 19.8813 95.7699 19.8126 96.0674 19.6696C96.3648 19.5266 96.5936 19.3436 96.7652 19.1205C96.9368 18.8917 97.0226 18.6514 97.0226 18.3998C97.0226 18.0852 96.9025 17.8106 96.668 17.5818C96.4335 17.353 96.1303 17.1585 95.7757 17.0041C95.4153 16.8439 95.0492 16.7123 94.6717 16.5979C94.2941 16.4835 93.9681 16.3863 93.6993 16.3062C93.03 16.1003 92.3836 15.82 91.7601 15.4539C91.1367 15.0936 90.6219 14.6188 90.2214 14.0411C89.821 13.4633 89.6208 12.754 89.6208 11.9189C89.6208 11.0838 89.8439 10.2944 90.2958 9.63659C90.7477 8.97878 91.3597 8.46969 92.132 8.10932C92.9042 7.74896 93.7679 7.56592 94.7289 7.56592C96.0045 7.56592 97.1256 7.86908 98.0923 8.46968C99.059 9.07029 99.7454 9.81391 100.146 10.6948L97.0741 11.9818C96.9082 11.7015 96.6451 11.4041 96.2847 11.0895C95.9244 10.7749 95.4553 10.6147 94.8662 10.6147C94.3799 10.6147 93.9795 10.7406 93.6535 10.9865C93.3275 11.2325 93.1673 11.5643 93.1673 11.9875C93.1673 12.3479 93.2931 12.6454 93.5391 12.8684C93.7851 13.0915 94.134 13.286 94.5801 13.4576C95.0263 13.6292 95.5526 13.8065 96.1589 14.001C96.5593 14.1211 97.0055 14.2813 97.5088 14.4815C98.0065 14.6817 98.487 14.9448 98.9446 15.2709C99.4079 15.5969 99.7854 16.0088 100.089 16.5064C100.392 17.0041 100.54 17.6104 100.54 18.3311C100.54 19.2463 100.289 20.0529 99.7854 20.7564C99.2821 21.46 98.6185 22.0091 97.7891 22.4038C96.9597 22.7985 96.0502 22.9987 95.0664 22.9987L95.0606 22.9816Z" fill="%23007186"/%3E%3Cpath d="M120.144 22.9859C118.645 22.9859 117.233 22.7228 115.911 22.1965C114.59 21.6703 113.423 20.9324 112.411 19.9829C111.398 19.0333 110.609 17.9179 110.037 16.6309C109.465 15.3439 109.179 13.9482 109.179 12.4438C109.179 10.9394 109.465 9.52652 110.037 8.24522C110.609 6.96392 111.398 5.85423 112.399 4.91614C113.4 3.97804 114.556 3.24587 115.871 2.73106C117.187 2.21625 118.583 1.95312 120.058 1.95312C121.157 1.95312 122.249 2.10185 123.336 2.39357C124.423 2.6853 125.412 3.13147 126.316 3.72636L124.806 7.28997C124.274 6.76944 123.593 6.35759 122.758 6.05443C121.923 5.75126 121.042 5.60255 120.11 5.60255C119.177 5.60255 118.342 5.76842 117.513 6.08875C116.683 6.41479 115.946 6.87812 115.293 7.48445C114.641 8.09078 114.127 8.81151 113.743 9.64093C113.36 10.4761 113.171 11.397 113.171 12.4152C113.171 13.4334 113.354 14.3314 113.72 15.1723C114.087 16.0131 114.596 16.7453 115.242 17.3688C115.888 17.9923 116.638 18.4785 117.484 18.8217C118.331 19.1649 119.24 19.3365 120.207 19.3365C120.768 19.3365 121.334 19.2736 121.917 19.1477C122.501 19.0219 123.044 18.8331 123.559 18.5814C124.074 18.3297 124.503 18.0209 124.857 17.6433L126.368 21.1898C125.481 21.779 124.491 22.2194 123.393 22.5226C122.295 22.8257 121.208 22.9745 120.138 22.9745L120.144 22.9859Z" fill="%23007186"/%3E%3Cpath d="M128.667 22.7585V2.17188H131.699L138.792 12.857H138.906L146.016 2.17188H149.031V22.7585H145.038V14.7446L145.124 9.68807H145.009L139.295 18.6H138.403L132.688 9.68807H132.574L132.66 14.7446V22.7585H128.667Z" fill="%23007186"/%3E%3Cpath d="M159.343 22.9831C158.159 22.9831 157.055 22.7543 156.031 22.2967C155.008 21.8391 154.138 21.2385 153.417 20.4892C152.702 19.7398 152.199 18.9276 151.907 18.0524L155.694 16.4622C155.854 16.9198 156.094 17.366 156.426 17.8121C156.758 18.2526 157.164 18.6187 157.639 18.9104C158.119 19.1964 158.663 19.3451 159.263 19.3451C159.772 19.3451 160.247 19.2365 160.688 19.0248C161.128 18.8132 161.477 18.5157 161.752 18.1382C162.026 17.7607 162.158 17.3374 162.158 16.874C162.158 16.3707 162.009 15.9417 161.717 15.5813C161.425 15.2209 161.054 14.9235 160.607 14.6775C160.161 14.4373 159.698 14.2257 159.218 14.054C158.737 13.8824 158.308 13.728 157.925 13.6022C156.987 13.2761 156.111 12.8643 155.316 12.3666C154.516 11.869 153.869 11.234 153.383 10.4618C152.897 9.68962 152.651 8.7458 152.651 7.62467C152.651 6.50353 152.92 5.45675 153.463 4.61018C154.001 3.7636 154.75 3.11152 155.705 2.64819C156.661 2.18486 157.753 1.95605 158.994 1.95605C160.15 1.95605 161.162 2.14482 162.032 2.52235C162.901 2.89987 163.633 3.39752 164.223 4.02101C164.812 4.6445 165.269 5.3252 165.584 6.05737L161.912 7.53887C161.809 7.30434 161.631 7.0355 161.38 6.72089C161.128 6.40629 160.802 6.13172 160.407 5.8972C160.013 5.66267 159.549 5.54255 159.017 5.54255C158.428 5.54255 157.879 5.71416 157.37 6.05737C156.861 6.40057 156.603 6.92682 156.603 7.63611C156.603 8.13948 156.746 8.56848 157.027 8.92313C157.313 9.27777 157.667 9.57522 158.096 9.81546C158.525 10.0557 158.966 10.2559 159.418 10.4161C159.87 10.5762 160.264 10.7078 160.596 10.8222C160.985 10.9423 161.488 11.1368 162.106 11.3999C162.724 11.6631 163.33 12.0234 163.942 12.481C164.549 12.9386 165.063 13.5221 165.487 14.2257C165.904 14.9349 166.116 15.793 166.116 16.8111C166.116 17.9666 165.818 19.0134 165.229 19.9457C164.634 20.8838 163.828 21.6217 162.804 22.1651C161.78 22.7085 160.625 22.9831 159.343 22.9831Z" fill="%23007186"/%3E%3C/svg%3E') no-repeat center center white;
}
.fdSection .aboutWrap .circleWrap {
  display: flex;
  justify-content: space-between;
  padding: 75px;
  border-radius: 500px;
  background: linear-gradient(90deg, #E6FEF8 0%, #E1F8F9 50%, #C7F7FF 100%);
  position: relative;
}
.fdSection .aboutWrap .circleWrap .item {
  width: 36%;
}
.fdSection .aboutWrap .circleWrap .item.left {
  margin-right: -3%;
}
.fdSection .aboutWrap .circleWrap .item.right {
  margin-left: -3%;
}
.fdSection .aboutWrap .circleWrap .item .circle {
  aspect-ratio: 1/1;
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 179, 185, 0.15);
  border-radius: 185px;
  padding: 70px 63px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fdSection .aboutWrap .circleWrap .item .circle ul {
  text-align: left;
}
.fdSection .aboutWrap .circleWrap .item .circle ul li {
  width: 186px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.048px;
  position: relative;
}
.fdSection .aboutWrap .circleWrap .item .circle ul li::before {
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
}
.fdSection .aboutWrap .circleWrap .item .circle ul + ul {
  padding-top: 16px;
  border-top: 1px solid #00B3B9;
}
.fdSection .aboutWrap .circleWrap .item .circle ul.normal li {
  padding-left: 18px;
}
.fdSection .aboutWrap .circleWrap .item .circle ul.normal li::before {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--gray_10);
  left: 4px;
}
.fdSection .aboutWrap .circleWrap .item .circle ul.normal li + li {
  margin-top: 4px;
}
.fdSection .aboutWrap .circleWrap .item .circle ul.check li {
  padding-left: 20px;
}
.fdSection .aboutWrap .circleWrap .item .circle ul.check li::before {
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M2.74023 7.71647L6.51092 11.4858L13.4069 4.58984" stroke="%2300B3B9" stroke-width="1.93048"/%3E%3C/svg%3E') no-repeat center center;
  left: 0;
}
.fdSection .aboutWrap .circleWrap .item .circle ul.check li + li {
  margin-top: 6px;
}

.dtSection .dtList .item > a {
  background-color: rgba(225, 248, 249, 0.5);
}
.dtSection .dtList .item.active > a {
  border-color: #37CDEA;
  background-color: white;
}
.dtSection .dtList .item.active > a h4 {
  color: #00B3B9;
}
.dtSection .dtCont {
  border-radius: 30px;
  background: linear-gradient(345deg, #6ABABD 11.62%, #C8EDEE 96.45%);
}
.dtSection .dtCont #CMSdt-1 .dtAddImg {
  border-radius: 8px;
  width: 340px;
  right: -50px;
  bottom: -50px;
  box-shadow: 0 0 28.333px 0 rgba(0, 91, 111, 0.2);
}
.dtSection .dtBGWrap {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: auto;
  max-width: 2520px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  justify-content: center;
}

.iwcSection .iwcIcon.icon1::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Crect x="5" y="31" width="12" height="12" fill="white"/%3E%3Crect x="6.5" y="20.5" width="21" height="21" stroke="white" stroke-width="3"/%3E%3Crect x="6.5" y="6.5" width="35" height="35" stroke="white" stroke-width="3"/%3E%3C/svg%3E');
}
.iwcSection .iwcIcon.icon2::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Crect x="21" y="5" width="8" height="8" fill="white"/%3E%3Crect x="14" y="13" width="7" height="7" fill="white"/%3E%3Crect x="8" y="21" width="5" height="5" fill="white"/%3E%3Crect x="3" y="28" width="3" height="3" fill="white"/%3E%3Crect x="11" y="36" width="3" height="3" fill="white"/%3E%3Crect x="7" y="41" width="2" height="2" fill="white"/%3E%3Crect x="16" y="29" width="5" height="5" fill="white"/%3E%3Crect x="24" y="37" width="5" height="5" fill="white"/%3E%3Crect x="22" y="21" width="7" height="7" fill="white"/%3E%3Crect x="30" y="29" width="7" height="7" fill="white"/%3E%3Crect x="37" y="5" width="8" height="8" fill="white"/%3E%3Crect x="37" y="21" width="8" height="8" fill="white"/%3E%3Crect x="29" y="13" width="8" height="8" fill="white"/%3E%3C/svg%3E');
}
.iwcSection .iwcIcon.icon3::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Cpath d="M39.8203 14.8652V33.1338L24 42.2676L8.17969 33.1338V14.8652L24 5.73145L39.8203 14.8652Z" stroke="white" stroke-width="3"/%3E%3Crect x="17.6406" y="24" width="9" height="9" transform="rotate(-45 17.6406 24)" fill="white"/%3E%3C/svg%3E');
}
.iwcSection .iwcIcon.icon4::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Cpath d="M8 24L40 24" stroke="white" stroke-width="3"/%3E%3Cpath d="M24 8L24 40" stroke="white" stroke-width="3"/%3E%3Crect x="20.5" y="35.5" width="7" height="7" rx="3.5" fill="white"/%3E%3Crect x="20.5" y="5.5" width="7" height="7" rx="3.5" fill="white"/%3E%3Crect x="5" y="35" width="8" height="8" fill="white"/%3E%3Crect x="5" y="5" width="8" height="8" fill="white"/%3E%3Crect width="8" height="8" transform="matrix(-1 0 0 1 43 5)" fill="white"/%3E%3Crect width="7" height="7" rx="3.5" transform="matrix(-1 0 0 1 42.5 20.5)" fill="white"/%3E%3Crect width="7" height="7" rx="3.5" transform="matrix(-1 0 0 1 27.5 20.5)" fill="white"/%3E%3Crect width="7" height="7" rx="3.5" transform="matrix(-1 0 0 1 12.5 20)" fill="white"/%3E%3Crect width="8" height="8" transform="matrix(-1 0 0 1 43 35)" fill="white"/%3E%3C/svg%3E');
}
.iwcSection .iwcIcon.icon5::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Cpath d="M41.6699 14.6592L23.999 27.0127L6.32715 14.6592L23.999 2.30469L41.6699 14.6592Z" stroke="white" stroke-width="2.6"/%3E%3Crect x="4.05859" y="14.6602" width="2.4" height="9.32812" fill="white"/%3E%3Crect x="41.5391" y="23.9883" width="2.4" height="9.32812" fill="white"/%3E%3Cpath d="M43.9395 33.3154L23.999 47.2559L4.05859 33.3154L11.71 27.9648L13.4336 29.6885L8.24707 33.3145L23.999 44.3262L39.751 33.3145L34.5635 29.6885L36.2871 27.9648L43.9395 33.3154Z" fill="white"/%3E%3Cpath d="M13.4365 29.6914L8.25 33.3174L24.002 44.3291L39.7539 33.3174L34.5664 29.6914" stroke="white" stroke-width="0.5"/%3E%3Cpath d="M43.9434 23.9844L24.0029 37.9248L4.0625 23.9844L11.2793 18.9375L13.0029 20.6611L8.25 23.9844L24.0029 34.9961L39.7549 23.9844L35.001 20.6602L36.7236 18.9375L43.9434 23.9844Z" fill="white"/%3E%3Cpath d="M13.0029 20.6611L8.25 23.9844L24.0029 34.9961L39.7549 23.9844L35.001 20.6602" stroke="white" stroke-width="0.5"/%3E%3C/svg%3E');
}
.iwcSection .iwcIcon.icon6::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Crect x="20" y="5" width="8" height="8" fill="white"/%3E%3Crect x="35" y="35" width="8" height="8" fill="white"/%3E%3Crect x="5" y="20" width="8" height="8" fill="white"/%3E%3Ccircle cx="9" cy="9" r="3.5" fill="white"/%3E%3Ccircle cx="24" cy="24" r="3.5" fill="white"/%3E%3Ccircle cx="39" cy="24" r="3.5" fill="white"/%3E%3Ccircle cx="9" cy="39" r="3.5" fill="white"/%3E%3Ccircle cx="24" cy="39" r="3.5" fill="white"/%3E%3Ccircle cx="39" cy="9" r="3.5" fill="white"/%3E%3Cpath d="M10 39L24 39L24 25" stroke="white" stroke-width="3"/%3E%3Cpath d="M25 24L39 24L39 10" stroke="white" stroke-width="3"/%3E%3C/svg%3E');
}
.iwcSection .iwcIcon.icon7::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"%3E%3Crect x="16" y="16" width="16" height="16" fill="white"/%3E%3Cpath d="M14 6H6V14" stroke="white" stroke-width="3"/%3E%3Cpath d="M34 42H42V34" stroke="white" stroke-width="3"/%3E%3Cpath d="M34 6H42V14" stroke="white" stroke-width="3"/%3E%3Cpath d="M14 42H6V34" stroke="white" stroke-width="3"/%3E%3C/svg%3E');
}

.ctSection {
  padding: 182px 0 200px 0;
  background: url(/common/brand/images/BG_main_1.png) no-repeat center center;
  background-size: cover;
  text-align: center;
}
.ctSection .f__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ctSection .logoImg {
  width: 100px;
  margin-bottom: 30px;
}
.ctSection .btnWrap {
  margin-top: 40px;
  display: flex;
  gap: 12px;
}

.prSection {
  background-color: #E1F8F9;
}
.prSection .prWrap .item.point {
  border: 1px solid #00B3B9;
  box-shadow: 0 0 20px 0 rgba(0, 135, 138, 0.2);
}
.prSection .prWrap .item.point h5, .prSection .prWrap .item.point h3 {
  color: #00B3B9;
}
.prSection .f__btn {
  margin: 0 auto;
}

.nsSection {
  padding: 200px 0 60px 0;
  margin-bottom: 0;
}
.nsSection .secTitWrap {
  text-align: center;
}

.faqSection {
  background: linear-gradient(180deg, rgba(179, 238, 190, 0) 20%, rgba(179, 238, 190, 0.5) 58.63%, #00B3B9 109.92%);
}
.faqSection .faqWrap {
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.7) 100%);
  box-shadow: 0 10px 50px 0 rgba(0, 135, 138, 0.2);
}

.caSection .caIcon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none"%3E%3Cpath d="M59.4639 0H20.5361C9.19432 0 0 9.19432 0 20.5361V59.4639C0 70.8057 9.19432 80 20.5361 80H59.4639C70.8057 80 80 70.8057 80 59.4639V20.5361C80 9.19432 70.8057 0 59.4639 0Z" fill="%2300BCC1"/%3E%3Cpath d="M57.9582 29.7975L39.1438 21.0709V26.9197L26.5325 21.0709V52.1112L45.3531 60.8378V54.989L57.9582 60.8378V29.7975Z" fill="%23C1FFFF"/%3E%3Cpath d="M22.2513 50.3029L24.5759 51.3844V20.3441L22.2513 19.2688V50.3029Z" fill="%23C1FFFF"/%3E%3C/svg%3E');
}
.caSection .f__btn_point {
  background-color: #00B3B9;
  color: white;
}

/*** laptop ***/
@container (min-width: 1016px) and (max-width: 1240px) {}
/*** tablet ***/
@container (min-width: 760px) and (max-width: 1015px) {
  .f__header ~ .f__sub {
    margin: -56px 0 0 0;
  }
  .kvSection {
    height: 760px;
    margin-bottom: 120px;
  }
  .kvSection .kvContWrap {
    padding-top: 106px;
    width: auto;
    height: auto;
  }
  .kvSection .kvContWrap .ic_kv {
    display: none;
  }
  .kvSection .kvImageWrap {
    height: 760px;
    background: url(/common/brand/images/BG_kv2_tab.png) no-repeat center center;
    background-size: cover;
  }
  .kvSection .kvImageWrap img {
    display: none;
  }
  .ctSection {
    padding: 107px 0 120px 0;
  }
  .ctSection .logoImg {
    width: 70px;
    margin-bottom: 20px;
  }
  .ctSection .btnWrap {
    margin-top: 30px;
  }
  .fdSection {
    padding-bottom: 140px;
  }
  .fdSection .f__tab.round > ul li {
    width: 306px;
  }
  .fdSection .stepWrap {
    flex-direction: column;
    padding: 0 40px;
  }
  .fdSection .stepWrap .item {
    padding-top: 0;
    padding-left: 66px;
    flex-direction: row;
  }
  .fdSection .stepWrap .item .bullet {
    left: 0;
    transform: translateY(-50%);
    top: 50%;
  }
  .fdSection .stepWrap .item .stepBox {
    min-width: 1px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 36px 1fr;
    column-gap: 24px;
    row-gap: 12px;
    text-align: left;
  }
  .fdSection .stepWrap .item .stepBox .img {
    grid-row: 1/3;
    height: 180px;
    width: auto;
  }
  .fdSection .stepWrap .item .stepBox .info {
    gap: 4px;
  }
  .fdSection .stepWrap .item + .item::before {
    display: block;
    content: "";
    position: absolute;
    top: calc(-50% + 7px);
    left: 20px;
    width: 6px;
    height: calc(100% - 44px);
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none"%3E%3Crect width="6" height="6" fill="white"/%3E%3Ccircle cx="3" cy="1" r="1" fill="%2300B3B9"/%3E%3C/svg%3E') repeat-y top center;
  }
  .fdSection .stepWrap .item + .item .bullet::before {
    transform: rotate(90deg);
    top: -12px;
    left: 20px;
  }
  .fdSection .aboutWrap {
    padding-top: 24px;
  }
  .fdSection .aboutWrap .badge {
    height: 48px;
    width: 220px;
    background-size: 158px;
  }
  .fdSection .aboutWrap .circleWrap {
    max-width: 668px;
    margin: 0 auto;
    padding: 56px 44px 50px 44px;
    border-radius: 220px;
    flex-wrap: wrap;
  }
  .fdSection .aboutWrap .circleWrap .item {
    width: calc(50% + 10px);
  }
  .fdSection .aboutWrap .circleWrap .item.left {
    width: 100%;
    margin-right: 0;
    display: flex;
    justify-content: center;
  }
  .fdSection .aboutWrap .circleWrap .item.center {
    margin: -40px -10px 0 0;
    display: flex;
    justify-content: flex-end;
  }
  .fdSection .aboutWrap .circleWrap .item.right {
    margin: -40px 0 0 -10px;
    display: flex;
    justify-content: flex-start;
  }
  .fdSection .aboutWrap .circleWrap .item .circle {
    width: 300px;
    padding: 39px 40px;
    gap: 12px;
  }
  .fdSection .aboutWrap .circleWrap .item .circle ul + ul {
    padding-top: 12px;
  }
  .dtSection .secTitWrap {
    text-align: center;
  }
  .dtSection .dtList {
    overflow: visible;
  }
  .dtSection .dtCont {
    border-radius: 20px;
  }
  .dtSection .dtCont #CMSdt-1 .dtAddImg {
    width: 300px;
    right: -20px;
    bottom: -20px;
  }
  .dtSection .dtBGWrap {
    height: 107.5%;
    background: url(/common/brand/images/bg_dt1_1_tab.png) no-repeat center top;
    background-size: cover;
  }
  .dtSection .dtBGWrap .bg_detail {
    display: none;
  }
  .nsSection {
    padding: 140px 0 40px 0;
  }
}
/*** mobile ***/
@container (max-width: 759px) {
  .f__header ~ .f__sub {
    margin: -56px 0 0 0;
  }
  .kvSection {
    padding: 0;
    height: 590px;
    margin-bottom: 80px;
  }
  .kvSection .kvContWrap {
    padding: 86px 20px 0 20px;
    width: auto;
    height: auto;
  }
  .kvSection .kvContWrap .ic_kv {
    display: none;
  }
  .kvSection .kvContWrap .mNone {
    display: none;
  }
  .kvSection .kvImageWrap {
    border-radius: 0;
    width: 152%;
    height: 590px;
    background: url(/common/brand/images/BG_kv2_mo.png) no-repeat center center;
    background-size: cover;
  }
  .kvSection .kvImageWrap img {
    display: none;
  }
  .ctSection {
    padding: 119px 0 80px 0;
  }
  .ctSection .logoImg {
    width: 50px;
    margin-bottom: 16px;
  }
  .ctSection .btnWrap {
    margin-top: 30px;
  }
  .fdSection {
    padding-bottom: 100px;
  }
  .fdSection .f__tab.round > ul li {
    width: 163px;
  }
  .fdSection .stepWrap {
    flex-direction: column;
  }
  .fdSection .stepWrap .item {
    padding-top: 0;
    padding-left: 40px;
    flex-direction: row;
  }
  .fdSection .stepWrap .item .bullet {
    width: 32px;
    height: 32px;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
  }
  .fdSection .stepWrap .item .bullet::after {
    width: calc(100% - 11px);
    height: calc(100% - 11px);
    left: 5.5px;
    top: 5.5px;
  }
  .fdSection .stepWrap .item .stepBox {
    gap: 12px;
  }
  .fdSection .stepWrap .item .stepBox .info {
    width: 240px;
    margin: 0 auto;
    gap: 8px;
  }
  .fdSection .stepWrap .item + .item::before {
    display: block;
    content: "";
    position: absolute;
    top: calc(-50% + 4px);
    left: 12px;
    width: 6px;
    height: calc(100% - 37px);
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none"%3E%3Crect width="6" height="6" fill="white"/%3E%3Ccircle cx="3" cy="1" r="1" fill="%2300B3B9"/%3E%3C/svg%3E') repeat-y top center;
  }
  .fdSection .stepWrap .item + .item .bullet::before {
    transform: rotate(90deg);
    top: -20px;
    left: 12px;
  }
  .fdSection .aboutWrap {
    padding-top: 20px;
  }
  .fdSection .aboutWrap .badge {
    height: 40px;
    width: 180px;
    background-size: 114px;
  }
  .fdSection .aboutWrap .circleWrap {
    max-width: 668px;
    margin: 0 auto;
    padding: 50px 20px 20px 20px;
    border-radius: 120px 120px 180px 180px;
    flex-wrap: wrap;
  }
  .fdSection .aboutWrap .circleWrap .item {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .fdSection .aboutWrap .circleWrap .item.left {
    margin: 0;
  }
  .fdSection .aboutWrap .circleWrap .item.center {
    margin: -15px 0 0;
  }
  .fdSection .aboutWrap .circleWrap .item.right {
    margin: -15px 0 0;
  }
  .fdSection .aboutWrap .circleWrap .item .circle {
    width: 300px;
    max-width: 100%;
    padding: 39px 40px;
    gap: 8px;
  }
  .fdSection .aboutWrap .circleWrap .item .circle ul + ul {
    padding-top: 8px;
  }
  .dtSection .secTitWrap {
    text-align: center;
  }
  .dtSection .dtList {
    overflow: visible;
  }
  .dtSection .dtCont {
    border-radius: 15px;
  }
  .dtSection .dtCont #CMSdt-1 .dtAddImg {
    width: 200px;
    right: -12px;
    bottom: -12px;
  }
  .dtSection .dtBGWrap {
    height: 107.8%;
    background: url(/common/brand/images/bg_dt1_1_mo.png) no-repeat center top;
    background-size: cover;
  }
  .dtSection .dtBGWrap .bg_detail {
    display: none;
  }
  .nsSection {
    padding: 100px 0 40px 0;
  }
}