@charset "UTF-8";
@import url(./reset.css);
@import url(./fonts.css);
@import url(./swiper-bundle.min.css);
html {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  font-family: 'Noto Sans KR';
  line-height: 1.4;
  letter-spacing: -0.5px;
}

body::after {
  display: block;
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

body.dim:after {
  z-index: 10;
  opacity: 1;
}

textarea,
input[type="text"],
input[type="submit"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="date"] {
  -webkit-appearance: none;
}

input[type="date"] {
  position: relative;
  padding-right: 0;
}

input[type="date"]::after {
  display: block;
  content: '\e90c';
  font-family: "icomoon";
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: none;
  color: transparent;
}

input[type="date"].trigger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
}

strong {
  font-weight: 700;
}

@-webkit-keyframes clickAction {
  30% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes clickAction {
  30% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

hr {
  margin: 0 -18px;
  padding: 0 18px;
  height: 8px;
  border: none;
  border-top: 1px solid #dddddd;
  background: #f1f1f1;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-1 {
  margin-top: 0.5px !important;
}

.mr-1 {
  margin-right: 0.5px !important;
}

.mb-1 {
  margin-bottom: 0.5px !important;
}

.ml-1 {
  margin-left: 0.5px !important;
}

.mt-2 {
  margin-top: 1px !important;
}

.mr-2 {
  margin-right: 1px !important;
}

.mb-2 {
  margin-bottom: 1px !important;
}

.ml-2 {
  margin-left: 1px !important;
}

.mt-3 {
  margin-top: 1.5px !important;
}

.mr-3 {
  margin-right: 1.5px !important;
}

.mb-3 {
  margin-bottom: 1.5px !important;
}

.ml-3 {
  margin-left: 1.5px !important;
}

.mt-4 {
  margin-top: 2px !important;
}

.mr-4 {
  margin-right: 2px !important;
}

.mb-4 {
  margin-bottom: 2px !important;
}

.ml-4 {
  margin-left: 2px !important;
}

.mt-5 {
  margin-top: 2.5px !important;
}

.mr-5 {
  margin-right: 2.5px !important;
}

.mb-5 {
  margin-bottom: 2.5px !important;
}

.ml-5 {
  margin-left: 2.5px !important;
}

.mt-6 {
  margin-top: 3px !important;
}

.mr-6 {
  margin-right: 3px !important;
}

.mb-6 {
  margin-bottom: 3px !important;
}

.ml-6 {
  margin-left: 3px !important;
}

.mt-7 {
  margin-top: 3.5px !important;
}

.mr-7 {
  margin-right: 3.5px !important;
}

.mb-7 {
  margin-bottom: 3.5px !important;
}

.ml-7 {
  margin-left: 3.5px !important;
}

.mt-8 {
  margin-top: 4px !important;
}

.mr-8 {
  margin-right: 4px !important;
}

.mb-8 {
  margin-bottom: 4px !important;
}

.ml-8 {
  margin-left: 4px !important;
}

.mt-9 {
  margin-top: 4.5px !important;
}

.mr-9 {
  margin-right: 4.5px !important;
}

.mb-9 {
  margin-bottom: 4.5px !important;
}

.ml-9 {
  margin-left: 4.5px !important;
}

.mt-10 {
  margin-top: 5px !important;
}

.mr-10 {
  margin-right: 5px !important;
}

.mb-10 {
  margin-bottom: 5px !important;
}

.ml-10 {
  margin-left: 5px !important;
}

.mt-11 {
  margin-top: 5.5px !important;
}

.mr-11 {
  margin-right: 5.5px !important;
}

.mb-11 {
  margin-bottom: 5.5px !important;
}

.ml-11 {
  margin-left: 5.5px !important;
}

.mt-12 {
  margin-top: 6px !important;
}

.mr-12 {
  margin-right: 6px !important;
}

.mb-12 {
  margin-bottom: 6px !important;
}

.ml-12 {
  margin-left: 6px !important;
}

.mt-13 {
  margin-top: 6.5px !important;
}

.mr-13 {
  margin-right: 6.5px !important;
}

.mb-13 {
  margin-bottom: 6.5px !important;
}

.ml-13 {
  margin-left: 6.5px !important;
}

.mt-14 {
  margin-top: 7px !important;
}

.mr-14 {
  margin-right: 7px !important;
}

.mb-14 {
  margin-bottom: 7px !important;
}

.ml-14 {
  margin-left: 7px !important;
}

.mt-15 {
  margin-top: 7.5px !important;
}

.mr-15 {
  margin-right: 7.5px !important;
}

.mb-15 {
  margin-bottom: 7.5px !important;
}

.ml-15 {
  margin-left: 7.5px !important;
}

.mt-16 {
  margin-top: 8px !important;
}

.mr-16 {
  margin-right: 8px !important;
}

.mb-16 {
  margin-bottom: 8px !important;
}

.ml-16 {
  margin-left: 8px !important;
}

.mt-17 {
  margin-top: 8.5px !important;
}

.mr-17 {
  margin-right: 8.5px !important;
}

.mb-17 {
  margin-bottom: 8.5px !important;
}

.ml-17 {
  margin-left: 8.5px !important;
}

.mt-18 {
  margin-top: 9px !important;
}

.mr-18 {
  margin-right: 9px !important;
}

.mb-18 {
  margin-bottom: 9px !important;
}

.ml-18 {
  margin-left: 9px !important;
}

.mt-19 {
  margin-top: 9.5px !important;
}

.mr-19 {
  margin-right: 9.5px !important;
}

.mb-19 {
  margin-bottom: 9.5px !important;
}

.ml-19 {
  margin-left: 9.5px !important;
}

.mt-20 {
  margin-top: 10px !important;
}

.mr-20 {
  margin-right: 10px !important;
}

.mb-20 {
  margin-bottom: 10px !important;
}

.ml-20 {
  margin-left: 10px !important;
}

.mt-21 {
  margin-top: 10.5px !important;
}

.mr-21 {
  margin-right: 10.5px !important;
}

.mb-21 {
  margin-bottom: 10.5px !important;
}

.ml-21 {
  margin-left: 10.5px !important;
}

.mt-22 {
  margin-top: 11px !important;
}

.mr-22 {
  margin-right: 11px !important;
}

.mb-22 {
  margin-bottom: 11px !important;
}

.ml-22 {
  margin-left: 11px !important;
}

.mt-23 {
  margin-top: 11.5px !important;
}

.mr-23 {
  margin-right: 11.5px !important;
}

.mb-23 {
  margin-bottom: 11.5px !important;
}

.ml-23 {
  margin-left: 11.5px !important;
}

.mt-24 {
  margin-top: 12px !important;
}

.mr-24 {
  margin-right: 12px !important;
}

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

.ml-24 {
  margin-left: 12px !important;
}

.mt-25 {
  margin-top: 12.5px !important;
}

.mr-25 {
  margin-right: 12.5px !important;
}

.mb-25 {
  margin-bottom: 12.5px !important;
}

.ml-25 {
  margin-left: 12.5px !important;
}

.mt-26 {
  margin-top: 13px !important;
}

.mr-26 {
  margin-right: 13px !important;
}

.mb-26 {
  margin-bottom: 13px !important;
}

.ml-26 {
  margin-left: 13px !important;
}

.mt-27 {
  margin-top: 13.5px !important;
}

.mr-27 {
  margin-right: 13.5px !important;
}

.mb-27 {
  margin-bottom: 13.5px !important;
}

.ml-27 {
  margin-left: 13.5px !important;
}

.mt-28 {
  margin-top: 14px !important;
}

.mr-28 {
  margin-right: 14px !important;
}

.mb-28 {
  margin-bottom: 14px !important;
}

.ml-28 {
  margin-left: 14px !important;
}

.mt-29 {
  margin-top: 14.5px !important;
}

.mr-29 {
  margin-right: 14.5px !important;
}

.mb-29 {
  margin-bottom: 14.5px !important;
}

.ml-29 {
  margin-left: 14.5px !important;
}

.mt-30 {
  margin-top: 15px !important;
}

.mr-30 {
  margin-right: 15px !important;
}

.mb-30 {
  margin-bottom: 15px !important;
}

.ml-30 {
  margin-left: 15px !important;
}

.mt-31 {
  margin-top: 15.5px !important;
}

.mr-31 {
  margin-right: 15.5px !important;
}

.mb-31 {
  margin-bottom: 15.5px !important;
}

.ml-31 {
  margin-left: 15.5px !important;
}

.mt-32 {
  margin-top: 16px !important;
}

.mr-32 {
  margin-right: 16px !important;
}

.mb-32 {
  margin-bottom: 16px !important;
}

.ml-32 {
  margin-left: 16px !important;
}

.mt-33 {
  margin-top: 16.5px !important;
}

.mr-33 {
  margin-right: 16.5px !important;
}

.mb-33 {
  margin-bottom: 16.5px !important;
}

.ml-33 {
  margin-left: 16.5px !important;
}

.mt-34 {
  margin-top: 17px !important;
}

.mr-34 {
  margin-right: 17px !important;
}

.mb-34 {
  margin-bottom: 17px !important;
}

.ml-34 {
  margin-left: 17px !important;
}

.mt-35 {
  margin-top: 17.5px !important;
}

.mr-35 {
  margin-right: 17.5px !important;
}

.mb-35 {
  margin-bottom: 17.5px !important;
}

.ml-35 {
  margin-left: 17.5px !important;
}

.mt-36 {
  margin-top: 18px !important;
}

.mr-36 {
  margin-right: 18px !important;
}

.mb-36 {
  margin-bottom: 18px !important;
}

.ml-36 {
  margin-left: 18px !important;
}

.mt-37 {
  margin-top: 18.5px !important;
}

.mr-37 {
  margin-right: 18.5px !important;
}

.mb-37 {
  margin-bottom: 18.5px !important;
}

.ml-37 {
  margin-left: 18.5px !important;
}

.mt-38 {
  margin-top: 19px !important;
}

.mr-38 {
  margin-right: 19px !important;
}

.mb-38 {
  margin-bottom: 19px !important;
}

.ml-38 {
  margin-left: 19px !important;
}

.mt-39 {
  margin-top: 19.5px !important;
}

.mr-39 {
  margin-right: 19.5px !important;
}

.mb-39 {
  margin-bottom: 19.5px !important;
}

.ml-39 {
  margin-left: 19.5px !important;
}

.mt-40 {
  margin-top: 20px !important;
}

.mr-40 {
  margin-right: 20px !important;
}

.mb-40 {
  margin-bottom: 20px !important;
}

.ml-40 {
  margin-left: 20px !important;
}

.mt-41 {
  margin-top: 20.5px !important;
}

.mr-41 {
  margin-right: 20.5px !important;
}

.mb-41 {
  margin-bottom: 20.5px !important;
}

.ml-41 {
  margin-left: 20.5px !important;
}

.mt-42 {
  margin-top: 21px !important;
}

.mr-42 {
  margin-right: 21px !important;
}

.mb-42 {
  margin-bottom: 21px !important;
}

.ml-42 {
  margin-left: 21px !important;
}

.mt-43 {
  margin-top: 21.5px !important;
}

.mr-43 {
  margin-right: 21.5px !important;
}

.mb-43 {
  margin-bottom: 21.5px !important;
}

.ml-43 {
  margin-left: 21.5px !important;
}

.mt-44 {
  margin-top: 22px !important;
}

.mr-44 {
  margin-right: 22px !important;
}

.mb-44 {
  margin-bottom: 22px !important;
}

.ml-44 {
  margin-left: 22px !important;
}

.mt-45 {
  margin-top: 22.5px !important;
}

.mr-45 {
  margin-right: 22.5px !important;
}

.mb-45 {
  margin-bottom: 22.5px !important;
}

.ml-45 {
  margin-left: 22.5px !important;
}

.mt-46 {
  margin-top: 23px !important;
}

.mr-46 {
  margin-right: 23px !important;
}

.mb-46 {
  margin-bottom: 23px !important;
}

.ml-46 {
  margin-left: 23px !important;
}

.mt-47 {
  margin-top: 23.5px !important;
}

.mr-47 {
  margin-right: 23.5px !important;
}

.mb-47 {
  margin-bottom: 23.5px !important;
}

.ml-47 {
  margin-left: 23.5px !important;
}

.mt-48 {
  margin-top: 24px !important;
}

.mr-48 {
  margin-right: 24px !important;
}

.mb-48 {
  margin-bottom: 24px !important;
}

.ml-48 {
  margin-left: 24px !important;
}

.mt-49 {
  margin-top: 24.5px !important;
}

.mr-49 {
  margin-right: 24.5px !important;
}

.mb-49 {
  margin-bottom: 24.5px !important;
}

.ml-49 {
  margin-left: 24.5px !important;
}

.mt-50 {
  margin-top: 25px !important;
}

.mr-50 {
  margin-right: 25px !important;
}

.mb-50 {
  margin-bottom: 25px !important;
}

.ml-50 {
  margin-left: 25px !important;
}

.mt-51 {
  margin-top: 25.5px !important;
}

.mr-51 {
  margin-right: 25.5px !important;
}

.mb-51 {
  margin-bottom: 25.5px !important;
}

.ml-51 {
  margin-left: 25.5px !important;
}

.mt-52 {
  margin-top: 26px !important;
}

.mr-52 {
  margin-right: 26px !important;
}

.mb-52 {
  margin-bottom: 26px !important;
}

.ml-52 {
  margin-left: 26px !important;
}

.mt-53 {
  margin-top: 26.5px !important;
}

.mr-53 {
  margin-right: 26.5px !important;
}

.mb-53 {
  margin-bottom: 26.5px !important;
}

.ml-53 {
  margin-left: 26.5px !important;
}

.mt-54 {
  margin-top: 27px !important;
}

.mr-54 {
  margin-right: 27px !important;
}

.mb-54 {
  margin-bottom: 27px !important;
}

.ml-54 {
  margin-left: 27px !important;
}

.mt-55 {
  margin-top: 27.5px !important;
}

.mr-55 {
  margin-right: 27.5px !important;
}

.mb-55 {
  margin-bottom: 27.5px !important;
}

.ml-55 {
  margin-left: 27.5px !important;
}

.mt-56 {
  margin-top: 28px !important;
}

.mr-56 {
  margin-right: 28px !important;
}

.mb-56 {
  margin-bottom: 28px !important;
}

.ml-56 {
  margin-left: 28px !important;
}

.mt-57 {
  margin-top: 28.5px !important;
}

.mr-57 {
  margin-right: 28.5px !important;
}

.mb-57 {
  margin-bottom: 28.5px !important;
}

.ml-57 {
  margin-left: 28.5px !important;
}

.mt-58 {
  margin-top: 29px !important;
}

.mr-58 {
  margin-right: 29px !important;
}

.mb-58 {
  margin-bottom: 29px !important;
}

.ml-58 {
  margin-left: 29px !important;
}

.mt-59 {
  margin-top: 29.5px !important;
}

.mr-59 {
  margin-right: 29.5px !important;
}

.mb-59 {
  margin-bottom: 29.5px !important;
}

.ml-59 {
  margin-left: 29.5px !important;
}

.mt-60 {
  margin-top: 30px !important;
}

.mr-60 {
  margin-right: 30px !important;
}

.mb-60 {
  margin-bottom: 30px !important;
}

.ml-60 {
  margin-left: 30px !important;
}

.mt-61 {
  margin-top: 30.5px !important;
}

.mr-61 {
  margin-right: 30.5px !important;
}

.mb-61 {
  margin-bottom: 30.5px !important;
}

.ml-61 {
  margin-left: 30.5px !important;
}

.mt-62 {
  margin-top: 31px !important;
}

.mr-62 {
  margin-right: 31px !important;
}

.mb-62 {
  margin-bottom: 31px !important;
}

.ml-62 {
  margin-left: 31px !important;
}

.mt-63 {
  margin-top: 31.5px !important;
}

.mr-63 {
  margin-right: 31.5px !important;
}

.mb-63 {
  margin-bottom: 31.5px !important;
}

.ml-63 {
  margin-left: 31.5px !important;
}

.mt-64 {
  margin-top: 32px !important;
}

.mr-64 {
  margin-right: 32px !important;
}

.mb-64 {
  margin-bottom: 32px !important;
}

.ml-64 {
  margin-left: 32px !important;
}

.mt-65 {
  margin-top: 32.5px !important;
}

.mr-65 {
  margin-right: 32.5px !important;
}

.mb-65 {
  margin-bottom: 32.5px !important;
}

.ml-65 {
  margin-left: 32.5px !important;
}

.mt-66 {
  margin-top: 33px !important;
}

.mr-66 {
  margin-right: 33px !important;
}

.mb-66 {
  margin-bottom: 33px !important;
}

.ml-66 {
  margin-left: 33px !important;
}

.mt-67 {
  margin-top: 33.5px !important;
}

.mr-67 {
  margin-right: 33.5px !important;
}

.mb-67 {
  margin-bottom: 33.5px !important;
}

.ml-67 {
  margin-left: 33.5px !important;
}

.mt-68 {
  margin-top: 34px !important;
}

.mr-68 {
  margin-right: 34px !important;
}

.mb-68 {
  margin-bottom: 34px !important;
}

.ml-68 {
  margin-left: 34px !important;
}

.mt-69 {
  margin-top: 34.5px !important;
}

.mr-69 {
  margin-right: 34.5px !important;
}

.mb-69 {
  margin-bottom: 34.5px !important;
}

.ml-69 {
  margin-left: 34.5px !important;
}

.mt-70 {
  margin-top: 35px !important;
}

.mr-70 {
  margin-right: 35px !important;
}

.mb-70 {
  margin-bottom: 35px !important;
}

.ml-70 {
  margin-left: 35px !important;
}

.mt-71 {
  margin-top: 35.5px !important;
}

.mr-71 {
  margin-right: 35.5px !important;
}

.mb-71 {
  margin-bottom: 35.5px !important;
}

.ml-71 {
  margin-left: 35.5px !important;
}

.mt-72 {
  margin-top: 36px !important;
}

.mr-72 {
  margin-right: 36px !important;
}

.mb-72 {
  margin-bottom: 36px !important;
}

.ml-72 {
  margin-left: 36px !important;
}

.mt-73 {
  margin-top: 36.5px !important;
}

.mr-73 {
  margin-right: 36.5px !important;
}

.mb-73 {
  margin-bottom: 36.5px !important;
}

.ml-73 {
  margin-left: 36.5px !important;
}

.mt-74 {
  margin-top: 37px !important;
}

.mr-74 {
  margin-right: 37px !important;
}

.mb-74 {
  margin-bottom: 37px !important;
}

.ml-74 {
  margin-left: 37px !important;
}

.mt-75 {
  margin-top: 37.5px !important;
}

.mr-75 {
  margin-right: 37.5px !important;
}

.mb-75 {
  margin-bottom: 37.5px !important;
}

.ml-75 {
  margin-left: 37.5px !important;
}

.mt-76 {
  margin-top: 38px !important;
}

.mr-76 {
  margin-right: 38px !important;
}

.mb-76 {
  margin-bottom: 38px !important;
}

.ml-76 {
  margin-left: 38px !important;
}

.mt-77 {
  margin-top: 38.5px !important;
}

.mr-77 {
  margin-right: 38.5px !important;
}

.mb-77 {
  margin-bottom: 38.5px !important;
}

.ml-77 {
  margin-left: 38.5px !important;
}

.mt-78 {
  margin-top: 39px !important;
}

.mr-78 {
  margin-right: 39px !important;
}

.mb-78 {
  margin-bottom: 39px !important;
}

.ml-78 {
  margin-left: 39px !important;
}

.mt-79 {
  margin-top: 39.5px !important;
}

.mr-79 {
  margin-right: 39.5px !important;
}

.mb-79 {
  margin-bottom: 39.5px !important;
}

.ml-79 {
  margin-left: 39.5px !important;
}

.mt-80 {
  margin-top: 40px !important;
}

.mr-80 {
  margin-right: 40px !important;
}

.mb-80 {
  margin-bottom: 40px !important;
}

.ml-80 {
  margin-left: 40px !important;
}

.mt-81 {
  margin-top: 40.5px !important;
}

.mr-81 {
  margin-right: 40.5px !important;
}

.mb-81 {
  margin-bottom: 40.5px !important;
}

.ml-81 {
  margin-left: 40.5px !important;
}

.mt-82 {
  margin-top: 41px !important;
}

.mr-82 {
  margin-right: 41px !important;
}

.mb-82 {
  margin-bottom: 41px !important;
}

.ml-82 {
  margin-left: 41px !important;
}

.mt-83 {
  margin-top: 41.5px !important;
}

.mr-83 {
  margin-right: 41.5px !important;
}

.mb-83 {
  margin-bottom: 41.5px !important;
}

.ml-83 {
  margin-left: 41.5px !important;
}

.mt-84 {
  margin-top: 42px !important;
}

.mr-84 {
  margin-right: 42px !important;
}

.mb-84 {
  margin-bottom: 42px !important;
}

.ml-84 {
  margin-left: 42px !important;
}

.mt-85 {
  margin-top: 42.5px !important;
}

.mr-85 {
  margin-right: 42.5px !important;
}

.mb-85 {
  margin-bottom: 42.5px !important;
}

.ml-85 {
  margin-left: 42.5px !important;
}

.mt-86 {
  margin-top: 43px !important;
}

.mr-86 {
  margin-right: 43px !important;
}

.mb-86 {
  margin-bottom: 43px !important;
}

.ml-86 {
  margin-left: 43px !important;
}

.mt-87 {
  margin-top: 43.5px !important;
}

.mr-87 {
  margin-right: 43.5px !important;
}

.mb-87 {
  margin-bottom: 43.5px !important;
}

.ml-87 {
  margin-left: 43.5px !important;
}

.mt-88 {
  margin-top: 44px !important;
}

.mr-88 {
  margin-right: 44px !important;
}

.mb-88 {
  margin-bottom: 44px !important;
}

.ml-88 {
  margin-left: 44px !important;
}

.mt-89 {
  margin-top: 44.5px !important;
}

.mr-89 {
  margin-right: 44.5px !important;
}

.mb-89 {
  margin-bottom: 44.5px !important;
}

.ml-89 {
  margin-left: 44.5px !important;
}

.mt-90 {
  margin-top: 45px !important;
}

.mr-90 {
  margin-right: 45px !important;
}

.mb-90 {
  margin-bottom: 45px !important;
}

.ml-90 {
  margin-left: 45px !important;
}

.mt-91 {
  margin-top: 45.5px !important;
}

.mr-91 {
  margin-right: 45.5px !important;
}

.mb-91 {
  margin-bottom: 45.5px !important;
}

.ml-91 {
  margin-left: 45.5px !important;
}

.mt-92 {
  margin-top: 46px !important;
}

.mr-92 {
  margin-right: 46px !important;
}

.mb-92 {
  margin-bottom: 46px !important;
}

.ml-92 {
  margin-left: 46px !important;
}

.mt-93 {
  margin-top: 46.5px !important;
}

.mr-93 {
  margin-right: 46.5px !important;
}

.mb-93 {
  margin-bottom: 46.5px !important;
}

.ml-93 {
  margin-left: 46.5px !important;
}

.mt-94 {
  margin-top: 47px !important;
}

.mr-94 {
  margin-right: 47px !important;
}

.mb-94 {
  margin-bottom: 47px !important;
}

.ml-94 {
  margin-left: 47px !important;
}

.mt-95 {
  margin-top: 47.5px !important;
}

.mr-95 {
  margin-right: 47.5px !important;
}

.mb-95 {
  margin-bottom: 47.5px !important;
}

.ml-95 {
  margin-left: 47.5px !important;
}

.mt-96 {
  margin-top: 48px !important;
}

.mr-96 {
  margin-right: 48px !important;
}

.mb-96 {
  margin-bottom: 48px !important;
}

.ml-96 {
  margin-left: 48px !important;
}

.mt-97 {
  margin-top: 48.5px !important;
}

.mr-97 {
  margin-right: 48.5px !important;
}

.mb-97 {
  margin-bottom: 48.5px !important;
}

.ml-97 {
  margin-left: 48.5px !important;
}

.mt-98 {
  margin-top: 49px !important;
}

.mr-98 {
  margin-right: 49px !important;
}

.mb-98 {
  margin-bottom: 49px !important;
}

.ml-98 {
  margin-left: 49px !important;
}

.mt-99 {
  margin-top: 49.5px !important;
}

.mr-99 {
  margin-right: 49.5px !important;
}

.mb-99 {
  margin-bottom: 49.5px !important;
}

.ml-99 {
  margin-left: 49.5px !important;
}

.mt-100 {
  margin-top: 50px !important;
}

.mr-100 {
  margin-right: 50px !important;
}

.mb-100 {
  margin-bottom: 50px !important;
}

.ml-100 {
  margin-left: 50px !important;
}

.mt-101 {
  margin-top: 50.5px !important;
}

.mr-101 {
  margin-right: 50.5px !important;
}

.mb-101 {
  margin-bottom: 50.5px !important;
}

.ml-101 {
  margin-left: 50.5px !important;
}

.mt-102 {
  margin-top: 51px !important;
}

.mr-102 {
  margin-right: 51px !important;
}

.mb-102 {
  margin-bottom: 51px !important;
}

.ml-102 {
  margin-left: 51px !important;
}

.mt-103 {
  margin-top: 51.5px !important;
}

.mr-103 {
  margin-right: 51.5px !important;
}

.mb-103 {
  margin-bottom: 51.5px !important;
}

.ml-103 {
  margin-left: 51.5px !important;
}

.mt-104 {
  margin-top: 52px !important;
}

.mr-104 {
  margin-right: 52px !important;
}

.mb-104 {
  margin-bottom: 52px !important;
}

.ml-104 {
  margin-left: 52px !important;
}

.mt-105 {
  margin-top: 52.5px !important;
}

.mr-105 {
  margin-right: 52.5px !important;
}

.mb-105 {
  margin-bottom: 52.5px !important;
}

.ml-105 {
  margin-left: 52.5px !important;
}

.mt-106 {
  margin-top: 53px !important;
}

.mr-106 {
  margin-right: 53px !important;
}

.mb-106 {
  margin-bottom: 53px !important;
}

.ml-106 {
  margin-left: 53px !important;
}

.mt-107 {
  margin-top: 53.5px !important;
}

.mr-107 {
  margin-right: 53.5px !important;
}

.mb-107 {
  margin-bottom: 53.5px !important;
}

.ml-107 {
  margin-left: 53.5px !important;
}

.mt-108 {
  margin-top: 54px !important;
}

.mr-108 {
  margin-right: 54px !important;
}

.mb-108 {
  margin-bottom: 54px !important;
}

.ml-108 {
  margin-left: 54px !important;
}

.mt-109 {
  margin-top: 54.5px !important;
}

.mr-109 {
  margin-right: 54.5px !important;
}

.mb-109 {
  margin-bottom: 54.5px !important;
}

.ml-109 {
  margin-left: 54.5px !important;
}

.mt-110 {
  margin-top: 55px !important;
}

.mr-110 {
  margin-right: 55px !important;
}

.mb-110 {
  margin-bottom: 55px !important;
}

.ml-110 {
  margin-left: 55px !important;
}

.mt-111 {
  margin-top: 55.5px !important;
}

.mr-111 {
  margin-right: 55.5px !important;
}

.mb-111 {
  margin-bottom: 55.5px !important;
}

.ml-111 {
  margin-left: 55.5px !important;
}

.mt-112 {
  margin-top: 56px !important;
}

.mr-112 {
  margin-right: 56px !important;
}

.mb-112 {
  margin-bottom: 56px !important;
}

.ml-112 {
  margin-left: 56px !important;
}

.mt-113 {
  margin-top: 56.5px !important;
}

.mr-113 {
  margin-right: 56.5px !important;
}

.mb-113 {
  margin-bottom: 56.5px !important;
}

.ml-113 {
  margin-left: 56.5px !important;
}

.mt-114 {
  margin-top: 57px !important;
}

.mr-114 {
  margin-right: 57px !important;
}

.mb-114 {
  margin-bottom: 57px !important;
}

.ml-114 {
  margin-left: 57px !important;
}

.mt-115 {
  margin-top: 57.5px !important;
}

.mr-115 {
  margin-right: 57.5px !important;
}

.mb-115 {
  margin-bottom: 57.5px !important;
}

.ml-115 {
  margin-left: 57.5px !important;
}

.mt-116 {
  margin-top: 58px !important;
}

.mr-116 {
  margin-right: 58px !important;
}

.mb-116 {
  margin-bottom: 58px !important;
}

.ml-116 {
  margin-left: 58px !important;
}

.mt-117 {
  margin-top: 58.5px !important;
}

.mr-117 {
  margin-right: 58.5px !important;
}

.mb-117 {
  margin-bottom: 58.5px !important;
}

.ml-117 {
  margin-left: 58.5px !important;
}

.mt-118 {
  margin-top: 59px !important;
}

.mr-118 {
  margin-right: 59px !important;
}

.mb-118 {
  margin-bottom: 59px !important;
}

.ml-118 {
  margin-left: 59px !important;
}

.mt-119 {
  margin-top: 59.5px !important;
}

.mr-119 {
  margin-right: 59.5px !important;
}

.mb-119 {
  margin-bottom: 59.5px !important;
}

.ml-119 {
  margin-left: 59.5px !important;
}

.mt-120 {
  margin-top: 60px !important;
}

.mr-120 {
  margin-right: 60px !important;
}

.mb-120 {
  margin-bottom: 60px !important;
}

.ml-120 {
  margin-left: 60px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pt-1 {
  padding-top: 0.5px !important;
}

.pr-1 {
  padding-right: 0.5px !important;
}

.pb-1 {
  padding-bottom: 0.5px !important;
}

.pl-1 {
  padding-left: 0.5px !important;
}

.pt-2 {
  padding-top: 1px !important;
}

.pr-2 {
  padding-right: 1px !important;
}

.pb-2 {
  padding-bottom: 1px !important;
}

.pl-2 {
  padding-left: 1px !important;
}

.pt-3 {
  padding-top: 1.5px !important;
}

.pr-3 {
  padding-right: 1.5px !important;
}

.pb-3 {
  padding-bottom: 1.5px !important;
}

.pl-3 {
  padding-left: 1.5px !important;
}

.pt-4 {
  padding-top: 2px !important;
}

.pr-4 {
  padding-right: 2px !important;
}

.pb-4 {
  padding-bottom: 2px !important;
}

.pl-4 {
  padding-left: 2px !important;
}

.pt-5 {
  padding-top: 2.5px !important;
}

.pr-5 {
  padding-right: 2.5px !important;
}

.pb-5 {
  padding-bottom: 2.5px !important;
}

.pl-5 {
  padding-left: 2.5px !important;
}

.pt-6 {
  padding-top: 3px !important;
}

.pr-6 {
  padding-right: 3px !important;
}

.pb-6 {
  padding-bottom: 3px !important;
}

.pl-6 {
  padding-left: 3px !important;
}

.pt-7 {
  padding-top: 3.5px !important;
}

.pr-7 {
  padding-right: 3.5px !important;
}

.pb-7 {
  padding-bottom: 3.5px !important;
}

.pl-7 {
  padding-left: 3.5px !important;
}

.pt-8 {
  padding-top: 4px !important;
}

.pr-8 {
  padding-right: 4px !important;
}

.pb-8 {
  padding-bottom: 4px !important;
}

.pl-8 {
  padding-left: 4px !important;
}

.pt-9 {
  padding-top: 4.5px !important;
}

.pr-9 {
  padding-right: 4.5px !important;
}

.pb-9 {
  padding-bottom: 4.5px !important;
}

.pl-9 {
  padding-left: 4.5px !important;
}

.pt-10 {
  padding-top: 5px !important;
}

.pr-10 {
  padding-right: 5px !important;
}

.pb-10 {
  padding-bottom: 5px !important;
}

.pl-10 {
  padding-left: 5px !important;
}

.pt-11 {
  padding-top: 5.5px !important;
}

.pr-11 {
  padding-right: 5.5px !important;
}

.pb-11 {
  padding-bottom: 5.5px !important;
}

.pl-11 {
  padding-left: 5.5px !important;
}

.pt-12 {
  padding-top: 6px !important;
}

.pr-12 {
  padding-right: 6px !important;
}

.pb-12 {
  padding-bottom: 6px !important;
}

.pl-12 {
  padding-left: 6px !important;
}

.pt-13 {
  padding-top: 6.5px !important;
}

.pr-13 {
  padding-right: 6.5px !important;
}

.pb-13 {
  padding-bottom: 6.5px !important;
}

.pl-13 {
  padding-left: 6.5px !important;
}

.pt-14 {
  padding-top: 7px !important;
}

.pr-14 {
  padding-right: 7px !important;
}

.pb-14 {
  padding-bottom: 7px !important;
}

.pl-14 {
  padding-left: 7px !important;
}

.pt-15 {
  padding-top: 7.5px !important;
}

.pr-15 {
  padding-right: 7.5px !important;
}

.pb-15 {
  padding-bottom: 7.5px !important;
}

.pl-15 {
  padding-left: 7.5px !important;
}

.pt-16 {
  padding-top: 8px !important;
}

.pr-16 {
  padding-right: 8px !important;
}

.pb-16 {
  padding-bottom: 8px !important;
}

.pl-16 {
  padding-left: 8px !important;
}

.pt-17 {
  padding-top: 8.5px !important;
}

.pr-17 {
  padding-right: 8.5px !important;
}

.pb-17 {
  padding-bottom: 8.5px !important;
}

.pl-17 {
  padding-left: 8.5px !important;
}

.pt-18 {
  padding-top: 9px !important;
}

.pr-18 {
  padding-right: 9px !important;
}

.pb-18 {
  padding-bottom: 9px !important;
}

.pl-18 {
  padding-left: 9px !important;
}

.pt-19 {
  padding-top: 9.5px !important;
}

.pr-19 {
  padding-right: 9.5px !important;
}

.pb-19 {
  padding-bottom: 9.5px !important;
}

.pl-19 {
  padding-left: 9.5px !important;
}

.pt-20 {
  padding-top: 10px !important;
}

.pr-20 {
  padding-right: 10px !important;
}

.pb-20 {
  padding-bottom: 10px !important;
}

.pl-20 {
  padding-left: 10px !important;
}

.pt-21 {
  padding-top: 10.5px !important;
}

.pr-21 {
  padding-right: 10.5px !important;
}

.pb-21 {
  padding-bottom: 10.5px !important;
}

.pl-21 {
  padding-left: 10.5px !important;
}

.pt-22 {
  padding-top: 11px !important;
}

.pr-22 {
  padding-right: 11px !important;
}

.pb-22 {
  padding-bottom: 11px !important;
}

.pl-22 {
  padding-left: 11px !important;
}

.pt-23 {
  padding-top: 11.5px !important;
}

.pr-23 {
  padding-right: 11.5px !important;
}

.pb-23 {
  padding-bottom: 11.5px !important;
}

.pl-23 {
  padding-left: 11.5px !important;
}

.pt-24 {
  padding-top: 12px !important;
}

.pr-24 {
  padding-right: 12px !important;
}

.pb-24 {
  padding-bottom: 12px !important;
}

.pl-24 {
  padding-left: 12px !important;
}

.pt-25 {
  padding-top: 12.5px !important;
}

.pr-25 {
  padding-right: 12.5px !important;
}

.pb-25 {
  padding-bottom: 12.5px !important;
}

.pl-25 {
  padding-left: 12.5px !important;
}

.pt-26 {
  padding-top: 13px !important;
}

.pr-26 {
  padding-right: 13px !important;
}

.pb-26 {
  padding-bottom: 13px !important;
}

.pl-26 {
  padding-left: 13px !important;
}

.pt-27 {
  padding-top: 13.5px !important;
}

.pr-27 {
  padding-right: 13.5px !important;
}

.pb-27 {
  padding-bottom: 13.5px !important;
}

.pl-27 {
  padding-left: 13.5px !important;
}

.pt-28 {
  padding-top: 14px !important;
}

.pr-28 {
  padding-right: 14px !important;
}

.pb-28 {
  padding-bottom: 14px !important;
}

.pl-28 {
  padding-left: 14px !important;
}

.pt-29 {
  padding-top: 14.5px !important;
}

.pr-29 {
  padding-right: 14.5px !important;
}

.pb-29 {
  padding-bottom: 14.5px !important;
}

.pl-29 {
  padding-left: 14.5px !important;
}

.pt-30 {
  padding-top: 15px !important;
}

.pr-30 {
  padding-right: 15px !important;
}

.pb-30 {
  padding-bottom: 15px !important;
}

.pl-30 {
  padding-left: 15px !important;
}

.pt-31 {
  padding-top: 15.5px !important;
}

.pr-31 {
  padding-right: 15.5px !important;
}

.pb-31 {
  padding-bottom: 15.5px !important;
}

.pl-31 {
  padding-left: 15.5px !important;
}

.pt-32 {
  padding-top: 16px !important;
}

.pr-32 {
  padding-right: 16px !important;
}

.pb-32 {
  padding-bottom: 16px !important;
}

.pl-32 {
  padding-left: 16px !important;
}

.pt-33 {
  padding-top: 16.5px !important;
}

.pr-33 {
  padding-right: 16.5px !important;
}

.pb-33 {
  padding-bottom: 16.5px !important;
}

.pl-33 {
  padding-left: 16.5px !important;
}

.pt-34 {
  padding-top: 17px !important;
}

.pr-34 {
  padding-right: 17px !important;
}

.pb-34 {
  padding-bottom: 17px !important;
}

.pl-34 {
  padding-left: 17px !important;
}

.pt-35 {
  padding-top: 17.5px !important;
}

.pr-35 {
  padding-right: 17.5px !important;
}

.pb-35 {
  padding-bottom: 17.5px !important;
}

.pl-35 {
  padding-left: 17.5px !important;
}

.pt-36 {
  padding-top: 18px !important;
}

.pr-36 {
  padding-right: 18px !important;
}

.pb-36 {
  padding-bottom: 18px !important;
}

.pl-36 {
  padding-left: 18px !important;
}

.pt-37 {
  padding-top: 18.5px !important;
}

.pr-37 {
  padding-right: 18.5px !important;
}

.pb-37 {
  padding-bottom: 18.5px !important;
}

.pl-37 {
  padding-left: 18.5px !important;
}

.pt-38 {
  padding-top: 19px !important;
}

.pr-38 {
  padding-right: 19px !important;
}

.pb-38 {
  padding-bottom: 19px !important;
}

.pl-38 {
  padding-left: 19px !important;
}

.pt-39 {
  padding-top: 19.5px !important;
}

.pr-39 {
  padding-right: 19.5px !important;
}

.pb-39 {
  padding-bottom: 19.5px !important;
}

.pl-39 {
  padding-left: 19.5px !important;
}

.pt-40 {
  padding-top: 20px !important;
}

.pr-40 {
  padding-right: 20px !important;
}

.pb-40 {
  padding-bottom: 20px !important;
}

.pl-40 {
  padding-left: 20px !important;
}

.pt-41 {
  padding-top: 20.5px !important;
}

.pr-41 {
  padding-right: 20.5px !important;
}

.pb-41 {
  padding-bottom: 20.5px !important;
}

.pl-41 {
  padding-left: 20.5px !important;
}

.pt-42 {
  padding-top: 21px !important;
}

.pr-42 {
  padding-right: 21px !important;
}

.pb-42 {
  padding-bottom: 21px !important;
}

.pl-42 {
  padding-left: 21px !important;
}

.pt-43 {
  padding-top: 21.5px !important;
}

.pr-43 {
  padding-right: 21.5px !important;
}

.pb-43 {
  padding-bottom: 21.5px !important;
}

.pl-43 {
  padding-left: 21.5px !important;
}

.pt-44 {
  padding-top: 22px !important;
}

.pr-44 {
  padding-right: 22px !important;
}

.pb-44 {
  padding-bottom: 22px !important;
}

.pl-44 {
  padding-left: 22px !important;
}

.pt-45 {
  padding-top: 22.5px !important;
}

.pr-45 {
  padding-right: 22.5px !important;
}

.pb-45 {
  padding-bottom: 22.5px !important;
}

.pl-45 {
  padding-left: 22.5px !important;
}

.pt-46 {
  padding-top: 23px !important;
}

.pr-46 {
  padding-right: 23px !important;
}

.pb-46 {
  padding-bottom: 23px !important;
}

.pl-46 {
  padding-left: 23px !important;
}

.pt-47 {
  padding-top: 23.5px !important;
}

.pr-47 {
  padding-right: 23.5px !important;
}

.pb-47 {
  padding-bottom: 23.5px !important;
}

.pl-47 {
  padding-left: 23.5px !important;
}

.pt-48 {
  padding-top: 24px !important;
}

.pr-48 {
  padding-right: 24px !important;
}

.pb-48 {
  padding-bottom: 24px !important;
}

.pl-48 {
  padding-left: 24px !important;
}

.pt-49 {
  padding-top: 24.5px !important;
}

.pr-49 {
  padding-right: 24.5px !important;
}

.pb-49 {
  padding-bottom: 24.5px !important;
}

.pl-49 {
  padding-left: 24.5px !important;
}

.pt-50 {
  padding-top: 25px !important;
}

.pr-50 {
  padding-right: 25px !important;
}

.pb-50 {
  padding-bottom: 25px !important;
}

.pl-50 {
  padding-left: 25px !important;
}

.pt-51 {
  padding-top: 25.5px !important;
}

.pr-51 {
  padding-right: 25.5px !important;
}

.pb-51 {
  padding-bottom: 25.5px !important;
}

.pl-51 {
  padding-left: 25.5px !important;
}

.pt-52 {
  padding-top: 26px !important;
}

.pr-52 {
  padding-right: 26px !important;
}

.pb-52 {
  padding-bottom: 26px !important;
}

.pl-52 {
  padding-left: 26px !important;
}

.pt-53 {
  padding-top: 26.5px !important;
}

.pr-53 {
  padding-right: 26.5px !important;
}

.pb-53 {
  padding-bottom: 26.5px !important;
}

.pl-53 {
  padding-left: 26.5px !important;
}

.pt-54 {
  padding-top: 27px !important;
}

.pr-54 {
  padding-right: 27px !important;
}

.pb-54 {
  padding-bottom: 27px !important;
}

.pl-54 {
  padding-left: 27px !important;
}

.pt-55 {
  padding-top: 27.5px !important;
}

.pr-55 {
  padding-right: 27.5px !important;
}

.pb-55 {
  padding-bottom: 27.5px !important;
}

.pl-55 {
  padding-left: 27.5px !important;
}

.pt-56 {
  padding-top: 28px !important;
}

.pr-56 {
  padding-right: 28px !important;
}

.pb-56 {
  padding-bottom: 28px !important;
}

.pl-56 {
  padding-left: 28px !important;
}

.pt-57 {
  padding-top: 28.5px !important;
}

.pr-57 {
  padding-right: 28.5px !important;
}

.pb-57 {
  padding-bottom: 28.5px !important;
}

.pl-57 {
  padding-left: 28.5px !important;
}

.pt-58 {
  padding-top: 29px !important;
}

.pr-58 {
  padding-right: 29px !important;
}

.pb-58 {
  padding-bottom: 29px !important;
}

.pl-58 {
  padding-left: 29px !important;
}

.pt-59 {
  padding-top: 29.5px !important;
}

.pr-59 {
  padding-right: 29.5px !important;
}

.pb-59 {
  padding-bottom: 29.5px !important;
}

.pl-59 {
  padding-left: 29.5px !important;
}

.pt-60 {
  padding-top: 30px !important;
}

.pr-60 {
  padding-right: 30px !important;
}

.pb-60 {
  padding-bottom: 30px !important;
}

.pl-60 {
  padding-left: 30px !important;
}

.pt-61 {
  padding-top: 30.5px !important;
}

.pr-61 {
  padding-right: 30.5px !important;
}

.pb-61 {
  padding-bottom: 30.5px !important;
}

.pl-61 {
  padding-left: 30.5px !important;
}

.pt-62 {
  padding-top: 31px !important;
}

.pr-62 {
  padding-right: 31px !important;
}

.pb-62 {
  padding-bottom: 31px !important;
}

.pl-62 {
  padding-left: 31px !important;
}

.pt-63 {
  padding-top: 31.5px !important;
}

.pr-63 {
  padding-right: 31.5px !important;
}

.pb-63 {
  padding-bottom: 31.5px !important;
}

.pl-63 {
  padding-left: 31.5px !important;
}

.pt-64 {
  padding-top: 32px !important;
}

.pr-64 {
  padding-right: 32px !important;
}

.pb-64 {
  padding-bottom: 32px !important;
}

.pl-64 {
  padding-left: 32px !important;
}

.pt-65 {
  padding-top: 32.5px !important;
}

.pr-65 {
  padding-right: 32.5px !important;
}

.pb-65 {
  padding-bottom: 32.5px !important;
}

.pl-65 {
  padding-left: 32.5px !important;
}

.pt-66 {
  padding-top: 33px !important;
}

.pr-66 {
  padding-right: 33px !important;
}

.pb-66 {
  padding-bottom: 33px !important;
}

.pl-66 {
  padding-left: 33px !important;
}

.pt-67 {
  padding-top: 33.5px !important;
}

.pr-67 {
  padding-right: 33.5px !important;
}

.pb-67 {
  padding-bottom: 33.5px !important;
}

.pl-67 {
  padding-left: 33.5px !important;
}

.pt-68 {
  padding-top: 34px !important;
}

.pr-68 {
  padding-right: 34px !important;
}

.pb-68 {
  padding-bottom: 34px !important;
}

.pl-68 {
  padding-left: 34px !important;
}

.pt-69 {
  padding-top: 34.5px !important;
}

.pr-69 {
  padding-right: 34.5px !important;
}

.pb-69 {
  padding-bottom: 34.5px !important;
}

.pl-69 {
  padding-left: 34.5px !important;
}

.pt-70 {
  padding-top: 35px !important;
}

.pr-70 {
  padding-right: 35px !important;
}

.pb-70 {
  padding-bottom: 35px !important;
}

.pl-70 {
  padding-left: 35px !important;
}

.pt-71 {
  padding-top: 35.5px !important;
}

.pr-71 {
  padding-right: 35.5px !important;
}

.pb-71 {
  padding-bottom: 35.5px !important;
}

.pl-71 {
  padding-left: 35.5px !important;
}

.pt-72 {
  padding-top: 36px !important;
}

.pr-72 {
  padding-right: 36px !important;
}

.pb-72 {
  padding-bottom: 36px !important;
}

.pl-72 {
  padding-left: 36px !important;
}

.pt-73 {
  padding-top: 36.5px !important;
}

.pr-73 {
  padding-right: 36.5px !important;
}

.pb-73 {
  padding-bottom: 36.5px !important;
}

.pl-73 {
  padding-left: 36.5px !important;
}

.pt-74 {
  padding-top: 37px !important;
}

.pr-74 {
  padding-right: 37px !important;
}

.pb-74 {
  padding-bottom: 37px !important;
}

.pl-74 {
  padding-left: 37px !important;
}

.pt-75 {
  padding-top: 37.5px !important;
}

.pr-75 {
  padding-right: 37.5px !important;
}

.pb-75 {
  padding-bottom: 37.5px !important;
}

.pl-75 {
  padding-left: 37.5px !important;
}

.pt-76 {
  padding-top: 38px !important;
}

.pr-76 {
  padding-right: 38px !important;
}

.pb-76 {
  padding-bottom: 38px !important;
}

.pl-76 {
  padding-left: 38px !important;
}

.pt-77 {
  padding-top: 38.5px !important;
}

.pr-77 {
  padding-right: 38.5px !important;
}

.pb-77 {
  padding-bottom: 38.5px !important;
}

.pl-77 {
  padding-left: 38.5px !important;
}

.pt-78 {
  padding-top: 39px !important;
}

.pr-78 {
  padding-right: 39px !important;
}

.pb-78 {
  padding-bottom: 39px !important;
}

.pl-78 {
  padding-left: 39px !important;
}

.pt-79 {
  padding-top: 39.5px !important;
}

.pr-79 {
  padding-right: 39.5px !important;
}

.pb-79 {
  padding-bottom: 39.5px !important;
}

.pl-79 {
  padding-left: 39.5px !important;
}

.pt-80 {
  padding-top: 40px !important;
}

.pr-80 {
  padding-right: 40px !important;
}

.pb-80 {
  padding-bottom: 40px !important;
}

.pl-80 {
  padding-left: 40px !important;
}

.pt-81 {
  padding-top: 40.5px !important;
}

.pr-81 {
  padding-right: 40.5px !important;
}

.pb-81 {
  padding-bottom: 40.5px !important;
}

.pl-81 {
  padding-left: 40.5px !important;
}

.pt-82 {
  padding-top: 41px !important;
}

.pr-82 {
  padding-right: 41px !important;
}

.pb-82 {
  padding-bottom: 41px !important;
}

.pl-82 {
  padding-left: 41px !important;
}

.pt-83 {
  padding-top: 41.5px !important;
}

.pr-83 {
  padding-right: 41.5px !important;
}

.pb-83 {
  padding-bottom: 41.5px !important;
}

.pl-83 {
  padding-left: 41.5px !important;
}

.pt-84 {
  padding-top: 42px !important;
}

.pr-84 {
  padding-right: 42px !important;
}

.pb-84 {
  padding-bottom: 42px !important;
}

.pl-84 {
  padding-left: 42px !important;
}

.pt-85 {
  padding-top: 42.5px !important;
}

.pr-85 {
  padding-right: 42.5px !important;
}

.pb-85 {
  padding-bottom: 42.5px !important;
}

.pl-85 {
  padding-left: 42.5px !important;
}

.pt-86 {
  padding-top: 43px !important;
}

.pr-86 {
  padding-right: 43px !important;
}

.pb-86 {
  padding-bottom: 43px !important;
}

.pl-86 {
  padding-left: 43px !important;
}

.pt-87 {
  padding-top: 43.5px !important;
}

.pr-87 {
  padding-right: 43.5px !important;
}

.pb-87 {
  padding-bottom: 43.5px !important;
}

.pl-87 {
  padding-left: 43.5px !important;
}

.pt-88 {
  padding-top: 44px !important;
}

.pr-88 {
  padding-right: 44px !important;
}

.pb-88 {
  padding-bottom: 44px !important;
}

.pl-88 {
  padding-left: 44px !important;
}

.pt-89 {
  padding-top: 44.5px !important;
}

.pr-89 {
  padding-right: 44.5px !important;
}

.pb-89 {
  padding-bottom: 44.5px !important;
}

.pl-89 {
  padding-left: 44.5px !important;
}

.pt-90 {
  padding-top: 45px !important;
}

.pr-90 {
  padding-right: 45px !important;
}

.pb-90 {
  padding-bottom: 45px !important;
}

.pl-90 {
  padding-left: 45px !important;
}

.pt-91 {
  padding-top: 45.5px !important;
}

.pr-91 {
  padding-right: 45.5px !important;
}

.pb-91 {
  padding-bottom: 45.5px !important;
}

.pl-91 {
  padding-left: 45.5px !important;
}

.pt-92 {
  padding-top: 46px !important;
}

.pr-92 {
  padding-right: 46px !important;
}

.pb-92 {
  padding-bottom: 46px !important;
}

.pl-92 {
  padding-left: 46px !important;
}

.pt-93 {
  padding-top: 46.5px !important;
}

.pr-93 {
  padding-right: 46.5px !important;
}

.pb-93 {
  padding-bottom: 46.5px !important;
}

.pl-93 {
  padding-left: 46.5px !important;
}

.pt-94 {
  padding-top: 47px !important;
}

.pr-94 {
  padding-right: 47px !important;
}

.pb-94 {
  padding-bottom: 47px !important;
}

.pl-94 {
  padding-left: 47px !important;
}

.pt-95 {
  padding-top: 47.5px !important;
}

.pr-95 {
  padding-right: 47.5px !important;
}

.pb-95 {
  padding-bottom: 47.5px !important;
}

.pl-95 {
  padding-left: 47.5px !important;
}

.pt-96 {
  padding-top: 48px !important;
}

.pr-96 {
  padding-right: 48px !important;
}

.pb-96 {
  padding-bottom: 48px !important;
}

.pl-96 {
  padding-left: 48px !important;
}

.pt-97 {
  padding-top: 48.5px !important;
}

.pr-97 {
  padding-right: 48.5px !important;
}

.pb-97 {
  padding-bottom: 48.5px !important;
}

.pl-97 {
  padding-left: 48.5px !important;
}

.pt-98 {
  padding-top: 49px !important;
}

.pr-98 {
  padding-right: 49px !important;
}

.pb-98 {
  padding-bottom: 49px !important;
}

.pl-98 {
  padding-left: 49px !important;
}

.pt-99 {
  padding-top: 49.5px !important;
}

.pr-99 {
  padding-right: 49.5px !important;
}

.pb-99 {
  padding-bottom: 49.5px !important;
}

.pl-99 {
  padding-left: 49.5px !important;
}

.pt-100 {
  padding-top: 50px !important;
}

.pr-100 {
  padding-right: 50px !important;
}

.pb-100 {
  padding-bottom: 50px !important;
}

.pl-100 {
  padding-left: 50px !important;
}

.pt-101 {
  padding-top: 50.5px !important;
}

.pr-101 {
  padding-right: 50.5px !important;
}

.pb-101 {
  padding-bottom: 50.5px !important;
}

.pl-101 {
  padding-left: 50.5px !important;
}

.pt-102 {
  padding-top: 51px !important;
}

.pr-102 {
  padding-right: 51px !important;
}

.pb-102 {
  padding-bottom: 51px !important;
}

.pl-102 {
  padding-left: 51px !important;
}

.pt-103 {
  padding-top: 51.5px !important;
}

.pr-103 {
  padding-right: 51.5px !important;
}

.pb-103 {
  padding-bottom: 51.5px !important;
}

.pl-103 {
  padding-left: 51.5px !important;
}

.pt-104 {
  padding-top: 52px !important;
}

.pr-104 {
  padding-right: 52px !important;
}

.pb-104 {
  padding-bottom: 52px !important;
}

.pl-104 {
  padding-left: 52px !important;
}

.pt-105 {
  padding-top: 52.5px !important;
}

.pr-105 {
  padding-right: 52.5px !important;
}

.pb-105 {
  padding-bottom: 52.5px !important;
}

.pl-105 {
  padding-left: 52.5px !important;
}

.pt-106 {
  padding-top: 53px !important;
}

.pr-106 {
  padding-right: 53px !important;
}

.pb-106 {
  padding-bottom: 53px !important;
}

.pl-106 {
  padding-left: 53px !important;
}

.pt-107 {
  padding-top: 53.5px !important;
}

.pr-107 {
  padding-right: 53.5px !important;
}

.pb-107 {
  padding-bottom: 53.5px !important;
}

.pl-107 {
  padding-left: 53.5px !important;
}

.pt-108 {
  padding-top: 54px !important;
}

.pr-108 {
  padding-right: 54px !important;
}

.pb-108 {
  padding-bottom: 54px !important;
}

.pl-108 {
  padding-left: 54px !important;
}

.pt-109 {
  padding-top: 54.5px !important;
}

.pr-109 {
  padding-right: 54.5px !important;
}

.pb-109 {
  padding-bottom: 54.5px !important;
}

.pl-109 {
  padding-left: 54.5px !important;
}

.pt-110 {
  padding-top: 55px !important;
}

.pr-110 {
  padding-right: 55px !important;
}

.pb-110 {
  padding-bottom: 55px !important;
}

.pl-110 {
  padding-left: 55px !important;
}

.pt-111 {
  padding-top: 55.5px !important;
}

.pr-111 {
  padding-right: 55.5px !important;
}

.pb-111 {
  padding-bottom: 55.5px !important;
}

.pl-111 {
  padding-left: 55.5px !important;
}

.pt-112 {
  padding-top: 56px !important;
}

.pr-112 {
  padding-right: 56px !important;
}

.pb-112 {
  padding-bottom: 56px !important;
}

.pl-112 {
  padding-left: 56px !important;
}

.pt-113 {
  padding-top: 56.5px !important;
}

.pr-113 {
  padding-right: 56.5px !important;
}

.pb-113 {
  padding-bottom: 56.5px !important;
}

.pl-113 {
  padding-left: 56.5px !important;
}

.pt-114 {
  padding-top: 57px !important;
}

.pr-114 {
  padding-right: 57px !important;
}

.pb-114 {
  padding-bottom: 57px !important;
}

.pl-114 {
  padding-left: 57px !important;
}

.pt-115 {
  padding-top: 57.5px !important;
}

.pr-115 {
  padding-right: 57.5px !important;
}

.pb-115 {
  padding-bottom: 57.5px !important;
}

.pl-115 {
  padding-left: 57.5px !important;
}

.pt-116 {
  padding-top: 58px !important;
}

.pr-116 {
  padding-right: 58px !important;
}

.pb-116 {
  padding-bottom: 58px !important;
}

.pl-116 {
  padding-left: 58px !important;
}

.pt-117 {
  padding-top: 58.5px !important;
}

.pr-117 {
  padding-right: 58.5px !important;
}

.pb-117 {
  padding-bottom: 58.5px !important;
}

.pl-117 {
  padding-left: 58.5px !important;
}

.pt-118 {
  padding-top: 59px !important;
}

.pr-118 {
  padding-right: 59px !important;
}

.pb-118 {
  padding-bottom: 59px !important;
}

.pl-118 {
  padding-left: 59px !important;
}

.pt-119 {
  padding-top: 59.5px !important;
}

.pr-119 {
  padding-right: 59.5px !important;
}

.pb-119 {
  padding-bottom: 59.5px !important;
}

.pl-119 {
  padding-left: 59.5px !important;
}

.pt-120 {
  padding-top: 60px !important;
}

.pr-120 {
  padding-right: 60px !important;
}

.pb-120 {
  padding-bottom: 60px !important;
}

.pl-120 {
  padding-left: 60px !important;
}

.d-f {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-b {
  display: block !important;
}

.d-i {
  display: inline !important;
}

.d-ib {
  display: inline-block !important;
}

.bd-n {
  border: none !important;
}

.bt-n {
  border-top: none !important;
}

.br-n {
  border-right: none !important;
}

.bb-n {
  border-bottom: none !important;
}

.bl-n {
  border-left: none !important;
}

.ff-n {
  font-family: 'Noto Sans KR' !important;
}

.ff-c {
  font-family: 'CentraleSans' !important;
}

.ff-k {
  font-family: 'KoreanDREAM' !important;
}

.ff-i {
  font-family: 'icomoon' !important;
}

.fw-b {
  font-weight: 700 !important;
}

.fw-m {
  font-weight: 500 !important;
}

.fw-n {
  font-weight: 400 !important;
}

.fw-l {
  font-weight: 300 !important;
}

.fs-0 {
  font-size: 0 !important;
}

.fc-1 {
  color: #101010 !important;
}

.fc-2 {
  color: #606060 !important;
}

.fc-3 {
  color: #888888 !important;
}

.fc-4 {
  color: #c0c0c0 !important;
}

.fc-5 {
  color: #ffffff !important;
}

.fc-6 {
  color: #ef1e1e !important;
}

.fc-7 {
  color: #009ac0 !important;
}

.fc-8 {
  color: #004e73 !important;
}

.fc-9 {
  color: #5fb9bc !important;
}

.fc-10 {
  color: #999 !important;
} /* 201201 추가*/

.pcolor {
  color: #004e73 !important;
  font-weight: bold !important;
}

.pcolor2 {
  color: #ef1e1e !important;
}

.pcolor3 {
  color: #009ac0 !important;
}

.ta-c {
  text-align: center !important;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: baseline !important;
}

.fl-c {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.fl-l {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.fl-r {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.w-full {
  width: 100% !important;
}

.hidden {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  right: -9999px;
  z-index: -9999;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

header {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  z-index: 5000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
}

header h1 {
  font-family: "KoreanDREAM";
  font-weight: 300;
  font-size: 19px;
}

header .ham {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  font-size: 0;
}

header .ham::before {
  content: '\e902';
  font-family: "icomoon";
  font-size: 32px;
}

header .util {
  position: absolute;
  left: 12px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 0;
}

header .util a {
  display: inline-block;
  margin-left: 6px;
  position:relative;/*20221006 로고 애니메이션 수정*/	
}

header .util .back::before {
  content: '\e900';
  font-family: "icomoon";
  font-size: 32px;
}

header .util .home::before {
  content: '\e901';
  font-family: "icomoon";
  font-size: 32px;
}

/*s: 20221020 로고 애니메이션 수정*/	
header .util .logo::before {	
  content: '';
  display: inline-block;
  width: 136.5px;
  height: 46px;
  background: url("../img/svgicons/logo_wells_kr.svg") 0 0/contain no-repeat;/*20221006  로고 애니메이션 수정*/
  /*animation: logo_anime_01 12s infinite ease-in-out;*/	
}

/*header .util .logo::after {
  position: absolute;
  left:0;
  top:0;	
  content: '';
  display: inline-block;
  width: 136.5px;
  height: 46px;
  background: url("../img/svgicons/logo_kyowon.svg") 0 0/contain no-repeat;
  animation: logo_anime_02 12s infinite ease-in-out;	
}*/
@keyframes logo_anime_01 {
 0%  {opacity: 1.0}
 25% {opacity: 0}		
 50% {opacity: 0}
 75% {opacity: 0}	
 100%{opacity: 1}
}
@keyframes logo_anime_02 {
 0%  {opacity: 0}
 25% {opacity: 0}		
 50% {opacity: 1}
 75% {opacity: 0}	
 100%{opacity: 0}
}
/*e: 20221020 로고 애니메이션 수정*/	
header .util a + a {
  margin-left: 5px;
}

header.border {
  border-bottom: 1px solid #ddd;
}

header.nobg {
  background: none;
}

header.scrolled {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

header.full ~ #content {
  padding: 0;
}

.gnb-wrap {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100%;
  z-index: 10000;
  background-color: #fff;
}

.gnb-wrap .wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% - 119px);
  overflow-y: scroll;
}

.gnb-wrap .wrap::before {
  content: '';
  display: block;
  height: 8px;
  background-color: #f1f1f1;
}

.gnb-wrap .wrap hr {
  margin: 0;
}

.gnb-wrap .wrap .go-home {
  border-bottom: 1px solid #dddddd;
}

.gnb-wrap .wrap .go-home a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  height: 60px;
  font-family: "KoreanDREAM";
  font-weight: 300;
  font-size: 19px;
}

/* 해더 보이고 안보이게 */
#content {
  -webkit-transition: padding 0.2s;
  transition: padding 0.2s;
}

header.has-tab ~ #content {
  padding-top: 110px;
}

header.has-tab ~ #content > div[class*=tab] {
  position: fixed;
  top: 60px;
  left: 18px;
  width: 100%;
}

.tab-border.is-fixed {
  position: fixed;
  left: 0;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

header.has-tab.scrolled {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

header.has-tab.scrolled ~ #content::before {
  content: '';
  display: inline-block;
  position: fixed;
  left: 0;
  top: -20px;
  width: 100%;
  height: 110px;
  background-color: #fff;
  z-index: 1;
}

header.has-tab.scrolled ~ #content > div[class*=tab] {
  -webkit-transition: top 0.15s;
  transition: top 0.15s;
  z-index: 100;
}

header.has-tab.scrolled ~ #content div[data-fixed2DepthTab],
header.has-tab.scrolled ~ #content div[data-fixed3DepthTab],
header.has-tab.scrolled ~ #content div[data-fixed3DepthTab2] {
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  z-index: 2;
}

header.has-tab.scrolled.up {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

header.has-tab.scrolled.up ~ #content::before {
  top: -60px;
}

header.has-tab.scrolled.up ~ #content > div[class*=tab] {
  position: fixed;
  top: 0;
  left: 18px;
  width: 100%;
}

header.has-tab.scrolled.up ~ #content .tab-border.is-fixed {
  top: 50px;
}

header.has-tab.scrolled.up ~ #content.onepage {
  padding-top: 50px;
}

header.has-tab.scrolled.up ~ #content.onepage .special-prd {
  height: calc(var(--vh, 1vh) * 100 - 50px);
}

header.has-tab.scrolled.down {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

header.has-tab.scrolled.down ~ #content::before {
  top: -20px;
}

header.has-tab.scrolled.down ~ #content > div[class*=tab] {
  position: fixed;
  top: 60px;
  left: 18px;
  width: 100%;
}

header.has-tab.scrolled.down ~ #content .tab-border.is-fixed {
  top: 110px;
}

header.has-tab.scrolled.down ~ #content.onepage {
  padding-top: 110px;
}

header.has-tab.tab-fixed.scrolled ~ #content::before {
  height: 140px;
}

header.has-tab.tab-fixed.scrolled.up ~ #content > div[class*=tab] {
  top: -50px;
}

header.has-tab.tab-fixed.scrolled.up ~ #content .tab-border.is-fixed {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

header.has-tab.tab-fixed.scrolled.up ~ #content::before {
  height: 100px;
}

header.fixed-2depth-tab.scrolled {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

header.fixed-2depth-tab.scrolled.up {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

header.fixed-2depth-tab.scrolled.up ~ #content .fixed-2depth-tab {
  -webkit-transform: translateY(-60px) !important;
  transform: translateY(-60px) !important;
}

header.fixed-2depth-tab.scrolled.down {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

header.fixed-2depth-tab.scrolled.down ~ #content .fixed-2depth-tab {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

header.fixed-2depth-tab.scrolled ~ #content .fixed-2depth-tab {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

header.has-sticky-map.scrolled {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

header.has-sticky-map.scrolled.up {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

header.has-sticky-map.scrolled.up ~ #content .sticky-map {
  -webkit-transform: translateY(-60px) !important;
  transform: translateY(-60px) !important;
}

header.has-sticky-map.scrolled.down {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

header.has-sticky-map.scrolled.down ~ #content .sticky-map {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.tab-border.is-fixed + * {
  padding-top: 50px;
}

.pin-spacer .fixed-2depth-tab {
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.pin-spacer .fixed-2depth-tab.active {
  width: 100% !important;
}

.sticky-wrap {
  z-index: 1;
}

.sticky-wrap.fixed-2depth-tab {
  background-color: #fff;
}

.sticky-wrap .page-head {
  margin: 0;
}

.gnb-menu > li {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gnb-menu > li .on a {
  color: #009ac0;
  text-decoration: underline;
}

.gnb-menu > li + li {
  border-top: 1px solid #dddddd;
}

.gnb-menu > li > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  height: 60px;
  font-family: "KoreanDREAM";
  font-weight: 300;
  font-size: 19px;
}

.gnb-menu > li > span::before {
  content: '\e90b';
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -12.5px;
  display: inline-block;
  width: 25px;
  height: 25px;
  font-family: "icomoon";
  font-size: 25px;
  color: #101010;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.gnb-menu > li > span.active {
  background-color: #004e73;
  font-weight: 500;
  color: #ffffff;
}

.gnb-menu > li > span.active::before {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  color: #ffffff;
}

.gnb-menu > li .expand {
  overflow: hidden;
  height: 0;
}

.gnb-menu > li > .expand > ul {
  padding: 0 18px;
}

.gnb-menu > li > .expand > ul > li + li > a,
.gnb-menu > li > .expand > ul > li + li > span {
  border-top: 1px solid #ebebeb;
}

.gnb-menu > li > .expand > ul > li > a,
.gnb-menu > li > .expand > ul > li > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 55px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.gnb-menu > li > .expand > ul > li > span::before {
  content: '\e90b';
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -12.5px;
  display: inline-block;
  width: 25px;
  height: 25px;
  font-family: "icomoon";
  font-size: 25px;
  color: #101010;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.gnb-menu > li > .expand > ul > li > .active {
  color: #009ac0;
}

.gnb-menu > li > .expand > ul > li > .active::before {
  color: #009ac0;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.gnb-menu > li > .expand > ul ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gnb-menu > li > .expand > ul ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 34px;
  width: 50%;
  margin-top: 9px;
  font-size: 14px;
  color: #888888;
}

.gnb-menu > li > .expand > ul ul li:nth-child(1), .gnb-menu > li > .expand > ul ul li:nth-child(2) {
  margin-top: 0;
}

.gnb-menu > li > .expand > ul ul li:last-child {
  margin-bottom: 22px;
}

/* 210322 제품/서비스 GNB 변경 */
.gnb-menu > li > .ps-expand > ul{padding:0}
.gnb-menu > li > .ps-expand > ul > li:nth-child(3) .expand{padding:0 18px}
.gnb-menu > li > .ps-expand > ul > li > a, .gnb-menu > li > .ps-expand > ul > li > span{padding:0 18px}
.gnb-menu > li > .ps-expand > ul > li > span::before{right:13px}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li{display:inline-block;height:auto;margin-top:0;box-sizing: border-box}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li > a{color:#222;font-weight:500;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li:nth-child(odd) > a{border-right:1px solid #ddd}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li > a{display:block;background:#f8f8f8;padding:10px 18px;}
/*.gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child{width:100%}  210818 웰스팜 추가*/
.gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child > a{border-right:0}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child .depth3{width:55%}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li:last-child .depth3 > a{padding:0 0 0 18px}
.gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 {display:block;padding:5px 0 10px;font-size:0;}
.gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 > a{display:inline-block;padding:0 18px;width:50%;font-size:14px;line-height:1.8;box-sizing: border-box}
/*.gnb-menu > li > .ps-expand > ul .prd-expand ul li > a{position:relative;font-weight:500;color:#333}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li > a::before {content: ''; position: absolute; left: 0; bottom: 1px; display: inline-block; width: 100%; height: 7px; border-radius: 1.5px; background-color: #009ac0; opacity:0.3}
.gnb-menu > li > .ps-expand > ul .prd-expand ul li{display:inline-block;height:auto;margin-top:0;box-sizing: border-box}
.gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 {display:block;padding:5px 0 15px;font-size:0;}
.gnb-menu > li > .ps-expand > ul .prd-expand ul > li .depth3 > a{display:inline-block;padding:0;width:50%;font-size:14px;line-height:1.8;box-sizing: border-box}*/
/*-- 210322 제품/서비스 GNB 변경 */

.gnb-wrap .welcome {
  border-bottom: 1px solid #dddddd;
}

.gnb-wrap .welcome .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 12px 14px 12px;
}

.gnb-wrap .welcome .head .btn-search {
  font-size: 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(../img/svgicons/search-64.svg) 0 0/contain no-repeat;
}

.gnb-wrap .welcome .head .btn.close::before {
  content: '\e903';
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "icomoon";
  font-size: 32px;
  line-height: 1;
}

.gnb-wrap .welcome .body {
  padding: 6px 18px 26px 18px;
  font-family: "KoreanDREAM";
  font-weight: 300;
  font-size: 19px;
  color: #101010;
}

.gnb-wrap .shortcut-menus {
  padding-bottom: 23.5px;
}

.gnb-wrap .shortcut-menus li {
  display: block;
  margin-top: 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  font-size: 16px;
  font-weight: bold;
  color: #606060;
}

.gnb-wrap .shortcut-menus li + li {
  margin-top: 22px;
}

.gnb-wrap .shortcut-menus .cart span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 21px;
  padding: 0 6px;
  border-radius: 21px;
  background-color: #ef1e1e;
  font-family: "CentraleSans";
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.gnb-wrap .shortcut-menus .cart span i {
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.gnb-wrap .util {
  text-align: right;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 18px 35px 18px;
  background-color: #f8f8f8;
}

.gnb-wrap .util .btn-line {
  text-decoration: none;
}

.gnb-wrap .util .btn-line::before {
  content: '';
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  background-color: #888888;
}

.gnb-wrap .footer {
  position:relative;/* 201201 추가 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: left; /* 201201 center->left 수정 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  background-color: #606060;
  color: #fff;
  padding:0 18px; /* 201201 추가 */
}

.gnb-wrap .footer .cust-tel {
  font-size: 15px;
}

.gnb-wrap .footer .cust-tel::before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background: url(../img/svgicons/tel.svg) 0 0/contain no-repeat;
}

.gnb-wrap .footer i {
  position: relative;
  top: 1px;
  margin-left: 8px;
  font-weight: bold;
  font-size: 19px;
}

footer {
  position: relative;
  background-color: #2b2b2b;
  font-size: 12px;
  color: #999;
  z-index: 160;
}

footer .f-top {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  height: 45px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.1);
}

footer .f-top::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

footer .f-top > ul {
  vertical-align: middle;
  display: inline-block;
}

footer .f-top > ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

footer .f-top > ul li + li {
  margin-left: 17px;
}

footer .f-top > ul li a {
  font-size: 12px;
}

footer .f-top > ul li i {
  color: #fff;
}

.select-lang, .footer .select-lang {/* 201201 추가 : .footer select-lang */
  position: absolute;
  left: 50px;
  top: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 2px;
  display: inline-block;
  font-family: "CentraleSans";
  font-size: 13px;
  color: black;
}

.select-lang .current::after, .footer .select-lang .current::after {/* 201201 추가 : .footer select-lang */
  content: '\e90b';
  display: inline-block;
  width: 20px;
  margin-left: 3px;
  vertical-align: middle;
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
  font-family: "icomoon";
  font-size: 20px;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.select-lang .current.active::after, .footer .select-lang .current.active::after {/* 201201 추가 : .footer select-lang */
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.select-lang .current.active + ul, .footer .select-lang .current.active + ul {/* 201201 추가 : .footer select-lang */
  display: block;
}

.select-lang ul, .footer .select-lang ul {/* 201201 추가 : .footer select-lang */
  position: absolute;
  right: 0;
  bottom: -80px;
  display: none;
  width: 63px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid #101010;
  background-color: #fff;
  overflow: hidden;
  color: #606060;
}

.select-lang ul li, .footer .select-lang ul li {/* 201201 추가 : .footer select-lang */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  font-family: "CentraleSans";
  font-size: 15px;
}

.select-lang ul .active, .footer .select-lang ul .active {/* 201201 추가 : .footer select-lang */
  background-color: #f8f8f8;
  font-weight: bold;
  color: #101010;
}

footer .f-bottom {
  padding: 7px 18px 17px 18px;
}

footer .btm-wrap {
  position: relative;
}

footer .accordion > li {
  border-top: none;
}

footer .accordion > li:last-child {
  border-bottom: 2px solid #fff;
}

footer .accordion > li .tit {
  font-family: "CentraleSans";
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding: 9px 0 4px 0;
}

footer .accordion > li .tit i {
  right: 0;
}

footer .accordion > li .tit i::before {
  color: inherit;
}

footer .accordion > li .wrap {
  font-size: 11px;
  padding: 0 0 10px 0;
  line-height: 1.64;
  background-color: transparent;
}

footer .accordion > li .wrap p {
  margin-top: 13px;
}

footer .accordion > li .wrap p i {
  color: #fff;
}

footer .accordion > li .wrap .logo {
  font-size: 0;
  display: inline-block;
  width: 65px;
  height: 27px;
  background: url(../img/svgicons/footer-logo.svg) 0 0/contain no-repeat;
}

footer .util {
  margin-top: 21px;
  font-size: 12px;
}

footer .util i {
  color: #fff;
}

footer .util li + li {
  margin-top: 12px;
}

footer .copyright {
  margin-top: 12px;
}

footer .sns {
  position: absolute;
  right: 0;
  top: -6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: right;
}

footer .sns li {
  vertical-align: top;
  font-size: 0;
}

footer .sns li + li {
  margin-left: 14px;
}

footer .sns a {
  display: inline-block;
  width: 28px;
  height: 28px;
}

footer .sns .fb {
  background: url(../img/svgicons/facebook.svg) 0 0/contain no-repeat;
}

footer .sns .it {
  background: url(../img/svgicons/insta.svg) 0 0/contain no-repeat;
}

footer .sns .yt {
  background: url(../img/svgicons/youtube.svg) 0 0/contain no-repeat;
}

footer:empty {
  background-color: #2b2b2b;
  height: 462px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
}

footer:empty::before {
  content: '푸터영역';
}

.select-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin: 0 0 0 11px;
  height: 52px;
}

.select-wrap:first-child {
  margin: 0;
}

.select-wrap select {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.select-wrap select:disabled ~ .label-slt {
  border-color: #dddddd;
  background: #f8f8f8;
  color: #c0c0c0;
}

.select-wrap select:disabled ~ .label-slt:after {
  color: #c0c0c0;
}

.select-wrap select:focus ~ .label-slt {
  border-color: #969696;
}

.select-wrap .label-slt {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  max-height: 52px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 0 30px 0 15px;
  background: #ffffff;
  line-height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.select-wrap .label-slt::after {
  display: block;
  content: '\e921';
  font-family: "icomoon";
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.select-wrap.selected .label-slt {
  color: #101010;
}

.select-wrap.h-90 {
  height: 45px;
}

.select-wrap.h-90 .label-slt {
  font-size: 13px;
  height: 45px;
  line-height: 43px;
}

.select-wrap.h-90 .label-slt::after {
  display: block;
  content: '\e921';
  font-family: "icomoon";
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-selectmodal] {
  cursor: pointer;
}

[data-selectmodal] .label-slt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-selectmodal] select {
  z-index: 0;
}

.opt-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 10000;
  background-color: rgba(16, 16, 16, 0.85);
  cursor: pointer;
}

.opt-container .btn.close {
  position: absolute;
  top: -15px;
  right: 15px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.opt-container .wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
  padding-top: 17.5px;
  border-radius: 15px 15px 0 0;
  background-color: #fff;
}

.opt-container .wrap .inner {
  height: 100%;
  max-height: 51vh;
  overflow-y: auto;
}

.opt-container .wrap li button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 60px;
  width: 100%;
  padding: 18.5px 18px 18px 18px;
  letter-spacing: -0.5px;
  text-align: left;
}
.pdSelDisable {
  background: #f8f8f8;
  color: #004e73 !important;
}
.opt-container .wrap li button:disabled {
  background: #f8f8f8;
  color: #c0c0c0;
}

.opt-container .wrap li button:hover {
  background-color: #f8f8f8;
}

button[class^=tooltip] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.47px;
}

button[class^=tooltip]::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  background: url(../img/svgicons/question-40.svg) 0 0/contain no-repeat;
}

button[class^=tooltip] .tip-text {
  display: none;
}

button.tooltip2::after {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background-image: url(../img/svgicons/question-36.svg);
}

button.tooltip2 i {
  margin-left: 3px;
}

button.tooltip3 {
  font-size: 13px;
  line-height: 1.73;
  color: #888888;
}

button.tooltip3::after {
  width: 15px;
  height: 15px;
  background-image: url(../img/svgicons/question-30.svg);
}

button.tooltip-info {
  font-size: 13px;
  color: #888888;
  line-height: 1.29;
}

button.tooltip-info::after {
  width: 18px;
  height: 18px;
  margin-left: 5px;
  background-image: url(../img/svgicons/exmark-gray-36.svg);
}

button.tooltip-exmark {
  font-size: 14px;
  color: #101010;
}

button.tooltip-exmark::after {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  background-image: url(../img/svgicons/exmark-black-36.svg);
}

.tooltip-box {
  position: fixed;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.5);
  z-index: 10000;
  cursor: pointer;
}

.tooltip-box .t-wrap {
  position: relative;
  max-width: 339px;
  min-width: 250px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px 25px 20px;
}

.tooltip-box .btn-close2 {
  position: absolute;
  right: 20px;
  top: 20px;
}

.tooltip-box .t-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: 700;
}

.tooltip-box .t-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 15px;
  max-height: 450px;
  overflow-y: scroll;
  color: #606060;
  font-size: 15px;
}

/* 201201 추가 */
.tooltip{font-size:12px;color:#fff;text-align:center}
.tooltip .tip-txt {display:block; position:absolute;right:0;top:-60px;transform: none; border:none;background:#818b97;border-radius:4px}
.tooltip .tip-txt::before{ content: ''; position: absolute; right:20px; bottom: -5px; display: inline-block; width: 9px; height: 5px; background: url(../img/etc/tooltip_bottom_gry.png) 0 0 / contain no-repeat;}
.tooltip .tip-txt .wrapper { display: inline-block; box-sizing: border-box; padding: 10px; min-width: 100px; max-width: 50px; width: 100%; }
/*-- 201201 추가 End */

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20000;
  background-color: #fff;
}

.modal .header {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "KoreanDREAM";
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0px 44px 0px 18px;
  border-bottom: 2px solid #101010;
}

.modal .header .tit {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.modal .btn.close {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
}

.modal .btn.close::before {
  content: '\e903';
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "icomoon";
  font-size: 32px;
  line-height: 1;
}

.modal .body {
  overflow-y: scroll;
  padding: 0 18px;
  height: calc(var(--vh, 1vh) * 100 - 60px);
}

.modal .body > .wrap {
  height: 100%;
}

div[class*=modal-opt] {
  position: fixed;
  top: 100vh;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  background-color: rgba(16, 16, 16, 0.85);
  cursor: pointer;
}

div[class*=modal-opt] .btn.close {
  position: absolute;
  top: -15px;
  right: 15px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background: url(../img/svgicons/close-64.svg) 0 0/contain no-repeat;
}

div[class*=modal-opt] .wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, 120%);
  transform: translate(0, 120%);
  border-radius: 15px 15px 0 0;
  background-color: #fff;
}

div[class*=modal-opt] .wrap .inner {
  min-height: 176.5px;
}

div[class*=modal-opt].active {
  top: 0;
  z-index: 10000;
}

.modal-view {
  position: fixed;
  top: 100vh;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  opacity: 0;
  z-index: 10000;
  overflow: hidden;
  background-color: rgba(16, 16, 16, 0.85);
}

.modal-view .btn.close {
  position: absolute;
  top: -15px;
  right: 0px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background: url(../img/svgicons/close-64.svg) 0 0/contain no-repeat;
}

.modal-view .wrap {
  position: relative;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 315px;
  height: 315px;
  border-radius: 5px;
}

.modal-view.event {
  cursor: pointer;
}

.modal-view.event .wrap {
  border-radius: 10px;
  overflow: hidden;
  height: auto;
}

.modal-view.event .btn-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #101010;
}

.modal-view.event .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-view.event .btn + .btn {
  border-left: 1px solid #101010;
}

.active.modal-view {
  top: 0;
  opacity: 1;
}

.modal-video {
  position: fixed;
  top: 100vh;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  opacity: 0;
  z-index: 10000;
  overflow: hidden;
  background-color: rgba(16, 16, 16, 0.85);
  cursor: pointer;
}

.modal-video .wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 56%;
}

.modal-video .wrap .video-player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.active.modal-video {
  top: 0;
  opacity: 1;
}

@media screen and (orientation: landscape) {
  .modal-view .btn.close {
    top: 0;
    right: -15px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.winpop .header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 15;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  font-family: "KoreanDREAM";
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0px 44px 0px 18px;
  border-bottom: 2px solid #101010;
}

.winpop .header .tit {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.winpop .btn.close {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
}

.winpop .btn.close::before {
  content: '\e903';
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: "icomoon";
  font-size: 32px;
  line-height: 1;
}

.winpop .body {
  overflow-y: auto;
  padding: 60px 18px 0;
  height: calc(var(--vh, 1vh) * 100 - 60px);
}

.winpop .body > .wrap {
  height: 100%;
}

.paging {
  text-align: center;
  font-size: 0;
}

.paging a {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 0 0 15px;
  border-radius: 50%;
  font-family: 'CentraleSans';
  line-height: 32px;
  vertical-align: middle;
}

.paging a:nth-child(2) {
  margin: 0;
}

.paging a.prev {
  margin: 0 30px 0 0;
  font-size: 0;
}

.paging a.prev i {
  font-size: 13.5px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.paging a.next {
  margin: 0 0 0 30px;
  font-size: 0;
}

.paging a.next i {
  font-size: 13.5px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.paging a.current {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #004e73;
}

.paging a:focus, .paging a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.paging a span {
  display: inline-block;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 10px 0 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.form-row .btn-104 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  margin: 0 0 0 10px !important;
}

.form-row:first-child {
  margin: 0;
}

.form-row .dash {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  position: relative;
}

.form-row .dash::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  width: 7px;
  height: 1px;
  background: #101010;
}

.form-row .at {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  position: relative;
}

.form-row .at::before {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: '@';
  width: 100%;
  height: 100%;
  line-height: 52px;
}

.form-row .swung {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  position: relative;
}

.form-row .swung::before {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: '~';
  width: 100%;
  height: 100%;
  line-height: 52px;
}

.form-row .select-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  margin: 0;
}

.form-row::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  padding: 0 11px 0 0;
  font-size: 13px;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-row::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-row.good::before {
  content: '안전';
  color: #42c542;
  opacity: 1;
}

.form-row.good::after {
  background: #42c542;
  opacity: 1;
}

.form-row.normal::before {
  content: '보통';
  color: #edb340;
  opacity: 1;
}

.form-row.normal::after {
  background: #edb340;
  opacity: 1;
}

.form-row.bad::before {
  content: '위험';
  color: #e42525;
  opacity: 1;
}

.form-row.bad::after {
  background: #e42525;
  opacity: 1;
}

.form-row.right::before {
  content: '일치';
  color: #42c542;
  opacity: 1;
}

.form-row.right::after {
  background: #42c542;
  opacity: 1;
}

.form-row.wrong::before {
  content: '불일치';
  color: #e42525;
  opacity: 1;
}

.form-row.wrong::after {
  background: #e42525;
  opacity: 1;
}

.form-row.possible::before {
  content: '사용가능';
  color: #42c542;
  opacity: 1;
}

.form-row.possible::after {
  background: #42c542;
  opacity: 1;
}

.form-row.good input,
.form-row.normal input,
.form-row.bad input,
.form-row.right input,
.form-row.wrong input {
  padding-right: 70px;
}

.form-row.possible input {
  padding-right: 80px;
}

.form-row.direct-area {
  overflow: hidden;
  height: 0;
  max-height: 0;
  margin: 0 !important;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.form-row.direct-input ~ .direct-area {
  height: auto;
  max-height: 52px;
  margin: 10px 0 0 !important;
}

.guide-msg {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #ef1e1e;
  height: auto;
  max-height: 0;
  margin: 6px 0 0;
  line-height: 1.4;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.form-row.error input {
  border-color: #ef1e1e;
}

.form-row.error ~ .guide-msg {
  max-height: 100px;
  opacity: 1;
}

.form-row.error .label-slt {
  border-color: #ef1e1e;
}

.datepicker {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  position: relative;
  min-width: 0;
}

.datepicker input {
  padding-right: 40px;
  background: #ffffff;
  cursor: pointer;
  text-overflow: unset;
}

/*.datepicker::after {
  display: block;
  content: '\e90c';
  font-family: "icomoon";
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}*/

input[type='date'] {
  position: relative;
  text-indent: -9999px;
  color: transparent;
}

input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

input[type='date']::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #fff;
  opacity: 0;
  text-indent: 0;
}

input[type='date']::after {
  content: attr(data-date);
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #606060;
  font-size: 17px;
  text-indent: 0;
  white-space: nowrap;
}

.accordion > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
}

.accordion > li.open .tit > .txt {
  -webkit-line-clamp: initial;
  overflow: visible;
  max-height: none;
}

.accordion > li.all-chk-wrap + li {
  border-top: none;
}

.accordion > li:last-child {
  border-bottom: 1px solid #ddd;
}

.accordion > li .tit {
  padding: 26.5px 65px 26.5px 0px;
  position: relative;
  letter-spacing: -0.5px;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  cursor: pointer;
}

.accordion > li .tit .txt {
  max-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.accordion > li .tit i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion > li .tit i::before {
  color: #101010;
}

.accordion > li .category {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  display: block;
  margin-bottom: 8px;
}

.accordion > li .date {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: block;
  margin: 7px 0 0;
  font-family: "CentraleSans";
}

.accordion > li .expand {
  height: 0;
  overflow: hidden;
}

.accordion > li .wrap {
  background-color: #f8f8f8;
  padding: 25px 25px 27.5px 25px;
  font-size: 15px;
  color: #606060;
}

.accordion > li .wrap .q-box img {
  display: block;
  overflow: hidden;
  height: auto;
  margin: 0 auto;
  border-radius: 5px;
}

.accordion > li .wrap .a-box {
  position: relative;
  margin: 28px 0 0;
  border-top: 1px solid #dddddd;
  padding: 65px 0 0;
}

.accordion > li .wrap .a-box img {
  display: block;
  width: 100%;
}

.accordion > li .wrap .a-box::before {
  display: block;
  content: '';
  position: absolute;
  top: 31.5px;
  left: 0;
  width: 24px;
  height: 23px;
  background: url(../../resource/img/svgicons/faq-a.svg) center center/contain no-repeat;
}

.accordion .open .tit {
  font-weight: 700;
}

.accordion .open .tit i {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.accordion .open .expand {
  overflow-y: auto;
}

.accordion.ty2 {
  margin: 0 -18px;
}

.accordion.ty2 li {
  border: none;
}

.accordion.ty2 li .tit {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #101010;
  padding: 24px 18px 19px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-family: "KoreanDREAM";
}

.accordion.ty2 li .tit::after {
  display: block;
  content: '\e915';
  position: absolute;
  top: 50%;
  right: 18px;
  font-family: "icomoon";
  color: #888888;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all .4s;
  transition: all .4s;
}

.accordion.ty2 li.open .tit::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

.accordion.ty2 li .wrap {
  padding: 0 18px 20px;
  background: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.hgroup {
  display: block;
  position: relative;
}

.hgroup .head-60 {
  display: block;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  color: #101010;
  text-align: left;
  font-family: "KoreanDREAM";
}

.hgroup .head-50 {
  display: block;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.4;
  color: #101010;
  text-align: left;
  font-family: "KoreanDREAM";
}

.hgroup .head-38 {
  display: block;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.4;
  color: #101010;
  text-align: left;
}

.hgroup .head-34 {
  display: block;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  color: #101010;
  text-align: left;
}

.hgroup .head-30 {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4;
  color: #101010;
  text-align: left;
}

.hgroup .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 10px 0 0;
}

.hgroup.d-f {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hgroup .slt-custom {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: right;
}

.hgroup .slt-custom .slt-opt {
  left: auto;
  right: 0;
}

.radio {
  display: inline-block;
  position: relative;
  margin: 0 0 0 40px;
  font-size: 0;
}

.radio:nth-of-type(1) {
  margin: 0;
}

.radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.radio .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: block;
  position: relative;
  padding: 0 0 0 29px;
  line-height: 20px;
  cursor: pointer;
  pointer-events: none;
}

.radio .txt::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid #969696;
  border-radius: 50%;
  background: #ffffff;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.radio .txt::after {
  display: block;
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #969696;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.radio .txt:focus, .radio .txt:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.radio input:checked + .txt::before {
  border-color: #004e73;
  background: #004e73;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.radio input:checked + .txt::after {
  background: #ffffff;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.radio input:disabled + .txt {
  color: #888888;
  cursor: default;
}

.radio input:disabled + .txt::before {
  border-color: #dddddd;
  background: #f8f8f8;
}

.radio input:disabled + .txt::after {
  display: none;
}

.checkbox {
  display: inline-block;
  position: relative;
}

.checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.checkbox .txt-wrap {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 0 0 0 28px;
  line-height: 21px;
  cursor: pointer;
  pointer-events: none;
}

.checkbox .txt-wrap::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid #969696;
  border-radius: 3px;
  background: #ffffff;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.checkbox .txt-wrap::after {
  display: block;
  content: '\e91f';
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 11px;
  height: 7px;
  font-family: 'icomoon';
  font-size: 10px;
  line-height: 1;
  color: #969696;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.checkbox .txt-wrap strong {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #ef1e1e;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 3px 0 0;
}

.checkbox .txt-wrap .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  pointer-events: none;
}

.checkbox .txt-wrap .txt em {
  font-weight: 700;
}

.checkbox .txt-wrap .txt sub {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: block;
  margin: 10px 0 0;
}

.checkbox .txt-wrap .btn-line {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.checkbox .txt-wrap:focus, .checkbox .txt-wrap:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.checkbox input:checked + .txt-wrap::before {
  border-color: #004e73;
  background: #004e73;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.checkbox input:checked + .txt-wrap::after {
  color: #ffffff;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.checkbox input:disabled + .txt-wrap {
  color: #888888;
  cursor: default;
}

.checkbox input:disabled + .txt-wrap::before {
  border-color: #dddddd;
  background: #f8f8f8;
}

.checkbox input:disabled + .txt-wrap::after {
  display: none;
}

.checkbox.all-chk .txt-wrap {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.checkbox.ty2 .txt {
  display: block;
  position: relative;
  width: 23px;
  height: 23px;
  border: 1px solid #969696;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
}

.checkbox.ty2 .txt::after {
  display: block;
  content: '\e91f';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'icomoon';
  font-size: 14px;
  color: #969696;
  line-height: 25px;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-align: center;
}

.checkbox.ty2 input:checked + .txt {
  border-color: #004e73;
  background: #004e73;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.checkbox.ty2 input:checked + .txt::after {
  color: #ffffff;
}

.checkbox.ty3 .txt-wrap::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #f8f8f8;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.checkbox.ty3 .txt-wrap::after {
  display: block;
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #969696;
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 0;
}

.checkbox.ty3 .txt-wrap .txt {
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
}

.checkbox.ty3 input:checked + .txt-wrap::before {
  border-color: #004e73;
  background: #004e73;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.checkbox.ty3 input:checked + .txt-wrap::after {
  background: #ffffff;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
  opacity: 1;
}

.checkbox.ty4 .txt {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #969696;
  background: #fff;
  font-size: 0;
  border-radius: 3px;
}

.checkbox.ty4 .txt::after {
  display: block;
  content: '\e91f';
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'icomoon';
  font-size: 10px;
  color: #969696;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-align: center;
}

.checkbox.ty4 input:checked + .txt {
  border-color: #004e73;
  background: #004e73;
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.checkbox.ty4 input:checked + .txt::after {
  color: #ffffff;
}

.all-chk-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  background: #f8f8f8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid #101010;
}

.chk-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 40px 0 0;
  font-size: 0;
  text-align: center;
}

.btn-wrap.fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.btn-wrap a,
.btn-wrap button,
.btn-wrap input[type='button'] {
  margin: 0 0 0 10px;
}

.btn-wrap a:first-child,
.btn-wrap button:first-child,
.btn-wrap input[type='button']:first-child {
  margin: 0;
}

.prd-details .btn-wrap.fixed {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.prd-details .btn-wrap.fixed.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.btn-func {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  margin: 0 !important;
  border-top: 1px solid #101010;
  border-left: 1px solid #101010;
  background: #ffffff;
  font-size: 0;
}

.btn-func:first-child {
  border-left: none;
}

.btn-func img {
  display: block;
  width: 26px;
  margin: 0 auto;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.btn-func.refresh img {
  width: 18px;
}

.btn-func:active img {
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.btn-func.ty2 {
  border-color: #dddddd;
}

.btn-120 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  margin: 0 !important;
  border-top: 1px solid #004e73;
  border-radius: 0;
  padding: 0;
  background: #004e73;
  line-height: 56px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
}

.btn-120.c1 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-color: transparent;
  background-color: #f8f8f8;
  font-weight: 400;
  color: #888888;
  cursor: default;
}

.btn-120.c2 {
  border-color: #101010;
  background-color: #ffffff;
  font-weight: 700;
  color: #101010;
}

.btn-110 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 164px;
  height: 55px;
  border: 1px solid #101010;
  border-radius: 5px;
  padding: 0;
  background: #ffffff;
  line-height: 51px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.btn-110.c1 {
  border-color: #004e73;
  background-color: #004e73;
  font-weight: 700;
  color: #ffffff;
}

.btn-110.c2 {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  font-weight: 400;
  color: #888888;
  cursor: default;
}

.btn-104 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 164px;
  height: 52px;
  border: 1px solid #101010;
  border-radius: 5px;
  padding: 0;
  background: #ffffff;
  line-height: 48px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.btn-104.c1 {
  border-color: #004e73;
  background-color: #004e73;
  font-weight: 700;
  color: #ffffff;
}

.btn-104.c2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #888888;
  cursor: default;
}

.btn-104.c3 {
  border-color: #004e73;
  background: none;
  font-weight: 700;
  color: #004e73;
}

.btn-104.c4 {
  border-color: #ffffff;
  background-color: #ffffff;
  font-weight: 700;
  color: #101010;
}

.btn-104.c5 {
  border-color: #101010;
  background-color: #101010;
  font-weight: 700;
  color: #ffffff;
}

.btn-104.form {
  width: auto;
  min-width: 146px;
  padding: 0 25px;
  font-weight: 400 !important;
}

.btn-104.form.c1 {
  font-weight: 700 !important;
}

.btn-104 .txt {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}

.btn-104 .txt .ico:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-104.calendar {
  width: auto;
  min-width: 146px;
  padding: 0 25px;
  font-weight: 400 !important;
}

.btn-104.calendar .txt .ico:before {
  display: block;
  content: '\e90c';
  font-family: "icomoon";
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
}

.btn-104.file {
  width: auto;
  min-width: 146px;
  padding: 0 25px;
  font-weight: 400 !important;
}

.btn-104.file .txt .ico:before {
  display: block;
  content: '\e912';
  font-family: "icomoon";
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
}

.btn-104.ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 52px;
  border-color: #dddddd;
  flex-flow: wrap;
  line-height: normal;
}

.btn-104.ico img {
  width: 26px;
}

.btn-104.ico:focus img, .btn-104.ico:active img {
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.btn-104.ty2 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}

button[class^=btn]:disabled,
button[class^=btn][disabled] {
  color: #888888;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-line {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: inline-block;
  position: relative;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-decoration: underline;
}

.btn-line.c1 {
  color: #101010;
}

.btn-line.c2 {
  color: #004e73;
}

.btn-line.c3 {
  color: #606060;
}

.btn-rnd-70 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 135px;
  height: 35px;
  border: 1px solid #101010;
  border-radius: 17.5px;
  padding: 0 40px;
  background: #ffffff;
  line-height: 31px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  min-width: 128px !important;
  padding: 0 30px !important;
}

.btn-rnd-70.c1 {
  border-color: #004e73;
  background-color: #004e73;
  color: #ffffff;
}

.btn-rnd-70.c2 {
  border-color: #101010;
  background-color: #101010;
  color: #ffffff;
}

.btn-rnd-70.c3 {
  border-color: #969696;
  background: none;
  color: #ffffff;
}

.btn-rnd-70 .txt {
  display: inline-block;
  position: relative;
  padding: 0 0 0 19px;
}

.btn-rnd-70 .txt .ico {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0;
}

.btn-rnd-70.btn-filter {
  min-width: auto !important;
  padding: 0 19px !important;
}

.btn-rnd-70.btn-filter .txt .ico {
  background: url(../../resource/img/svgicons/filter-30x30.svg) center center/contain no-repeat;
}

.btn-rnd-70:focus, .btn-rnd-70:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-rnd-80 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #888888;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #888888;
  padding: 0 20px;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-rnd-80.active {
  background-color: #004e73;
  color: #ffffff;
  border-color: #004e73;
  font-weight: bold;
}

.btn-rnd-100 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 135px;
  height: 50px;
  border: 1px solid #101010;
  border-radius: 25px;
  padding: 0 40px;
  background: #ffffff;
  line-height: 46px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.btn-rnd-100.c1 {
  border-color: #004e73;
  background-color: #004e73;
  color: #ffffff;
}

.btn-rnd-100.c2 {
  border-color: #101010;
  background-color: #101010;
  color: #ffffff;
}

.btn-rnd-100 .txt {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}

.btn-rnd-100 .txt .ico {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: #888888;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-rnd-100:focus, .btn-rnd-100:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-rnd-104 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 135px;
  height: 52px;
  border: 1px solid transparent;
  border-radius: 26px;
  padding: 0 40px;
  background: #ffffff;
  line-height: 48px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #004e73;
}

.btn-rnd-104.c1 {
  border-color: #004e73;
  background-color: #004e73;
  color: #ffffff;
}

.btn-rnd-104.c2 {
  border-color: #101010;
  background-color: #101010;
  color: #ffffff;
}

.btn-rnd-104 .txt {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}

.btn-rnd-104 .txt .ico {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: #888888;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-rnd-104:focus, .btn-rnd-104:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-rnd-110 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 135px;
  height: 55px;
  border: 1px solid #101010;
  border-radius: 27.5px;
  padding: 0 40px;
  background: #ffffff;
  line-height: 51px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  min-width: 169px !important;
  padding: 0 44px !important;
}

.btn-rnd-110.c1 {
  border-color: #004e73;
  background-color: #004e73;
  color: #ffffff;
}

.btn-rnd-110.c2 {
  border-color: #101010;
  background-color: #101010;
  color: #ffffff;
}

.btn-rnd-110 .txt {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
}

.btn-rnd-110 .txt .ico {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin: -7.5px 0 0;
}

.btn-rnd-110.list .txt .ico:before {
  display: block;
  content: '\e920';
  font-family: "icomoon";
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
}

.btn-rnd-110:focus, .btn-rnd-110:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-tab ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  position: relative;
}

.btn-tab ul li a,
.btn-tab ul li button,
.btn-tab ul li input[type='button'] {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  border: 1px solid #dddddd;
  border-left: none;
}

.btn-tab ul li a:focus, .btn-tab ul li a:active,
.btn-tab ul li button:focus,
.btn-tab ul li button:active,
.btn-tab ul li input[type='button']:focus,
.btn-tab ul li input[type='button']:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-tab ul li a span,
.btn-tab ul li button span,
.btn-tab ul li input[type='button'] span {
  display: block;
  /*margin: -2px 0 0;*/
}

.btn-tab ul li:first-child a,
.btn-tab ul li:first-child button,
.btn-tab ul li:first-child input[type='button'] {
  border-left: 1px solid #dddddd;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.btn-tab ul li:first-child.on:before {
  display: none;
}

.btn-tab ul li:last-child a,
.btn-tab ul li:last-child button,
.btn-tab ul li:last-child input[type='button'] {
  border-radius: 0 5px 5px 0;
}

.btn-tab ul li.on a,
.btn-tab ul li.on button,
.btn-tab ul li.on input[type='button'] {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #004e73;
  border-color: #004e73;
}

.btn-tab ul li.on::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background: #004e73;
}

.btn-tab.h-90 ul li a,
.btn-tab.h-90 ul li button,
.btn-tab.h-90 ul li input[type='button'] {
  height: 45px;
  font-size: 13px;
}

.btn-arr {
  display: inline-block;
  position: relative;
  padding: 0 24px 0 0;
}

.btn-arr span {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  display: block;
}

.btn-arr::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../img/svgicons/more-right-black-40.svg) no-repeat 0 0/100%;
}

.btn-arr-28 {
  display: inline-block;
  position: relative;
  padding: 0 22px 0 0;
}

.btn-arr-28 span {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  display: block;
}

.btn-arr-28::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(../img/svgicons/more-right-28.svg) no-repeat 0 0/100%;
}

.btn.close {
  width: 32px;
  height: 32px;
  font-size: 0;
}

.btn-close2 {
  width: 13px;
  height: 13px;
  font-size: 0;
  background: url(../img/svgicons/close-26.svg) 0 0/contain no-repeat;
}

.p {
  text-align: center;
  font-size: 14px;
  color: #606060;
}

.tit + .p {
  margin-top: 9px;
}

.badge {
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 60px;
  height: 21px;
  margin: 0 0 0 11px;
  border: 1px solid;
  border-radius: 2px;
  padding: 0 10px;
  line-height: 19px;
}

.badge:first-child {
  margin: 0;
}

.badge.b1 {
  border-color: #004e73;
  background: #004e73;
}

.badge.b2 {
  border-color: #68c3cb;
  background: #68c3cb;
}

.badge.b3 {
  border-color: #6f7dc7;
  background: #6f7dc7;
}

.badge.b4 {
  border-color: #c79b65;
  background: #c79b65;
}

.badge.b5 {
  border-color: #a4c5e1;
  background: #a4c5e1;
}


    .badge.b8 {
        background: #e3a193;
        color: #fff;
    }

.badge.border {
  border-color: #004e73;
  background: none;
  color: #004e73;
}

.tab-border {
  position: relative;
  z-index: 100;
  background: #ffffff;
}

.tab-border ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tab-border ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  position: relative;
}

.tab-border ul li .btn-tab {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
  line-height: 50px;
}

.tab-border ul li .btn-tab:focus, .tab-border ul li .btn-tab:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.tab-border ul li.active .btn-tab {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #004e73;
}

.tab-border ul li.active::after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 2px;
  background: #004e73;
}

.tab-border.full {
  margin: 0 -18px;
  width: 100vw !important;
}

.tab-border.fixed {
  position: fixed;
  right: 0;
  left: 0;
  margin: 0;
}

.tab-border.fixed + * {
  margin-top: 50px;
}

.tab-swipe {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.tab-swipe::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 2px;
  z-index: 1;
  width: 50px;
  height: auto;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tab-swipe::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 2px;
  z-index: 1;
  width: 50px;
  height: auto;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.tab-swipe.first:before {
  left: -50px;
}

.tab-swipe.last:after {
  right: -50px;
}

.tab-swipe ul {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.tab-swipe ul::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.tab-swipe ul::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.tab-swipe ul li .btn-tab {
  padding: 0 17px;
}

.tab-swipe.icon ul li .btn-tab {
  min-width: 103.5px;
  padding: 0;
}

.tab-swipe.icon ul li .btn-tab span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
}

.tab-swipe.icon ul li .btn-tab span::before {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  font-family: "icomoon";
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.tab-swipe.icon ul li .btn-tab[data-tabid=water] span::before {
  /*content: '\e91c';*/
}

.tab-swipe.icon ul li .btn-tab[data-tabid=air] span::before {
  /*content: '\e916';*/
}

.tab-swipe.icon ul li .btn-tab[data-tabid=living] span::before {
  /*content: '\e91a';*/
}

.tab-swipe.icon ul li .btn-tab[data-tabid=cooking] span::before {
  /*content: '\e919';*/
}

.tab-swipe.icon ul li .btn-tab[data-tabid=body] span::before {
  /*content: '\e918';*/
}

.tab-swipe.icon ul li.active .btn-tab span::before {
  color: #004e73;
}

.cont-wrap .tab-cont {
  display: none;
}

.cont-wrap .tab-cont.visible {
  display: block;
}

.nodata {
  padding: 50px 0 85px;
}

.nodata.border {
  border: solid #dddddd;
  border-width: 1px 0;
  padding: 50px 0 46px;
}

.nodata p {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  padding: 78px 0 0;
  background: url(../img/svgicons/nodata.svg) center top/62px auto no-repeat;
  line-height: 1.4;
}

.nodata.ty2 {
  position: relative;
  padding-top: 102px;
}

.nodata.ty2::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 62px;
  height: 62px;
  background: url(../img/svgicons/nodata.svg) no-repeat 0 0/100%;
}

.nodata.ty2 strong {
  display: block;
  margin-top: 15px;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.nodata.ty2 strong + p {
  background: #fff;
  padding: 0;
  margin-top: 6px;
}

.page-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 24px;
  margin: 0 -18px;
  padding: 20px 18px 15px;
}

.page-head .btn-search {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  margin: -20px -17px -15px 0;
  padding: 20px 17px 15px;
  font-size: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.page-head .btn-search::before {
  display: block;
  content: '\e90a';
  font-family: "icomoon";
  font-size: 25px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  position: absolute;
  top: 20px;
}

.page-head .search-box {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  padding: 16px 67px 16px 18px;
  background: #ffffff;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transform: translateY(-300%);
  transform: translateY(-300%);
}

.page-head .search-box .search-inner {
  overflow: hidden;
  position: relative;
}

.page-head .search-box .search-inner .input-search {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 55px;
  border: none;
  border-radius: 5px;
  padding: 16px 50px 16px 20px;
  background: #f8f8f8;
}

.page-head .search-box .search-inner .input-search::-webkit-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.page-head .search-box .search-inner .input-search:-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.page-head .search-box .search-inner .input-search::-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.page-head .search-box .search-inner .input-search::placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.page-head .search-box .search-inner .ico-search {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 55px;
  height: 55px;
  font-size: 0;
}

.page-head .search-box .search-inner .ico-search::before {
  display: block;
  content: '\e90a';
  font-family: "icomoon";
  font-size: 25px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-head .search-box .search-inner .btn-delete {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 50px;
  height: 55px;
  font-size: 0;
  opacity: 0;
}

.page-head .search-box .search-inner .btn-delete::before {
  display: block;
  content: '\e910';
  font-family: "icomoon";
  font-size: 19px;
  font-weight: 400;
  text-align: left;
  color: #dddddd;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-head .search-box .search-inner .btn-delete::after {
  display: block;
  content: '\e911';
  font-family: "icomoon";
  font-size: 19px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-head .search-box .btn-cancel {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  width: 67px;
  height: 55px;
  line-height: 55px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-head .search-box.focus .search-inner .ico-search {
  opacity: 0;
}

.page-head .search-box.focus .search-inner .btn-delete {
  opacity: 1;
}

.page-head.search-open .search-box {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.page-head .result {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.page-head .result em {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.page-intro {
  padding: 30px 0 27px;
}

.page-intro .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  line-height: 1;
}

.page-intro .desc {
  margin: 10px 0 0;
}

.page-intro .desc p {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 10px 0 0;
  word-break: keep-all;
}

.page-intro .desc p:first-child {
  margin: 0;
}

.page-intro .desc p.sub {
  color: #888888;
}

.page-intro .desc p em {
  color: #101010;
}

.page-intro.ty2 {
  padding-top: 26px;
}

.page-intro.ty2 .desc {
  margin: 0;
}

.search-bar {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 75px;
  margin: 0 -18px;
  padding: 26px 75px 26px 32px;
  background: #f8f8f8;
}

.search-bar .full-input {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: block;
  padding: 0;
  height: 100%;
  border: none;
  background: none;
}

.search-bar .full-input::-webkit-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.search-bar .full-input:-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.search-bar .full-input::-ms-input-placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.search-bar .full-input::placeholder {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.search-bar .full-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 75px;
  height: 75px;
  font-size: 0;
}

.search-bar .full-btn::before {
  display: block;
  content: '\e90a';
  font-family: "icomoon";
  font-size: 25px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slt-custom {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.slt-custom .slt-btn {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  display: inline-block;
  position: relative;
  padding: 0 31px 0 0;
  line-height: 23px;
}

.slt-custom .slt-btn::after {
  display: block;
  content: '\e90e';
  font-family: "icomoon";
  font-size: 23px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  line-height: 1;
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 1;
}

.slt-custom .slt-opt {
  overflow: hidden;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 200;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  height: 0;
  max-height: 0;
  border: solid transparent;
  border-width: 0 2px;
  border-radius: 10px;
  background: #ffffff;
  -webkit-transition: max-height .4s;
  transition: max-height .4s;
  opacity: 0;
}

.slt-custom .slt-opt .opt-btn {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 17px;
  background: #ffffff;
  line-height: 1.3;
}

.slt-custom .slt-opt .opt-btn:hover, .slt-custom .slt-opt .opt-btn:focus {
  font-weight: 700;
  color: #101010;
  background: #f8f8f8;
}

.slt-custom.open .slt-btn:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slt-custom.open .slt-opt {
  overflow: auto;
  height: auto;
  max-height: 304px;
  border: 2px solid #101010;
  opacity: 1;
}

.slt-custom.ty2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.slt-custom.ty2 .slt-btn {
  padding: 0 22.5px 0 0;
  font-weight: 400;
  font-size: 13px;
}

.slt-custom.ty2 .slt-btn::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../../resource/img/svgicons/arr-slt.svg) center center/contain no-repeat;
}

.slt-custom.ty2 .slt-opt {
  left: auto;
  right: 0;
  width: 120px;
}

.steps-top {
  margin: 0 -18px;
}

.steps-top ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
}

.steps-top ol li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  color: #fff;
  font-family: "CentraleSans";
  font-weight: 700;
  font-size: 15px;
  background-color: #004e73;
}

.steps-top ol li::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -2px;
  z-index: 1;
  width: 6px;
  height: 11px;
  background: url(../../resource/img/svgicons/arr-gray-12x22.svg) center center/6px auto no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.steps-top ol li span {
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.25px;
  margin-top: 4px;
  z-index: 1;
}

.steps-top ol li .num {
  margin-left: 3px;
}

.steps-top ol li:last-child::after {
  display: none;
}

.steps-top ol .on {
  background-color: transparent;
}

.steps-top ol .on::after {
  display: none;
}

.steps-top ol .on::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: 50px;
  border-radius: 0 25px 25px 0;
  background-color: #004e73;
  z-index: 0;
}

.steps-top ol .on .txt {
  padding-left: 0;
  margin-right: 22px;
}

.steps-top ol .on .num {
  position: absolute;
  right: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  color: #004e73;
  margin-top: 0;
  margin-left: 10px;
  background-color: #fff;
  border-radius: 50%;
}

.steps-top ol .on .num em {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.steps-top ol .on ~ li {
  background-color: #f8f8f8;
  font-weight: normal;
  color: #c0c0c0;
}

.steps-top ol .on:last-child {
  background-color: #004e73;
}

.steps-top ol .on:last-child .txt {
  margin-right: 0;
}

.steps-top ol .on:last-child .num {
  position: static;
  display: inline-block;
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  width: auto;
  height: auto;
  margin-left: 3px;
  margin-top: 4px;
}

.input-form ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0;
}

.input-form ul > li:first-child {
  margin: 0;
}

.input-form ul > li .form-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.input-form ul > li .form-group .sort {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 0 0 11px;
  line-height: 1.5;
}

.input-form ul > li .form-group .sort .sub {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: block;
  margin: 2px 0 0;
  padding: 0 0 4px;
}

.input-form ul > li .form-group .cont {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  line-height: 1.14;
}

.input-form ul > li .form-group .cont .form-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 17px 20px 20px;
}

.input-form ul > li .form-group .cont .form-box .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  line-height: 1.5;
  word-break: keep-all;
}

.input-form ul > li .form-group .cont .form-box .label-area {
  margin: 17px 0 0;
}

.input-form ul > li .form-group .cont .notice {
  margin: 15px 0 0;
}

.input-form ul > li .form-group .cont .file-area .btn-104 {
  position: relative;
}

.input-form ul > li .form-group .cont .file-area .btn-104 .btn-file {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.input-form ul > li .form-group .cont .file-area ul {
  margin: 11px 0 0;
}

.input-form ul > li .form-group .cont .file-area ul li {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 52px;
  margin: 11px 0 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
}

.input-form ul > li .form-group .cont .file-area ul li:first-child {
  margin: 0;
}

.input-form ul > li .form-group .cont .file-area ul li span {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 50px 0 15px;
  line-height: 50px;
  background-color: #ffffff;
}

.input-form ul > li .form-group .cont .file-area ul li .btn-del {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 0;
}

.input-form ul > li .form-group .cont .file-area ul li .btn-del::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid #101010;
  border-radius: 50%;
}

.input-form ul > li .form-group .cont .file-area ul li .btn-del::after {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: '\e903';
  font-family: "icomoon";
  line-height: 1;
}

.agree-wrap {
  padding: 25px 0 0;
}

.agree-wrap .accordion li .tit {
  padding: 25px 40px 23.5px 15px;
}

.agree-wrap .accordion li .tit i {
  right: 10px;
}

.agree-wrap .accordion li .expand {
  max-height: 320px !important;
}

.agree-wrap .accordion li .expand .wrap {
  border-top: 1px solid #dddddd;
  padding: 27px 10px 25px 15px;
  background: none;
}

.agree-wrap.ty2 li {
  padding: 25px 18px 25px 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.agree-wrap.ty2 li + li {
  border-top: 1px solid #dddddd;
}

.agree-wrap.one {
  padding: 0;
}

.agree-wrap.one .accordion li {
  border: none;
}

.agree-wrap.one .accordion li.open {
  padding-bottom: 30px;
}

.agree-wrap.one .accordion li .tit {
  padding: 25px 25px 25px 0px;
}

.agree-wrap.one .accordion li .tit i {
  right: 0;
}

.agree-wrap.one .accordion li .wrap {
  border: none;
  padding: 0;
}

.board-thumb > ul > li {
  margin: 37.5px 0 0;
}

.board-thumb > ul > li:first-child {
  margin: 0;
}

.board-thumb > ul > li a {
  display: block;
}

.board-thumb > ul > li .thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 10px;
  font-size: 0;
}

.board-thumb > ul > li .thumb img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.board-thumb > ul > li .thumb .sort {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 38px;
  height: 38px;
  font-size: 0;
}

.board-thumb > ul > li .thumb .sort.instagram {
  background: url(../../resource/img/svgicons/sns-instagram.svg) center center/cover no-repeat;
}

.board-thumb > ul > li .thumb .sort.blog {
  background: url(../../resource/img/svgicons/sns-blog.svg) center center/cover no-repeat;
}

.board-thumb > ul > li .thumb .sort.facebook {
  background: url(../../resource/img/svgicons/sns-facebook.svg) center center/cover no-repeat;
}

.board-thumb > ul > li .thumb .sort.play {
  width: 40px;
  height: 40px;
  top: auto;
  left: auto;
  bottom: 15px;
  right: 15px;
  background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;
}

.board-thumb > ul > li .tit {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: block;
  margin: 14px 0 0;
  line-height: 1.5;
}

.board-thumb > ul > li .pipe {
  margin: 5px 0 0;
}

.board-thumb.ty2 > ul > li {
  margin: 46.5px 0 0;
}

.board-thumb.ty2 > ul > li:first-child {
  margin: 0;
}

.board-thumb.ty2 > ul > li .info {
  margin: 18px 0 0;
}

.board-thumb.ty2 > ul > li .info .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.board-thumb.ty2 > ul > li .info .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 8px 0 0;
}

.board-thumb.ty2 > ul > li .info .pipe {
  margin: 18px 0 0;
}

.table.table-notice tr {
  border: 1px solid #ddd;
  border-width: 1px 0 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.table.table-notice tr.fixed td:nth-child(1) {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.table.table-notice tr td {
  padding: 25px 0 30px;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.table.table-notice tr td a {
  display: block;
  word-break: break-all;
  color: #101010;
}

.table.table-notice tr td a + .number {
  display: block;
  padding-top: 12px;
}

.table.table-notice tr td:nth-child(1) {
  width: 44px;
}

.table.table-manual {
  border-top: 1px solid #dddddd;
}

.table.table-manual li {
  border-bottom: 1px solid #dddddd;
}

.table.table-manual li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 27px 52px 25px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.table.table-manual li a .category {
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  font-family: "CentraleSans";
}

.table.table-manual li a .heading {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  font-family: "Noto Sans KR";
}

.table.table-manual li a i {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%) rotateZ(-90deg);
  transform: translateY(-50%) rotateZ(-90deg);
  width: 20px;
  height: 20px;
}

.table.table-manual li a i::before {
  font-size: 20px;
  color: #101010;
}

table {
  width: 100%;
}

table td {
  font-family: 'Noto Sans KR' , sans-serif;
  font-size: 16px;
}

table td .pcolor {
  color: #004e73 !important;
}

table .number {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  font-family: "CentraleSans", sans-serif;
}

table .category {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  font-family: 'CentraleSans", sans-serif';
}

.tbl-cap.border table {
  border-top: 1px solid #101010;
}

.tbl-cap .caption {
  width: 100%;
  height: 60px;
  display: table;
  text-align: center;
  border: 1px solid #101010;
  border-width: 1px 0;
  background: #f8f8f8;
  font-size: 17px;
}

.tbl-cap .caption span {
  display: table-cell;
  vertical-align: middle;
}

.tbl-cap table tr {
  text-align: left;
  border-bottom: 1px solid #dddddd;
}

.tbl-cap table tr th {
  width: 130px;
  padding: 18px 15px 18px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #101010;
  background: #f8f8f8;
  vertical-align: middle;
  font-size: 15px;
  word-break: break-word;
}

.tbl-cap table tr td {
  padding: 18px 15px 18px 15px;
  font-size: 15px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  vertical-align: middle;
  word-break: break-word;
}

.tbl-cap table tr td span.number {
  font-family: "CentraleSans", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.tbl-cap table tr td span.number em {
  font-size: 12px;
  font-family: 'Noto Sans KR', sans-serif;
}

.tbl-cap table tr td span.date {
  font-family: "CentraleSans", sans-serif;
}

.tbl-cap.ty2 table thead {
  border-bottom: 1px solid #dddddd;
}

.tbl-cap.ty2 table thead th {
  text-align: center;
}

.tbl-cap.ty2 table tr td {
  text-align: center;
}

.tbl-cap.ty2 table tr td:last-child {
  text-align: left;
}

.tbl-cap.ty3 {
  border-top: 1px solid #101010;
}

.tbl-cap.ty3 table {
  border-top: none;
}

.tbl-cap.ty3 table th {
  text-align: center;
}

.tbl-cap.ty3 table th:nth-child(1) {
  border-right: 1px solid #dddddd;
}

.tbl-cap.ty3 table tr td {
  text-align: center;
}

.tbl-cap.ty3 table tr td:nth-child(1) {
  border-right: 1px solid #dddddd;
}

.prd-info .img {
  padding: 9px 9px 9px 9px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  font-size: 0;
}

.prd-info .img img {
  width: 100%;
  height: 100%;
}

.prd-info .info {
  margin-top: 5px;
}

.prd-info .info .prd-head .prd-type {
  font-size: 0;
}

.prd-info .info .title-box {
  margin-top: 8px;
}

.prd-info .info .title-box .tit {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.prd-info .info .title-box .model {
  margin-top: 3.5px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.prd-info .info .rent-type {
  margin-top: 14px;
}

.prd-info .info .rent-type .tit {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.prd-info .info .rent-type .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 2.5px;
  font-size: 0;
}

.prd-info .info .rent-type .status .period.number {
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  color: #888888;
}

.prd-info .info .rent-type .status .btn-line.right {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.prd-info .info .prd-detail {
  margin-top: 12px;
  border-top: 1px solid #101010;
}

.prd-info .info .prd-detail ul li {
  padding: 14px 0px 16px 0px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}

.prd-info .info .prd-detail ul li:last-child {
  border: none;
  padding-bottom: 0;
}

.prd-info .info .prd-detail ul li dl {
  display: table;
  width: 100%;
}

.prd-info .info .prd-detail ul li dl + dl {
  margin-top: 11px;
}

.prd-info .info .prd-detail ul li dl dt {
  display: table-cell;
  width: 107px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-info .info .prd-detail ul li dl dd {
  display: table-cell;
  font-size: 0;
  vertical-align: middle;
}

.prd-info .info .prd-detail ul li dl dd::after {
  content: '';
  display: block;
  clear: both;
}

.prd-info .info .prd-detail ul li dl dd .num, .prd-info .info .prd-detail ul li dl dd .date, .prd-info .info .prd-detail ul li dl dd .txt, .prd-info .info .prd-detail ul li dl dd .name {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.prd-info .info .prd-detail ul li dl dd .num, .prd-info .info .prd-detail ul li dl dd .date {
  font-family: 'CentraleSans', sans-serif;
}

.prd-info .info .prd-detail ul li dl dd .name {
  float: left;
}

.prd-info .info .prd-detail ul li dl dd .name + .num {
  float: left;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.prd-info .info .prd-detail ul li dl dd .name + .num:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #dddddd;
  margin: 0 9px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  font-size: 0;
}

.prd-info .info .prd-detail ul li dl dd .num + .txt {
  margin-top: 5px;
}

.prd-info .info .prd-detail ul li dl dd .price {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-info .info .prd-detail ul li dl dd .btn-line.c3 {
  margin-top: 10px;
  font-size: 14px;
}

.detail-box {
  border-radius: 5px;
  background: #f8f8f8;
  padding: 16px 20px 19px 20px;
}

.detail-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.detail-box dl + dl {
  margin-top: 8px;
}

.detail-box dl dt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 111px;
}

.detail-box dl dt, .detail-box dl dd {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.detail-box dl dd .number {
  font-family: "CentraleSans", sans-serif;
}

.detail-box dl dd .number + .txt {
  display: block;
  margin-top: 5px;
}

.detail-box dl dd .pipe li {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.table-data tr th {
  min-width: 102px;
  width: 102px;
  padding: 10px 0px 10px 0px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.table-data tr td {
  width: auto;
  padding: 10px 0px 10px 0px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.table-data.ty2 tr {
  border-bottom: 1px solid #dddddd;
}

.table-data.ty2 tr th {
  min-width: 93.5px;
  width: 93.5px;
  padding: 16px 0px 17.5px 0px;
  font-weight: 700;
}

.table-data.ty2 tr td {
  padding: 16px 0px 17.5px 0px;
}

/* 에디터에서 뿌려지는 테이블 스타일 작업 */
.prd-info-tab table {
  border-top: 1px solid #ddd;
}

.prd-info-tab table + table {
  margin-top: 20px;
}

.prd-info-tab table tr {
  text-align: left;
  border-bottom: 1px solid #dddddd;
}

.prd-info-tab table tr th {
  width: 130px;
  padding: 18px 7.5px 18px 7.5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #101010;
  background: #f8f8f8;
  vertical-align: middle;
  font-size: 15px;
  word-break: break-word;
}

.prd-info-tab table tr th[rowspan]:first-child {
  border-right: 1px solid #ddd;
}

.prd-info-tab table tr th + th {
  border-left: 1px solid #ddd;
}

.prd-info-tab table tr td {
  padding: 18px 15px 18px 15px;
  font-size: 15px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  vertical-align: middle;
  word-break: break-word;
}

.prd-info-tab table tr td + td {
  border-left: 1px solid #ddd;
}

.prd-info-tab table tr td span.number {
  font-family: "CentraleSans", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.prd-info-tab table tr td span.number em {
  font-size: 12px;
  font-family: 'Noto Sans KR', sans-serif;
}

.prd-info-tab table tr td span.date {
  font-family: "CentraleSans", sans-serif;
}

.row-list {
  border-top: 1px solid #dddddd;
}

.row-list li {
  padding: 21px 0px 25px 0px;
  border-bottom: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row-list li.active {
  background-color: rgba(164, 197, 225, 0.1);
}

.row-list li em.pcolor {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.row-list li p {
  margin-top: 12px;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.row-list li .call {
  position: relative;
  display: block;
  margin-top: 10px;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.row-list li .call::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../../resource/img/util/call-gr-40.svg) no-repeat 0 0/100%;
}

.detail-view .top {
  padding: 30px 0px 28px 0px;
  border-bottom: 2px solid #101010;
}

.detail-view .top .heading em {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.detail-view .top .heading em + p {
  margin: 5px 0px 0px 0px;
}

.detail-view .top .heading p {
  font-size: 19px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.detail-view .top .date {
  margin: 7px 0px 0px 0px;
  color: #888888;
  font-size: 0;
}

.detail-view .top .date .number {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  font-family: "CentraleSans";
}

.detail-view .top .date .dash {
  margin: 0px 4.5px 0px 4.5px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  font-family: "CentraleSans";
}

.detail-view .top .type {
  margin: 12px 0px 0px 0px;
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  font-family: "Noto Sans KR";
}

.detail-view .view {
  padding: 25px 0px 30px 0px;
}

.detail-view .view .editor {
  font-size: 15px;
  word-break: break-all;
}

.detail-view .view .editor img {
  max-width: 100% !important;
  width: 100% !important;
}

.detail-view .view .editor hr {
  margin: 0;
  padding: 0;
  height: auto;
  border-width: 1px;
  border-color: inherit;
  background: none;
}

.detail-view .view .editor .movie {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.detail-view .view .editor .movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.detail-view .view .editor:empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 30px 50px 30px;
  height: 200px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.detail-view .bottom {
  border: 1px solid #101010;
  border-width: 2px 0 1px 0;
}

.detail-view .bottom a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0px 17px 0px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-view .bottom a.next {
  border-top: 1px solid #dddddd;
}

.detail-view .bottom a span.btn {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 78px;
  padding: 0px 0px 0px 22px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-view .bottom a span.btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
}

.detail-view .bottom a span.btn.prev:before {
  background: url(../../resource/img/svgicons/arrow-up.svg) no-repeat 0 0/cover;
}

.detail-view .bottom a span.btn.next:before {
  background: url(../../resource/img/svgicons/arrow-down.svg) no-repeat 0 0/cover;
}

.detail-view .bottom a p {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.detail-view .bottom a p.no-board-data {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.detail-view .btn-wrap {
  margin: 40px 0px 0px 0px;
}

.detail-view .btn-wrap i {
  margin-right: 7px;
}

.detail-view .utils-area {
  position: relative;
  background: #f8f8f8;
  padding: 16px 18px 18px 44px;
}

.detail-view .utils-area::before {
  content: '';
  position: absolute;
  top: 17px;
  left: 17px;
  width: 17px;
  height: 17px;
  background: url(../../resource/img/util/download-34.svg) no-repeat 0 0/100%;
}

.detail-view .utils-area a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #004e73;
}

.detail-view .utils-area a + a {
  margin-top: 10px;
}

.board-list li + li {
  margin-top: 15px;
}

.board-list li a {
  position: relative;
  display: block;
  height: 130px;
  padding: 15px 15px 15px 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #f8f8f8;
}

.board-list li a .thumb {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background: #f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.board-list li a .thumb img {
  width: 100% !important;
  height: 100% !important;
}

.board-list li a .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.board-list li a .sub .tit {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.board-list li a .sub .txt {
  margin-top: 7px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.board-list li a .sub .txt span {
  margin-right: 5px;
}

.board-list li a .sub .txt .num {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.board-list + .bottom {
  margin-top: 30px;
}

.board-list.ty2 li + li {
  margin-top: 15px;
}

.board-list.ty2 li a {
  position: relative;
  display: block;
  height: 70px;
  padding: 5px 5px 5px 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f8f8f8;
}

.board-list.ty2 li a .thumb {
  width: 60px;
  height: 60px;
  padding: 4px 4px 4px 4px;
  background: #f8f8f8;
}

.board-list.ty2 li a .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.board-list.ty2 li a .sub .tit {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.board-list.ty2 li a .sub .txt {
  margin-top: 7px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.board-list.ty2 li a .sub .txt span {
  margin-right: 5px;
}

.board-list.ty2 li a .sub .txt .num {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

i.require {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #ef1e1e;
}

i.require.ty2 {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

p.bul {
  position: relative;
  padding: 0px 0px 0px 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

p.bul::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #888888;
}

p.bul.fc-1:before {
  background: #101010;
}

p.bul.ty2 {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

p.bul.ty2::before {
  top: 7px;
  width: 5px;
  height: 5px;
}

p.bar {
  position: relative;
  padding-left: 10px;
}

p.bar::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #606060;
}

p.notice {
  position: relative;
  padding-left: 23px;
  color: #888888;
  line-height: 1.4;
}

p.notice::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../img/util/notice-gray.svg) no-repeat 0 0/100%;
}

p.notice.small {
  font-size: 13px;
}

p.notice.small::before {
  top: 2px;
  width: 15px;
  height: 15px;
  background: url(../img/util/notice-gray.svg) center center/cover no-repeat;
}

p.notice.ty2 {
  color: #101010;
}

p.notice.ty2::before {
  background: url(../img/util/notice-black.svg) no-repeat 0 0/100%;
}

ul.bul li {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  position: relative;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
}

ul.bul li:first-child {
  margin: 0;
}

ul.bul li::before {
  content: '';
  position: absolute;
  top: 8.5px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #888888;
}

ul.bul li.fc-1:before {
  background: #101010;
}

ul.bul.border {
  border-top: 1px solid #dddddd;
  padding: 21px 0 0;
}

ul.bul.ty2 li {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  position: relative;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
}

ul.bul.ty2 li:first-child {
  margin: 0;
}

ul.bul.ty2 li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #888888;
}

ul.bul.ty2 li.fc-1:before {
  background: #101010;
}

ul.bar li {
  position: relative;
  padding-left: 10px;
}

ul.bar li::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #606060;
}

ul.bar.ty2 li {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

ul.bar.ty2 li::before {
  top: 9px;
  width: 3px;
  background: #888888;
}

ul.bar.ty3 li {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 3px 0 0;
}

ul.bar.ty3 li:first-child {
  margin: 0;
}

ul.num li {
  position: relative;
  margin: 8px 0 0;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

ul.num li:first-child {
  margin: 0;
}

ul.num li i {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

ul.pipe {
  font-size: 0;
}

ul.pipe li {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

ul.pipe li:first-child {
  margin: 0;
  padding: 0;
}

ul.pipe li::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  background: #969696;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

ul.pipe li:first-child:before {
  display: none;
}

ul.pipe li.pcolor {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

ul.pipe li.ff-c {
  margin-bottom: -2px;
}

ul.pipe li.ff-c::before {
  margin-top: -1px;
}

ul.notice li {
  position: relative;
  margin: 7px 0 0;
  padding-left: 23px;
  color: #888888;
  font-size: 14px;
  line-height: 1.4;
  word-break: keep-all;
}

ul.notice li::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../img/util/notice-gray.svg) no-repeat 0 0/100%;
}

ul.notice li:first-child {
  margin: 0;
}

ul.notice.small li {
  margin: 8.5px 0 0;
  font-size: 13px;
}

ul.notice.small li::before {
  top: 2px;
  width: 15px;
  height: 15px;
  background: url(../img/util/notice-gray.svg) center center/cover no-repeat;
}

ul.notice.ty2 li {
  color: #101010;
}

ul.notice.ty2 li::before {
  background: url(../img/util/notice-black.svg) no-repeat 0 0/100%;
}

ul.notice.border {
  border-top: 1px solid #dddddd;
  padding: 47px 0 0;
}

.banner-area {
  margin: 0 -18px;
}

.banner-area .box {
  display: block;
  font-size: 0;
}

.banner-area .box img {
  width: 100%;
}

.link-list {
  margin: 0 -18px;
}

.link-list li {
  border-bottom: 1px solid #dddddd;
}

.link-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 19.5px 18px;
}

.link-list li a::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  width: 15px;
  height: 15px;
  background: url(../../resource/img/svgicons/arr-black-30x30.svg) center center/100% auto no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.link-list li a .tit {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: block;
  line-height: 21px;
}

.link-list li a .tel {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  font-family: "CentraleSans";
  line-height: 1;
}

.link-list li.no-arr a:after {
  display: none;
}

.price {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: inline-block;
}

.price .line-th{
  text-decoration: line-through
} /*201201 추가*/

.price span {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: inherit;
  display: inline-block;
  margin: 0 3px 0 0;
  font-family: "CentraleSans";
  line-height: 1;
}

.price.del {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  text-decoration: line-through;
}

.price.del span {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  text-decoration: line-through;
}

.price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.price-area .cont {
  text-align: right;
}

.price-area .cont .price {
  text-align: right;
}

.info-group {
  margin: 15px 0 0;
}

.info-group:first-of-type {
  margin: 0;
}

.info-group dt {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 0 0 6px;
}

.info-group dd {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  position: relative;
  margin: 6px 0 0;
  padding: 0 0 0 11px;
}

.info-group dd::before {
  display: block;
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #888888;
}

.info-group dd:first-of-type {
  margin: 0;
}

.info-group dd.desc {
  padding: 0;
}

.info-group dd.desc::before {
  display: none;
}

.info-box2 {
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  padding: 25px 18px 30px 18px;
  border-radius: 10px;
}

.info-box2 .mtm {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 48px;
  font-size: 15px;
}

.info-box2 .mtm::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 33px;
  height: 100%;
  min-height: 29px;
  background: url(../../resource/img/svgicons/inquiry-42.svg) center center/33px 29px no-repeat;
}

.info-box2 .mtm.ty2 {
  padding-left: 0;
}

.info-box2 .mtm.ty2::before {
  display: none;
}

.filter {
  float: left;
  position: relative;
  margin: 12px 0 0 9px;
}

.filter input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.filter input:checked + .txt {
  border-color: #004e73;
  background: #004e73;
  color: #ffffff;
}

.filter input:checked + .txt::before {
  color: #ffffff;
}

.filter .txt {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  padding: 0 0 0 15px;
  border: 1px solid #dddddd;
  border-radius: 35px;
  padding: 10px 15px 12px 30px;
  background: #ffffff;
  cursor: pointer;
  line-height: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.filter .txt::before {
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  display: block;
  content: '\e91f';
  position: absolute;
  top: 50%;
  left: 15px;
  font-family: "icomoon";
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .4s;
  transition: all .4s;
}

.filter .txt:focus, .filter .txt:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.filter-wrap {
  overflow: hidden;
  margin: -12px 0 0 -8px;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr th {
  width: auto !important;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate {
  display: inline-block;
  font-size: 0;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate hr {
  margin: 0;
  padding: 0;
  height: auto;
  border-color: #101010;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .rate {
  display: inline-block;
  vertical-align: middle;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .rate p {
  margin-top: 0;
  text-align: center;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .mid {
  display: inline-block;
  padding: 0 10px;
  font-size: 13px;
  vertical-align: middle;
}

.privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .desc {
  font-size: 13px;
}

.privacy-policy .policy-contents .article-list > li {
  margin-top: 20px;
}

.privacy-policy .policy-contents .article-list > li:first-child {
  margin-top: 0;
}

.privacy-policy .policy-contents .article-list strong {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.privacy-policy .policy-contents ul.fc-6 li, .privacy-policy .policy-contents ol.fc-6 li {
  color: #ef1e1e !important;
}

.privacy-policy .policy-contents .list-depth1 li {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.privacy-policy .policy-contents .list-depth1 li .article-tit {
  color: #004e73;
}

.privacy-policy .policy-contents .list-depth1 li + li {
  margin-top: 6px;
}

.privacy-policy .policy-contents .list-depth1 li .list-depth2 {
  margin: 0 0 0 11px;
}

.privacy-policy .policy-contents .list-depth1 li .list-depth2 li {
  margin: 0;
}

.privacy-policy .policy-contents .article-tit {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  margin-bottom: 6px;
}

.privacy-policy .policy-contents .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.privacy-policy .policy-contents .point {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #5fb9bc !important;
}

.privacy-policy .policy-contents .tbl-cap {
  border-top: 1px solid #101010;
}

.privacy-policy .policy-contents .tbl-cap.ta-c table td {
  text-align: center;
}

.privacy-policy .policy-contents .tbl-cap table {
  border-top: none;
}

.privacy-policy .policy-contents .tbl-cap table th {
  border-right: 1px solid #dddddd;
  font-size: 13px;
}

.privacy-policy .policy-contents .tbl-cap table th:last-child {
  border-right: none;
}

.privacy-policy .policy-contents .tbl-cap table tr td {
  text-align: left;
  border-right: 1px solid #dddddd;
  font-size: 13px;
}

.privacy-policy .policy-contents .tbl-cap table tr td:last-child {
  border-right: none;
}

.privacy-policy .policy-contents .tbl-cap table tr td.point {
  font-weight: 400;
}

.privacy-policy .policy-contents .tbl-cap table tr td.fc-6 {
  font-weight: 700;
  font-size: 16px;
  border-right: none;
}

.privacy-policy .policy-contents .tbl-cap table tr td.fc-9 {
  font-weight: 700;
  border-right: none;
}

.privacy-policy .policy-contents .tbl-col.ty2 {
  width: 100%;
  margin: 5px 0px 0px 5px;
  padding: 10px 10px 10px 10px;
  border: 1px dotted #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.privacy-policy .policy-contents .tbl-col.ty2 table {
  text-align: center;
  vertical-align: middle;
}

.privacy-policy .policy-contents .tbl-col.ty2 table th {
  vertical-align: middle;
  color: #101010;
  font-size: 13px;
}

.privacy-policy .policy-contents .tbl-col.ty2 table th:first-of-type {
  padding-right: 5px;
}

.privacy-policy .policy-contents .tbl-col.ty2 table td {
  width: auto;
  padding-right: 5px;
}

.privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #101010;
  font-size: 13px;
}

.privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate .rate {
  width: auto;
}

.privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate .rate .desc {
  text-align: center;
}

.privacy-policy .policy-contents .tbl-col.ty2 table td .annual-rate .rate .desc + .desc {
  border-top: 1px solid #333;
}

@-webkit-keyframes loaderMotion {
  0% {
    -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    right: 0;
  }
  40% {
    -webkit-transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
    transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
  }
  100% {
    -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    right: 46px;
  }
}

@keyframes loaderMotion {
  0% {
    -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    right: 0;
  }
  40% {
    -webkit-transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
    transform: scale3d(1, 1, 1) translateZ(0) perspective(1000px);
  }
  100% {
    -webkit-transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    transform: scale3d(0, 0, 0) translateZ(0) perspective(1000px);
    right: 46px;
  }
}

.loader-wrap {
  display: table;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.loader-wrap .loader-inner {
  display: table-cell;
  vertical-align: middle;
}

.loader-wrap .loader-inner .loader-box {
  position: relative;
  width: 60px;
  height: 14px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.loader-wrap .loader-inner .loader-box span {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #004e73;
  -webkit-animation: loaderMotion 1.5s linear infinite;
  animation: loaderMotion 1.5s linear infinite;
  -webkit-transform: scale3d(0, 0, 0) translateY(-50%) translateZ(0) perspective(1000px);
  transform: scale3d(0, 0, 0) translateY(-50%) translateZ(0) perspective(1000px);
  -webkit-transition: linear;
  transition: linear;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.loader-wrap .loader-inner .loader-box span:nth-child(2) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.loader-wrap .loader-inner .loader-box span:nth-child(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.loader-wrap.fade-out {
  opacity: 0;
}

@media screen and (max-width: 374px) {
  .util-page .btn-wrap .btn-110 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 10px !important;
    flex: 1 1 10px !important;
    max-width: 164px !important;
  }
  .inner.ty2 .box.ty2 .icon-list li + li {
    margin-left: 12px !important;
  }
  .util-page .btn-wrap a.w-full,
  .util-page .btn-wrap input.w-full,
  .util-page .btn-wrap button.w-full {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  footer .f-top > ul li + li {
    margin-left: 1.46667vw;
  }
  ul.pipe li + li {
    margin-left: 1.46667vw;
    padding-left: 1.46667vw;
  }
  .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .rate {
    display: block;
  }
  .privacy-policy.mail .policy-contents .tbl-cap.ty4 tr td .annual-rate .mid {
    display: block;
    padding: 0;
  }

  .add-discount button.tooltip-info{letter-spacing:-1.5px !important}
}

#wrap {
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

#wrap > .dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: block;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 6000;
}

#content {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 60px 18px 80px;
}

.main-top .bg {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 177.866666666666667vw;
}

.main-top .bg video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  display: inline-block;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-top .bg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  display: inline-block;
  height:auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.main-top .wrap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.mainswiper .comp {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.mainswiper .comp .txt-wrap {
  margin-top: 88px;
}

.mainswiper .comp .txt-wrap p {
  font-family: "KoreanDREAM";
  font-weight: 400;
  font-size: 37.5px;
  color: #fff;
  line-height: 1.25;
}

.mainswiper .comp .txt-wrap .btn-rnd-104 {
  padding: 0 24px;
  margin-top: 19px;
}

.mainswiper .comp .txt-wrap .btn-rnd-104 span {
  font-weight: bold;
}

.mainswiper .swiper-pagination {
  bottom: 97px;
}

.mainswiper .swiper-pagination .control {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 9px;
  font-size: 0;
}

.mainswiper .swiper-pagination .control::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../img/svgicons/pause.svg) 0 0/contain no-repeat;
}

.mainswiper .swiper-pagination .control.paused::before {
  background-image: url(../img/svgicons/play.svg);
}

.mainswiper .swiper-pagination-bullet {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #101010;
  opacity: 0.4;
  margin: 0 !important;
  vertical-align: middle;
}

.mainswiper .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 16px !important;
}

.mainswiper .swiper-pagination-bullet svg {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotateZ(-90deg);
  transform: translate(-50%, -50%) rotateZ(-90deg);
}

.mainswiper .swiper-pagination-bullet svg circle {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
}

.mainswiper .swiper-pagination-bullet-active {
  opacity: 1;
}

.mainswiper .swiper-pagination-bullet-active svg {
  opacity: 1;
}

.mywells {
  position:relative;/* 20230202 김진아 추가 */
  padding-top:30px;/* 20230202 김진아 추가 */
  padding-bottom: 63px;
}
/* 20230202 김진아 추가 */
.mywells .wave-container {
  position: absolute;
  left: 0;
  top: -10.93333vw;
  overflow: hidden;
  width: 100%;
  height: 10.93333vw;
}
.mywells .tit {
  text-align: center;
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: -0.82px;
}

.mywells .scroll-wrap {
  position: relative;
  margin-top: 24px;
  height: 40px;
  overflow-y: hidden;
}

.mywells .scroll-wrap::before {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 50px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mywells .scroll-wrap::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 50px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.mywells .scroll-wrap.move::before {
  display: block;
}

.mywells .scroll-wrap.last::after {
  display: none;
}

.mywells .tab-btns {
  padding: 0 18px;
  white-space: nowrap;
  overflow-x: scroll;
  font-size: 0;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
}

.mywells .tab-btns li {
  display: inline-block;
}

.mywells .tab-btns li a {
  letter-spacing: -1.02px;
}

.mywells .tab-btns li + li {
  margin-left: 10px;
}

.mywells .grid-con {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  display: -ms-grid;
  display: grid;
  gap: 35px 19px;
  -ms-grid-columns: (42.66667vw)[auto-fit];
  grid-template-columns: repeat(auto-fit, 42.66667vw);
  grid-auto-rows: minmax(235px, auto);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.mywells .grid-con li {
  display: inline-block;
}

.mywells .grid-con .thum {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 42.66667vw;
  height: 42.66667vw;
  padding: 9px;
  background-size: contain;
  background-repeat: no-repeat;
}

.mywells .grid-con .info {
  text-align: center;
  margin-top: 12px;
}

.mywells .grid-con .info .goods-tit {
  display: block;
  font-size: 14px;
}

.mywells .grid-con .info .price {
  margin-top: 9px;
  font-size: 12px;
}

.mywells .grid-con .info .price span {
  font-size: 17px;
}

/* 메인 웨이브 */
.wave1 {
  position: absolute;
  left: 0;
  bottom: -49.5px;
  height: 133.5px;
  z-index: 1;
}

.wave1 img {
  max-width: none;
  height: 100%;
}

.wave2 {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-top: 138.177083333333333%;
}

.wave2 svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.wave3 {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-top: 138.17708%;
}

.wave3 svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.wave4 {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-top: 138.17708%;
}

.wave4 svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.wave5 {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-top: 138.17708%;
}

.wave5 svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.wells-event {
  position: relative;
  padding: 60px 18px 90px 18px;
  background-color: #faf9f7;
}

.wells-event .wave-container {
  position: absolute;
  left: 0;
  top: -8vw;
  overflow: hidden;
  width: 100%;
  height: 8vw;
}

.wells-event .tit {
  text-align: center;
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: -0.82px;
}

.wells-event .btn-wrap {
  margin-top: 19px;
}

.wells-events {
  margin-top: 26px;
  font-size: 0;
}

.wells-events li {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}

.wells-events li + li {
  margin-top: 20px;
}

.wells-events li .wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px 30px;
}

.wells-events li .wrap .tit {
  position: relative;
  display: inline-block;
  font-family: 'Noto Sans KR';
  font-size: 15px;
  font-weight: 700;
}

.wells-events li .wrap .tit::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 2px;
  width: 100%;
  border-radius: 0.75px;
  background-color: #101010;
}

.wells-events li .wrap p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.wells-sepcial {
  position: relative;
  padding: 50px 0 80px 0;
}

.wells-sepcial > .tit {
  text-align: center;
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: -0.82px;
}

.wells-sepcial .wave-container {
  position: absolute;
  left: 0;
  top: -10.93333vw;
  overflow: hidden;
  width: 100%;
  height: 10.93333vw;
}

.wells-sepcial .swiper-container {
  margin-top: 18px;
  padding-bottom: 27.5px;
}

.wells-sepcial .swiper-slide {
  width: 74.66667vw;
  text-align: center;
  opacity: 0.4;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.wells-sepcial .swiper-slide .tit {
  margin-top: 20px;
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 19px;
}

.wells-sepcial .swiper-slide p {
  margin-top: 13px;
  font-size: 14px;
  color: #606060;
}

.wells-sepcial .swiper-slide .btn-line {
  margin-top: 18px;
}

.wells-sepcial .swiper-slide-active {
  opacity: 1;
}

.wells-membership {
  position: relative;
  padding: 60px 18px 90px 18px;
  /* background-color: #faf9f7; */ /*20230202-김진아 삭제*/
}

.wells-membership .wave-container {
  position: absolute;
  left: 0;
  top: -8vw;
  overflow: hidden;
  width: 100%;
  height: 8vw;
}

.wells-membership > .tit {
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: -0.82px;
}

.wells-membership > .tit + p {
  text-align: left;
}

.wells-membership > .tit + p + a {
  margin-top: 19px;
}

.wells-membership .swiper-container {
  margin: 27px -18px 0 -18px;
  padding-bottom: 30px;
}

.wells-membership .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}

.wells-membership .swiper-slide .txt-wrap {
  position: absolute;
  left: 0;
  top: 0;
  padding: 25px;
}

.wells-membership .swiper-slide .txt-wrap .tit {
  font-size: 15px;
  font-weight: bold;
}

.wells-membership .swiper-slide .txt-wrap p {
  font-size: 14px;
  color: #606060;
  margin-top: 10px;
}

.wells-membership .swiper-pagination {
  width: 90.4vw;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wells-membership .swiper-pagination-progressbar {
  height: 2px;
  background: transparent;
}

.wells-membership .swiper-pagination-progressbar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}

.wells-membership .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #101010;
}

.wells-membership .banner2 {
  display: inline-block;
  margin-top: 39px;
}

.wells-story {
  position: relative;
  padding: 44px 18px 90px 18px;
  background-color: #faf9f7;/*김도윤*/
}

.wells-story .wave-container {
  position: absolute;
  left: 0;
  top: -8vw;
  overflow: hidden;
  width: 100%;
  height: 8vw;
}

.wells-story > .tit {
  text-align: center;
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 25px;
  letter-spacing: -0.82px;
}

.wells-story .swiper-container {
  margin: 19px -18px 0 -18px;
  padding-bottom: 29px;
}

.wells-story .swiper-slide {
  opacity: 0.4;
}

.wells-story .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.wells-story .swiper-slide .img {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}

.wells-story .swiper-slide .tit {
  margin-top: 20px;
  text-align: center;
  font-family: "KoreanDREAM";
  font-weight: 500;
  font-size: 19px;
  line-height: 1.25;
}

.wells-story .swiper-slide p {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #606060;
  text-align: center;
}

.wells-info {
  padding-bottom: 58px;
}

.wells-info .notice-lists {
  padding: 26px 18px;
  border-bottom: 1px solid #ddd;
}

.wells-info .notice-lists dt {
  font-size: 17px;
  font-weight: bold;
}

.wells-info .notice-lists dt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wells-info .notice-lists dt + dd {
  margin-top: 9px;
}

.wells-info .notice-lists dd {
  font-size: 14px;
  color: #888888;
}

.wells-info .customer {
  padding: 26px 18px;
}

.wells-info .customer dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 17px;
  font-weight: bold;
}

.wells-info .customer dt a {
  font-family: "CentraleSans";
  font-size: 19px;
  color: #004e73;
}

.wells-info .customer dt a::before {
  content: '';
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-right: 9px;
  margin-top: -2px;
  vertical-align: middle;
  background: url(../img/svgicons/tel-54.svg) 0 0/contain no-repeat;
}

.wells-info .customer dd {
  margin-top: 14px;
  letter-spacing: -0.6px;
}

.wells-info .customer ul.pipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wells-info .customer ul.pipe li {
  white-space: nowrap;
}

.wells-info .customer ul.pipe li::before {
  height: 11px;
  background-color: #dddddd;
}

.wells-info .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wells-info .etc li {
  position: relative;
  text-align: center;
}

.wells-info .etc li + li {
  margin-left: 45px;
}

.wells-info .etc li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f8f8f8;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.wells-info .etc li::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 38px;
  height: 38px;
  left: 50%;
  top: 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wells-info .etc li.call::after {
  background: url(../img/svgicons/headset-54.svg) 0 0/contain no-repeat;
}

.wells-info .etc li.ono::after {
  background: url(../img/svgicons/oneonone-54.svg) 0 0/contain no-repeat;
}

.wells-info .etc li.as::after {
  background: url(../img/svgicons/fix-54.svg) 0 0/contain no-repeat;
}

.wells-info .etc li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 70px;
  padding-top: 78px;
  font-size: 14px;
  color: #606060;
}

.swiper-pagination.line {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 74.66667vw;
  height: 2px;
  margin: 0 auto;
  border-radius: 0;
  background: #dddddd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.swiper-pagination.line > span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0 !important;
  opacity: 0;
  border-radius: 0 !important;
}

.swiper-pagination.line .swiper-pagination-bullet-active {
  background-color: #101010;
  opacity: 1;
}

.sticky-map {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  padding: 0 18px;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

/* 비디오 정보창 숨김처리 */
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-control-bar,
.vjs-error-display {
  display: none;
}

@media screen and (max-width: 360px) {
  .mywells .grid-con {
    -ms-grid-columns: (41.66667vw)[auto-fit];
    grid-template-columns: repeat(auto-fit, 41.66667vw);
  }

  .add-discount {line-height:1 !important; }
  .add-discount button.tooltip-info {padding: 10px 0 16px 15px !important;}
}

/* 에디터 태그 스타일 */
.detail-info.prd-price table {
  border-top: 1px solid #101010;
}

.detail-info.prd-price table tr {
  text-align: left;
  border-bottom: 1px solid #dddddd;
}

.detail-info.prd-price table tr th {
  width: 130px;
  padding: 18px 15px 18px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #101010;
  background: #f8f8f8;
  vertical-align: middle;
  font-size: 15px;
  word-break: break-word;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.detail-info.prd-price table tr th:last-child {
  border-right: none;
}

.detail-info.prd-price table tr th[rowspan] {
  vertical-align: middle;
}

.detail-info.prd-price table tr td {
  padding: 18px 15px 18px 15px;
  font-size: 15px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  vertical-align: middle;
  word-break: break-word;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.detail-info.prd-price table tr td:last-child {
  border-right: none;
}

.detail-info.prd-price table tr td p > * {
  word-break: break-word;
}

/* loadmotion */
#special-prd .e-motion {
  position: relative;
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  will-change: transform;
  -webkit-transform: translateZ(0) perspective(1000px);
  transform: translateZ(0) perspective(1000px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

#special-prd .e-motion .e-delay1 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

#special-prd .e-motion .e-delay2 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#special-prd .e-motion .e-delay3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#special-prd .e-motion .e-delay4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#special-prd .e-motion .e-delay5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

#special-prd .e-motion .e-delay6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

#special-prd .e-motion .e-delay7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

#special-prd .e-motion .e-delay8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

#special-prd .e-motion .e-delay9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

#special-prd .e-motion .e-delay10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

#special-prd .e-motion .e-delay11 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

#special-prd .e-motion .e-delay12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

#special-prd .e-motion .e-delay13 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

#special-prd .e-motion .e-delay14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

#special-prd .e-motion .e-delay15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

#special-prd .e-motion .e-delay16 {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

#special-prd .e-motion .e-delay17 {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

#special-prd .e-motion .e-delay18 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

#special-prd .e-motion .e-delay19 {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

#special-prd .e-motion .e-delay20 {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

.brandstory-wells .e-motion {
  position: relative;
  opacity: 0;
  will-change: transform;
  -webkit-transform: translateZ(0) perspective(1000px);
  transform: translateZ(0) perspective(1000px);
}

.e-left {
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}

.e-right {
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
}

.e-top {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}

.e-bottom {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

.e-spin {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#special-prd .e-active {
  opacity: 1;
}

#special-prd .e-left.e-active,
#special-prd .e-right.e-active,
#special-prd .e-top.e-active,
#special-prd .e-bottom.e-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.e-spin.e-active {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.e-parallax.e-active {
  -webkit-transition-duration: unset;
  transition-duration: unset;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.card-list {
  padding: 30px 0 0;
}

.card-list li {
  margin: 50px 0 0;
}

.card-list li:first-child {
  margin: 0;
}

.card-list li .img-area {
  font-size: 0;
  text-align: center;
}

.card-list li .img-area img {
  max-width: 315px;
  height: auto;
}

.card-list li .txt-area {
  margin: 18px 0 0;
}

.card-list li .txt-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.card-list li .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #888888;
  margin: 8px 0 0;
}

.card-list li .btn-wrap {
  margin: 27px 0 0;
}

.vip-benefit {
  padding: 35px 0 0;
}

.vip-benefit .benefit-list {
  margin: 25px 0 0;
  padding: 0 0 40px;
}

.vip-benefit .benefit-list > li {
  margin: 37.5px 0 0;
}

.vip-benefit .benefit-list > li:first-child {
  margin: 0;
}

.vip-benefit .benefit-list > li .tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px;
}

.vip-benefit .benefit-list > li .tit-area .sort {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 10px 0 9px;
  background: #004e73;
}

.vip-benefit .benefit-list > li .tit-area .sort .txt {
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  display: block;
  font-family: "KoreanDREAM";
}

.vip-benefit .benefit-list > li .tit-area .sort .num {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  display: block;
  font-family: "KoreanDREAM";
  line-height: 17px;
}

.vip-benefit .benefit-list > li .tit-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 0 10px;
}

.vip-benefit .benefit-list > li .view .img {
  font-size: 0;
}

.vip-benefit .benefit-list > li .view .img img {
  width: 100%;
}

.vip-benefit .benefit-list > li .view .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vip-benefit .benefit-list > li .view .contact li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10px;
  flex: 1 1 10px;
  margin: 0 0 0 11px;
  border-radius: 5px;
  padding: 35px 0 30px;
  background: #383838;
  text-align: center;
}

.vip-benefit .benefit-list > li .view .contact li:first-child {
  margin: 0;
  background: #b5895b;
}

.vip-benefit .benefit-list > li .view .contact li .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}

.vip-benefit .benefit-list > li .view .contact li .desc {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin: 12.5px 0 0;
}

.vip-benefit .benefit-list > li .view .contact li .img {
  display: block;
  width: 70px;
  margin: 27.5px auto 20px;
}

.vip-benefit .benefit-list > li .view .contact li .call {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  font-family: "CentraleSans";
  line-height: 35px;
}

.vip-benefit .benefit-list > li .info {
  margin: 25px 0 0;
  word-break: keep-all;
}

.vip-benefit .benefit-list > li .info dl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding: 16px 0 17.5px;
}

.vip-benefit .benefit-list > li .info dl dt {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  display: table-cell;
  width: 95px;
  vertical-align: top;
}

.vip-benefit .benefit-list > li .info dl dd {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  display: table-cell;
  vertical-align: top;
}

.vip-benefit .benefit-list > li .info dl:first-of-type {
  padding-top: 0;
}

.vip-benefit .benefit-list > li .info .caution {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 16.5px 0 0;
}

.vip-benefit .benefit-list > li .info .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 30px 0 0;
}

.vip-benefit .benefit-list > li .info .service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
}

.vip-benefit .benefit-list > li .info .service-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-left: 1px solid #dddddd;
}

.vip-benefit .benefit-list > li .info .service-list li:first-child {
  border: none;
}

.vip-benefit .benefit-list > li .info .service-list li img {
  display: block;
  width: 60px;
  margin: 0 auto;
}

.vip-benefit .benefit-list > li .info .service-list li .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 5px 0 0;
}

.vip-benefit .benefit-list > li .info .notice {
  margin: 11.5px 0 0;
}

.vip-standard {
  margin: 0 -18px;
  padding: 45px 18px 50px;
  background: #f8f8f8;
}

.vip-standard .visual {
  position: relative;
  margin: 30px -18px 0;
  padding: 0 0 20px;
  font-size: 0;
  text-align: center;
}

.vip-standard .visual:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 240px;
  height: 296px;
  background: url(../../resource/img/event/bg-vip.svg) center top/100% auto no-repeat;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vip-standard .visual .box {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 164px;
  height: 164px;
  margin: 0 0 0 10px;
  border: 1px solid #969696;
  border-radius: 50%;
  padding: 30px 0;
  background: #ffffff;
}

.vip-standard .visual .box:first-child {
  margin: 0;
}

.vip-standard .visual .box .icon {
  display: block;
  width: 50px;
  margin: 0 auto;
}

.vip-standard .visual .box .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 10px 0 0;
}

.vip-standard .visual .box .txt em {
  display: block;
}

.vip-standard .visual .title-box {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  height: 200px;
  margin: 70px auto 0;
  padding: 74px 0 0;
}

.vip-standard .visual .title-box img {
  display: block;
  width: 120px;
  margin: 0 auto;
}

.vip-standard .visual .title-box .txt {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #c3a986;
  margin: 17px 0 0;
  line-height: 1;
}

.vip-standard .notice {
  margin: 40px 0 0;
}

.vip-validity {
  padding: 45px 0 0;
}

.vip-validity .info-area {
  margin: 32.5px 0 0;
}

.vip-validity .info-area ul li {
  margin: 35px 0 0;
}

.vip-validity .info-area ul li:first-child {
  margin: 0;
}

.vip-validity .info-area ul li .hgroup {
  margin: 0 0 16.5px;
}

.discount-list ul li {
  display: none;
  margin: 20px 0 0;
}

.discount-list ul li:first-child {
  margin: 0;
}

.discount-list ul li.visible {
  display: block;
}

.discount-list ul li .box {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 30px 25px;
}

.discount-list ul li .box .icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  width: 70px;
}

.discount-list ul li .box .txt-area {
  padding: 0 0 0 25px;
}

.discount-list ul li .box .txt-area .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  line-height: 1.55;
}

.discount-list ul li .box .txt-area .desc {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 5px 0 0;
}

.my-wells .vip-intro {
  padding: 24px 0 28px;
}

.my-wells .vip-intro .tit {
  font-size: 25px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.my-wells .vip-intro .validity {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 8px 0 0;
}

.my-wells .vip-intro .btn-area {
  margin: 5px 0 0;
  font-size: 0;
}

.my-wells .benefit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -18px;
}

.my-wells .benefit-box li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-left: 1px solid #dddddd;
}

.my-wells .benefit-box li:first-child {
  border: none;
}

.my-wells .benefit-box li a {
  display: block;
  padding: 22px 0 25px;
}

.my-wells .benefit-box li a .sort {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #101010;
}

.my-wells .benefit-box li a .cont {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #004e73;
  margin: 5px 0 0;
  line-height: 1;
}

.my-wells .benefit-box li a .cont .num {
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  display: inline-block;
  line-height: 25px;
}

.my-wells .banner-txt {
  margin: 0 -18px;
  padding: 24px 18px;
  background: url(../../resource/img/util/img-homecare-bg.svg) center center/cover no-repeat;
}

.my-wells .banner-txt .box {
  display: block;
  margin: -24px -18px;
  padding: 24px 18px;
}

.my-wells .banner-txt .box .desc {
  position: relative;
  padding: 0 18px 0 0;
}

.my-wells .banner-txt .box .desc:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 11px;
  height: 11px;
  background: url(../../resource/img/svgicons/arr-white-22x22.svg) center center/100% auto no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.my-wells .banner-txt .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.my-wells .banner-txt .tit .price {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  display: block;
  margin: 0 0 -1px;
  line-height: 1;
}

.my-wells .banner-txt .tit .price .num {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  font-family: "CentraleSans";
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.my-wells .banner-txt .desc {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  display: inline-block;
  margin: 4px 0 0;
}

.my-wells .ing-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 17.5px 0 0;
  padding: 0 0 30px;
}

.my-wells .ing-list > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10px;
  flex: 1 1 10px;
  margin: 0 0 0 11px;
  font-size: 0;
}

.my-wells .ing-list > li:first-child {
  margin: 0;
}

.my-wells .ing-list > li .box {
  display: block;
}

.my-wells .ing-list > li .box .thumb {
  padding: 0 9.5px;
  font-size: 0;
  text-align: center;
}

.my-wells .ing-list > li .box .thumb img {
  width: 100%;
}

.my-wells .ing-list > li .box .info {
  margin: 20px 0 0;
}

.my-wells .ing-list > li .box .info .prd-type {
  font-size: 0;
}

.my-wells .ing-list > li .box .info .title-box .tit {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 8px 0 0;
}

.my-wells .ing-list > li .box .info .title-box .model {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 4px 0 0;
}

.my-wells .ing-list > li .box .info .info-box {
  margin: 11px 0 0;
}

.my-wells .ing-list > li .box .info .info-box dl {
  margin: 14px 0 0;
}

.my-wells .ing-list > li .box .info .info-box dl:first-of-type {
  margin: 0;
}

.my-wells .ing-list > li .box .info .info-box dl dt {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.my-wells .ing-list > li .box .info .info-box dl dd {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #004e73;
  margin: 5px 0 0;
}

.my-wells .ing-list > li .box .info .info-box dl dd span {
  display: inline-block;
}

.my-wells .ing-list > li .btn-line {
  margin: 7px 0 0;
}

.product-list > li {
  position: relative;
}

.product-list > li:first-child hr {
  display: none;
}

.product-list > li.lump-sum .prd-info {
  padding: 10px 0 65px;
}

.product-list > li.lump-sum .rent-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 30px;
  z-index: 1;
  width: 100%;
}

.product-list > li.lump-sum .rent-type .tit {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 131px;
  flex: 0 0 131px;
}

.product-list .prd-info {
  display: block;
  padding: 10px 0 30px;
}

.product-list .prd-info .img img {
  width: 100%;
}

.product-list .prd-info .info .prd-head .title-box {
  margin: 11px 0 0;
}

.product-list .prd-info .info .prd-head .title-box .tit {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #101010;
  font-family: "KoreanDREAM";
}

.product-list .prd-info .info .detail-box {
  margin: 8px 0 0;
}

.product-list .prd-info .info .price-area {
  margin: 12px 0 0;
}

.product-list .prd-info .info .price-area .sort {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
}

.product-list .prd-info .info .price-area .cont {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 0;
  text-align: left;
}

.product-list .prd-view .filter-group > dt .filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -18px;
  padding: 17px 18px;
  background: #f8f8f8;
}

.product-list .prd-view .filter-group > dt .filter-box .title {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.product-list .prd-view .filter-group > dt .filter-box .code {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.product-list .prd-view .filter-group:first-child > dt .filter-box {
  border-top: 1px solid #dddddd;
}

.product-list .prd-view .filter-group > dd {
  padding: 17px 0 27px;
}

.product-list .prd-view .wells-farm {
  border-radius: 5px;
  padding: 0 23px;
  background: #f8f8f8;
}

.product-list .prd-view .wells-farm dl {
  border-top: 1px solid #dddddd;
  padding: 20px 0 17.5px;
}

.product-list .prd-view .wells-farm dl:first-child {
  border: none;
}

.product-list .prd-view .wells-farm dl dt {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.product-list .prd-view .wells-farm dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5px 0 0;
}

.product-list .prd-view .wells-farm dl dd strong {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.order-list .tbl-cap {
  margin: 20px 0 0;
}

.order-view {
  padding: 30px 0 0;
}

.order-view .order-detail {
  padding: 26.5px 0 0;
}

.order-view .order-detail .order-prd-list {
  margin: 18px 0 0;
  border-top: 1px solid #101010;
}

.order-view .order-detail .order-prd-list li.prd-group {
  margin: 30px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group:first-child {
  margin: 0;
}

.order-view .order-detail .order-prd-list li.prd-group .hgroup {
  margin: 10px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box {
  margin: 5px 0 0;
  padding: 10px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box:first-child {
  margin: 0;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .thumb {
  padding: 9px;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .thumb img {
  display: block;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info {
  margin: 5px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .title-box .tit {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .title-box .code {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 5px 0 0;
  line-height: 1.75;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box {
  margin: 10px 0 0;
  padding: 18px 20px;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl + dl {
  margin: 14px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dt {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  width: 85px;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dd .type {
  font-weight: 700;
  color: #004e73;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dd .type .btn-line {
  margin: 0 0 0 7px;
}

.order-view .order-detail .order-prd-list li.prd-group ul li.prd-box .info .detail-box dl dd .type-info {
  margin: 7.5px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group .tbl-cap {
  margin: 12.5px 0 0;
}

.order-view .order-detail .order-prd-list li.prd-group .tbl-cap tr th {
  width: 100px;
}

.my-coupon {
  margin: 30px 0 0;
}

.my-coupon .coupon-head {
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 28px 0 19px;
}

.my-coupon .coupon-head .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #101010;
}

.my-coupon .coupon-head .btn-110 {
  min-width: 223px;
  margin: 22px 0 0;
}

.my-coupon .coupon-wrap {
  margin: 30px 0 0;
  padding: 0 0 30px;
}

.my-coupon .coupon-wrap ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 309px;
  margin: 15px auto 0;
  padding: 17.5px 84px 21.5px 35px;
  background: url(../../resource/img/etc/coupon-bg.png) center center/contain no-repeat;
}

.my-coupon .coupon-wrap ul li:first-child {
  margin-top: 0;
}

.my-coupon .coupon-wrap ul li .sort {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #47c1cc;
  line-height: 1.5;
}

.my-coupon .coupon-wrap ul li .tit {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 5px 0 0;
}

.my-coupon .coupon-wrap ul li .period {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 9px 0 0;
  font-family: "CentraleSans";
}

.my-coupon .coupon-wrap ul li.used {
  background-image: url(../../resource/img/etc/coupon-bg-used.png);
}

.my-coupon .coupon-wrap ul li.used .sort,
.my-coupon .coupon-wrap ul li.used .tit,
.my-coupon .coupon-wrap ul li.used .period {
  color: #101010;
  opacity: .3;
}

.inquiry-links {
  margin: 40px 0 0;
}

.inquiry-links ul li {
  overflow: hidden;
  margin: 15px 0 0;
  border-radius: 5px;
  background: #f8f8f8;
}

.inquiry-links ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 27px 25px 27px 22px;
}

.inquiry-links ul li .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  padding: 0 0 0 53px;
  background: 0 center / 40px auto no-repeat;
  line-height: 1.5;
}

.inquiry-links ul li .txt em {
  display: block;
  font-weight: 700;
}

.inquiry-links ul li .call {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.inquiry-links ul li:first-child {
  margin: 0;
}

.inquiry-links ul li:first-child .txt {
  background-image: url(../../resource/img/svgicons/oneonone-80.svg);
}

.inquiry-links ul li:last-child .txt {
  background-image: url(../../resource/img/svgicons/fix-80.svg);
}

.product-intro {
  position: relative;
  margin: -60px -18px 0;
}

.product-intro .box {
  display: block;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.product-intro .box.active {
  position: relative;
  opacity: 1;
}

.product-intro .box .txt {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  position: absolute;
  top: 24.4%;
  right: 0;
  left: 0;
}

.product-intro .box img {
  width: 100%;
}

.prd-list-wrap .filter-wrap {
  padding: 18px 0;
}

.prd-list-wrap .page-head {
  border-top: 1px solid #dddddd;
}

.prd-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.prd-list ul li {
  position: relative;
  width: 47.2%;
  /*margin: rSize(70) 0 0;*/
  /*margin: rSize(156) 0 0;*/
  margin: 60px 0 0;
}

.prd-list ul li:nth-child(-n+2) {
  margin-top: 0;
}

.prd-list ul li.banner-area {
  width: calc(100% + 36px);
  /*margin: rSize(60) rSize(-36) 0;*/
  margin: 60px -18px 0;
}

.prd-list ul li.soldout .img::after {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  display: block;
  content: '품절';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31px;
  background: #b3b3b3;
  line-height: 31px;
}

.prd-list ul li.notselling .img::after {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  display: block;
  content: '구매불가';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31px;
  background: #b3b3b3;
  line-height: 31px;
}

.prd-list ul li a {
  display: block;
}

.prd-list ul li a .img {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding: 7.5px 20px;
  background: #f8f8f8;
}

.prd-list ul li a .img img {
  width: 100%;
}

.prd-list ul li a .prd-info {
  position: relative;
  margin: 10px 0 0;
  padding: 25px 0 32px;
  font-size: 0;
}

.prd-list ul li a .prd-info .badge {
  position: absolute;
  top: 0;
  left: 0;
}

.prd-list ul li a .prd-info .tit-area .tit {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  word-wrap: break-word;
}

.prd-list ul li a .prd-info .model {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 4px 0 0;
}

.prd-list ul li a .prd-info .price-area {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 93px;
  right: 0;
  left: 0;
}

.prd-list ul li a .prd-info .price-area .sort {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 2px 0 0;
}

.prd-list ul li a .prd-info .price-area .cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 0 7.5px 0 0;
}

.prd-list ul li a .prd-info .price-area .cont .price {
  display: block;
  font-size: 12px;
}

.prd-list ul li a .prd-info .price-area .cont .price span {
  font-size: 17px;
}

.prd-list ul li a .prd-info .price-area .cont .price.del {
  font-size: 10px;
}

.prd-list ul li a .prd-info .price-area .cont .price.del span {
  font-size: 11px;
}

.prd-list ul li .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 14px;
}

.floating-btns {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 150;
}

.floating-btns ul {
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

.floating-btns ul li {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  margin: 10px 0 0 auto;
  border: 1px solid #808b97;
  border-radius: 50px;
  background: #ffffff;
  text-align: right;
}

.floating-btns ul li:first-child {
  margin-top: 0;
}

.floating-btns ul li .btn-float {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: block;
  width: 100%;
  border: none;
  padding: 8px 0 7px;
  background: none;
  cursor: pointer;
}

.floating-btns ul li .btn-float::before {
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  margin: 0 auto;
  background: center / contain no-repeat;
}

.floating-btns ul li .btn-float .txt {
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  display: block;
  margin: 1px 0 0;
}

.floating-btns ul li.talk {
  border-color: #009ac0;
  background: #009ac0;
  color: #ffffff;
}

.floating-btns ul li.talk .btn-float::before {
  background-image: url(../../resource/img/util/advice-36x36-white.svg);
}

.floating-btns ul li.talk .btn-float .txt {
  color: #ffffff;
}

.floating-btns ul li.product .btn-float::before {
  background-image: url(../../resource/img/util/product-36x36-gray.svg);
}
/*211013 매트리스 추가*/
.floating-btns ul li.productMat .btn-float::before {
  background-image: url(../../resource/img/util/product-mattress-gray.svg);
}

.floating-btns ul li.compare .btn-float::before {
  position: relative;
  background-image: url(../../resource/img/util/compare-36x36-gray.svg);
  -webkit-transition: all .4s;
  transition: all .4s;
}

.floating-btns ul li.compare .num {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #009ac0;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  font-family: "CentraleSans";
  line-height: 18px;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.floating-btns ul li.compare.active .num {
  position: relative;
  top: 0;
  opacity: 1;
}

.floating-btns ul li.compare.active .btn-float::before {
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  opacity: 0;
}

.floating-btns ul li.top {
  -webkit-transition: all .4s;
  transition: all .4s;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

.floating-btns ul li.top .btn-float .txt {
  margin: 0;
}

.floating-btns ul li.top .btn-float::before {
  display: block;
  content: '\e915';
  font-family: "icomoon";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 1;
  background: none;
  color: #808b97;
  text-align: center;
}

.floating-btns ul li:hover, .floating-btns ul li:focus {
  -webkit-animation: clickAction .2s;
  animation: clickAction .2s;
}

.floating-btns.scrolldown ul {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.floating-btns.scrolldown ul li.top {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.experience-center {
  padding: 25px 0 0;
}

.experience-center .hgroup .head-38 {
  font-family: "KoreanDREAM";
  font-weight: 500;
}

.experience-center .swiper-thumb {
  margin: 12px -18px 39px;
  padding: 0 18px 17px;
}

.experience-center .swiper-thumb .swiper-slide {
  width: 120px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.experience-center .swiper-thumb .swiper-slide button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.experience-center .swiper-thumb .swiper-slide .img {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}

.experience-center .swiper-thumb .swiper-slide .img img {
  width: 100%;
}

.experience-center .swiper-thumb .swiper-slide .img::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: url(../../resource/img/util/swiper-thumb-chk.svg) center center/contain no-repeat;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.experience-center .swiper-thumb .swiper-slide .img::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #47cdd8;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.experience-center .swiper-thumb .swiper-slide .txt-area {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  display: block;
  margin: 6px 0 0;
}

.experience-center .swiper-thumb .swiper-slide.swiper-slide-thumb-active .img::before,
.experience-center .swiper-thumb .swiper-slide.swiper-slide-thumb-active .img::after {
  visibility: visible;
  opacity: .8;
}

.experience-center .swiper-thumb .swiper-scrollbar {
  right: 18px;
  bottom: 1px;
  left: 18px;
  width: auto;
  height: 2px;
  background: #dddddd;
}

.experience-center .swiper-thumb .swiper-scrollbar-drag {
  top: 0;
  bottom: 0;
  height: 2px;
  border-radius: 0;
  background: #101010;
}

.experience-center .swiper-show {
  margin: 11px 0 0;
}

.experience-center .swiper-show .swiper-slide {
  overflow: hidden;
  border-radius: 5px;
  opacity: 0 !important;
}

.experience-center .swiper-show .swiper-slide img {
  width: 100%;
}

.experience-center .swiper-show .swiper-slide.swiper-slide-prev, .experience-center .swiper-show .swiper-slide.swiper-slide-next {
  opacity: 0 !important;
}

.experience-center .swiper-show .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.experience-center .prd-area {
  margin: 30px 0 0;
}

.experience-center .prd-area ul {
  border-top: 1px solid #dddddd;
}

.experience-center .prd-area ul li {
  border-bottom: 1px solid #dddddd;
}

.experience-center .prd-area ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px 10px 0px;
}

.experience-center .prd-area ul li a .thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
}

.experience-center .prd-area ul li a .prd-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 0 19px;
}

.experience-center .prd-area ul li a .prd-info .tit {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  height: 48px;
}

.experience-center .prd-area ul li a .prd-info .price-area {
  margin: 11.5px 0 0;
}

.experience-center .prd-area ul li a .prd-info .price-area .sort {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.experience-center .prd-area ul li a .prd-info .price-area .price {
  font-size: 14px;
}

.modal-discount {
  padding: 30px 0 0;
}

.modal-discount .icon {
  padding: 0 0 29px;
  text-align: center;
}

.modal-discount .icon img {
  width: 110px;
}

.modal-discount .info {
  border-top: 1px solid #dddddd;
  padding: 25px 0 0;
}

.modal-discount .info .txt {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  margin: 0 0 31.5px;
}

.modal-discount .info dl dt {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  margin: 31.5px 0 0;
}

.modal-discount .info dl dt:first-of-type {
  margin: 0;
}

.modal-discount .info dl dd {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 11.5px 0 0;
}

.modal-discount .info dl dd em {
  color: #004e73;
}

.modal-discount .info dl dd .desc {
  margin: 16.5px 0 0;
  font-size: 13px;
  color: #888888;
}

.modal-discount .btn-rnd-100 {
  padding: 0 24px;
}

.modal-discount.card {
  padding: 30px 0 100px;
}

.modal-discount.card .img img {
  display: block;
  width: 315px;
  margin: 0 auto;
}

.modal-discount.card .info {
  border: none;
  padding: 35px 0 0;
}

.modal-discount.card .info .tbl-cap.card {
  padding: 5px 0 0;
}

.modal-discount.card .info .tbl-cap.card tr th {
  font-weight: 700;
  font-size: 17px;
  color: #101010;
}

.modal-discount.card .info .tbl-cap.card tr th.em {
  color: #004e73;
}

.modal-discount.card .info .tbl-cap.card tr td {
  text-align: center;
}

.modal-discount.card .info .tbl-cap.card tr td.em {
  font-weight: 700;
  color: #004e73;
}

.modal-coupon {
  margin: 0 -18px;
  padding: 30px 18px;
  background: #f8f8f8;
}

.modal-coupon .form-row input {
  height: 45px;
  margin: 0 0 0 6px;
  padding: 11px 15px;
}

.modal-coupon .form-row input:first-child {
  margin: 0;
}

.accordion-agree .intro-txt p {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 10px 0 0;
}

.accordion-agree .intro-txt p:first-child {
  margin: 0;
}

.accordion-agree .tbl-cap table th {
  width: 100px;
}

.accordion-agree .tbl-cap table td {
  background: #ffffff;
}

.modal-management {
  padding: 5px 0 80px;
}

.modal-management .prd-info .img img {
  display: block;
  width: 190px;
  margin: 0 auto;
}

.modal-management .prd-info .info .tbl-cap {
  margin: 14px 0 0;
}

.modal-management .prd-info .info .tbl-cap tr th {
  width: 100px;
}

.modal-payment {
  padding: 25px 0 75px;
}

.modal-payment .order-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 12px;
}

.modal-payment .order-model .order-number {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.modal-payment .order-model .order-number .number {
  margin: 0 0 0 3px;
  font-family: "CentraleSans";
  color: #606060;
}

.modal-payment .order-model .status {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.modal-payment .inquiry-area {
  margin: 0 0 30px;
  padding: 30px 0 0;
}

.modal-payment .inquiry-area .tbl-wrap {
  margin: 30px 0 0;
}

.modal-payment .inquiry-area .tbl-wrap .tbl-cap {
  margin: 20px 0 0;
}

.modal-payment .inquiry-area .tbl-wrap .tbl-cap:first-child {
  margin: 0;
}

.modal-shipment {
  padding: 23px 0 80px;
}

.modal-shipment .tbl-cap tr th {
  width: 114px;
}

.modal-shipment .info {
  padding: 25px 0 0;
}

.modal-shipment .info ul li {
  margin: 25px 0 0;
}

.modal-shipment .info ul li:first-child {
  margin: 0;
}

.modal-shipment .info ul li .tit {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 0 0 15px;
}

.modal-shipment .info ul li .detail-box dt {
  width: 101px;
}

.modal-seedling {
  padding: 25px 0 100px;
}

.modal-seedling .tbl-cap {
  margin: 18px 0 0;
}

.modal-seedling .tbl-cap tr th {
  font-size: 15px;
  vertical-align: top;
}

.modal-seedling .tbl-cap tr td .price {
  font-size: 12px;
  color: #101010;
}

.modal-seedling .tbl-cap tr td .price span {
  font-size: 17px;
}

.modal-seedling .seedling-chk {
  margin: 15px 0 0;
  padding: 0 0 43px;
}

.modal-seedling .seedling-chk ul {
  border-top: 1px solid #101010;
}

.modal-seedling .seedling-chk ul li {
  border-bottom: 1px solid #dddddd;
  font-size: 0;
}

.modal-seedling .seedling-chk ul li .checkbox {
  width: 100%;
  padding: 20px 0 21px;
}

.modal-seedling .seedling-chk .price {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #004e73;
}

.modal-seedling .result-area {
  margin: 0px -18px -100px -18px;
  padding: 25px 18px 100px 18px;
  background: #f8f8f8;
}

.modal-seedling .result-area .result-box {
  position: relative;
  margin: 11px 0 0;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 20px 18px 22px 18px;
  background: #ffffff;
}

.modal-seedling .result-area .result-box .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  padding: 0 40px 0 0;
}

.modal-seedling .result-area .result-box .price {
  margin: 5px 0 0;
  color: #004e73;
}

.modal-seedling .result-area .result-box .info {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 15px 0 0;
}

.modal-seedling .result-area .result-box .btn-del {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
}

.modal-seedling .result-area .result-box .btn-del:after {
  display: block;
  content: '\e903';
  font-family: "icomoon";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 1;
  font-weight: 500;
  font-size: 30px;
  color: #888888;
  text-align: center;
}

.modal-seedling .btn-wrap.fixed .btn-120.c1,
.modal-seedling .btn-wrap.fixed .btn-120:disabled {
  border-top: 1px solid #888 !important;
}

.modal-filter {
  padding: 0 0 100px;
}

.modal-filter .filter-group {
  padding: 21.5px 0 25px;
}

.modal-filter .filter-group:last-child {
  padding-bottom: 0;
}

.modal-filter .filter-group .tit {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 0 0 13px;
}

.prd-details {
  padding: 41px 0 30px;
}

.prd-details .prd-head {
  position: relative;
}

.prd-details .prd-head::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: #f8f8f8;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.prd-details .prd-head .prd-img {
  position: relative;
}

.prd-details .prd-head .prd-img .swiper-wrapper {
  padding: 0 0 17px;
  font-size: 0;
}

.prd-details .prd-head .prd-img .swiper-wrapper .img {
  position: relative;
  padding: 15px;
  text-align: center;
}

.prd-details .prd-head .prd-img .swiper-wrapper .img img {
  width: 238px;
}

.prd-details .prd-head .prd-img .btn-area {
  position: absolute;
  right: 0;
  bottom: 17px;
  z-index: 1;
}

.prd-details .prd-head .prd-img .btn-area button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px 0 0;
  font-size: 0;
}

.prd-details .prd-head .prd-img .btn-area button:first-child {
  margin: 0;
}

.prd-details .prd-head .prd-img .btn-area button.btn-360 {
  background: url(../../resource/img/util/360-80x80.svg) center/100% auto no-repeat;
}

.prd-details .prd-head .prd-img .btn-area button.btn-play {
  background: url(../../resource/img/util/play-80x80.svg) center/100% auto no-repeat;
}

.prd-details .prd-head .prd-img .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
}

.prd-details .prd-head .prd-img .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #dddddd;
  opacity: 1;
}

.prd-details .prd-head .prd-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #101010;
}

.prd-details .prd-head .tit-area {
  margin: 26px 0 0;
  padding: 0 0 30px;
}

.prd-details .prd-head .tit-area .desc {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-details .prd-head .tit-area .tit {
  font-size: 25px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  margin: 5px 0 0;
}

.prd-details .prd-head .tit-area .model {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 5px 0 0;
}

.prd-details .prd-head .tit-area .price-area {
  margin: 14px 0 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.prd-details .prd-head .tit-area .price-area .sort {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.prd-details .prd-head .tit-area .price-area .price {/*201201 수정*/
  width:100%;
  font-size: 15px;
  font-weight: 400;
  text-align: right;
  color: #ef1e1e;
  margin: 0 0 0 10px;
}

.prd-details .prd-head .tit-area .price-area .price span {
  font-weight: 700;
  font-size: 25px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.prd-details .prd-head .tit-area .price-area .price span.txt { /*201201 수정*/
  font-size: 15px;
  font-weight: 400;
  text-align: right;
  color: #101010;
  margin: 5px 0 0 5px;
  font-family: "Noto Sans KR";
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.prd-details .prd-head .infor-wrap {
  padding: 30px 0 21px;
}

.prd-details .prd-head .infor-wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0 0;
}

.prd-details .prd-head .infor-wrap > ul:first-child {
  margin: 0;
}

.prd-details .prd-head .infor-wrap > ul > li.sort {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 115px;
  flex: 0 0 115px;
}

.prd-details .prd-head .infor-wrap > ul > li.cont {
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  color: #101010;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.prd-details .prd-head .infor-wrap > ul.special {
  margin: 30px 0 0;
  border-top: 1px solid #dddddd;
  padding: 19px 0 0;
}

.prd-details .prd-head .infor-wrap .associated-card {
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 24px;
  margin: 21.5px 0 0;
  border-radius: 5px;
  padding: 17.5px 18px 15.5px 18px;
  background: #f8f8f8;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.prd-details .prd-head .infor-wrap .associated-card .tit-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 0 24px 0 0;
}

.prd-details .prd-head .infor-wrap .associated-card .tit-inner .btn-more {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  position: absolute;
  top: 0;
  right: -5px;
  z-index: 1;
  width: 25px;
  height: 25px;
  font-size: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.prd-details .prd-head .infor-wrap .associated-card .tit-inner .btn-more:after {
  display: block;
  content: '\e915';
  font-family: "icomoon";
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
  font-size: 14px;
  color: #101010;
  text-align: center;
}

.prd-details .prd-head .infor-wrap .associated-card .cont-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 17.5px 0 0;
  padding: 0 0 2.5px;
}

.prd-details .prd-head .infor-wrap .associated-card.open {
  height: auto;
  max-height: 500px;
}

.prd-details .prd-head .infor-wrap .associated-card.open .btn-more {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.prd-details .prd-head .infor-wrap .btn-tab button {
  font-size: 17px;
}

.prd-details .prd-body .prd-strongpoint {
  padding: 30px 0 0;
}

.prd-details .prd-body .prd-strongpoint .prd-strongpoint-inner {
  overflow: hidden;
  position: relative;
  /*max-height: rSize(1400);*/
  -webkit-transition: all .4s;
  transition: all .4s;
}

.prd-details .prd-body .prd-strongpoint .prd-strongpoint-inner img {
  max-width: 100%;
  width: 100%;
}

.prd-details .prd-body .prd-standard {
  padding: 25px 0 0;
}

.prd-details .prd-body .prd-standard .tbl-cap {
  margin: 16px 0 0;
}

.prd-details .prd-body .prd-standard .tbl-cap table tr th {
  width: 131.5px;
  vertical-align: top;
}

.prd-details .prd-body .prd-review {
  padding: 25px 0 0;
}

.prd-details .prd-body .prd-review .review-group {
  margin: 35px 0 0;
}

.prd-details .prd-body .prd-review .review-group:first-child {
  margin: 0;
}

.prd-details .prd-body .prd-review .review-group .hgroup {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.prd-details .prd-body .prd-review .review-group .hgroup .btn-arr {
  margin: 0 0 2px;
}

.prd-details .prd-body .prd-review .review-group .review-swiper {
  margin: 16px 0 0;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container {
  margin: 0 -18px;
  padding: 0 36px 30px 0;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-wrapper {
  padding: 0 18px;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide {
  width: 145px;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .thumb {
  overflow: hidden;
  width: 145px;
  border-radius: 5px;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .txt-area {
  margin: 10px 0 0;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .txt-area .tit {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-slide .txt-area .type {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #004e73;
  margin: 8.5px 0 0;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-scrollbar {
  right: 18px;
  bottom: 0;
  left: 18px;
  width: auto;
  height: 2px;
  background: #dddddd;
}

.prd-details .prd-body .prd-review .review-group .review-swiper .swiper-container .swiper-scrollbar-drag {
  top: 0;
  bottom: 0;
  height: 2px;
  border-radius: 0;
  background: #101010;
}

.prd-details .prd-body .prd-review .review-group .banner-list {
  margin: 16px 0 0;
}

.prd-details .prd-body .prd-review .review-group .banner-list li {
  overflow: hidden;
  margin: 10px 0 0;
  border-radius: 5px;
}

.prd-details .prd-body .prd-review .review-group .banner-list li:first-child {
  margin: 0;
}

.prd-details .prd-body .prd-review .review-group .banner-list li .link-box {
  display: block;
  padding: 26.5px 25px 26px 25px;
}

.prd-details .prd-body .prd-review .review-group .banner-list li .link-box .tit {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 0 0 4px;
}

.prd-details .prd-body .prd-review .review-group .banner-list li:first-child .link-box {
  background: #e2e7eb url(../../resource/img/etc/review-bg01.jpg) right center/contain no-repeat;
}

.prd-details .prd-body .prd-review .review-group .banner-list li:last-child .link-box {
  background: #f0e9e1 url(../../resource/img/etc/review-bg02.jpg) right center/contain no-repeat;
}

.prd-details .prd-body .prd-price {
  padding: 25px 0 0;
}

.prd-details .prd-body .prd-price .tbl-cap {
  margin: 16px 0 0;
}

.prd-details .prd-body .prd-price .price-list {
  margin: 15px 0 0;
}

.prd-details .prd-body .prd-price .price-list li {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 10px 0 0;
  line-height: 1.5;
}

.prd-details .prd-body .prd-price .price-list li:first-child {
  margin: 0;
}

.prd-details .prd-body .prd-price ul.bul {
  margin: 16.5px 0 0;
  padding: 15px 0 0 7px;
}

.prd-details .prd-body .prd-price ul.bul li {
  color: #606060;
  line-height: 1.5;
}

.prd-details .prd-body .prd-price ul.bul li::before {
  background: #606060;
}

.prd-details .prd-body .prd-price ul.notice li {
  line-height: 1.5;
}

.prd-details .prd-body .prd-shipment {
  padding: 25px 0 0;
}

.prd-details .prd-body .prd-shipment .shipment-list {
  margin: 16px 0 0;
}

.prd-details .prd-body .prd-shipment .shipment-list li {
  margin: 20px 0 0;
}

.prd-details .prd-body .prd-shipment .shipment-list li:first-child {
  margin: 0;
}

.prd-details .prd-body .prd-shipment .shipment-list li .tit {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 0 0 13px;
}

.prd-details .prd-body .prd-shipment .shipment-list li .tbl-cap table tr th {
  vertical-align: top;
}

.prd-details .prd-body .recommended-prd {
  margin: 35px 0 0;
}

.prd-details .prd-body .recommended-prd .reco-list {
  margin: 22px 0 0;
}

.prd-details .prd-body .recommended-prd .reco-list li {
  margin: 30px 0 0;
}

.prd-details .prd-body .recommended-prd .reco-list li:first-child {
  margin: 0;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 0 31px;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .tit {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .desc {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 5px 0 0;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area {
  margin: 16.5px 0 0;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area .sort {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area .price {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.prd-details .prd-body .recommended-prd .reco-list li .link-box .reco-info .price-area .price span {
  font-size: 17px;
}

.prd-details .btn-wrap {
  z-index: 150;
}

.prd-details .prd-body #prdInfo_spec .tbl-cap table tr th {
  width: 80px;
}

.special-wellsfarm {
  margin: -50px 0 0;
  line-height: 1.5;
}

.special-wellsfarm .tit1 {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  color: #101010;
  font-family: "KoreanDREAM";
}

.special-wellsfarm .visual {
  position: relative;
  margin: 0 -18px 0;
}

.special-wellsfarm .visual img {
  width: 100%;
}

.special-wellsfarm .visual .hgroup1 {
  position: absolute;
  top: 15.48%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.special-wellsfarm .visual .hgroup1 .desc {
  font-size: 19px;
  font-weight: 200;
  text-align: center;
  color: #101010;
  font-family: "KoreanDREAM";
}

.special-wellsfarm .visual .hgroup1 .tit {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  color: #101010;
  margin: 4px 0 0;
  font-family: "KoreanDREAM";
}

.special-wellsfarm .visual .hgroup1 .sub-desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 18px 0 0;
}

.special-wellsfarm .visual .box-guide {
  position: absolute;
  right: 90px;
  bottom: 3.62%;
  left: 27px;
}

.special-wellsfarm .visual .box-guide .guide-tit {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 118px;
  height: 41px;
  background: url(../../resource/img/special/guide-box01.svg) center/contain no-repeat;
  line-height: 35.5px;
}

.special-wellsfarm .visual .box-guide .guide-desc {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 11px 0 0;
}

.special-wellsfarm .visual.box2 .hgroup1 {
  top: 8.5%;
}

.special-wellsfarm .visual.box2 .box-guide {
  bottom: 38%;
  left: 35px;
}

.special-wellsfarm .visual.box2 .box-guide .guide-tit {
  width: 143px;
  height: 65px;
  padding: 9.5px 0 0 18px;
  background-image: url(../../resource/img/special/guide-box02.svg);
  line-height: 20.5px;
  text-align: left;
}

.special-wellsfarm .visual.box3 .hgroup1 {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.special-wellsfarm .product-info .prd-visual {
  position: relative;
  margin: -50px -18px 0;
}

.special-wellsfarm .product-info .cont-area {
  margin: 40px 7px 0;
}

.special-wellsfarm .product-info .cont-area li {
  margin: 57.5px 0 0;
}

.special-wellsfarm .product-info .cont-area li:first-child {
  margin: 0;
}

.special-wellsfarm .product-info .cont-area li .img img {
  width: 100%;
}

.special-wellsfarm .product-info .cont-area li .txt-group {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 85%;
  margin: -132px 0 0 auto;
  padding: 16px 20px 0px 20px;
  background: #ffffff;
}

.special-wellsfarm .product-info .cont-area li .txt-group .tit {
  font-size: 19px;
  font-weight: 200;
  text-align: left;
  color: #101010;
  font-family: "KoreanDREAM";
}

.special-wellsfarm .product-info .cont-area li .txt-group .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 12px 0 0;
}

.special-wellsfarm .product-info .cont-area li.box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.special-wellsfarm .product-info .cont-area li.box2 .img {
  width: 48%;
}

.special-wellsfarm .product-info .cont-area li.box2 .txt-group {
  width: 52%;
  margin-top: 0;
  padding-left: 0;
}

.special-wellsfarm .product-info .cont-area li.box3 .img {
  width: 48%;
}

.special-wellsfarm .product-info .cont-area li.box3 .txt-group {
  margin-top: -69px;
  padding-right: 0;
}

.special-wellsfarm .tip-wrap {
  padding: 60px 0 70px;
}

.special-wellsfarm .tip-wrap .tip-list {
  margin: 35px 0 0;
}

.special-wellsfarm .tip-wrap .tip-list li {
  margin: 30px 0 0;
}

.special-wellsfarm .tip-wrap .tip-list li:first-child {
  margin: 0;
}

.special-wellsfarm .tip-wrap .tip-list li .img {
  overflow: hidden;
  border-radius: 5px;
}

.special-wellsfarm .tip-wrap .tip-list li .img img {
  width: 100%;
}

.special-wellsfarm .tip-wrap .tip-list li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
}

.special-wellsfarm .tip-wrap .tip-list li .txt-area .num {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #004e73;
}

.special-wellsfarm .tip-wrap .tip-list li .txt-area .num span {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  display: block;
  font-family: "CentraleSans";
  line-height: 27px;
}

.special-wellsfarm .tip-wrap .tip-list li .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 2px 0 0;
  padding: 0 0 0 10px;
}

.special-wellsfarm .package-wrap {
  margin: 0 -18px;
  padding: 64px 18px 70px 18px;
  background: #f8f8f8;
}

.special-wellsfarm .package-wrap .veggie-list {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5px 0 0 -20px;
}

.special-wellsfarm .package-wrap .veggie-list.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.special-wellsfarm .package-wrap .veggie-list li {
  display: none;
  width: calc(50% - 20px);
  margin: 20px 0 0 20px;
}

.special-wellsfarm .package-wrap .veggie-list li.visible {
  display: block;
}

.special-wellsfarm .package-wrap .veggie-list li a {
  display: block;
  border-radius: 5px;
  padding: 15px 31.5px 16px 31.5px;
  background: #ffffff;
}

.special-wellsfarm .package-wrap .veggie-list li a .img img {
  width: 100%;
}

.special-wellsfarm .package-wrap .veggie-list li a .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 10px 0 0;
}

.special-wellsfarm .package-wrap .veggie-period li {
  display: none;
  margin: 40px 0 0;
}

.special-wellsfarm .package-wrap .veggie-period li.visible {
  display: block;
}

.special-wellsfarm .package-wrap .veggie-period li .tbl-veggie {
  margin: 20px 0 0;
  border-top: 1px solid #101010;
}

.special-wellsfarm .package-wrap .veggie-period li .tbl-veggie:first-child {
  margin: 0;
}

.special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table thead th {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding: 19.5px 0;
}

.special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table thead th:first-child {
  border-left: none;
}

.special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table tbody td {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding: 13px 5px 14px 5px;
  background: #ffffff;
  vertical-align: middle;
}

.special-wellsfarm .package-wrap .veggie-period li .tbl-veggie table tbody td:first-child {
  border-left: none;
}

.special-wellsfarm .review-wrap {
  padding: 64px 0 60px;
}

.special-wellsfarm .review-wrap .review-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 35px 0 0;
}

.special-wellsfarm .review-wrap .review-area li {
  overflow: hidden;
  width: calc(50% - 10px);
  margin: 20px 0 0;
  border-radius: 5px;
}

.special-wellsfarm .review-wrap .review-area li:nth-child(1) {
  margin-top: 0;
}

.special-wellsfarm .review-wrap .review-area li:nth-child(3n+1) {
  width: 100%;
}

.special-wellsfarm .review-wrap .review-area li:nth-child(3n) {
  margin-left: 20px;
}

.special-wellsfarm .review-wrap .review-area li img {
  width: 100%;
}

.special-wellsfarm .recipe-wrap {
  padding: 40px 0 0;
}

.special-wellsfarm .recipe-wrap li {
  margin: 36px 0 0;
}

.special-wellsfarm .recipe-wrap li:first-child {
  margin: 0;
}

.special-wellsfarm .recipe-wrap li a {
  display: block;
}

.special-wellsfarm .recipe-wrap li a .img {
  overflow: hidden;
  position:relative; /* 201203 */
  border-radius: 5px;
}

.special-wellsfarm .recipe-wrap li a .img img {
  width: 100%;
}

.special-wellsfarm .recipe-wrap li a .txt-group {
  margin: 15px 0 0;
}

.special-wellsfarm .recipe-wrap li a .txt-group .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.special-wellsfarm .recipe-wrap li a .txt-group .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 6.5px 0 0;
}

.special-wellsfarm .recipe-wrap li a .txt-group .detail dl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 0 25px;
}

.special-wellsfarm .recipe-wrap li a .txt-group .detail dl:first-of-type {
  margin: 0;
}

.special-wellsfarm .recipe-wrap li a .txt-group .detail dl dt {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.special-wellsfarm .recipe-wrap li a .txt-group .detail dl dd {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  margin: 0 0 0 10px;
}

.special-wellsfarm .recipe-wrap li .sort.play { /* 201203 */
  display: block;
  position: absolute;
  font-size:0;
  width: 40px;
  height: 40px;
  top: auto;
  left: auto;
  bottom: 15px;
  right: 15px;
  background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;
}

.modal-special {
  margin: 0 -18px;
}

.compare-prd {
  overflow: auto;
  margin: 0 -18px;
  padding: 25px 18px 50px;
}

.compare-prd .compare-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.compare-prd .compare-list::after {
  display: block;
  content: '';
  height: 18px;
  padding: 0 18px 0 0;
}

.compare-prd .compare-list > li {
  position: relative;
  min-width: 150px;
  width: 150px;
  margin: 0 0 0 11px;
}

.compare-prd .compare-list > li:first-child {
  margin: 0;
}

.compare-prd .compare-list > li .btn-del {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 25px;
  height: 25px;
  font-size: 0;
}

.compare-prd .compare-list > li .btn-del:before {
  display: block;
  content: '\e910';
  font-family: "icomoon";
  font-size: 19px;
  font-weight: 400;
  text-align: left;
  color: #dddddd;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #ffffff;
}

.compare-prd .compare-list > li .btn-del:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: url(../../resource/img/svgicons/delete-20x20.svg) center center no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.compare-prd .compare-list > li .checkbox {
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 10;
}

.compare-prd .compare-list > li .summ-wrap .thumb {
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 7.5px 19px;
  background: #f8f8f8;
}

.compare-prd .compare-list > li .summ-wrap .thumb .btn-area {
  margin: 7px -19px -7.5px;
}

.compare-prd .compare-list > li .summ-wrap .thumb .btn-area .btn-cart {
  display: block;
  width: 100%;
  height: 37.5px;
  background: #ffffff;
}

.compare-prd .compare-list > li .summ-wrap .thumb .btn-area .btn-cart span {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #004e73;
  position: relative;
  padding: 0 0 0 22px;
}

.compare-prd .compare-list > li .summ-wrap .thumb .btn-area .btn-cart span::before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../../resource/img/svgicons/cart-32x32-blue.svg) center/contain no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.compare-prd .compare-list > li .summ-wrap .tit {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 38.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  min-height: 27px;
  margin: 11px 0 0;
}
/*201214*/
.compare-prd .compare-list > li .summ-wrap .model {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  margin: 4px 0 0;
}
.compare-prd .compare-list > li .infor-wrap {
  /*height: 322px;*/
  margin: 18px 0 0;
}

.compare-prd .compare-list > li .infor-wrap > ul {
  margin: 20px 0 0;
}

.compare-prd .compare-list > li .infor-wrap > ul:first-child {
  margin: 0;
}

.compare-prd .compare-list > li .infor-wrap > ul > li.sort {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.compare-prd .compare-list > li .infor-wrap > ul > li.cont {
  margin: 11.5px 0 0;
}

.compare-prd .compare-list > li .infor-wrap > ul > li.cont .row {
  margin: 10px 0 0;
}

.compare-prd .compare-list > li .infor-wrap > ul > li.cont .row:first-child {
  margin: 0;
}

.compare-prd .compare-list > li .price-area {
  margin: 17.5px 0 0;
}

.compare-prd .compare-list > li .price-area .cont {
  width: 100%;
  font-size: 0;
}

.compare-prd .compare-list > li .price-area .cont .price:last-child {
  display: block;
  font-size: 12px;
}

.compare-prd .compare-list > li .price-area .cont .price:last-child span {
  font-size: 17px;
}

.compare-prd .compare-list > li .price-area .cont .price.del {
  margin: 0 0 5px;
}

.compare-prd .compare-list > li .standard-wrap {
  margin: 20px 0 0;
}

.compare-prd .compare-list > li .standard-wrap .tit {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.compare-prd .compare-list > li .standard-wrap .tbl-cap {
  margin: 12px 0 0;
}

.compare-prd .compare-list > li .standard-wrap .tbl-cap table th {
  width: 62.5px;
  padding: 9.5px 8px 11px 8px;
  font-size: 12px;
  vertical-align: top;
}

.compare-prd .compare-list > li .standard-wrap .tbl-cap table td {
  padding: 9.5px 8px 11px 8px;
  font-size: 12px;
}

.compare-prd.ty2 {
  padding-bottom: 87.5px;
}

.compare-prd.ty2 .compare-list > li .summ-wrap .thumb {
  border: none;
}

.compare-prd .sticky-tit {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 1;
  margin: 0 -18px;
  padding: 15.5px 18px 17.5px;
  background: #ffffff;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.compare-prd .sticky-tit::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: #dddddd;
}

.compare-prd .sticky-tit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.compare-prd .sticky-tit ul::after {
  display: block;
  content: '';
  height: 18px;
  padding: 0 18px 0 0;
}

.compare-prd .sticky-tit ul li {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 58.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  min-height: 57px;
  min-width: 150px;
  width: 150px;
  margin: 0 0 0 11px;
}

.compare-prd .sticky-tit ul li:first-child {
  margin: 0;
}

.compare-prd.fixed .sticky-tit {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  margin: 0;
}

.modal-advice {
  padding: 40px 0;
}

.modal-advice ul {
  font-size: 0;
  text-align: center;
}

.modal-advice ul li {
  display: inline-block;
  width: 70px;
  margin: 0 0 0 40px;
  vertical-align: top; /* 201201 추가 */
}

.modal-advice ul li:first-child {
  margin: 0;
}

.modal-advice ul li a {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  display: block;
  position: relative;
  padding: 75px 0 0;
}

.modal-advice ul li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #f8f8f8;
}

.modal-advice ul li a::after {
  display: block;
  content: '';
  position: absolute;
  top: 17.5px;
  left: 17.5px;
  width: 35px;
  height: 35px;
  background: center center / cover no-repeat;
}

.modal-advice ul li:first-child a::after {
  background-image: url(../../resource/img/util/call.png);
}

.modal-advice ul li:nth-child(2) a::after {/* 201201 수정 */
  background-image: url(../../resource/img/util/advice.png);
}
.modal-advice ul li:last-child a::after {/* 201201 추가 */
  background-image: url(../../resource/img/util/b2b.png);
}

.modal-view .view-360 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 23px;
}

.modal-view .view-360 img {
  width: 100%;
}

.modal-view .view-360 .area-360 {
  overflow: hidden;
  position: relative;
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 269px !important;
  height: 269px !important;
  margin: 0 auto;
  padding: 15px;
}

.modal-view .view-360 .area-360 .kwells_images {
  display: none;
  position: relative;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.modal-view .view-360 .area-360 .kwells_images img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.modal-view .view-360 .area-360 .kwells_images img.previous-image {
  visibility: hidden;
  width: 0;
}

.modal-view .view-360 .area-360 .kwells_images img.current-image {
  visibility: visible;
  width: 100%;
}

.modal-view .view-360 .area-360 .spinner {
  width: 60px;
  display: block;
  margin: 0 auto;
  height: 30px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
}

.modal-view .view-360 .area-360 .spinner span {
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFF;
  text-align: center;
  line-height: 30px;
  display: block;
}

.modal-view .view-360 .control-360 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../../resource/img/etc/360-bg.png) center bottom 26px/contain no-repeat;
}

.modal-view .view-360 .control-360 .btn-left {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  position: absolute;
  top: 50%;
  left: 23px;
  z-index: 20;
  width: 32px;
  height: 32px;
  background: url(../../resource/img/svgicons/btn-360-left.svg) center/contain no-repeat;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
  -webkit-transition: all .6s .6s;
  transition: all .6s .6s;
  opacity: 0;
}

.modal-view .view-360 .control-360 .btn-right {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  position: absolute;
  top: 50%;
  right: 23px;
  z-index: 20;
  width: 32px;
  height: 32px;
  background: url(../../resource/img/svgicons/btn-360-right.svg) center/contain no-repeat;
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  -webkit-transition: all .6s .6s;
  transition: all .6s .6s;
  opacity: 0;
}

.modal-view .view-360 .go-360 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  width: 60px;
  height: 60px;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: all .6s .6s;
  transition: all .6s .6s;
  opacity: 1;
}

.modal-view.active .view-360 .go-360 {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
}

.modal-view.active .view-360 .control-360 .btn-left {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
}

.modal-view.active .view-360 .control-360 .btn-right {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
}

.brandstory-wells {
  margin: 0 -18px;
}

.brandstory-wells .visual-movie {
  position: relative;
}

.brandstory-wells .visual-movie .video-area {
  position: relative;
  padding: 0 0 100%;
}

.brandstory-wells .visual-movie .video-area .video-visual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.brandstory-wells .visual-movie .tit-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.brandstory-wells .visual-movie .tit-wrap .txt {
  font-size: 19px;
  font-weight: 38;
  text-align: center;
  color: #ffffff;
  margin: 20px 0 0;
  font-family: "CentraleSans";
  line-height: 1;
}

.brandstory-wells .visual-sub {
  padding: 75px 0 80px;
  background: #ffffff;
}

.brandstory-wells .visual-sub .txt-wrap {
  position: relative;
}

.brandstory-wells .visual-sub .txt-wrap .tit {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  color: #101010;
  font-family: "KoreanDREAM";
}

.brandstory-wells .visual-sub .txt-wrap .bar {
  display: block;
  content: '';
  position: absolute;
  top: 61px;
  left: 50%;
  width: 40px;
  height: 2px;
  margin: 0 0 0 -20px;
  background: #969696;
}

.brandstory-wells .visual-sub .txt-wrap .summ {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  margin: 52.5px 0 0;
}

.brandstory-wells .visual-sub .txt-wrap .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #888888;
  margin: 17.5px 0 0;
}

.brandstory-wells .hgroup1 .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.brandstory-wells .hgroup1 .tit.ff-c {
  line-height: 1;
}

.brandstory-wells .hgroup1 .tit .ff-c {
  display: inline-block;
  line-height: 1;
}

.brandstory-wells .hgroup1 .logo {
  width: 208.5px;
  margin: 32px auto 0;
}

.brandstory-wells .hgroup1 .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 16px 0 0;
}

.brandstory-wells .section {
  position: relative;
}

.brandstory-wells .section.identity {
  padding: 80px 0 118.5px;
  background: #f8f8f8;
}

.brandstory-wells .section.solution {
  padding: 60px 0 80px;
}

.brandstory-wells .section .bg-wave {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 74px;
  background: url(../../resource/img/brand/wells/bg-wave.svg) right 0 bottom/auto 74px no-repeat;
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.brandstory-wells .section .bg-wave1 {
  position: absolute;
  right: 0;
  top: -30px;
  left: 0;
  width: 100%;
  height: 74px;
  background: url(../../resource/img/brand/wells/bg-wave.svg) right -200px bottom/auto 74px no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.brandstory-wells .section .bg-wave2 {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 74px;
  background: url(../../resource/img/brand/wells/bg-wave.svg) right -200px bottom/auto 74px no-repeat;
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.brandstory-wells .section .bg-wave.e-active {
  background-position: right -200px bottom;
}

.brandstory-wells .section .bg-wave1.e-active,
.brandstory-wells .section .bg-wave2.e-active {
  background-position: right 0 bottom;
}

.brandstory-wells .section .btn-wrap {
  margin: 27px 0 0;
}

.brandstory-wells .section .btn-wrap .btn-rnd-80 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 135px;
  height: 40px;
  border: 1px solid #969696;
  border-radius: 20px;
  padding: 0 40px;
  background: none;
  line-height: 36px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 125px;
  min-width: auto;
  padding: 0;
  font-size: 14px;
  color: #969696;
}

.brandstory-wells .section-visual {
  position: relative;
}

.brandstory-wells .section-visual::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #101010;
  opacity: .3;
}

.brandstory-wells .section-visual img {
  width: 100%;
}

.brandstory-wells .section-visual .hgroup2 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.brandstory-wells .section-visual .hgroup2 .tit {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  font-family: "CentraleSans";
  line-height: 1;
}

.brandstory-wells .section-visual .hgroup2 .desc {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  font-family: "KoreanDREAM";
  margin: 12.5px 0 0;
}

.brandstory-wells .section-txt {
  padding: 60px 0 60px;
  background: #ffffff;
}

.brandstory-wells .section-txt .txt {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  display: block;
}

.brandstory-wells .solution-swiper {
  margin: 47px 0 0;
  padding: 0 0 42px;
}

.brandstory-wells .solution-swiper .swiper-slide {
  width: 221px;
}

.brandstory-wells .solution-swiper .swiper-slide .img {
  position: relative;
  overflow: hidden;
  width: 221px;
  height: 221px;
  margin: 0 auto;
  border-radius: 50%;
}

.brandstory-wells .solution-swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .solution-swiper .swiper-slide .img img.on {
  opacity: 0;
}

.brandstory-wells .solution-swiper .swiper-slide .txt-area {
  margin: 29px 0 0;
  opacity: 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .solution-swiper .swiper-slide .txt-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  font-family: "CentraleSans";
}

.brandstory-wells .solution-swiper .swiper-slide .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 11px 0 0;
}

.brandstory-wells .solution-swiper .swiper-slide .txt-area .btn-wrap {
  margin: 27px 0 0;
}

.brandstory-wells .solution-swiper .swiper-slide .txt-area .btn-wrap .btn-rnd-80 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 135px;
  height: 40px;
  border: 1px solid #969696;
  border-radius: 20px;
  padding: 0 40px;
  background: #ffffff;
  line-height: 36px;
  text-align: center;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  font-size: 14px;
  color: #969696;
}

.brandstory-wells .solution-swiper .swiper-slide.swiper-slide-active .img img.off {
  opacity: 0;
}

.brandstory-wells .solution-swiper .swiper-slide.swiper-slide-active .img img.on {
  opacity: 1;
}

.brandstory-wells .solution-swiper .swiper-slide.swiper-slide-active .txt-area {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.brandstory-wells .solution-swiper .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 47.5px;
  bottom: 0;
  left: 47.5px;
  width: auto;
}

.brandstory-wells .solution-swiper .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #dddddd;
  opacity: 1;
}

.brandstory-wells .solution-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #101010;
}

.brandstory-wells .design-story {
  padding: 0 0 354px;
  background: #0c0e16 url(../../resource/img/brand/wells/bg-design.jpg) left 0 bottom 37px/contain no-repeat;
}

.brandstory-wells .design-story img {
  width: 100%;
}

.brandstory-wells .design-story .story-head {
  padding: 15.5px 0 77px;
}

.brandstory-wells .design-story .detail-list {
  margin: 0 18px;
}

.brandstory-wells .design-story .detail-list li {
  margin: 57px 0 0;
}

.brandstory-wells .design-story .detail-list li:first-child {
  margin: 0;
}

.brandstory-wells .design-story .detail-list li .img img {
  width: 100%;
}

.brandstory-wells .design-story .detail-list li .txt-area {
  margin: 24px 0 0;
}

.brandstory-wells .design-story .detail-list li .txt-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}

.brandstory-wells .design-story .detail-list li .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin: 10px 0 0;
}

.brandstory-wells .design-story .bg-wave2 {
  bottom: -2px;
}

.brandstory-wells .design-style {
  padding: 12px 0 80px;
}

.brandstory-wells .design-style .awards-swiper {
  margin: 53px 0 0;
  padding: 0 18px 42px;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 221px;
  height: 195px;
  margin: 0 15px 0 0;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 16px 0 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide .img {
  position: relative;
  overflow: hidden;
  width: 170px;
  height: 105px;
  margin: 0 auto;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide .img img.on {
  opacity: 0;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide .txt {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  margin: 30px 0 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active {
  border-color: #004e73;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active .img img.off {
  opacity: 0;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active .img img.on {
  opacity: 1;
}

.brandstory-wells .design-style .awards-swiper .swiper-slide.swiper-slide-active .txt {
  color: #004e73;
}

.brandstory-wells .design-style .awards-swiper .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 47.5px;
  bottom: 0;
  left: 47.5px;
  width: auto;
}

.brandstory-wells .design-style .awards-swiper .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #dddddd;
  opacity: 1;
}

.brandstory-wells .design-style .awards-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #101010;
}

.brandstory-wells .qt-list {
  position: relative;
  margin: 6px 0 0;
  padding: 0 0 103px;
  background: #f8f8f8;
}

.brandstory-wells .qt-list .bg-wave1 {
  top: 0;
  padding: 30px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, white)), url(../../resource/img/brand/wells/bg-wave.svg) right 0 bottom 30px/auto 74px no-repeat;
  background: linear-gradient(rgba(255, 255, 255, 0) 50%, white 50%), url(../../resource/img/brand/wells/bg-wave.svg) right 0 bottom 30px/auto 74px no-repeat;
}

.brandstory-wells .qt-list ul {
  padding: 0 18px;
}

.brandstory-wells .qt-list ul li {
  position: relative;
  z-index: 1;
  margin: 50px 0 0;
}

.brandstory-wells .qt-list ul li:first-child {
  margin: 0;
}

.brandstory-wells .qt-list ul li .img img {
  width: 100%;
}

.brandstory-wells .qt-list ul li .txt-area {
  margin: 24px 0 0;
}

.brandstory-wells .qt-list ul li .txt-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.brandstory-wells .qt-list ul li .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 10.5px 0 0;
}

.brandstory-wells .qt-verified {
  padding: 43.5px 0 80px;
}

.brandstory-wells .qt-verified .verified-swiper {
  margin: 47px 0 0;
  padding: 0 18px 42px;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 221px;
  height: 242.5px;
  margin: 0 15px 0 0;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 16px 25px 23px 25px;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .img {
  position: relative;
  overflow: hidden;
  width: 170px;
  height: 105px;
  margin: 0 auto;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .img img.on {
  opacity: 0;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area {
  margin: 9px 0 0;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area .sort {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area .tit {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #606060;
  min-height: 42px;
  margin: 5px 0 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide .txt-area .ins {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #888888;
  margin: 3px 0 0;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active {
  border-color: #004e73;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .img img.off {
  opacity: 0;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .img img.on {
  opacity: 1;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .txt-area .sort {
  color: #101010;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-slide.swiper-slide-active .txt-area .tit {
  color: #004e73;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 47.5px;
  bottom: 0;
  left: 47.5px;
  width: auto;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #dddddd;
  opacity: 1;
}

.brandstory-wells .qt-verified .verified-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #101010;
}

.brandstory-wells .service-care {
  position: relative;
  padding: 90px 0 103px;
  background: #f8f8f8;
}

.brandstory-wells .service-care .service-list {
  margin: 60px 0 0;
  padding: 0 18px;
}

.brandstory-wells .service-care .service-list li {
  overflow: hidden;
  margin: 30px 0 0;
  border-radius: 10px;
}

.brandstory-wells .service-care .service-list li:first-child {
  margin: 0;
}

.brandstory-wells .service-care .service-list li .img img {
  width: 100%;
}

.brandstory-wells .service-care .service-list li .txt-area {
  padding: 20px 15px 30.5px 15px;
  background: #ffffff;
}

.brandstory-wells .service-care .service-list li .txt-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.brandstory-wells .service-care .service-list li .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  margin: 8.5px 0 0;
}

.brandstory-wells .service-care .service-list.map li .txt-area .tit:before{content:'●';font-size:17px;padding-right:5px}
.brandstory-wells .service-care .service-list.map li .txt-area .mark1:before{color:#62c3ca}
.brandstory-wells .service-care .service-list.map li .txt-area .mark2:before{color:#004e73}
.brandstory-wells .service-care .service-list.map li .txt-area .mark3:before{color:#ffd200}
.brandstory-wells .service-care .service-list.map li .txt-area .mark4:before{color:#27d765}

.brandstory-wells .service-map {
  padding: 50px 0 0;
  text-align:center;
}

.brandstory-wells .service-map img {
  width:85%;
  margin:0 auto
}

.brandstory-wells .location {
  padding: 60px 18px 0px 18px;
}

.brandstory-wells .location .location-list {
  margin: 21.5px 0 0;
  border-top: 1px solid #101010;
}

.brandstory-wells .location .location-list dl {
  border-bottom: 1px solid #dddddd;
  padding: 19px 15px;
}

.brandstory-wells .location .location-list dl dt {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.brandstory-wells .location .location-list dl dd {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  margin: 1px 0 0;
}

.modal-brandstory {
  padding: 25px 0 80px;
}

.modal-brandstory .head-box {
  border-radius: 10px;
  padding: 44px 25px 50px 25px;
  background: #f8f8f8;
}

.modal-brandstory .head-box .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  margin: 0 0 15px;
}

.modal-brandstory .head-box .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
}

.modal-brandstory .head-box .rnd-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 210px;
  margin: 37.5px auto 0;
  border: 1px solid #dddddd;
  border-radius: 210px;
  padding: 14px;
  background: #ffffff;
}

.modal-brandstory .head-box .rnd-info .box {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #f8f8f8;
}

.modal-brandstory .head-box .rnd-info .box.top {
  display: table;
  z-index: 1;
  background: #004e73;
  text-align: center;
}

.modal-brandstory .head-box .rnd-info .box.top .box-inner {
  display: table-cell;
  vertical-align: middle;
}

.modal-brandstory .head-box .rnd-info .box.top .box-inner .tit {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

.modal-brandstory .head-box .rnd-info .box.top .box-inner .num {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin: 10px 0 0;
}

.modal-brandstory .head-box .rnd-info .box.top .box-inner .num .number {
  display: inline-block;
  font-family: "CentraleSans";
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
}

.modal-brandstory .head-box .rnd-info .box.top .box-inner .sub {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  opacity: .6;
  margin: 3px 0 0;
}

.modal-brandstory .head-box .rnd-info .box.bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -30px 0 0;
  padding: 50px 0 0;
}

.modal-brandstory .head-box .rnd-info .box.bot ul li {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  position: relative;
  margin: 4px 0 0;
  padding: 0 0 0 9px;
}

.modal-brandstory .head-box .rnd-info .box.bot ul li:first-child {
  margin: 0;
}

.modal-brandstory .head-box .rnd-info .box.bot ul li::before {
  display: block;
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #888888;
}

.modal-brandstory .img-list {
  margin: 40px 0 0;
}

.modal-brandstory .img-list li {
  margin: 47.5px 0 0;
}

.modal-brandstory .img-list li:first-child {
  margin: 0;
}

.modal-brandstory .img-list li .img img {
  width: 100%;
}

.modal-brandstory .img-list li .txt-area {
  margin: 18px 0 0;
}

.modal-brandstory .img-list li .txt-area .tit {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  margin: 0 0 8px;
}

.modal-brandstory .img-list li .txt-area .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
}

.special-prd {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -18px;
}

.special-prd > .swiper-slide {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
}

.special-prd > .swiper-slide.swiper-slide-active {
  height: 100% !important;
}

.special-prd > .swiper-slide .section {
  position: absolute;
  top: 10%;
  right: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100vw;
  /*padding: rPadding(84, 36, 315, 36);*/
  padding: 0px 18px 0px 18px;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  vertical-align: middle;
}

.special-prd > .swiper-slide .section.ty2 {
  /*padding: rPadding(115, 30, 800, 30);*/
  padding: 0px 15px 0px 15px;
  vertical-align: top;
}

.special-prd > .swiper-slide .section.ty3 {
  padding-bottom: 85px;
}

.special-prd > .swiper-slide .section.relative {
  position: relative;
  padding: 60px 18px 157.5px 18px;
}

.special-prd > .swiper-slide .section .hgroup1 .desc {
  font-size: 19px;
  font-weight: 200;
  text-align: center;
  color: #101010;
  font-family: "KoreanDREAM";
}
    /*25.04.24 스페셜관 템플릿을 활용 수정*/
.special-prd > .swiper-slide .section .hgroup1 .tit {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: #101010;
  margin: 4px 0 0;
  font-family: "KoreanDREAM";
}
    /*25.04.24 스페셜관 템플릿을 활용 수정*/
.special-prd > .swiper-slide .section .hgroup2 .tit { 
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: #101010;
  font-family: "KoreanDREAM";
  padding: 0 18px;
}
    /*25.04.24 스페셜관 템플릿을 활용 수정*/

.special-prd > .swiper-slide .section .hgroup2 .desc {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #888888;
  margin: 15px 0 0;
}

.special-prd > .swiper-slide .section .video-area {
  position: relative;
  margin: 16.8% 0 0;
  padding: 0 0 56%;
}

.special-prd > .swiper-slide .section .video-area iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* pointer-events: none; */
}

.special-prd > .swiper-slide .section .dummy-box {
  position: relative;
  margin: 16.8% 0 0;
  padding: 0 0 56%;
}

.special-prd > .swiper-slide .section .list-info {
  margin: 0 -18px;
  padding: 0 18px 55px;
}

.special-prd > .swiper-slide .section .list-info .swiper-wrapper {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.special-prd > .swiper-slide .section .list-info .swiper-wrapper .swiper-slide .img {
  margin: 50px 0 0;
}

.special-prd > .swiper-slide .section .list-info .swiper-wrapper .swiper-slide .img img {
  width: 100%;
}

.special-prd > .swiper-slide .section .list-info .swiper-scrollbar {
  right: 47.5px;
  bottom: 0;
  left: 47.5px;
  width: auto;
  height: 2px;
  background: #dddddd;
}

.special-prd > .swiper-slide .section .list-info .swiper-scrollbar-drag {
  top: 0;
  bottom: 0;
  height: 2px;
  border-radius: 0;
  background: #101010;
}

.special-prd > .swiper-slide .section .img-list {
  margin: 50px 0 0;
  padding: 0 0 55px;
}

.special-prd > .swiper-slide .section .img-list .swiper-slide {
  overflow: hidden;
  width: 180px;
  border-radius: 10px;
}

.special-prd > .swiper-slide .section .img-list .swiper-slide img {
  width: 100%;
}

.special-prd > .swiper-slide .section .prd-list {
  margin: 5vh -18px 0;
  padding: 0 18px 55px;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide {
  width: 160px;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide a {
  display: block;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .img {
  overflow: hidden;
  border-radius: 5px;
  background: #f8f8f8;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .img img {
  width: 100%;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info {
  position: relative;
  margin: 15px 0 0;
  padding: 29px 0 38.5px;
  font-size: 0;
  text-align: left;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .badge {
  position: absolute;
  top: 0;
  left: 0;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .tit-area .tit {
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  height: 45px;
  word-wrap: break-word;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .sort {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont {
  padding: 0 7.5px 0 0;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price {
  display: block;
  margin: 2.5px 0 0;
  font-size: 12px;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price:first-child {
  margin: 0;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price span {
  font-size: 17px;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price.del {
  font-size: 10px;
}

.special-prd > .swiper-slide .section .prd-list .swiper-slide .prd-info .price-area .cont .price.del span {
  font-size: 11px;
}

.special-prd > .swiper-slide .section .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 47.5px;
  bottom: 0;
  left: 47.5px;
  width: auto;
}

.special-prd > .swiper-slide .section .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0;
  border-radius: 0;
  background: #dddddd;
  opacity: 1;
}

.special-prd > .swiper-slide .section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #101010;
}

.seller-search {
  padding-bottom: 50px;
}

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

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

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-row span.input {
  width: calc(50% - 5px);
}

.round-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.round-list ul li {
  width: 43.2000vw;
}

.round-list ul li a {
  display: inline-block;
}

.round-list ul li .thumb {
  width: 43.2000vw;
  height: 43.2000vw;
  border-radius: 50%;
  overflow: hidden;
}

.round-list ul li .thumb img {
  width: 100%;
}

.round-list ul li:nth-child(3n-2) {
  width: 65.3333vw;
}

.round-list ul li:nth-child(3n-2) .thumb {
  width: 65.3333vw;
  height: 65.3333vw;
}

.round-list ul li:nth-child(3n-2) img {
  width: 100%;
}

.round-list ul li:nth-child(2n) {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.round-list ul li:nth-child(3n) {
  margin-top: -69px;
}

.round-list ul li .tit {
  min-width: 162px;
  margin-top: 16px;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  font-family: "Noto Sans KR";
}

.round-list ul li .category {
  font-size: 14px;
  margin: 9px 0 0 0;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #004e73;
}

.history {
  margin-top: 50px;
  font-size: 0;
}

.history .year {
  width: 100%;
  margin-bottom: 37.5px;
  font-family: "CentraleSans";
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  color: #004e73;
  z-index: 2;
  background-color: #fff;
}

.history dd {
  width: calc(50% - 7.5px);
  height: auto;
  padding: 15px 15px 22.5px 15px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.history dd:nth-child(n+2) {
  margin-top: 15px;
}

.history dd .thumb {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.history dd .thumb img {
  width: 100%;
}

.history dd .time {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  font-family: "CentraleSans";
}

.history dd .tit {
  margin-top: 7px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
  font-family: "Noto Sans KR";
}

.history dd em {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  font-family: "Noto Sans KR";
}

.history dd + .year {
  margin-top: 80px;
}

.inner.ty2 .box.ty2 {
  margin: 0 -18px;
  padding: 40px 18px 40px 18px;
  background: url(../../resource/img/fmg-myw/bg/myw_17.jpg) no-repeat 0 0/cover;
}

.inner.ty2 .box.ty2 .hgroup p {
  color: #ffffff;
}

.inner.ty2 .box.ty2 .hgroup p + .head-34 {
  margin-top: 40px;
}

.inner.ty2 .box.ty2 .icon-list {
  margin-top: 17px;
  font-size: 0;
}

.inner.ty2 .box.ty2 .icon-list li {
  display: inline-block;
  width: 55px;
}

.inner.ty2 .box.ty2 .icon-list li + li {
  margin-left: 16px;
}

.inner.ty2 .box.ty2 .icon-list li p {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  font-family: "CentraleSans";
}

.inner.ty2 .box.ty2 .round-box {
  margin-top: 27px;
  padding: 25px 18px 18px 18px;
  border-radius: 5px;
  background: #fff;
}

.inner.ty2 .box.ty2 .round-box .tit {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.inner.ty2 .box.ty2 .round-box .desc {
  margin-top: 17.5px;
}

.inner.ty2 .box.ty2 .round-box .desc .tit .ff-c.num {
  margin-left: 5px;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  font-family: "CentraleSans";
}

.inner.ty2 .box.ty2 .round-box .desc span {
  display: block;
  margin-top: 7.5px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.inner.ty2 .box.ty2 .round-box .btn-con {
  margin-top: 22px;
}

.inner.ty2 .box .btn-con.center {
  margin-top: 17.5px;
}

.inner.ty2 .hgroup [class*=head] {
  font-weight: 700;
}

.inner.ty2 .hgroup + .desc {
  margin-top: 20px;
  color: #606060;
}

.inner.ty2 .hgroup.d-f .slt-custom {
  width: 131px;
}

.inner.ty2 .round-box {
  margin-top: 16.5px;
  padding: 27px 18px 27px 18px;
  background: #f8f8f8;
  border-radius: 5px;
}

.inner.ty2 .round-box.ty2 li + li {
  margin-top: 12px;
}

.inner.ty2 .round-box li {
  display: block;
  position: relative;
  font-size: 15px;
  font-family: "Noto Sans KR" !important;
  line-height: 1.4;
  color: #606060;
}

.inner.ty2 .round-box li strong {
  color: #101010;
}

.inner.ty2 .round-box li + li {
  margin-top: 8px;
}

.inner.ty2 .round-box li[class*=icon] {
  padding-left: 30px;
}

.inner.ty2 .round-box li[class*=icon]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.inner.ty2 .round-box li[class*=icon].icon-manager::before {
  background: url(../img/fmg-myw/ico/profile-40.svg) no-repeat 0 0/100%;
}

.inner.ty2 .round-box li[class*=icon].icon-tel::before {
  background: url(../img/fmg-myw/ico/call-black-40.svg) no-repeat 0 0/100%;
}

.inner.ty2 .round-box li[class*=icon].icon-mail::before {
  background: url(../img/fmg-myw/ico/email-40.svg) no-repeat 0 0/100%;
}

.manage-wrap .btn-con.center{text-align:center}

.product-list.ty2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 19px;
}

.product-list.ty2 li {
  width: 43.7333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.product-list.ty2 li:nth-child(n+3) {
  margin-top: 27.5px;
}

.product-list.ty2 li .thumb {
  width: 100%;
  height: auto;
  padding: 10px 10px 10px 10px;
  background: #f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

.product-list.ty2 li .thumb img {
  width: 100%;
}

.product-list.ty2 li .tit {
  margin-top: 11px;
}

.input-form .form-group {
  position: relative;
}

.input-form .form-group.ty2 .form-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.input-form .form-group.ty2 .form-row span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-form .form-group.ty2 .form-row span input {
  margin-top: 0;
}

.input-form .form-group.ty2 .form-row input {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 52px !important;
  flex: 1 1 52px !important;
  margin-top: 10px;
}

.input-form .form-group .sort .note {
  position: absolute;
  top: 0;
  right: 0;
}

.input-form .form-group .sort .fc-3 {
  margin-top: 2px;
}

.input-form .form-group .form-row .w-full {
  width: 100%;
}

.rec-page .profile-img img {
  width: 100%;
}

.rec-page .tbl-cap {
  font-size: 15px;
}

.rec-page .tbl-cap th {
  width: 98px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rec-page .tbl-cap p.pcolor2.ta-c {
  margin-top: 26.5px;
}

.rec-page .tbl-cap p.pcolor2.ta-c + .btn-wrap {
  margin-top: 27px;
}

.radio-wrap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.radio-wrap input[type=radio] {
  position: absolute;
  left: -9999px;
  margin: 0;
  padding: 0;
}

.radio-wrap label.radio {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  width: calc(50% - 2px);
  margin: 0;
}

.radio-wrap label.radio i {
  display: block;
  position: relative;
  line-height: 52px;
  border-radius: 5px 0 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #888888;
  border: 1px solid #dddddd;
}

.radio-wrap label:last-child i {
  border-radius: 0 5px 5px 0;
  margin: 0 0 0 -1px;
}

.radio-wrap input:checked ~ i {
  z-index: 1;
  color: #004e73 !important;
  border-color: #004e73 !important;
}

.util-page {
  min-height: calc(var(--vh, 1vh) * 100);
}

.util-page .logo {
  margin: 60px 0 auto;
  text-align: center;
}

.util-page .logo a {
  display: block;
}

.util-page .logo a img {
  display: inline-block;
  max-width: 150px;
}

.util-page .input-form {
  margin: 32px 0px 0px 0px;
}

.util-page .input-form .sort > .note {
  font-size: 13px;
}

.util-page .input-form .form-row {
  position: relative;
  /*  &.data-list{
        width:100%;
        flex-wrap: wrap;
        justify-content: space-between;

        li{
          flex:1 1 50%;
          margin-top:25px;
          &:first-child{
            flex-basis: 100%;
            margin-top:0;
          }
        }
      } */
}

.util-page .input-form .form-row + .form-row {
  margin-top: 15px;
}

.util-page .input-form .form-row input.border-type {
  border-width: 0 0 1px 0;
  border-radius: 0;
  padding: 12px 0px 12px 29px;
  font-size: 17px;
}

.util-page .input-form .ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 15px;
  height: 15px;
}

.util-page .input-form .ico img {
  width: 100%;
}

.util-page .input-form .notice.border {
  margin-top: 40px;
  padding: 30px 0px 80px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.util-page .input-form + .btn-wrap a {
  font-weight: 400;
}

.util-page .form-group.ty2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.util-page .form-group.ty2 .cont:first-child {
  width: calc(100% - 120px);
}

.util-page .form-group.ty2 .cont .form-row {
  margin-top: 0;
}

.util-page .form-group.ty2 .cont .form-row input {
  margin-top: 0;
}

.util-page .form-group.ty2 .cont .radio-wrap {
  margin-left: 12px;
  width: 107.5px;
}

.util-page .form-group.ty2 .cont .radio-wrap i {
  width: 54px;
  height: 52px;
}

.util-page .btn-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.util-page .btn-wrap.ty2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.util-page .btn-wrap.ty2 .btn-100 + .btn-100 {
  margin-left: 11px;
}

.util-page .btn-wrap a.w-full,
.util-page .btn-wrap input.w-full,
.util-page .btn-wrap button.w-full {
  margin-left: 0 !important;
}

.util-page .btn-wrap a.w-full + .w-full,
.util-page .btn-wrap input.w-full + .w-full,
.util-page .btn-wrap button.w-full + .w-full {
  margin-top: 10px;
}

.util-page .btn-wrap.pipe {
  margin-top: 25px;
}

.util-page .btn-wrap.pipe li::before {
  background: #dddddd;
}

.util-page .btn-wrap.pipe a {
  padding: 5px;
}

.util-page .btn-wrap .btn-rnd-324 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10px;
  flex: 1 1 10px;
  width: 43.2000vw;
  height: 162px;
  border-radius: 10px;
  border: 1px solid #969696;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.util-page .btn-wrap .btn-rnd-324 + .btn-rnd-324 {
  margin-left: 15px;
}

.util-page .btn-wrap .btn-rnd-324 span {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.util-page .btn-wrap .btn-rnd-324 .ico {
  display: block;
  margin: 35px auto 25px;
  width: 56px;
  height: 56px;
}

.util-page .btn-wrap .btn-rnd-324 .ico.phone {
  background: url(../../resource/img/util/ipin-wh-54.svg) 0 0/100%;
}

.util-page .btn-wrap .btn-rnd-324 .ico.ipin {
  background: url(../../resource/img/util/ipin-54.svg) 0 0/100%;
}

.util-page .btn-wrap .tooltip {
  margin-left: auto;
}

.util-page .btn-wrap .data-num {
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #004e73;
  background: #fff;
}

.util-page .btn-wrap .data-num p {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #004e73;
}

.util-page .box {
  margin-top: 30px;
}

.util-page .box p {
  font-size: 13px;
}

.util-page .box p + .desc {
  margin: 8px 0 0 20px;
}

.util-page .box p + .bar {
  margin: 8px 0 0 20px;
}

.util-page .desc-box {
  margin-top: 120px;
  text-align: center;
}

.util-page .desc-box .tit {
  font-size: 21px;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  color: #101010;
}

.util-page .agree-wrap li:not(.all-chk-wrap) {
  border-top: none;
  border-bottom: 1px solid #dddddd;
}

.util-page .agree-wrap li:not(.all-chk-wrap).col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.util-page .agree-wrap li:not(.all-chk-wrap).col p {
  margin: 10px 0px 0px 69px;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.util-page .mid-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.util-page .mid-box .logo {
  margin-top: 0;
}

.util-page .mid-box .desc-box {
  margin-top: 23.5px;
}

.util-page .mid-box .desc-box .tit {
  font-weight: 700;
}

.util-page .mid-box .desc-box .desc {
  color: #606060;
}

.util-page .table-data {
  margin-top: 26.5px;
}

.util-page .table-data + .box {
  padding-top: 30px;
  border-top: 1px solid #dddddd;
}

.util-page .table-data + .box .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.terms-modal .privacy-policy {
  padding-bottom: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-lists {
  margin-top: 30px;
}

.cart-lists .check-all {
  margin: 0px 0px 15px 18px;
}

.cart-lists .btn.close {
  position: absolute;
  top: 13px;
  right: 18px;
  width: 13px;
  height: 13px;
  background: url(../../resource/img/util/x-icon.svg) no-repeat 0 0/100%;
  font-size: 0;
}

.cart-lists .goods {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 25px 18px 25px 18px;
  border-top: 1px solid #dddddd;
}

.cart-lists .goods .check {
  margin-left: -5px;
}

.cart-lists .goods .check label.checkbox.ty4 {
  padding: 5px 5px 5px 5px;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

.cart-lists .goods .btn-wrap {
  max-width: 338px;
  margin: 20px auto 0;
}

.cart-lists .goods .btn-wrap.fl-r::before {
  display: block;
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 164px;
  height: 55px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

.cart-lists .goods.soldout:not(.soldout) .soldout-cover {
  display: none;
}

.cart-lists .goods.soldout .soldout-cover {
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 16, 16, 0.7);
  text-align: Center;
}

.cart-lists .goods.soldout .soldout-cover .wrap p {
  text-align: center;
  color: #fff;
}

.cart-lists .goods.soldout .soldout-cover .wrap p::before {
  content: '';
  display: block;
  margin: 0 auto 15px;
  width: 62px;
  height: 62px;
  background: url(../../resource/img/util/nopost-white.svg) 0 0/cover no-repeat;
}

.cart-lists .goods.soldout .soldout-cover .wrap a.btn-line {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}

.cart-lists .packaged {
  position: relative;
  background: #f8f8f8;
  padding-bottom: 30px;
}

.cart-lists .packaged .head {
  position: relative;
  border-top: 1px solid #dddddd;
  padding: 22px 18px 22.5px 18px;
  font-size: 0;
  background: #fff;
}

.cart-lists .packaged .head .sort {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.cart-lists .packaged .head .btn.close {
  position: absolute;
  top: 23.5px;
}

.cart-lists .packaged .body {
  padding: 0px 18px 0px 18px;
}

.cart-lists .packaged .body .goods {
  padding: 22px 0px 22.5px 0px;
  border-top: none;
}

.cart-lists .packaged .body .goods .product {
  padding: 0;
}

.cart-lists .packaged .body .goods .pay {
  margin: 20px 0px 0px 0px;
}

.cart-lists .packaged .body .goods + .goods {
  border-top: 1px dashed #dddddd;
}

.cart-lists .packaged .total-price {
  border-top: 1px solid #dddddd;
  padding-top: 30px;
}

.cart-lists .packaged .total-price .price-area + .price-area {
  margin-top: 10px;
}

.cart-lists .packaged .total-price .price-area .sort {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.cart-lists .packaged .total-price .price-area .price {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.cart-lists .packaged .total-price .price-area .price .number {
  margin: 0px 0px 0px 0px;
}

.cart-lists .packaged .total-price .price-area .price.del {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.cart-lists .packaged .total-price .price-area .price.del .number {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #888888;
}

.cart-lists .packaged .total-price .btn-wrap {
  margin-top: 30px;
}

.cart-lists .product {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-lists .product .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-lists .product .name {
  max-width: 165px;
  margin-left: 5px;
}

.cart-lists .product .name span {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.cart-lists .product .name .option-txt {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.cart-lists .product .name .model {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.cart-lists .product .thumb {
  padding: 5px 5px 5px 5px;
  width: 90px;
  height: 90px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-lists .product .thumb img {
  width: 100%;
}

.cart-lists .product .round-box {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 15px 0px 15px 20px;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

.cart-lists .product .round-box .bar li {
  color: #888888;
}

.cart-lists .product .round-box .bar li + li {
  margin-top: 1px;
}

.cart-lists .pay {
  margin: 20px 18px 0px 18px;
  text-align: right;
}

.cart-lists .pay .price-area {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0;
  vertical-align: middle;
}

.cart-lists .pay .price-area .sort {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.cart-lists .pay .price-area .price {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.cart-lists .pay .price-area .price .number {
  margin: 0px 0px 0px 4px;
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.cart-lists .bottom {
  padding: 15px 18px 0px 18px;
  border-top: 1px solid #dddddd;
}

.cart-lists .bottom .check-all {
  padding: 0;
  margin: 0;
}

.cart-lists .bottom .price-area {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 70px;
  margin-top: 30px;
  border-top: 2px solid #101010;
  border-bottom: 1px solid #dddddd;
}

.cart-lists .bottom .price-area.ty2 {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cart-lists .bottom .price-area.ty2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 25px;
}

.cart-lists .bottom .price-area.ty2 li + li {
  padding-top: 21px;
}

.cart-lists .bottom .price-area.ty2 li:last-child {
  margin-top: 25px;
  border-top: 1px solid #dddddd;
  padding: 27px 0px 27px 0px;
}

.cart-lists .bottom .price-area.ty2 li:last-child .price {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ef1e1e;
}

.cart-lists .bottom .price-area.ty2 li:last-child .price .number {
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  color: #ef1e1e;
}

.cart-lists .bottom .price-area.ty2 li .price {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.cart-lists .bottom .price-area.ty2 li .price .number {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #606060;
}

.cart-lists .bottom .price-area .price {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ef1e1e;
}

.cart-lists .bottom .price-area .price .number {
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  color: #ef1e1e;
}

.accordion.ty3 {
  background: #f8f8f8;
  border-radius: 5px;
}

.accordion.ty3 li {
  border: none;
}

.accordion.ty3 li .tit {
  height: 60px;
  margin: 0;
  padding: 20px 0px 0px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.accordion.ty3 li .wrap {
  padding-top: 0;
}

.modal-opt-type .btn.close {
  width: 32px;
  height: 32px;
}

.modal-opt-type .wrap {
  padding: 0px 18px 40px 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-opt-type .wrap .modal-advice {
  padding-top: 20px;
}

.modal-opt-type .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  padding-bottom: 17.5px;
  border-bottom: 1px solid #101010;
}

.modal-opt-type .input-form {
  margin-top: 21px;
}

.modal-opt-type .input-form .form-group .cont {
  margin-top: 11px;
}

.modal-opt-type .input-form .form-group + .form-group {
  margin-top: 20px;
}

.modal-opt-type .input-form .form-group .form-row + .form-row {
  margin-top: 10px;
}

.coupon-modal .radio {
  margin: 30px 0px 20px 0px !important;
}

.coupon-modal .radio span.txt {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.coupon-modal .tbl-cap table tr td span.number {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.order-wrap .accordion.ty2 > li .tit + .expand {
  max-height: none;
}

.order-wrap.ty2 {
  margin: 0 !important;
  padding: 60px 0 80px !important;
}

.order-wrap.ty2 .accordion.ty3 {
  margin: 20px 18px 0px 18px;
}

.order-wrap .total-price {
  margin: 25px 0px 0px 0px;
  border: none;
}

.order-wrap .total-price.cart-lists {
  margin: 25px -18px 0 !important;
}

.order-wrap .total-price .price-area {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.order-wrap .total-price .price-area.tit {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-wrap .total-price .price-area.tit .sort {
  margin-left: 18px;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.order-wrap .total-price .price-area.tit .price {
  margin-right: 48px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.order-wrap .total-price .price-area.tit .price .number {
  margin-left: 2px !important;
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.order-wrap .total-price .accordion.ty2 li .tit.price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-wrap .total-price .accordion.ty2 li .tit.price-area:after {
  display: none;
}

.order-wrap .total-price .accordion.ty2 li .tit.price-area .sort {
  font-family: "Noto Sans KR";
}

.order-wrap .total-price .accordion.ty2 li .tit.price-area .price .number {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.order-wrap .total-price .accordion.ty2 li .tit.price-area .icon-arrow-open-40 {
  right: 32px;
}

.order-wrap .total-price .accordion.ty2 li .wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
}

.order-wrap .total-price .accordion.ty2 li .wrap .body {
  padding-bottom: 0;
}

.order-wrap .total-price .accordion.ty2 li .wrap .body .goods .pay .sort {
  font-weight: 400;
}

.order-wrap .total-price .btn-wrap {
  margin-top: 30px;
}

.order-wrap .box {
  background: #f8f8f8;
  padding: 21px 36px 24.5px 36px;
  margin: 0 -18px;
}

.order-wrap .box .notice {
  font-size: 14px;
}

.order-wrap .input-form {
  padding: 25px 0px 30px 0px;
}

.order-wrap .input-form.border {
  border-top: 1px solid #dddddd;
}

.order-wrap .input-form + .input-form.border {
  border-top: 1px solid #dddddd;
  padding-top: 0;
}

.order-wrap .input-form .hgroup.border {
  padding: 0px 0px 21px 0px;
  border-bottom: 1px solid #101010;
}

.order-wrap .input-form .order-detail {
  padding: 25px 0px 0px 0px;
}

.order-wrap .input-form.ty2 .order-detail li + li {
  border-top: 1px dashed #dddddd;
  padding-top: 20px;
}

.order-wrap .input-form.ty2 .order-detail li.bd0 {
  border: none;
  padding: 0;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option {
  padding: 20px 0px 0px 34px;
  border: none;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option.ty2 {
  padding: 0px 0px 0px 0px;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option.ty2 label.radio {
  margin-top: 0 !important;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option.ty2 label.radio .tooltip3 {
  margin: 3px 0px 0px 26.5px;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .sort {
  position: relative;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .sort::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -15px;
  display: block;
  width: 9px;
  height: 9px;
  background: url(../img/util/car_detail_icon.svg) no-repeat 0 0/100%;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .form-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .form-row label.radio {
  min-width: 50%;
  margin: 15px 0 0 0;
  font-size: 15px;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .form-row label.radio em {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li {
  display: block;
  margin-top: 10px;
  border: none;
  text-align: right;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li .input em {
  margin-right: 14px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #606060;
  font-family: "Noto Sans KR";
}

.order-wrap .input-form.ty2 .order-detail li .form-group .option .opt-list li .input input {
  width: 100%;
}

.order-wrap .input-form .flex-row label.radio {
  min-width: 50%;
  margin: 0;
}

.order-wrap .input-form .flex-row label.radio button.tooltip3 {
  margin: 3px 0px 0px 26.5px;
}

.order-wrap .input-form .form-row .select-wrap.ty2 {
  max-width: 20vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.order-wrap .input-form .form-row .select-wrap.ty2 + .select-wrap {
  margin: 0px 10px 0px 9px;
}

.order-wrap .agree-wrap .all-chk-wrap {
  padding: 0px 0px 0px 15px;
}

.order-wrap .mid-box {
  margin-top: 40px;
}

.order-wrap .mid-box .hgroup .head-38 {
  text-align: center;
}

.order-wrap .mid-box .hgroup .head-38::before {
  content: '';
  display: block;
  margin: 0 auto 23px;
  width: 65px;
  height: 65px;
  background: url(../img/util/cart-86.svg) no-repeat 0 0/100%;
}

.order-wrap .mid-box .hgroup + .desc {
  margin-top: 11px;
}

.order-wrap .mid-box .order-num {
  margin-top: 22.5px;
  text-align: center;
  font-size: 0;
  background: #f8f8f8;
  padding: 21px 0px 21px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.order-wrap .mid-box .order-num dt {
  display: inline-block;
  color: #606060;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #606060;
}

.order-wrap .mid-box .order-num dd {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  font-family: "CentraleSans";
}

.order-wrap .mid-box .tbl-cap {
  margin-top: 30px;
}

.order-wrap .mid-box .tbl-cap p.head-38 {
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.order-wrap .mid-box .tbl-cap p.head-38 + table {
  margin-top: 13px;
}

.order-wrap .tbl-cap td .pipe.ty2 li {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.sea-wrap .search-bar.ty2 {
  background: #fff;
  padding: 15px 18px 15px 18px;
  margin-top: 11px;
  height: auto;
}

.sea-wrap .search-bar.ty2 input.full-input {
  font-size: 17px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  padding-right: 36px;
  vertical-align: middle;
}

.sea-wrap .search-bar.ty2::after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 2px;
  background: #101010;
  margin-top: 15px;
}

.sea-wrap .search-bar.ty2 .full-btn {
  width: auto;
  height: 55px;
}

.sea-wrap .search-bar.ty2 .full-btn:before {
  width: 24px;
  height: 24px;
}

.sea-wrap .scroll-wrap {
  position: relative;
  padding-bottom: 15px;
  overflow: hidden;
  height: 31px;
  margin: 0 -18px;
}

.sea-wrap .scroll-wrap::before {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 50px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sea-wrap .scroll-wrap::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 50px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.sea-wrap .scroll-wrap.move::before {
  display: block;
}

.sea-wrap .scroll-wrap.last::after {
  display: none;
}

.sea-wrap .scroll-wrap .tab-btns {
  position: relative;
  overflow-x: scroll;
  text-align: center;
  white-space: nowrap;
  text-align: center;
  padding: 0 18px 23px 18px;
}

.sea-wrap .scroll-wrap .tab-btns li {
  display: inline-block;
  padding: 5px 15px 5px 15px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #888888;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.sea-wrap .scroll-wrap .tab-btns li + li {
  margin-left: 6px;
}

.sea-wrap .hgroup {
  margin-top: 20px;
}

.sea-wrap .hgroup [class*=head] {
  font-weight: 700;
}

.sea-wrap .board-list.ty3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sea-wrap .board-list.ty3 li {
  max-width: 43.2000vw;
}

.sea-wrap .board-list.ty3 li a {
  padding: 0;
  position: static;
  height: auto;
  background: none;
}

.sea-wrap .board-list.ty3 li + li {
  margin: 0px 0px 0px 7.5px;
}

.sea-wrap .board-list.ty3 li .thumb {
  margin-top: 10px;
  height: 28.0000vw;
  border-radius: 5px;
  overflow: hidden;
  position: static;
  -webkit-transform: none;
  transform: none;
  width: auto;
}

.sea-wrap .board-list.ty3 li .thumb img {
  width: 100%;
}

.sea-wrap .board-list.ty3 li .desc {
  margin-top: 10px;
  font-size: 14px;
}

.sea-wrap .prd-list ul > li a .prd-info {
  padding-top: 0 !important;
}

.sea-wrap .board-thumb ul li .pipe {
  margin-top: 8px;
}

.sea-wrap .category {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.sea-wrap .date {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  font-family: "CentraleSans";
}

.sea-wrap .subtxt {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.sea-wrap .tit {
  display: -webkit-box !important;
  max-height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.sea-wrap .pipe .date {
  display: inline-block;
}

.sea-wrap .accordion .tit {
  max-height: 100% !important;
}

.sea-wrap .sea-swiper {
  margin: 0 -18px;
}

.sea-wrap .sea-swiper .swiper-slide {
  max-width: 221px;
}

.sea-wrap .sea-swiper .swiper-slide .thumb {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.sea-wrap .sea-swiper .swiper-slide .thumb .ico {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 38px;
  height: 38px;
  font-size: 0;
}

.sea-wrap .sea-swiper .swiper-slide .thumb .ico.play {
  width: 40px;
  height: 40px;
  top: auto;
  left: auto;
  bottom: 15px;
  right: 15px;
  background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;
}

.sea-wrap .sea-swiper .swiper-slide .txt-area {
  margin-top: 22px;
}

.sea-wrap .nodata {
  border: none;
}

.sea-wrap .nodata strong {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.sea-wrap .btn-wrap .btn-104.ty2 {
  width: auto !important;
  padding: 0px 35px 0px 35px;
  text-align: center;
}

.banner {
  position: relative;
  width: calc(100% + 36px);
  margin-left: -18px;
}

.banner .tit3 {
  position: absolute;
  top: 42px;
  left: 30px;
  font-family: "KoreanDREAM";
  font-size: 19px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.banner .tit3 span {
  font-family: "CentraleSans";
  font-weight: 200;
}

.banner img {
  width: 100%;
  vertical-align: top;
}

.cont-wrap02 {
  padding: 43.5px 0 46.5px;
}

.cont-wrap02 .txt-box .ctit1 {
  font-size: 21px;
  color: #101010;
}

.cont-wrap02 .txt-box p {
  font-size: 21px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.cont-wrap02 .cont-list li {
  padding: 0;
  margin-top: 25px;
}

.cont-wrap02 .cont-list li + li {
  margin-top: 46.5px;
}

.cont-wrap02 .cont-list li .selfthumb img {
  width: 100%;
  vertical-align: top;
  border-radius: 4px;
}

.cont-wrap02 .cont-list li .sub-txt {
  margin-top: 25px;
}

.cont-wrap02 .cont-list li .sub-txt strong {
  display: block;
  padding-bottom: 10px;
  font-size: 19px;
  color: #101010;
  line-height: 1.5;
}

.cont-wrap02 .cont-list li .sub-txt p {
  font-size: 15px;
  color: #606060;
  line-height: 1.5;
}

.cont-wrap02 .cont-list li .sub-txt p.notice {
  font-size: 13px;
  color: #888888;
  line-height: 1.5;
}

.cont-wrap02 .cont-list li .sub-txt.fs-ty2 strong {
  font-size: 17px;
}

.cont-wrap02 .cont-list li.guide-txt {
  padding-top: 44px;
  border-top: 1px solid #dddddd;
}

.cont-wrap02 .cont-list .notice {
  font-size: 13px;
  margin-top: 10px;
}

.cont-wrap02 .cont-list.cont-list-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 25px;
}

.cont-wrap02 .cont-list.cont-list-img li {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100% - 11px)/2);
  margin-top: 11px;
  margin-left: 11px;
}

.cont-wrap02 .cont-list.cont-list-img li .selfthumb {
  position: relative;
}

.cont-wrap02 .cont-list.cont-list-img li .selfthumb .num {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  line-height: 27px;
  border-radius: 50%;
  font-family: "CentraleSans";
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #004e73;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
}

.cont-wrap02 .cont-list.cont-list-img li:nth-child(2n+1) {
  margin-left: 0;
}

.cont-wrap02 .cont-list.cont-list-img li:nth-child(-n+2) {
  margin-top: 0;
}

.cont-wrap02 .cont-list .guide-txt.ty2 {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 30px 18px 27px;
  margin-top: 25px;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .bubble {
  position: relative;
  width: 130px;
  padding-bottom: 9px;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .bubble p {
  width: 100%;
  height: 39px;
  line-height: 39px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #68c3cb;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .bubble p::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #68c3cb;
}

.cont-wrap02 .cont-list .guide-txt.ty2 p {
  font-size: 13px;
  line-height: 1.5;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .bubble-noti {
  margin-top: 21.5px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .sub-tit {
  margin-top: 25px;
  padding-bottom: 9px;
  font-size: 14px;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .bar {
  padding-left: 24px;
}

.cont-wrap02 .cont-list .guide-txt.ty2 .bar li {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.cont-wrap02 .cont-list .bar li {
  padding-left: 10px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.num-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}

.num-con .num {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  line-height: 27px;
  border-radius: 50%;
  font-family: "CentraleSans";
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #004e73;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
}

.num-con .sub-txt {
  margin-top: 0 !important;
}

.detail-view .swiper-container .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}

.detail-view .swiper-container .swiper-button-prev, .detail-view .swiper-container .swiper-button-next {
  top: 50%;
  width: 45.5px;
  height: 45.5px;
  background: rgba(0, 78, 115, 0.5);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.detail-view .swiper-container .swiper-button-prev {
  border-radius: 0 100% 100% 0;
  left: 0;
}

.detail-view .swiper-container .swiper-button-next {
  border-radius: 100% 0 0 100%;
  right: 0;
}

.detail-view .swiper-container .swiper-button-prev::after,
.detail-view .swiper-container .swiper-button-next::after {
  display: none;
}

.detail-view .swiper-container .swiper-button-prev::before {
  content: '';
  border: 2px solid #fff;
  border-width: 0 0 2px 2px;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.detail-view .swiper-container .swiper-button-next::before {
  content: '';
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.detail-view .swiper-container .swiper-button-next.swiper-button-disabled,
.detail-view .swiper-container .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.detail-view .swiper-container .swiper-pagination {
  position: relative;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.detail-view .swiper-container .swiper-pagination .current {
  font-family: "KoreanDREAM";
}

.detail-view .swiper-container .swiper-pagination .current span {
  margin: 0px 10px 0px 10px;
  color: #888888;
}

.detail-view .swiper-container .swiper-pagination .current input {
  width: 50px;
  height: 40px;
  line-height: 1.2;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #101010;
}

.detail-view .swiper-container .swiper-pagination .total {
  font-family: "KoreanDREAM";
  height: 40px;
  line-height: 40px;
}

.detail-view .swiper-container .swiper-pagination .swiper-btn {
  width: 70px;
  height: 40px;
  border-radius: 2px;
  background: #004e73;
  color: #ffffff;
  font-size: 16px;
  margin-left: 15px;
}

.visual-video {
  margin: 20px 0 15.5px;
}

.visual-video .video-area iframe {
  width: 100%;
  vertical-align: top;
}

.as-wrap .as-head .as-process ol {
  overflow: hidden;
}

.as-wrap .as-head .as-process ol li {
  position: relative;
  margin-top: 30px;
  width: 50%;
  float: left;
}

.as-wrap .as-head .as-process ol li .icon-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  padding: 28.5px 0;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.as-wrap .as-head .as-process ol li .icon-box img {
  display: block;
  width: 68px;
  margin: 0 auto;
}

.as-wrap .as-head .as-process ol li .num-con {
  margin-top: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.as-wrap .as-head .as-process ol li .num-con .txt {
  font-size: 15px;
  font-weight: 700;
}

.as-wrap .as-head .as-process ol li::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  left: -20px;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-98%);
  transform: translateY(-98%);
  background: url(../../resource/img/util/right-arrow-80.svg) center center/cover no-repeat;
}

.as-wrap .as-head .as-process ol li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

.as-wrap .as-head .as-process ol li:nth-child(2n+1)::after {
  display: none;
}

.as-wrap .as-search {
  margin-top: 31px;
}

.as-wrap .as-search .tit3 {
  font-size: 25px;
  font-weight: 700;
}

.as-wrap .as-search .bul li {
  margin-top: 7px;
}

.as-wrap .as-search .bul li:first-child {
  margin-top: 23.5px;
}

.as-wrap .as-search .bul li strong {
  font-weight: 400;
  color: #101010;
}

.as-wrap .as-search .bul li .bar li {
  margin-top: 4px;
}

.as-wrap .as-search .pcolor {
  font-weight: 400 !important;
}

.as-wrap .tbl-cap {
  padding: 30px 0 40px;
}

.as-wrap .input-form + .notice {
  margin-top: 16.5px;
}

.as-wrap .btn-wrap.as-cancel {
  display: block;
  text-align: right;
  margin: 0;
}

.srch-area {
  margin-top: 27.5px;
}

.srch-area .tab-content {
  padding: 30px 18px 31px 18px;
  border: 1px solid #ddd;
  border-top: none;
}

.srch-area .tab-content .form-row input {
  margin-left: 10px;
}

.srch-area .tab-content .form-row input:first-child {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50px;
  flex: 1 1 50px;
}

.srch-area .tab-content .sub {
  margin-top: 11.5px;
}

.srch-area .tab-content .sub .txt {
  font-size: 13px;
  color: #888888;
}

.srch-area .tab-content .sub .btn-more.ty2 {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  color: #101010;
  margin-left: 10px;
  padding-right: 20px;
}

.srch-area .tab-content .sub .btn-more.ty2::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: -1px;
  right: -4px;
  width: 20px;
  height: 20px;
  background: url(../../resource/img/svgicons/more-right-black-40.svg) center center/cover no-repeat;
}

.srch-area .tab-content .howtofind-code {
  position: relative;
  padding-right: 25px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.srch-area .tab-content .howtofind-code::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/svgicons/question-36.svg) center center/cover no-repeat;
}

.srch-area .tab-content .btn-wrap {
  margin-top: 27.5px;
}

.tab-border2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-border2 ul li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 1px solid #ddd;
  background: #f8f8f8;
}

.tab-border2 ul li .btn-tab {
  background: #f8f8f8;
  display: block;
  width: 100%;
  padding: 13px 0px 13px 0px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
}

.tab-border2 ul li.active {
  border-bottom: none;
  background: #ffffff;
}

.tab-border2 ul li.active .btn-tab {
  background: #ffffff;
  color: #004e73;
  font-weight: 700;
}

.tab-border2 ul li.active::before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 2px;
  background: #004e73;
}

.tab-border2 ul li:first-child {
  border-right: none;
}

.view.map {
  margin: 0 -18px 25px -18px;
}

.view.map .editor:empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 150px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: calc(100% + 36px);
  margin-left: -18px;
}

/*footer - policy style*/
.bg-lightgray {
  background: #f8f8f8 !important;
}

.seller-search .desc {
  padding-top: 25px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.seller-search .input-form {
  margin-top: 21px;
}

.seller-search .tbl-cap.ty2 {
  margin-top: 23px;
}

.seller-search .tbl-cap.ty2 td:first-child {
  text-align: left;
}

.seller-search .tbl-cap.ty2 td:last-child {
  text-align: center;
}

.seller-search .tbl-cap.ty2 td .nodata {
  margin: 0;
  padding: 32px 0px 32px 0px;
}

.seller-search .paging {
  margin-top: 25px;
}

.email-reject {
  padding: 25px 0px 25px 0px;
}

.email-reject .desc {
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.email-reject .date {
  margin-top: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #888888;
}

.privacy-policy .tbl-cap {
  margin: 25px 0;
}

.privacy-policy .tbl-cap.ty4 {
  width: 100%;
}

.privacy-policy .tbl-cap.ty4 table {
  table-layout: fixed;
  overflow-wrap: break-word;
}

.privacy-policy .tbl-cap.ty4 table tr th, .privacy-policy .tbl-cap.ty4 table tr td {
  padding: 18px 12px 18px 12px;
  text-align: center;
}

.privacy-policy .tbl-cap.ty4 table tr th:last-child, .privacy-policy .tbl-cap.ty4 table tr td:last-child {
  border-right: none;
}

.privacy-policy .tbl-cap.ty4 table tr td {
  background: #ffffff;
  text-align: left;
  word-break: break-all;
  word-wrap: wrap;
}

.privacy-policy .tbl-cap.ty4 table tr td strong {
  word-wrap: wrap;
  word-break: break-all;
}

.privacy-policy .chapter-tit {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  margin-top: 20px;
}

.privacy-policy .ctit-box .tit {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
  padding-top: 23px;
}

.privacy-policy .ctit-box .slt-link {
  position: relative;
  margin-top: 10px;
}

.privacy-policy .ctit-box .slt-link .btn-slt {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
  background: #ffffff;
}

.privacy-policy .ctit-box .slt-link .btn-slt::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin: -3px 0 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #101010 transparent transparent;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.privacy-policy .ctit-box .slt-link .dropdown-list {
  overflow: auto;
  position: absolute;
  top: 46px;
  right: 0;
  left: 0;
  height: 0;
  border-radius: 0 0 5px 5px;
  background: #ffffff;
}

.privacy-policy .ctit-box .slt-link .dropdown-list li a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 46px;
  padding: 15px;
  font-size: 15px;
}

.privacy-policy .ctit-box .slt-link .dropdown-list li.active a {
  background: #f5fafd;
  font-weight: 700;
  color: #101010;
}

.privacy-policy .ctit-box .slt-link.open .btn-slt {
  border-color: #101010;
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}

.privacy-policy .ctit-box .slt-link.open .btn-slt::after {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.privacy-policy .ctit-box .slt-link.open .dropdown-list {
  height: 200px;
  border: 1px solid #101010;
  border-top: none;
  z-index: 99;
}

.privacy-policy .direct-links {
  background: #ffffff;
  border-radius: 5px;
  padding: 25px;
  margin-top: 6px;
}

.privacy-policy .direct-links li {
  margin-top: 12px;
}

.privacy-policy .direct-links li a {
  display: block;
  position: relative;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #004e73;
}

.privacy-policy .direct-links li:first-child {
  margin-top: 0;
}

.privacy-policy .list-type1 > li {
  position: relative;
  margin-top: 6px;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.privacy-policy .list-type1 > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #101010;
}

.privacy-policy .list-type1 > li .list-type2 {
  margin-top: 6px;
}

.privacy-policy .list-type1 > li .list-type2 > li {
  position: relative;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #606060;
}

.privacy-policy .list-type1 > li .list-type2 > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #606060;
}

/*검수 필요*/
.customer-code .nodata {
  margin: 40px 0;
}

.customer-code .accordion.agree .wrap {
  padding: 20px 0 22.5px;
  border-top: 1px solid #ddd;
  background: #ffffff;
}

.customer-code .accordion.agree .wrap .list-wrap li {
  border: none;
}

.customer-code .code-result {
  padding: 40px 0 100px;
}

.customer-code .code-result ul li {
  margin-top: 30px;
}

.customer-code .code-result ul li:first-child {
  margin-top: 0;
}

.customer-code .code-result ul li label.radio {
  padding-bottom: 20px;
}

.customer-code .code-result ul li label.radio .txt {
  color: #606060;
}

.customer-code .code-result ul li label.radio .txt strong {
  color: #101010;
  margin-right: 5px;
}

.service-wrap {
  position: relative;
}

.service-wrap .full-bg {
  width: calc(100% + 36px);
  margin-left: -18px;
  padding: 35px 0 47.5px;
  background: #f8f8f8;
}

.service-wrap .service-head {
  width: calc(100% + 36px);
  margin-left: -18px;
  padding-top: 70px;
  height: 450px;
  background: url(../img/service/service-head-bg.jpg) center bottom/cover no-repeat;
}

.service-wrap .service-head .tit {
  font-family: "KoreanDREAM";
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  color: #101010;
}

.service-wrap .service-head .desc {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  line-height: 1.5;
}

.service-wrap .txt-area {
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  line-height: 1.5;
}

.service-wrap .txt-area em {
  font-weight: 700;
}

.service-wrap .txt-group .tit {
  margin-top: 11px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #101010;
  line-height: 1.5;
}

.service-wrap .txt-group .desc {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #606060;
  line-height: 1.5;
}

.service-wrap .sub-txt {
  margin-top: 13px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #888888;
  line-height: 1.5;
}

.service-wrap .membership-wrap {
  padding: 35px 0 47.5px;
}

.service-wrap .membership-wrap .target-area {
  margin-top: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.service-wrap .membership-wrap .target-area li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  text-align: center;
}

.service-wrap .membership-wrap .target-area li .icon {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(164, 197, 225, 0.3);
  margin: 0 auto;
}

.service-wrap .membership-wrap .target-area li .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
}

.service-wrap .manage-wrap .manage-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  padding: 0 35px;
}

.service-wrap .manage-wrap .manage-list li .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.service-wrap .manage-wrap .manage-list li .txt-group .tit {
  margin: 0;
  text-align: left;
}

.service-wrap .manage-wrap .manage-list li .txt-group .desc {
  margin-top: 8px;
  text-align: left;
}

.service-wrap .manage-wrap .manage-list li .txt-group .desc .sub-desc {
  display: block;
  font-size: 12px;
  color: #888888;
}

.service-wrap .product-wrap {
  padding: 35px 0 47.5px;
}

.service-wrap .product-wrap .tab-wrap {
  margin-top: 25px;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .sub-tit .tit {
  margin-top: 25px;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  color: #101010;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul li {
  position: relative;
  margin-top: 20px;
  width: 100%;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul li img {
  width: 100%;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num ul li .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 59px;
  background: #f8f8f8;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #101010;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .list-num.num2 li {
  width: calc((100% - 15px)/2);
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area {
  margin-top: 15px;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul {
  position: relative;
  min-height: 340px;
  width: 225px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li {
  position: absolute;
  width: 100%;
  height: 100px;
  z-index: 4;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li .txt-group {
  position: absolute;
  top: 40px;
  right: 10px;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li .txt-group .tit {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #004e73;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li .txt-group .desc {
  text-align: left;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 25px;
  height: 100px;
  background: #bfd3dc;
  border-radius: 12.5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li::after {
  content: '\e91f';
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  right: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  font-family: 'icomoon';
  font-weight: 700;
  font-size: 10px;
  color: #004e73;
  text-align: center;
  -webkit-transform: translate(9px, 26px);
  transform: translate(9px, 26px);
  z-index: 5;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) {
  top: 75px;
  z-index: 3;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) .txt-group {
  left: 10px;
  right: auto;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) .txt-group .tit, .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2) .txt-group .desc {
  text-align: right;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(2)::before {
  background: #7fa6b9;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(3) {
  top: 150px;
  z-index: 2;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(3) .txt-group {
  right: 10px;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(3)::before {
  background: #407b96;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) {
  top: 225px;
  z-index: 1;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) .txt-group {
  left: 0;
  right: auto;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) .txt-group .tit, .service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4) .txt-group .desc {
  text-align: right;
}

.service-wrap .product-wrap .tab-wrap .tab-body .tab-contbox .product-service .cycle-area ul li:nth-child(4)::before {
  background: #004e73;
}

.service-wrap .list-row li {
  margin-top: 37px;
}

.service-wrap .list-row li .txt-group .tit {
  margin-top: 20px;
  text-align: left;
}

.service-wrap .list-row li .txt-group .desc {
  text-align: left;
}

.service-wrap .list-row li .txt-group .sub-desc {
  margin-top: 4px;
  font-size: 12px;
  color: #888888;
}

.service-wrap .list-row li:first-child {
  margin-top: 12.5px;
}

.service-wrap .detail-wrap {
  background: #e7f2f6;
  margin-top: 15px;
  padding: 40px 0px 30px 0px;
  border-radius: 10px;
}

.service-wrap .detail-wrap .txt-group .sort {
  font-family: "CentraleSans";
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #009ac0;
}

.service-wrap .detail-wrap .txt-group .cont {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  line-height: 1.5;
}

.service-wrap .detail-wrap .summ-info {
  padding: 21px 59px 28px;
}

.service-wrap .detail-wrap .summ-info li {
  padding: 12px 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #606060;
}

.service-wrap .detail-wrap .summ-info li + li {
  border-top: 1px solid #c5dbe3;
}

.service-wrap .detail-wrap .summ-info.ty2 li + li {
  border-top: 1px solid #dddddd;
}

.service-wrap .detail-wrap .swiper-full {
  width: calc(100% + 36px);
  margin-left: -18px;
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list {
  margin-top: 27px;
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list .swiper-slide {
  width: 221px;
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 129px;
  background: #ffffff;
  padding: 35px 5px 0;
  border-radius: 0 0 10px 10px;
  border: 1px solid #ddd;
  border-top: none;
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group .num {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  top: -23px;
  left: 50%;
  border-radius: 50%;
  font-family: "CentraleSans";
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #009ac0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group .tit {
  font-weight: 400;
  margin-top: 0;
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list .txt-group .desc {
  margin-top: 5px;
}

.service-wrap .detail-wrap .swiper-full .swiper-container.order-list .swiper-button-next, .service-wrap .detail-wrap .swiper-full .swiper-container.order-list .swiper-button-prev {
  display: none;
}

.service-wrap .detail-wrap .service-type {
  margin: 30px;
  padding: 30px;
  background: #ffffff;
  border-radius: 10px;
}

.service-wrap .detail-wrap .service-type ul li.sort {
  font-size: 15px;
  font-weight: 700;
}

.service-wrap .detail-wrap .service-type ul li.cont {
  font-size: 14px;
  color: #606060;
  line-height: 1.5;
}

.service-wrap .detail-wrap .service-type ul + ul {
  margin-top: 27.5px;
  padding-top: 27.5px;
  border-top: 1px solid #c5dbe3;
}

.service-wrap .detail-wrap .chair-img {
  padding: 0 30px;
}

.service-wrap .air-step {
  padding: 0 41px;
}

.service-wrap .air-step li {
  text-align: center;
  padding: 25px 0;
}

.service-wrap .air-step li .txt-group em {
  display: block;
  width: 72px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  border-radius: 20px;
  background: #009ac0;
  font-family: "CentraleSans";
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}

.service-wrap .air-step li .txt-group .tit {
  color: #009ac0;
}

.service-wrap .air-step li + li {
  border-top: 1px solid #c5dbe3;
}

.service-wrap .mattress-wrap {
  padding: 0 25px;
  margin-bottom: 32px;
}

.service-wrap .mattress-wrap .tit-group {
  text-align: center;
}

.service-wrap .mattress-wrap .tit-group .tit {
  width: 230px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  background: #004e73;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  border-radius: 32px;
}

.service-wrap .mattress-wrap .tit-group .desc {
  margin-top: 10px;
  color: #004e73;
}

.service-wrap .mattress-wrap .mat-services li {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  border-radius: 3.4px;
  margin-top: 57px;
}

.service-wrap .mattress-wrap .mat-services li .txt {
  padding: 30px 0 93px 0;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #101010;
}

.service-wrap .mattress-wrap .mat-services li .img {
  position: absolute;
  bottom: -32px;
  left: 50%;
  width: 250px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.service-wrap .mattress-wrap .mat-services li .img img {
  width: 100%;
}

.service-wrap .mattress-wrap .mat-services li:first-child {
  margin-top: 26px;
}

.service-wrap .engineer-wrap .engineer-list {
  padding: 0 18px;
}

.service-wrap .engineer-wrap .services-wrap {
  margin: 47.5px 18px 0 18px;
  padding: 35px 0;
  border-top: 1px solid #ddd;
}

.service-wrap .engineer-wrap .services-wrap .sub-tit .tit {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #101010;
}

.service-wrap .engineer-wrap .services-wrap .services-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 30px 15px 30px 25px;
}

.service-wrap .engineer-wrap .services-wrap .services-list li:first-child {
  margin-top: 25px;
}

.service-wrap .engineer-wrap .services-wrap .services-list li .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.service-wrap .engineer-wrap .services-wrap .services-list li .txt-group {
  margin-left: 25px;
}

.service-wrap .engineer-wrap .services-wrap .services-list li .txt-group .tit {
  margin: 0;
  text-align: left;
}

.service-wrap .engineer-wrap .services-wrap .services-list li .txt-group .desc {
  text-align: left;
}

.util-page {
  display: table;
  width: 100%;
}

.util-page .error-page.inner {
  display: table-cell;
  vertical-align: middle;
}

.error-page .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.error-page .pnum {
  font-family: "CentraleSans";
}

.error-page .logo {
  padding-bottom: 40px;
}

.error-page .logo a img {
  max-width: 105px;
}

.error-page .info-box4 {
  padding: 20px;
  background: #f8f8f8;
  border-radius: 5px;
}

.error-page .info-box4 .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.error-page .info-box4 .notice span {
  font-size: 14px;
}

.error-page .info-box4 .notice span + span {
  margin-left: 15px;
}

.error-page .info-box4 .cs-info {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.error-page .info-box4 .cs-info .tit {
  font-size: 14px;
}

.error-page .info-box4 .cs-info .tit span {
  margin-left: 6px;
}

.error-page .info-box4 .cs-info .info {
  margin-top: 7px;
  font-size: 14px;
  color: #606060;
}

.error-page .mid-box .nodata {
  margin: 0 18px;
}

.proposal-wrap .agree-wrap {
  padding-top: 0;
}

.proposal-wrap .agree-wrap .accordion li {
  border: none;
}

.proposal-wrap .agree-wrap .accordion li .wrap {
  border-top: none;
  padding: 0 10px 30px 0;
}

.proposal-wrap .btn-120.c1,
.proposal-wrap .btn-120:disabled {
  border-top: 1px solid #888 !important;
}
/*# sourceMappingURL=style.css.map */

/* 201210 */
.add-discount { position: relative; box-sizing: border-box; height: 58px; line-height:58px;margin: 10px 0 0; border-radius: 4px; background: #f8f8f8; }
.add-discount button.tooltip-info {padding: 16px 0 16px 15px;font-size:15px;color:#004e73;font-weight:500;letter-spacing:-1px}
.add-discount button.tooltip-info i{margin-left:5px;font-size:17px}
.add-discount button.tooltip-info::after{background-image:none}
.tooltip-box .t-wrap .tit{font-size:18px;color:#101010}
.t-discount .modal-discount .info dl dt{font-size:16px;font-weight:500;margin:25px 0 0;}
.t-discount .modal-discount .info dl dt:first-of-type{margin:0}
.t-discount .modal-discount .info dl dd{font-size:14px}
.t-discount .card-guide { margin: 20px 0 0;}
.t-discount .card-guide ul li { position: relative; background: url(../img/svgicons/exmark-gray-36.svg) no-repeat 0 5px;background-size:15px; margin: 7px 0 0; padding: 0 0 0 23px; font-size: 14px; line-height: 20px; color: #888888; }
.t-discount .card-guide ul li em { color: #101010; }
.price-package{background:#f8f8f8;padding:0 20px 25px;border-bottom:1px solid #ddd}
.price-package li{font-size:15px;padding:20px 0}
.price-package li:first-child{border-bottom:1px dashed #ddd}
.price-package .txt{font-size:15px;font-weight:normal;margin-bottom:10px}
.price-package .txt strong{font-size:17px}
.cart-lists .bottom .price-package .price-area{border-top:none;border-bottom:none;height:auto;margin:0;padding:0 0 10px;color:#101010}
.price-discount{padding:20px; background:#f8f8f8; border-top:1px solid #ddd}
button.tooltip-exmark.ques{font-size:16px}
button.tooltip-exmark.ques::after {background-image: url(../img/svgicons/question-40.svg);}
.form-row button.tooltip-exmark.ques::after {background-image: url(../img/svgicons/question-30.svg);}
.form-group .pay-amount .price-area {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 70px;
  margin-top:20px;
  border-top: 2px solid #101010;
  border-bottom: 1px solid #dddddd;
}
.form-group .pay-amount .price .number {
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  color: #ef1e1e;
}

.modal-special .movie {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.modal-special .movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  <<<<<<< .mine
}


/* 210114 */
.badge.b6 {/* 재렌탈 */
  border-color: #63cb8c;
  background: #63cb8c;
}
.badge.b7 {/* 1+1 */
  border-color: #ef2756;
  background: #ef2756;
}

.form-group.ex {
  margin-top:10px;
  padding:15px;
  border: 1px solid #b6b6b6;
  border-radius:5px
}
.form-group.ex .price-package{padding:15px 0 0 0 !important;border-bottom:0;background:none}
.form-group.ex .price-package .badge{margin:0}
.form-group.ex .pay-amount .price-area{border-top:none;height:40px;}
.form-group.ex .pay-amount .price-area.mt-20{margin-top:0 !important}
.form-group.ex .pay-amount .price .number{font-size:20px;color:#101010}
.form-group.ex .price{text-align:right}
.form-group.ex .price span{font-size:17px}
.form-group.ex .price span.line-th{font-weight:normal;font-size:15px}
.price-area.plus{position:relative;padding-top:25px}
.price-area.plus:before{content:'';position:absolute;right:30px;top:0;display:inline-block;width:20px;height:20px;background:url(../../resource/img/etc/ico_plus.png) no-repeat right 0;background-size:20px;}

.title-box .has-option {
  position: relative;
  font-size: 16px;
  color: #606060;
  padding-left: 15px;
}

.title-box .has-option::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px dotted #969696;
  border-width: 0 0 1px 1px;
}
/*-- 210114 */


/* 210115 */
.inner.ty2 .box.ty2_1 {
  margin: 0 -18px;
  padding: 40px 18px 40px 18px;
  background: url(../../resource/img/fmg-myw/bg/myw_17_01.jpg) no-repeat 0 0/cover;
}
.bul.cor li {color:#fff}
.bul.cor li::before{background:#fff}
.bul.cor li:first-child {margin-top:8px}
/*-- 210115 */
}
/* 210114 */
.badge.b6 {/* 재렌탈 */
  border-color: #63cb8c;
  background: #63cb8c;
}
.badge.b7 {/* 1+1 */
  border-color: #ef2756;
  background: #ef2756;
}

.form-group.ex {
  margin-top:10px;
  padding:15px;
  border: 1px solid #b6b6b6;
  border-radius:5px
}
.form-group.ex .price-package{padding:15px 0 0 0 !important;border-bottom:0;background:none}
.form-group.ex .price-package .badge{margin:0}
.form-group.ex .pay-amount .price-area{border-top:none;height:40px;}
.form-group.ex .pay-amount .price-area.mt-20{margin-top:0 !important}
.form-group.ex .pay-amount .price .number{font-size:20px;color:#101010}
.form-group.ex .price{text-align:right}
.form-group.ex .price span{font-size:17px}
.form-group.ex .price span.line-th{font-weight:normal;font-size:15px}
.price-area.plus{position:relative;padding-top:25px}
.price-area.plus:before{content:'';position:absolute;right:30px;top:0;display:inline-block;width:20px;height:20px;background:url(../../resource/img/etc/ico_plus.png) no-repeat right 0;background-size:20px;}

.title-box .has-option {
  position: relative;
  font-size: 16px;
  color: #606060;
  padding-left: 15px;
}

.title-box .has-option::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px dotted #969696;
  border-width: 0 0 1px 1px;
}
/*-- 210114 */

/* 210218 */
.share-area{position:absolute;right: 0; top: -20px; z-index: 1;}
.btn-share{
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border:1px solid #a2a2a2;border-radius:50%;
  background: url(../../resource/img/util/share.png) left 7px top 50% no-repeat;
  background-size:55%;
}

.modal-share {
  padding: 40px 0;
}

.modal-share ul {
  font-size: 0;
  text-align: center;
}

.modal-share ul li {
  display: inline-block;
  width: 70px;
  margin: 0 0 0 40px;
  vertical-align: top;
}

.modal-share ul li:first-child {
  margin: 0;
}

.modal-share ul li a {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #101010;
  display: block;
  position: relative;
  padding: 75px 0 0;
}

.modal-share ul li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #f8f8f8;
}

.modal-share ul li a::after {
  display: block;
  content: '';
  position: absolute;
  top: 17.5px;
  left: 17.5px;
  width: 35px;
  height: 35px;
  background: center center / cover no-repeat;
}

.modal-share ul li:first-child a::after {
  background-image: url(../../resource/img/util/kakao.png);
  background-size: 85%;
}

.modal-share ul li:nth-child(2) a::after {content:'URL';top:25px;color:#232323;font-weight:600}

/*-- 210218 */

/* 210415 */
/*div[class*=modal-opt].capsule{overflow: auto}
div[class*=modal-opt] .wrap .inner.scrolled{height: 100%; max-height: 60vh; overflow-y: auto;}*/
.cafe-info{margin: 15px 0 0; border-radius: 4px; background: #f8f8f8; padding:15px;font-size:15px;color:#004e73;font-weight:500;}
.sel-count{overflow-y:auto; max-height:115px; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-overflow-scrolling: touch; transform: translate3d(0,0,0); -webkit-transform: translateZ(0); margin: 2px 0 20px;border-radius: 4px;padding: 16px 10px;background: #f8f8f8; z-index: 20000;}
.sel-count > ul > li{display:flex;width:100%;height:35px;margin:0;padding:0 0 7px;font-size:0;}
.sel-count > ul > li .sel-nm, .sel-count > ul > li .sel-tot{display: inline-flex;width:110px;font-size:15px;justify-items: center;align-items: center;}
.sel-count > ul > li .sel-tot{width:80px;font-weight:600; justify-content: flex-end}
/*.ui-spinner{display: inline-flex !important;width:calc(100% - 190px);justify-items: center;align-items: center;border: none !important;flex: 1;}
.ui-spinner.ui-widget-content{background:#fff}
.ui-spinner-input{padding:0;height: 25px; min-width: calc(100% - 60px) ;order:2;font-size:16px !important; font-weight:800; color:#222;text-align:center;letter-spacing:-1px;box-sizing: border-box; border:0}
.ui-spinner-input:focus{outline:none;}
.sel-count > ul > li a{height:auto;padding:0}
.sel-count > ul > li > a.ui-spinner-button,
.sel-count > ul > li > a.ui-spinner-button:focus,
.sel-count > ul > li > a.ui-spinner-button:hover{position:relative;width:30px;height: 30px;min-width:30px;min-height: 30px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-around;outline: none;background: transparent !important;color:  #bf9e56;}
.sel-count > ul > li a:before, .sel-count > ul > li a:after{display:none !important}
.ui-spinner-up{order:3;}
.ui-spinner-down{order: 1;}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.ui-icon-plus{display:inline-block;width:25px;height:25px;background:url('../img/util/plus.svg') no-repeat center 50%;background-size:12px}
.ui-icon-minus{display:inline-block;width:25px;height:25px;background:url('../img/util/minus.svg') no-repeat center 50%;background-size:12px}*/
.sel-cnt{display: inline-flex !important;width:calc(100% - 190px);justify-items: center;align-items: center;border: none !important;flex: 1;}
.sel-cnt input{display:inline-block;height: 30px; width: calc(100% - 60px) ;font-size:16px !important; font-weight:800; color:#222;text-align:center;box-sizing: border-box; border:0}
.sel-cnt input:focus{outline:none;}
.sel-cnt input[type="number"]::-webkit-outer-spin-button,
.sel-cnt input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.sel-cnt .plus{display:inline-block;width:30px;height:30px;background:#fff url('../img/util/plus.svg') no-repeat center 50%;background-size:13px}
.sel-cnt .minus{display:inline-block;width:30px;height:30px;background:#fff url('../img/util/minus.svg') no-repeat center 50%;background-size:13px}
.sel-del{display:inline-flex;width:30px;height:auto;padding:0 !important; background:url('../img/svgicons/close-26.svg') no-repeat right 50%;background-size:13px}
.sel-del:before, .sel-del:after{display:none !important}
/*-- 210415 */
/* 210527 */
.cont-wrap02.thum-no .cont-list li + li{margin-top:25px}
.mng-vod .movie {position: relative;height: 0;padding-top: 56.25%;}
.mng-vod .movie iframe {position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important;}
/*-- 210527 */

/* 210806 스마트팜 */
.farm-wrap{background:#0a3953}
.farm-wrap header, .farm-wrap .product-intro .box .txt, .farm-wrap header .ham::before{color:#fff}
.farm-wrap header.scrolled, .farm-wrap header.scrolled .ham::before {color: #101010;}
.farm-wrap .tab-border ul li .btn-tab{background:#0a3953;color:#fff}
.farm-wrap .tab-swipe.icon ul li .btn-tab span::before{color:#fff}
.farm-wrap .tab-swipe::after{background:none}
.farm-wrap .tab-border ul li .btn-tab{border-color:#4a6b7d}
.tab-swipe.icon ul li .btn-tab[data-tabid=smartfarm] span::before {
  /*content: '';*/margin-right: 8px;width:18px;height:50px;background:url('../img/svgicons/gnb_wellsfarm_off01.svg') no-repeat 0 50%;
}

/*.farm-wrap .tab-swipe.icon ul li .btn-tab[data-tabid=smartfarm] span::before {
  content: '';margin-right: 8px;width:18px;height:50px;background:url('../img/svgicons/gnb_wellsfarm_off.svg') no-repeat 0 50%;
}
.farm-wrap .tab-swipe.icon ul li.active .btn-tab[data-tabid=smartfarm] span::before {
  background: url('../img/svgicons/gnb_wellsfarm_on.svg') no-repeat 0 50%;
}*/
.farm-wrap .tab-swipe::before{background:none}
.farm-wrap .tab-border ul li.active .btn-tab{color:#00caac}
.farm-wrap .tab-border ul li.active::after{background:#00caac}
.tab-farm.tab-swipe::before, .tab-farm.tab-swipe::after{display:none}
.tab-farm.tab-border{background:none;z-index:1;border-bottom: 1px solid #4a6b7d;}
.tab-farm.tab-border ul{display:block;margin:10px 15px;}
.tab-farm.tab-border ul li{display:inline-block;width:70%;flex:none;text-align:right}
.tab-farm.tab-border ul li .btn-tab{font-weight: 400;text-align: left;display: inline-block;position: relative;width:auto;line-height: 35px;padding: 0 7px;border-radius: 35px;background:none;border:none;font-size:15px;color:#fff}
.tab-farm.tab-border ul li .btn-tab.active{color:#00caac}
.tab-farm.tab-border ul li .btn-tab + .btn-tab:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#00caac}
.tab-farm.tab-border ul li:nth-child(1){width:30%;text-align:left;}
.tab-farm.tab-border ul li:nth-child(1) .btn-tab{position:relative;height: 35px;line-height:35px;padding:0 15px 0 30px;border-radius: 35px;background:none;border:1px solid #fff;}
.tab-farm.tab-border ul li:nth-child(1) .btn-tab.active{background:#00caac;border-color:#00caac;color:#222}
.tab-farm.tab-border ul li:nth-child(1) .btn-tab:before {font-size: 12px;font-weight: 400;text-align: left;color: #fff;display: block;content: '\e91f';position: absolute;top: 12px;left: 15px;font-family: "icomoon";line-height: 1;}
.tab-farm.tab-border ul li:nth-child(1) .btn-tab.active:before{color:#222}
.farm-wrap .tab-border ul li.active::after{display:none}
.pin-spacer .tab-farm.fixed-2depth-tab{width:100% !important}
.floating-btns > ul > li.recipe { border-color: #00caac; background: #00caac; }
.floating-btns > ul > li.recipe .btn-float::before { background: url(../img/svgicons/quick_recipe.svg) 0 0 / contain no-repeat; }
.floating-btns > ul > li.recipe .btn-float .txt { color: #ffffff; }
.farm-section{padding:40px 0;}
.farm-section.d-line{border-top:1px solid #326373}
.farm-section .cont-txt{padding-bottom:30px;font-size:5.5vw;color:#fff;text-align:center;font-weight:300}
.farm-section .cont-txt span{color:#00caac;}
.farm-section .info{font-size:3.62vw;color:#a3b0b6;letter-spacing: -1px}
.farm-section .prd-list{margin-top:20px}
.farm-section .prd-list ul li a .prd-info{box-sizing:border-box;min-height:150px;}
.farm-section .prd-list ul li a .prd-info .tit-area .tit,
.farm-section .prd-list ul li a .prd-info .model{color:#fff}
.farm-section .prd-list ul li a .prd-info .tit-area .desc{margin-top:5px;font-size:13px;color:#748a93}
.farm-section .prd-list ul li a .prd-info .price-area{top:155px;}
.farm-section .prd-list ul li a .prd-info .price-area .sort, .farm-section .price{color:#fff}
.farm-section .prd-list ul li a .prd-info .tit-area .tip{position:relative;margin: 5px 0 0;padding-left:15px;font-size: 12px;color:#00caac}
.farm-section .prd-list ul li a .prd-info .tit-area .tip:before{content:'';position:absolute;left:0;top:0;width:13px;height:25px;background:url('../img/svgicons/tab01_ico_recommend.svg') no-repeat 0 3px;}
.farm-section.ty .prd-list ul li a .prd-info .price-area{top:195px;}
.f-pc{color:#00caac}
.farm-story-visual{margin:0 -18px}
.farm-story-visual .visual-inner{position:relative;}
.farm-story-visual .hgroup1{width:100%;position:absolute;left:0;top:20%;}
.farm-story-visual .hgroup1 .desc { font-family: 'KoreanDREAM'; font-size: 24px; color: #fff; text-align: center; font-weight:100 }
.farm-story-visual .hgroup1 .tit { font-family: 'KoreanDREAM'; font-weight: 500; font-size: 7vw; color: #fff; text-align: center; }/*210831*/
.farm-story-section{margin:0 -18px;padding:70px 0}
.farm-story-section.bg01{background:#100f17}
.farm-story-section.bg02{background:#062c41;margin-bottom:-80px}
.farm-story-section .tit{font-family: 'KoreanDREAM'; font-weight: 500; font-size: 6.78vw; color: #fff; text-align: center;letter-spacing:-1.6px}
.farm-story-section .tit span{font-size:20px;font-weight:100}
.farm-story-section .tit .tit-desc{margin-top:15px;font-family: 'Noto Sans KR';font-size:16px;font-weight:100}
.farm-story-section .stit{margin:50px 0 30px;font-size:5.8vw;color:#00caac;font-weight:600;text-align:center}
.farm-story-section .stit.package01:before{content:'';display:block;background:url('../img/svgicons/tab02_ico_package01.svg') no-repeat center 50%;background-size:35px;padding-bottom:45px;}
.farm-story-section .stit.package02:before{content:'';display:block;background:url('../img/svgicons/tab02_ico_package02.svg') no-repeat center 50%;background-size:35px;padding-bottom:45px;}
.farm-story-section .stit.package03:before{content:'';display:block;background:url('../img/svgicons/tab02_ico_package03.svg') no-repeat center 50%;background-size:35px;padding-bottom:45px;}
.tab-border.tab-step{background:#100f17;}
.farm-wrap .tab-border.tab-step ul li.active::after{background-color:none}
.tab-border.tab-step.is-fixed{top:50px;transform: translateY(-0px)}
.tab-border.tab-step.is-fixed .step{margin:15px 0;}
.farm-story-section .step{display:block;margin:45px 0;text-align:center}
.farm-story-section .step li{position:relative;display:inline-block;width:110px;padding:95px 0 0;font-size:16px;color:#fff;box-sizing: border-box;vertical-align: top}
.farm-story-section .step li a{padding:95px 0 0;font-size:16px;color:#fff;box-sizing: border-box;vertical-align: top}
.farm-story-section .step li.active{color:#00caac;font-weight:500;}
.farm-story-section .step li.active:before{border:none}
.farm-story-section .step li a:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);display:inline-block;width:80px;height:80px;border-radius:50%;border:1px solid #818185;box-sizing: border-box}
.tab-border.tab-step .step li .btn-tab{all: unset;}
.tab-border.tab-step ul li.active::after, .farm-story-section .step li:after{content:'';position:absolute;top:30px;right:-8px;left:auto; bottom:auto;width:15px;height:25px;background:url('../img/etc/ico_step_arr.png') no-repeat right 0;background-size:10px;}
.farm-story-section .step li:last-child:after, .farm-story-section .step li.active:last-child:after{background-image:none}
.farm-story-section .step li:nth-child(1) a:before{background:url('../img/svgicons/tab02_ico_step01_off.svg') no-repeat center 50%;background-size:35px 35px}
.farm-story-section .step li:nth-child(2) a:before{background:url('../img/svgicons/tab02_ico_step02_off.svg') no-repeat center 50%;background-size:45px 45px}
.farm-story-section .step li:nth-child(3) a:before{background:url('../img/svgicons/tab02_ico_step03_off.svg') no-repeat center 50%;background-size:35px 35px}
.farm-story-section .step li.active:nth-child(1) a:before{background:#00caac url('../img/svgicons/tab02_ico_step01_on.svg') no-repeat center 50%;background-size:35px 35px}
.farm-story-section .step li.active:nth-child(2) a:before{background:#00caac url('../img/svgicons/tab02_ico_step02_on.svg') no-repeat center 50%;background-size:45px 45px}
.farm-story-section .step li.active:nth-child(3) a:before{background:#00caac url('../img/svgicons/tab02_ico_step03_on.svg') no-repeat center 50%;background-size:35px 35px}
.farm-story-section .step li.active:nth-child(1) a:after{content:'';position:absolute;top:30px;right:-8px;left:auto; bottom:auto;width:15px;height:25px;background:url('../img/etc/ico_step_arr.png') no-repeat right 0;background-size:10px;}
.farm-story-section .step li.active:nth-child(2) a:after{content:'';position:absolute;top:30px;right:-8px;left:auto; bottom:auto;width:15px;height:25px;background:url('../img/etc/ico_step_arr.png') no-repeat right 0;background-size:10px;}
.story-section{margin-bottom:50px;}
.farm-story-cont{margin:0 18px;}
.farm-story-section.bg02 .farm-story-cont{margin:40px 18px 0;}
.farm-story-cont li{position:relative;font-size:0;padding-bottom:20px}
.farm-story-cont li .txt-group{padding:20px 0;}
.farm-story-cont li .txt-group .tit{font-family: 'KoreanDREAM';font-size:18px;color:#fff;text-align:left;font-weight:100}
.farm-story-cont li .txt-group .tit strong{font-size:24px;font-weight:400}
.farm-story-cont li .txt-group .desc{margin-top:15px;font-size:15px;color:#fff;text-align:left;}
.farm-story-cont li.box3{display:flex;justify-content: space-between;margin:10px 0;align-items: center}
.farm-story-cont li.box3 img{width:calc(50% - 10px)}
.farm-story-cont li.box3 .txt-group{width:calc(50% - 10px)}
.farm-story-cont li.box3 .txt-group .tit{font-family: 'Noto Sans KR';font-size:18px;text-align:center}
.story-package-list{margin:0 18px;display:block}
.story-package-list li{position:relative;margin-bottom:18px;}
.story-package-list li .txt{position:absolute;bottom:15px;left:20px;font-size:20px;color:#fff;font-weight:600;text-align:left;}/*210831*/
.story-package-list li .txt:after{content:'';background:url('../img/etc/ico_link_arr.png') no-repeat 5px 50%;background-size:23px;padding-right:30px;}
.farm-story-visual.recipe .hgroup1{top:12%}
.recipe-info{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:block;margin-top:30px;font-size:0;text-align:center;}
.recipe-info li{position:relative;background:url('../img/etc/bg_recipe.png') repeat;margin-bottom:10px;padding:15px 0;width:290px;border-radius:70px;box-sizing: border-box;}
.recipe-info li:first-child{margin-left:0}
.recipe-info li div{font-size:15px;color:#000;font-weight:500;text-align:center;z-index:10}
.recipe-info li i{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);display:inline-block;width:40px;height:40px;background: url('../img/etc/ico_farm_arr.png') no-repeat center 50%;background-size:50px;}
.recipe-info li:last-child div:after{background:none}
.farm-recipe-cate-wrap{position:relative;margin:-40px 5px 0;padding-bottom:30px;}
.farm-recipe-cate{position:relative;width:83%;text-align:center;z-index:1}
.farm-recipe-cate ul{display:block;margin-bottom:20px; padding-top:50px;}/*210831*/
.farm-recipe-cate li{position:relative;display:inline-block;width:130px;height:130px;border-radius:50%;border:1px solid #818185;margin:0 5px;padding:55px 0 0;font-size:16px;color:#fff;box-sizing: border-box;vertical-align:top}
.farm-recipe-cate li.active{background:#00caac;color:#0a3953;font-weight:500;border-radius:50%;}
.farm-recipe-cate li.active:before{border:none;color:#0a3953}
.farm-recipe-cate li:before{content:'';display:inline-block;width:40px;height:40px;position:absolute;top:15px;left:50%;transform: translateX(-50%)}
.farm-recipe-cate li:last-child:after{background-image:none}
.farm-recipe-cate li.ico1:before{background:url('../img/svgicons/tab03_ico_step01_off.svg') no-repeat center 50%;background-size:30px}
.farm-recipe-cate li.ico2:before{background:url('../img/svgicons/tab03_ico_step02_off.svg') no-repeat center 50%;background-size:20px}
.farm-recipe-cate li.ico3:before{background:url('../img/svgicons/tab03_ico_step03_off.svg') no-repeat center 50%;background-size:32px}
.farm-recipe-cate li.ico4:before{background:url('../img/svgicons/tab03_ico_step04_off.svg') no-repeat center 50%;background-size:40px}
.farm-recipe-cate li.ico5:before{background:url('../img/svgicons/tab03_ico_step05_off.svg') no-repeat center 50%;background-size:25px}
.farm-recipe-cate li.ico6:before{background:url('../img/svgicons/tab03_ico_step06_off.svg') no-repeat center 50%;background-size:25px}
.farm-recipe-cate li.ico1.active:before{background-image:url('../img/svgicons/tab03_ico_step01_on.svg')}
.farm-recipe-cate li.ico2.active:before{background-image:url('../img/svgicons/tab03_ico_step02_on.svg')}
.farm-recipe-cate li.ico3.active:before{background-image:url('../img/svgicons/tab03_ico_step03_on.svg')}
.farm-recipe-cate li.ico4.active:before{background-image:url('../img/svgicons/tab03_ico_step04_on.svg')}
.farm-recipe-cate li.ico5.active:before{background-image:url('../img/svgicons/tab03_ico_step05_on.svg')}
.farm-recipe-cate li.ico6.active:before{background-image:url('../img/svgicons/tab03_ico_step06_on.svg')}
.farm-recipe-cate-info{position:absolute;left:50%;transform: translateX(-50%);width:calc(100% - 30px);padding:10px 0;background:#062c41;border-radius:5px;font-size:16px;color:#fff;text-align:center;z-index:2}/*210831*/
.farm-recipe-cont-wrap{margin-top:50px;}
.farm-recipe-cont-wrap.bg{background:#062c41;margin:0 0 -180px;padding:70px 0 50px;}
.farm-recipe-cont-wrap .tit{font-size:6.78vw}
.farm-recipe-cont-wrap .package-name{position:relative;display:inline-block;font-size:20px !important;margin-bottom:15px;}
.farm-recipe-cont-wrap .package-name:before{content:'';position:absolute;bottom:0;width:100%;height:1px;background:#fff;}
.farm-recipe-cont-wrap .tag{display:block;margin-top:15px;font-size:17px !important;color:#00caac}
.farm-recipe-cont-wrap .btn-wrap{margin-top:35px;text-align:center}
.farm-recipe-cont-wrap .btn-rnd-80{width:120px;border-color:#fff;color:#fff;}
.farm-veggie-list{margin:40px 18px}
.farm-veggie-list ul{display:block}
.farm-veggie-list li{width:100%;padding-bottom:35px;}
.farm-veggie-list li .img{position:relative;}
.farm-veggie-list li .info{position:absolute;left:20px;bottom:15px}
.farm-veggie-list li .info span{display:block;text-align:left;color:#fff}
.farm-veggie-list li .info span.tit{font-size:20px;font-weight:400}
.farm-veggie-list li .info span.txt{margin-top:5px;font-size:16px;}
.farm-veggie-list li .info span.tag{margin-top:5px;font-size:15px !important;color:#00caac}
.farm-veggie-list li .desc{padding:20px 15px;font-size:16px;color:#b1bfc7}
.farm-recipe-cont-wrap .recipe-wrap{margin:30px 18px}
.farm-recipe-cont-wrap .recipe-wrap ul {display:block;}
.farm-recipe-cont-wrap .recipe-wrap ul li{padding-bottom:40px}
.farm-recipe-cont-wrap .recipe-wrap ul li a {display: block;}
.farm-recipe-cont-wrap .recipe-wrap ul li .thumb{position: relative;}
.farm-recipe-cont-wrap .recipe-wrap ul li .thumb img{width:100% ;border-radius: 10px;}
.farm-recipe-cont-wrap .recipe-wrap ul li .thumb i.ico.play {position: absolute;bottom: 15px;right: 15px;width: 40px;height: 40px;background: url(../../resource/img/util/ic-play.svg) 0 0/100% no-repeat;font-size: 0;}
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group {margin: 20px 0 0; }
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .tit { font-weight: 300; font-size: 23px; color: #fff;text-align:left }/*210827*/
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail { margin: 5px 0 0; font-size: 0; }
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl { display: inline-block; margin: 0 0 0 20px; font-size: 0; }
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl:first-child { margin: 0; }
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl dt { display: inline-block; font-size: 16px; line-height: 22px; color: #859198; }
.farm-recipe-cont-wrap .recipe-wrap ul li .txt-group .detail dl dd { display: inline-block; margin: 0 0 0 8px; font-size: 16px; line-height: 22px; color: #859198; }
.recipe-tit{font-family: 'KoreanDREAM';font-size:6.78vw;color:#fff;text-align:center}
.recipe-tit .tip{position:relative;display:inline-block;font-size:20px;color:#00caac;margin-bottom:15px;}
.recipe-tit .tip:before{content:'';position:absolute;bottom:0;width:100%;height:1px;background:#00caac;}
.farm-recipe-cate-wrap .swiper-pagination-bullet{width:60px;height:4px;background:#fff;border-radius:0} /* 210906 추가 */

/* 211108 */
.product-list .prd-info .info .prd-head .title-box2{display:flex;justify-content: space-between;align-items: center}
.product-list .prd-info .info .prd-head .title-box2 .tit{font-size: 18px;font-weight: 500;text-align: left;color: #101010;font-family: "KoreanDREAM";}
.pay-state-box{margin:-10px 0 20px;padding:15px 20px;border:4px solid #ddd;border-radius:8px;text-align:left;font-size:16px;font-weight:600}
.pay-state-box span{font-size:18px;color:#004e73;}
.pay-order-prd{margin:0 0 20px;}
.pay-order-prd li{padding:15px 0;box-sizing: border-box}
.pay-order-prd li input{display:none}
.pay-order-prd li input[type=radio] + label,
.pay-order-prd li input[type=checkbox] + label{display:block;padding:15px 0;width:100%;height:100%;box-sizing: border-box}/* 220322 수정 */
.pay-order-prd li input[type=radio]:checked + label,
.pay-order-prd li input[type=checkbox]:checked + label{border:3px solid #004e73;border-radius:8px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15)} /* 220322 수정 */
.pay-order-prd li img{width:100%}
.btn-tab.pay-tab ul li.on a, .btn-tab.pay-tab ul li.on button, .btn-tab.pay-tab ul li.on input[type='button']{background-color:#0a3953;color:#fff}
.faq-category .radio { margin: 0; }
.faq-category ul { width: 100%; margin: 30px 0 0; font-size: 0; }
.faq-category li .radio { display: inline-block; margin: -1px 0 0 -1px; box-sizing: border-box; width: 33.3%; height: 50px;font-size: 15px; font-weight: 500;}
.faq-category li .radio input[type=radio]{display:none}
.faq-category li .radio input[type=radio]:not(old) + label{ box-sizing:border-box;display:block;width:100%;height:100%; padding:15px;border: 1px solid #ddd; border-radius:0;font-size: 15px; font-weight: 500; vertical-align: middle; text-align:center;color: #969696; cursor: pointer; }
.faq-category li .radio input[type=radio]:not(old):checked + label{border-color: #004e73; background: #004e73; color: #ffffff;}
.accordion.nomem-qna > li .q-num{display:block;font-size: 14px;color:#888;padding-bottom:10px}
.accordion.nomem-qna > li .category{position:absolute;top:27px;right:0}

/* 211223 */
.paging { text-align: center; font-family: 'CentraleSans'; font-size: 0; margin:0 0 50px; }
.paging a { display: inline-flex; margin:0;width: 30px; height: 30px; justify-content: center; align-items: center; box-sizing: border-box; border-radius: 50%; font-size: 15px; color: #606060; vertical-align: middle; }
.paging a.current{font-size:15px;}
.paging a span { display: inline-block; }
.paging a + a { margin-left: 3px; }
.paging .current { background-color: #004e73; font-weight: 700; color: #fff; }
.paging .first,
.paging a.prev,
.paging a.next,
.paging a.last { border: 1px solid #e4e4e4; font-family: 'KoreanDREAM'; font-size: 12px;}
.paging a.prev,
.paging a.last { margin:0;margin-left: 5px; }
.paging a.prev {  margin:0;margin-right: 5px; }
.paging a.next {  margin:0;margin-left: 5px; }

/* 211229 */
.prd-details .prd-head .prd-img .btn-area button.btn-3d {background: url(../../resource/img/util/icon-co-3D-40.svg) center/100% auto no-repeat;}
.modal-view.modal-3D .wrap{width:330px;height:440px}
.info-3d{font-size:14px;color:#606060;text-align:left;padding:0 5px}

/* 220110 */
.floating-btns.mattress > ul > li {width: 80px;height: 80px;border-radius: 50%;}
.floating-btns.mattress > ul > li.productMat{background-color:#004e73;color:#fff;}
.floating-btns.mattress > ul > li .btn-float {margin: 0 auto;padding:20px 0 7px}
.floating-btns.mattress > ul > li .btn-float .txt{font-size:12px}
.floating-btns.mattress > ul > li .btn-float::before {width: 30px;height: 30px;}
.floating-btns.mattress > ul > li.productMat .btn-float::before {background:#004e73 url(../img/util/product-mattress-wh.svg) center 0 / contain no-repeat;}
.floating-btns.mattress > ul > li.productMat .btn-float .txt{color:#fff}

/* 220207 */
.steps-top.recruit ol li {height:45px;padding:0 10px}
.steps-top.recruit ol .on .txt{margin-right:33px}
.steps-top.recruit ol .on .num{width:35px;height:35px}
.steps-top.recruit ol .on::before{height:45px}
.steps-top.recruit ol .on .num em {-webkit-transform: translateY(0px); transform: translateY(0px);}
.steps-top.recruit ol .on:last-child .txt{margin-right:0}
.steps-top.recruit ol .on:last-child .num{width:auto;height:auto}
.input-form.form-recruit .form-row input + label{display:inline-block;line-height:40px;font-size:15px;margin:0 5px;}
.input-form.form-recruit{margin:25px 0 30px}
.input-form.form-recruit ul > li{margin:30px 0 0}
.row-wrap + .row-wrap{margin-top:20px;padding-top:20px;border-top:1px dotted #606060}
.input-form.form-recruit input,.input-form.form-recruit .select-wrap,.input-form.form-recruit .select-wrap .label-slt{height:40px;line-height:40px}
.form-adj input{flex:1}
.form-adj .select-wrap{flex: 1 1 80px}
.input-form.form-recruit .form-row span{display:inline-block;width:80px;line-height:40px;font-size:15px;margin:0 5px;}
.form-adj .form-row input + label{width:40px;}
.radio-wrap.ty3 label.radio {flex:1 0 33%;width: calc(33.3% - 2px);}
.radio-wrap.ty3 label:nth-child(2) i {border-radius: 0;margin: 0 0 0 -1px;}
.input-form.form-recruit .radio-wrap.ty3 label.radio i{line-height:40px;}
.btn-wrap.fixed.recruit .btn-120{font-weight:500}
.btn-wrap.fixed.recruit .btn-120.c2{border-top:1px solid #f8f8f8;}
.btn-wrap.fixed.recruit .btn-120:disabled{color: #888888 !important;background-color: #f8f8f8 !important;border-color: #f8f8f8 !important;}
.form-stit{margin-top:30px;font-size:15px;color:#101010}
.fs-14 {font-size: 14px !important;}

/* 추가하기 버튼 */
.btn.append {position: relative;display: inline-flex;align-items: center;background-color: transparent;border: none; color: #004e73; font-size: 16px; margin-top: 21px; font-weight: 500;cursor: pointer;}
.btn.append span { padding-left: 30px; color: #004e73; }
.btn.append span::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: 1px; background: url(../img/svgicons/add-20.svg) 0 0 / contain no-repeat; }

/* 220214 */
.tab-border-type {padding: 20px 0;}
.tab-border-type ul { display:block}
.tab-border-type ul li{ position: relative;font-size:20px;border: 1px solid #ddd; border-radius:10px;cursor:pointer}
.tab-border-type ul li.active{border-color:#004e73;background:#ecf4f9}
.tab-border-type ul li + li{margin-top:15px}
.tab-border-type ul li a{display:flex;padding:20px 15px;justify-content: space-between;align-items: center}
.tab-border-type ul li .icon-box { flex:1;box-sizing: border-box; text-align:right}
.tab-border-type ul li .icon-box img {width:50px;}
.tab-border-type ul li .txt-box { flex:2;font-size: 0; text-align: center; }
.tab-border-type ul li .txt-box .tit { display:block; font-weight: 700; font-size: 20px; color: #101010; text-align: left;  vertical-align: middle;}
.tab-border-type ul li .txt-box .txt { display:block; margin: 8px 0 0; font-size: 16px; color: #101010; text-align: left; vertical-align: middle; }
.as-desc p {font-size: 14px;font-weight: 400;text-align: left;color: #888;margin: 10px 0 0;word-break: keep-all;}
.agree-wrap.one .tbl-cap table tr th, .agree-wrap.one .tbl-cap table tr td{padding:10px 15px;}
.agree-wrap.one .tbl-cap table tr th{width:100px;}
.as-agree{padding:0;}
.search-bar.ty3 {margin:0;background:none;padding:0 0 0 10px;height:auto;}
.search-bar.ty3 input.full-input {font-size: 15px;font-weight: 400;text-align: left;color: #888888;padding-right: 36px;vertical-align: middle;}
.search-bar.ty3::after {content: '';display: block;margin: 0 auto;width: 100%;height: 2px;background: #101010;margin-top: 0;}
.search-bar.ty3 .full-btn {width: auto;height: 55px;}
.search-bar.ty3 .full-btn:before {top:-5px;right:10px;transform: none;width: 20px;height: 20px;}
.board-list.ty3 li .list-wrap{position: relative;display: block;padding: 10px 10px 10px 100px;min-height:100px;-webkit-box-sizing: border-box;box-sizing: border-box; background: #f8f8f8;}
.board-list.ty3 li .list-wrap .thumb {position: absolute;top: 50%;left: 10px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 80px;height: 80px;background: #f8f8f8;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 4px;}
.board-list.ty3 li .list-wrap .thumb img {width: 100% !important;height: 100% !important;}
.board-list.ty3 li .list-wrap .sub {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 100%;}
.board-list.ty3 li .list-wrap .sub .tit {font-size: 14px;font-weight: 400;text-align: left;color: #101010;}
.board-list.ty3 li .list-wrap .sub .txt {margin-top: 7px;font-size: 13px;font-weight: 400;text-align: left;color: #888;}

.checkbox .txt-wrap .txtno {color:transparent}
.board-list.ty3 li .list-wrap .thumb .checkbox{position:absolute;top:0;left:0}

/* 220321 */
.tab-swipe.icon ul li.active .btn-tab[data-tabid=smartfarm] span::before {background:url('../img/svgicons/gnb_wellsfarm_on01.svg') no-repeat 0 50%;}
.tab-border.full.tab-farm{margin-bottom:25px;}
.tab-farm.tab-border ul li.active:after{background:none;}

/*220630*/
.filter-box li {padding-bottom: 20px;}
.filter-box .wrap {border: 1px solid #ddd; border-radius: 10px;padding:20px; box-sizing: border-box;}
.filter-box .label-area .txt{font-size: 15px; width: 800px;margin-left:10px; display: table-cell}
.filter-box .label-area .txt > div:first-child{font-size:17px; font-weight: 700; margin-bottom: 5px;}
.filter-chc{background-color: #f9f9f9; padding:40px; box-sizing: border-box;font-size: 18px;text-align: center;margin-top:20px}
.filter-chc i {color:#e42525}
.filter-view .em{background: #f5f9fb;}

/* 23.07.04 : 서비스 리뉴얼 : 김진아 */
.wells-tip { font-size: 12px; margin-top:20px; padding-left:18px;}
.wells-tip .tip {position: relative; color:#004e73;font-weight:bold; }
.wells-tip .tip:before {content:""; display: inline-block; width: 12px; height:12px; background: url(../img/service/ico_check.png) no-repeat center /100%;  position: absolute; left:-18px; top:3px;}
.wells-tip .small {font-size: 9px; color:#888;}
.product-service-list .list-num {display: flex; justify-content: space-between; flex-wrap: wrap; }
.product-service-list .list-num li {position: relative; margin-top: 20px; width: calc((100% - 15px)/2);}
.product-service-list .list-num li .txt { display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center; 
  align-items: center; height: 59px; background: #f8f8f8; border-radius: 0 0 10px 10px; font-size: 14px; font-weight: 400; text-align: left;color: #101010;}
.product-service-list .list-num.type-2 li , .product-service-list .list-num.type-3 li {width: 100%;}
.product-img-list li {padding-top:20px;}
.product-service-list .list-num.type-3 li .txt {flex-direction: column; height: 70px; font-size: 12px; color:#777;}
.product-service-list .list-num.type-3 li .txt .tit {display: block; font-size: 14px;  color:#111; }
.point {color:#009ac0 !important; font-weight: 500;}
/* 맞춤가이드 */
.guide-icon-list {display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center;}
.guide-icon-list li {width: 50%; padding-bottom:30px;}
.guide-icon-list li .icon-img {width: 22vw; margin:0 auto;}
.guide-icon-list li b {display: inline-block; font-size: 15px; font-weight:500; padding:10px 5px 0px; }
.guide-icon-list li p {font-size: 11px;  padding:5px 10px; }
.service-wrap .txt-area2 {font-size: 18px;font-weight: 400;text-align: center; color: #101010; line-height: 1.5;}
.guide-Swiper-wrap {width: 80%; margin:0 auto; box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.1);}
.guide-Swiper {position:relative; overflow: hidden;}
.guide-Swiper .swiper-button-next, .guide-Swiper .swiper-button-prev { width: 45px; height: 45px; background-color: rgba(0,78,115,0.5); color: #fff;}
.guide-Swiper .swiper-button-next { right: 0;  border-radius: 40px 0 0 40px;}
.guide-Swiper .swiper-button-prev {left: 0;  border-radius: 0px 40px 40px 0;}
.guide-Swiper .swiper-button-next:after, .guide-Swiper .swiper-button-prev:after { font-size: 15px; font-weight: bold;}
.guide-Swiper .swiper-button-next::after  {margin-right:-10px;}
.guide-Swiper .swiper-button-prev:after {margin-left:-10px;}
.line-box {border:1px dotted #00c4cd; margin-bottom:10px; border-radius: 5px;}
.line-box:last-child {margin-bottom:0;}

/* 2024.08 : 마이페이지 납부내역 관리  : 김진아 */
.tbl-cap table tr td.thin {padding: 10px 15px;}
.btn-110.small {width: auto; height: auto; padding:10px 15px; box-sizing: border-box; font-size: 15px; line-height: 1; box-sizing: border-box;}
.form-row.gap {gap: 8px;}
.form-row.gap input[type=text] {text-align: center;}

/* 2024.12 리뷰 기능 고도화 : 김진아 */
.pro-review-ratings {display: inline-block; padding-left:5px;}
.pro-review-ratings .score {position: relative; font-size: 16px; font-weight: 900; padding-left:24px;}
.pro-review-ratings .score::before {content:""; position: absolute; left:0; top:4px; display: block; width: 16px; height: 16px; background: url(../img/svgicons/ico_star.svg) no-repeat center/100%; }
.pro-review-ratings .count {font-size: 16px; font-weight: 400; color:#C0C0C0; padding-left:3px; letter-spacing: 0.07rem;}
/* 사용자 평점 */
.total-count {display: flex; align-items: center;justify-content: center; padding:30px 0;}
.total-count .star-img {width: 36px; padding-right: 16px;}
.total-count .score {font-size: 36px; font-weight: 900;}
.total-count .max {font-size: 36px; font-weight:400;}
.reason-type {padding-bottom:30px;}
.reason-type li {display: flex; align-items: center;justify-content: space-between;}
.reason-type li:first-child {padding-bottom:20px;}
.reason-type-tit {display: inline-block; text-align: center; font-size: 12px; padding: 5px; width: 80px; border-radius: 30px; color: #004E73; border:1px solid #004E73;}
.reason-type-box {display: flex; align-items: center; justify-content: space-between;}
.reason-type-box .type {color:#101010; font-weight: 800;text-align: left; box-sizing: border-box;}
.reason-type .reason-type-box .type {font-size: 14px; width: 84px; padding-left:14px;}
.review-on {position: relative;}
.review-on:after {content: ""; position: absolute; right: 7px;top: 10px;display: block;width: 7px; height: 7px;border-radius: 50%; background-color: #EF1E1E;}
.percent-bar {width: 33.33vw; max-width: 200px; height: 8px; border-radius: 30px; overflow: hidden;}
.percent-bar .bar-wrap {width: 100%; height: 100%; background-color: #E8E9EB;display: flex; flex-direction: column-reverse;}
.percent-bar .bar-wrap .per { width: 0%; height: 100%;  background-color: #808B97;border-radius: 20px; transition:0.5s;}
.reason-type-box .num-per {font-size: 14px; padding-left:10px}
.btn-detail-view {width: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; color:#101010; padding: 18px 0; border-top:1px solid #ddd;} 
.btn-detail-view::before {content:"자세히 보기"; display: block;}
.btn-detail-view span {display: block; width: 14px; height: 14px; margin-left:5px; background: url(../img/svgicons/arrow-down.svg) no-repeat center / 100%;}
.btn-detail-view.active::before {content:"접기";}
.btn-detail-view.active span { background: url(../img/svgicons/arrow-up.svg) no-repeat center / 100%;}

/* 평가 자세히보기 팝업 */

.slt-custom .slt-opt .opt-btn {text-align: center;}
.reason-type-popup {position: relative;display: none;}
.reason-type-popup .type-tit {font-size: 17px; color:#004E73; font-weight: 900;padding-top:30px; padding-bottom: 14px;}
.reason-type-popup > li.percent-box { margin: 0 -18px; padding: 20px 18px; background-color: #F8F8F8;}
.reason-type-popup > li:last-child { padding-bottom: 30px;}
.reason-type-popup > li:first-child .type-tit {padding-top:0px;}
.reason-type-list li {padding:5px 0; font-size: 14px;}
.reason-type-list .reason-type-box .type {width: 80px; color:#888; font-weight: 400;}
.reason-type-list li.on .reason-type-box .type {color:#101010; font-weight: 900;}
.reason-type-list li .percent-bar {max-width: 400px; width: 50.66vw;}
.photo-swiper {padding-top:20px;}
.photo-swiper .swiper-container { margin: 0 -18px;padding-right: 36px;}
.photo-swiper .swiper-container .swiper-wrapper {padding: 0 18px;}
.photo-swiper .swiper-slide {position: relative; width: 25vw; height: 25vw; max-width: 100px; max-height: 100px; border-radius: 5px; background-color: #e8e8e8; overflow: hidden; }
.photo-swiper .swiper-slide .thumb img {position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 100%;}
.photo-swiper .swiper-slide.ver .thumb img {width: auto; height: 100%;}
/* .photo-swiper .swiper-container .swiper-scrollbar-drag {top: 0;bottom: 0;height: 2px;border-radius: 0; background: #101010;} */
.thumb.video:before {content: ""; position: absolute; top: 0;left: 0;right: 0;bottom: 0;display: block;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.4); z-index: 1;}
.thumb.video:after {content: "";position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);display: block;width: 16px;height:18px;background: url(../img/svgicons/ico_play_w.svg) no-repeat center / 100%;z-index: 2;}
/* 리뷰 상세 리스트 */
.datail-review-top { border-top: 1px solid #101010;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;padding: 16px 0;}
.datail-review-top .total {font-size: 13px;}
.datail-review-top {border-top:1px solid #101010; border-bottom:1px solid #ddd; display: flex; justify-content: space-between; align-items: center; font-size: 14px;  padding: 20px 0; }
.datail-review-top .slt-type2 {padding-top:0;}
.detail-review-contents > li {border-bottom:1px solid #ddd; padding:20px 0 24px; }
.detail-review-contents.my-r > li {border-bottom:none;}
.star-box-wrap {display: flex; gap: 3px; padding-right:10px;}
.star-box-wrap span {display: block; width: 16px; height: 16px; background: url(../img/svgicons/ico_star_null.svg) no-repeat center / 100% ;}
.star-box-wrap span.fill {background: url(../img/svgicons/ico_star.svg) no-repeat center / 100% ;}
.star-box-wrap .num {font-size: 16px;}
.top-row .left {display: flex; align-items: center;}
.top-row .best-label {display: block; font-size: 11px; width: 55px; height: 21px; line-height: 21px; text-align: center; border-radius: 2px; margin-right: 10px; color:#fff; background-color: #004E73; box-sizing: border-box;}
.top-row .left .num {font-size: 14px;}
.top-row .right {padding-top:3px;}
.top-row .right .customer-id {position: relative; font-size: 14px; color:#888; padding-right: 10px;}
.top-row .right .customer-id:after {content:"";position: absolute; right: 0; top:5px;  display: block; width: 1px; height: 12px; background-color: #ddd;}
.top-row .right .date {font-size: 14px; color:#888; padding-left: 10px;}
.review-contents-row .all-text-box {padding-top:20px; color: #101010;font-size: 14px;}
.review-contents-row .text-box {padding-top:20px; color: #101010;font-size: 14px; overflow: hidden;  white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: keep-all;   }
.review-contents-row .btn-detail-more {margin-top: 20px;}
.btn-detail-more {background-color: transparent;border: none;font-size: 14px;color: #606060;border-bottom: 1px solid #606060;padding: 0;cursor: pointer;}
/* 후기 상세 팝업 */
.popup-wrap {padding: 24px 0 50px;}
.detial-photo-swiper {position: relative;background-color: #010101; border-radius: 10px;overflow: hidden; }
.detial-photo-swiper li {width: calc(100vw - 36px); height: calc(100vw - 36px); background-color: #010101;}
.detial-photo-swiper .swiper-slide .thumb img {position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 100%;}
.detial-photo-swiper .swiper-slide.ver .thumb img {width: auto; height: 100%;}
.detial-photo-swiper .swiper-slide.ver video {height: 100%;width: auto;}
.detial-photo-swiper .swiper-slide video { width: 100%; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.detial-photo-swiper .swiper-button-next , .detial-photo-swiper .swiper-button-prev {width: 42px; height: 42px; background-color: rgba(0, 0, 0, 0.3);}
.detial-photo-swiper .swiper-button-prev {border-radius: 0 20px 20px 0; left: 0;}
.detial-photo-swiper .swiper-button-next {border-radius: 20px 0 0 20px; right: 0;}
.detial-photo-swiper .swiper-button-next:after, .detial-photo-swiper .swiper-button-prev:after {font-size: 12px; color:#fff;}
.type-result {display: flex; justify-content: space-between; background-color:#F8F8F8; margin-top:5px; padding:20px 26px; border-radius:4px;}
.type-result > p {font-size: 12px;}
.type-result .type {display: inline-block; color:#888; padding-right: 16px;}
.type-result .result {display: inline-block; color:#101010; font-weight: 700;}
/* 사진,영상 모아보기 */
.review-photo-list {display: flex; flex-wrap: wrap;gap:1.3vw 1.3vw;}
.review-photo-list li {position: relative; width:calc((97.4vw - 36px)/3); height:calc((97.4vw - 36px)/3); border-radius: 10px; overflow: hidden; background-color: #e8e8e8; cursor: pointer;}
.review-photo-list li img {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display: block; width: 100%;}
.review-photo-list li.ver img {width: auto; height: 100%;}
.modal.extend .m-con.review {padding-bottom: 60px;}
.review-photo-list li.video:before {content:""; position: absolute; top:0; left:0; right: 0; bottom: 0; display: block; width:100%; height: 100%; background:rgba(0, 0, 0, 0.4); z-index: 10;}
.review-photo-list li.video:after {content:""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width: 20px; height: 24px; background: url(../img/svgicons/ico_play_w.svg) no-repeat center / 100%; z-index: 11;}
/* 사진,영상 상세 */
.full-popup-wrap {width: 100vw; height: 100vh; }
.winpop .btn.close.white {top:15px; transform: none; z-index: 10;}
.winpop .btn.close.white::before { content: '\e903'; color:#fff;}
.detial-photo-swiper.full {border-radius: 0;}
.detial-photo-swiper.full li {width: 100vw; height: 100vh;}
.detial-photo-swiper.full .swiper-pagination {width: 56px; height: 26px; text-align: center; color: #fff; line-height: 26px; top: 18px; left:50%; transform: translateX(-50%);  background-color: rgba(0, 0, 0, 0.5); border-radius: 20px;font-size: 14px;}
/* 후기작성 */
.product-review-list {padding: 30px 0;}
.product-review-list .thumb {width: 56vw; max-width: 370px; margin:0 auto;}
.product-review-list .tit {padding-top:20px; font-size: 19px;}
.product-review-list .tit b {font-weight: 700;}
.product-review-list .code {font-size: 14px; color:#888; padding-top:10px;}
.product-review-list .number {position: relative; padding-left:10px; margin-left:10px;}
.product-review-list .number:before {content:"";position: absolute; left:0; top:2px; display:block; width: 1px; height: 12px; background-color: #ddd;} 
.product-review-list .link-box a {display: inline-block;font-size: 14px;color: #606060; border-bottom: 1px solid #606060; padding-top:30px;}
/* 작성한 후기 */
.tab-top-wrap {padding-top:20px;}
.tab-border ul.fill-tab li.active .btn-tab { font-size: 15px;font-weight: 700; text-align: center; color: #fff;border-color: #004E73; background-color: #004E73;}
.tab-border ul.fill-tab li .btn-tab {border:1px solid #ddd; box-sizing: border-box;}
.my-review {padding:20px 0; background-color: #fff; display: flex; align-items: center; border-bottom: 1px solid #ddd;} 
.my-review .pro-info {padding-left:15px; width: calc(100% - 100px);}
.my-review .pro-info .tit {font-size: 16px; font-weight: 800;}
.my-review .pro-info .tit span {font-weight: 400;}
.my-review .pro-info .code {font-size: 14px; font-weight: 400; color:#888; padding-top:10px;}
.my-review .pro-info .code .num {position: relative; padding-left:10px; margin-left:10px;}
.my-review .pro-info .code .num:before {content:"";position: absolute; left:0; top:2px; display:block; width: 1px; height: 12px; background-color: #ddd;} 
.my-review .pro-img {width: 100px; height: 100px; text-align: center;}
.my-review .pro-img img {height: 100%;}
.detail-review-contents.my-r .top-row {display: flex;justify-content: space-between;align-items: center;}
.gray-info-box-wrap {padding-top:50px;} 
.gray-info-box{padding:16px; border-radius: 5px; background-color:#F8F8F8; color:#888; font-size: 12px;}

/* 후기작성팝업 */
.write-review-wrap {position: relative; margin-bottom: 40px;}
.write-review-wrap .my-review {background-color: #F8F8F8; margin: 0 -18px; padding: 24px;}
.write-review-popup .btn-con {position: absolute; bottom: 0; left:0; right:0; padding-bottom:30px; padding-top:30px; background-color: #fff;}
.write-review-popup .body { max-height: calc(90vh - 100px) !important;}
.review-score-wrap {display: flex; justify-content: center; gap: 35px;}
.write-review-list > li {border-bottom:1px solid #ddd; padding-bottom: 40px;}
.write-review-list > li:last-child {border-bottom:none;}
.write-review-list li input[type="radio"] {display: none;} 
.write-review-list li .tit {font-size: 19px; color:#101010; text-align: center; font-weight: 700;padding-top:30px; padding-bottom:26px;}
.write-review-list .review-score {display: flex; flex-direction: column; align-items: center;}
.review-score .num {width: 34px; height: 34px; background-color: #D9D9D9; color:#888; font-size: 18px; border-radius: 50%; line-height: 34px; text-align: center; }
.review-score .text {display: inline-block; color:#C0C0C0; padding-top:10px; font-size: 14px;}
.write-review-list li input[type="radio"]:checked + .review-score .num {background-color: #004E73; color:#fff;}
.write-review-list li input[type="radio"]:checked + .review-score .text {color:#101010; font-weight: 700;}
.write-review-list .textarea-box {padding-bottom:30px;}
.write-review-list .textarea-box textarea {height: 200px; font-size: 14px; line-height: 1.4;}
.write-review-list textarea::-webkit-scrollbar {width: 4px;}
.write-review-list textarea::-webkit-scrollbar-track {background-color: transparent;}
.write-review-list textarea::-webkit-scrollbar-thumb { background-color:#7F7F7F; border-radius: 10px;}
/* ==구매 리뷰작성 ==*/
.star-rating-box {display: flex;flex-direction: column;align-items: center;}
.star-rating-box .star-rating {width: 220px; height: 40px;}
.btn-star-wrap {display: flex;width: 100%; height: 100%; gap:5px;}
.btn-star-wrap button {width: 100%; height: 100%;}
.btn-star-rating {display: flex; gap:10px;}
.btn-star-rating button { border:none; width: 28px; height: 28px; background:url(../img/svgicons/ico_star_null.svg) no-repeat center/ 100%; cursor: pointer;}
.btn-star-rating .active { width: 28px; height: 28px; background:url(../img/svgicons/ico_star.svg) no-repeat center/ 100%;}
.star-box-text {text-align: center; padding-top:20px; font-size: 14px;color:#101010}
.text-count {text-align: right; font-size: 14px; color:#C0C0C0; padding-top:5px;}
.text-count span {color:#101010; font-weight: 700;}
/* 사진첨부 */
.attach-photo-box {display: flex; flex-wrap: wrap; gap:10px;}
.attach-photo-box + .attach-photo-box {padding-top:10px;}
.attach-photo-box li {position: relative; width:calc((100vw - 56px)/3); height: calc((100vw - 56px)/3); border-radius:5px; border:1px solid #ddd; background-color: #F8F8F8; box-sizing: border-box; overflow: hidden; display: flex;align-items: center;  justify-content: center; flex-direction: column;}
.attach-photo-box li.video:before {content:""; position: absolute; top:0; left:0; right: 0; bottom: 0; display: block; width:100%; height: 100%; background:rgba(0, 0, 0, 0.4); z-index: 10;}
.attach-photo-box li.video:after {content:""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width: 20px; height: 24px; background: url(../img/svgicons/ico_play_w.svg) no-repeat center / 100%; z-index: 11;}

.attach-photo-box li img {width: 100%;position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.attach-photo-box li.ver img {height: 100%; width: auto;}
.attach-photo-box .photo {cursor: pointer;}
.attach-photo-box .photo div {font-size: 16px; font-weight: 700; text-align: center; padding-top:32px; background:url(../img/svgicons/ico_photo.svg) no-repeat top center/ 26px;}
.attach-photo-box .photo span {font-size: 14px; color:#C0C0C0;}
.attach-photo-box .video-box {cursor: pointer;}
.attach-photo-box .video-box div {font-size: 16px; font-weight: 700; text-align: center; padding-top:32px; background:url(../img/svgicons/ico_video.svg) no-repeat top center/ 26px;}
.attach-photo-box .video-box span {font-size: 14px; color:#C0C0C0;}
.attach-photo-box .btn-close {position: absolute; top:5px; right:5px; width: 18px; height: 18px; border:none; background:url(../img/svgicons/thumb_close.svg) no-repeat center/ 100%; z-index: 10; cursor: pointer;}

.write-review-wrap .pop-bottom {padding-top:30px;}
.write-review-wrap .pop-bottom label {align-items: flex-start;padding-bottom:20px;}
.write-review-wrap .pop-bottom .btn-wrap{margin-top:30px;}
.write-review-wrap .pop-bottom .txt-wrap {font-size: 14px;}

/* 2025.04 : 메인 베스트 셀러 모션 추가 : 김진아 */
.homecare-membership .swiper-wrapper { transition-timing-function: linear !important;}

/* 2025.04.15 장바구니 팝업 추가 */
.modal-view.dim-del {background-color: rgba(16, 16, 16, 0);}
.modal-view.dim-del .wrap{width:90%; min-width: 315px; max-width: 550px; border-radius:0;}
.modal-view.dim-del .event-wrap{position: relative; background: #edf4fa url(../../resource/img/event/popup_img_bg.jpg)no-repeat right bottom 40px/40%; overflow: hidden; box-sizing: border-box; padding:30px 20px 110px;}
.modal-view.dim-del .modal-text-wrap {font-size: clamp(15px, 2.5vw, 20px);}
.modal-view.dim-del .modal-text-wrap .strong{font-weight: 700; }
.modal-view.dim-del .modal-text-wrap .color11{color:#00479e;}
.modal-view.dim-del .wrap .btn-con {position: absolute; left:0; bottom:0; display: flex; box-sizing: border-box; border-top:0; width: 100%;}
.modal-view.dim-del .wrap .btn {height: 40px; padding: 0; flex: 1; justify-content: center; align-items: center; box-sizing: border-box; background: #626262;}
.modal-view.dim-del .wrap .btn span{font-weight: 700; color:#fff; font-size:14px;}
.modal-view.dim-del .wrap .btn:last-child {background: #00479e; }
.modal-view.dim-del .wrap .btn-con *[class^=btn] + *[class^=btn] { margin-left: 0; border-left:0;}


/* 2025.04.30 배너 추가 */
.banner-event{position: absolute; left:50%; bottom:60px; transform: translate(-50%,-50%); width: 92%;}
.banner-event a{display: block; text-align: center;}

/* 202505 : 메일 플로팅 버튼 추가 : 김진아 */
.floating-btns {bottom: 70px !important;}
.main-floating {position:fixed; left:0; right: 0px; bottom: 0px; z-index: 200; background-color: #6d56ed; width: 100%;  max-width: 750px; margin:0 auto; border-radius: 20px 20px 0 0;}
.main-floating .btn-main-floating {display: block; height: 60px; width: 375px; background: url(../img/main/float_202505_m.png) no-repeat center/contain; margin:0 auto;}
.btn-main-floating-close { padding: 0; background: transparent; border: none; position: absolute; right: 10px; top:10px; width: 24px; height: 24px; cursor: pointer;}
footer.floating {padding-bottom: 60px;}