@charset "UTF-8";

@font-face {
  font-family: 'HGGGothicssi';
  src: url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_00g.ttf") format("ttf"), url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_00g.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'HGGGothicssi';
  src: url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_20g.ttf") format("ttf"), url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_20g.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'HGGGothicssi';
  src: url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_40g.ttf") format("ttf"), url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_40g.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'HGGGothicssi';
  src: url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_60g.ttf") format("ttf"), url("../../../../assets/app/fonts/HGGGothicssi_Pro_60g.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'HGGGothicssi';
  src: url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_80g.ttf") format("ttf"), url("../../../../assets/app/fonts/HGGGothicssi_Pro_80g.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'HGGGothicssi';
  src: url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_99g.ttf") format("ttf"), url("https://www.h-point.co.kr/assets/app/fonts/HGGGothicssi_Pro_99g.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Thin.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Light.woff2") format("woff2"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Light.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-DemiLight.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-DemiLight.ttf") format("truetype");
  font-weight: 350;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../../../../assets/app/fonts/NotoSansKR-Regular.woff") format("woff2"), url("../../../../assets/app/fonts/NotoSansKR-Regular.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../../../../assets/app/fonts/NotoSansKR-Medium.woff") format("woff2"), url("../../../../assets/app/fonts/NotoSansKR-Medium.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../../../../assets/app/fonts/NotoSansKR-Bold.woff") format("woff2"), url("../../../../assets/app/fonts/NotoSansKR-Bold.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Black.woff2") format("woff2"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Black.woff") format("woff"), url("https://www.h-point.co.kr/assets/app/fonts/NotoSansKR-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Noto Sans KR";
  letter-spacing: -0.3px;
  line-height: normal;
  vertical-align: baseline;
  word-break: keep-all;
  word-wrap: break-word;
  -ms-overflow-style: scrollbar;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
  display: block;
}

select::-ms-expand {
  display: none;
}

/* input type=number 카운트 화살표 비노출 */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* clears the 'X' from Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

body {
  color: #111;
  background-color: transparent;
  -webkit-text-size-adjust: none;
}

img {
  border: 0px;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  outline-style: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  outline-style: none;
}

a:focus,
a:active,
a:visited {
  text-decoration: none;
  outline: none;
  outline-offset: 0;
  outline-style: none;
}

a:focus,
button:focus {
  outline: none;
}

table {
  table-layout: fixed;
}

ul,
ol {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

input,
textarea,
select {
  letter-spacing: 0;
  border: 0;
  outline-style: none;
  border-radius: 0;
}

caption,
legend,
label.hidden {
  text-indent: -9999px;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.hidden {
  position: absolute;
  left: -9999px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

button {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  outline-style: none;
  overflow: visible;
}

button > span {
  position: relative;
  outline-style: none;
}

em {
  font-style: normal;
}

textarea {
  resize: none;
  -webkit-appearance: none;
}

a,
a > span,
button,
button > span {
  letter-spacing: 0px;
}

::-webkit-input-placeholder {
  font-weight: 400 !important;
  color: #808080 !important;
}

::-moz-placeholder {
  font-weight: 400 !important;
  color: #808080 !important;
}

:-ms-input-placeholder {
  font-weight: 400 !important;
  color: #808080 !important;
}

:-moz-placeholder {
  font-weight: 400 !important;
  color: #808080 !important;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ie에서 텍스트 삭제버튼 가리기 */

input::-ms-clear {
  display: none;
}

select {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  *background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  background: transparent;
}

input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox] + label {
  display: inline-block;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=radio] + label {
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**************** common ****************/

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.relative {
  position: relative;
}

.elps {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.elps2 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.elps3 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.elps4 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.wb {
  word-break: break-all;
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

.inblock {
  display: inline-block;
}

.block {
  display: block !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

.vam {
  vertical-align: middle !important;
}

.cursor {
  cursor: pointer;
}

.posR {
  position: absolute;
  right: 0;
  top: 0;
}

.posL {
  position: absolute;
  left: 0;
  top: 0;
}

.ios_slide {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ios_slide::-webkit-scrollbar {
  width: 3px;
}

.ios_slide::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}

.no_ri_pad {
  margin-right: -20px;
}

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

.no_both_pad {
  margin: 0 -20px;
}

.scrollHide {
  overflow: hidden;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

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

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

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

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

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

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

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

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

.m1 {
  margin: 1px !important;
}

.p1 {
  padding: 1px !important;
}

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

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

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

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

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

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

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

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

.m2 {
  margin: 2px !important;
}

.p2 {
  padding: 2px !important;
}

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

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

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

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

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

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

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

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

.m3 {
  margin: 3px !important;
}

.p3 {
  padding: 3px !important;
}

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

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

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

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

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

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

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

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

.m4 {
  margin: 4px !important;
}

.p4 {
  padding: 4px !important;
}

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

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

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

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

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

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

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

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

.m5 {
  margin: 5px !important;
}

.p5 {
  padding: 5px !important;
}

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

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

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

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

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

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

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

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

.m6 {
  margin: 6px !important;
}

.p6 {
  padding: 6px !important;
}

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

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

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

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

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

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

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

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

.m7 {
  margin: 7px !important;
}

.p7 {
  padding: 7px !important;
}

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

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

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

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

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

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

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

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

.m8 {
  margin: 8px !important;
}

.p8 {
  padding: 8px !important;
}

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

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

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

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

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

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

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

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

.m9 {
  margin: 9px !important;
}

.p9 {
  padding: 9px !important;
}

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

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

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

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

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

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

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

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

.m10 {
  margin: 10px !important;
}

.p10 {
  padding: 10px !important;
}

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

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

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

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

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

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

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

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

.m11 {
  margin: 11px !important;
}

.p11 {
  padding: 11px !important;
}

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

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

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

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

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

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

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

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

.m12 {
  margin: 12px !important;
}

.p12 {
  padding: 12px !important;
}

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

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

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

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

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

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

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

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

.m13 {
  margin: 13px !important;
}

.p13 {
  padding: 13px !important;
}

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

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

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

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

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

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

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

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

.m14 {
  margin: 14px !important;
}

.p14 {
  padding: 14px !important;
}

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

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

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

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

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

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

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

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

.m15 {
  margin: 15px !important;
}

.p15 {
  padding: 15px !important;
}

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

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

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

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

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

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

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

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

.m16 {
  margin: 16px !important;
}

.p16 {
  padding: 16px !important;
}

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

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

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

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

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

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

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

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

.m17 {
  margin: 17px !important;
}

.p17 {
  padding: 17px !important;
}

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

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

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

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

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

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

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

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

.m18 {
  margin: 18px !important;
}

.p18 {
  padding: 18px !important;
}

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

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

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

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

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

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

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

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

.m19 {
  margin: 19px !important;
}

.p19 {
  padding: 19px !important;
}

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

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

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

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

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

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

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

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

.m20 {
  margin: 20px !important;
}

.p20 {
  padding: 20px !important;
}

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

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

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

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

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

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

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

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

.m25 {
  margin: 25px !important;
}

.p25 {
  padding: 25px !important;
}

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

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

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

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

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

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

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

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

.m30 {
  margin: 30px !important;
}

.p30 {
  padding: 30px !important;
}

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

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

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

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

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

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

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

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

.m35 {
  margin: 35px !important;
}

.p35 {
  padding: 35px !important;
}

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

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

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

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

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

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

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

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

.m40 {
  margin: 40px !important;
}

.p40 {
  padding: 40px !important;
}

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

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

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

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

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

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

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

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

.m45 {
  margin: 45px !important;
}

.p45 {
  padding: 45px !important;
}

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

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

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

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

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

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

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

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

.m50 {
  margin: 50px !important;
}

.p50 {
  padding: 50px !important;
}

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

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

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

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

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

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

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

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

.m55 {
  margin: 55px !important;
}

.p55 {
  padding: 55px !important;
}

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

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

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

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

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

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

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

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

.m60 {
  margin: 60px !important;
}

.p60 {
  padding: 60px !important;
}

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

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

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

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

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

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

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

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

.m65 {
  margin: 65px !important;
}

.p65 {
  padding: 65px !important;
}

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

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

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

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

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

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

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

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

.m70 {
  margin: 70px !important;
}

.p70 {
  padding: 70px !important;
}

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

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

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

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

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

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

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

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

.m75 {
  margin: 75px !important;
}

.p75 {
  padding: 75px !important;
}

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

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

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

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

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

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

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

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

.m80 {
  margin: 80px !important;
}

.p80 {
  padding: 80px !important;
}

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

.pt80 {
  padding-top: 80px !important;
}

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

.pb80 {
  padding-bottom: 80px !important;
}

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

.pl80 {
  padding-left: 80px !important;
}

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

.pr80 {
  padding-right: 80px !important;
}

.m85 {
  margin: 85px !important;
}

.p85 {
  padding: 85px !important;
}

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

.pt85 {
  padding-top: 85px !important;
}

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

.pb85 {
  padding-bottom: 85px !important;
}

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

.pl85 {
  padding-left: 85px !important;
}

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

.pr85 {
  padding-right: 85px !important;
}

.m90 {
  margin: 90px !important;
}

.p90 {
  padding: 90px !important;
}

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

.pt90 {
  padding-top: 90px !important;
}

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

.pb90 {
  padding-bottom: 90px !important;
}

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

.pl90 {
  padding-left: 90px !important;
}

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

.pr90 {
  padding-right: 90px !important;
}

.m95 {
  margin: 95px !important;
}

.p95 {
  padding: 95px !important;
}

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

.pt95 {
  padding-top: 95px !important;
}

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

.pb95 {
  padding-bottom: 95px !important;
}

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

.pl95 {
  padding-left: 95px !important;
}

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

.pr95 {
  padding-right: 95px !important;
}

.m100 {
  margin: 100px !important;
}

.p100 {
  padding: 100px !important;
}

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

.pt100 {
  padding-top: 100px !important;
}

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

.pb100 {
  padding-bottom: 100px !important;
}

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

.pl100 {
  padding-left: 100px !important;
}

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

.pr100 {
  padding-right: 100px !important;
}

.m110 {
  margin: 110px !important;
}

.p110 {
  padding: 110px !important;
}

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

.pt110 {
  padding-top: 110px !important;
}

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

.pb110 {
  padding-bottom: 110px !important;
}

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

.pl110 {
  padding-left: 110px !important;
}

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

.pr110 {
  padding-right: 110px !important;
}

.m120 {
  margin: 120px !important;
}

.p120 {
  padding: 120px !important;
}

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

.pt120 {
  padding-top: 120px !important;
}

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

.pb120 {
  padding-bottom: 120px !important;
}

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

.pl120 {
  padding-left: 120px !important;
}

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

.pr120 {
  padding-right: 120px !important;
}

.m135 {
  margin: 135px !important;
}

.p135 {
  padding: 135px !important;
}

.mt135 {
  margin-top: 135px !important;
}

.pt135 {
  padding-top: 135px !important;
}

.mb135 {
  margin-bottom: 135px !important;
}

.pb135 {
  padding-bottom: 135px !important;
}

.ml135 {
  margin-left: 135px !important;
}

.pl135 {
  padding-left: 135px !important;
}

.mr135 {
  margin-right: 135px !important;
}

.pr135 {
  padding-right: 135px !important;
}

.m140 {
  margin: 140px !important;
}

.p140 {
  padding: 140px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

.ml140 {
  margin-left: 140px !important;
}

.pl140 {
  padding-left: 140px !important;
}

.mr140 {
  margin-right: 140px !important;
}

.pr140 {
  padding-right: 140px !important;
}

.m150 {
  margin: 150px !important;
}

.p150 {
  padding: 150px !important;
}

.mt150 {
  margin-top: 150px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.ml150 {
  margin-left: 150px !important;
}

.pl150 {
  padding-left: 150px !important;
}

.mr150 {
  margin-right: 150px !important;
}

.pr150 {
  padding-right: 150px !important;
}

.m160 {
  margin: 160px !important;
}

.p160 {
  padding: 160px !important;
}

.mt160 {
  margin-top: 160px !important;
}

.pt160 {
  padding-top: 160px !important;
}

.mb160 {
  margin-bottom: 160px !important;
}

.pb160 {
  padding-bottom: 160px !important;
}

.ml160 {
  margin-left: 160px !important;
}

.pl160 {
  padding-left: 160px !important;
}

.mr160 {
  margin-right: 160px !important;
}

.pr160 {
  padding-right: 160px !important;
}

.m165 {
  margin: 165px !important;
}

.p165 {
  padding: 165px !important;
}

.mt165 {
  margin-top: 165px !important;
}

.pt165 {
  padding-top: 165px !important;
}

.mb165 {
  margin-bottom: 165px !important;
}

.pb165 {
  padding-bottom: 165px !important;
}

.ml165 {
  margin-left: 165px !important;
}

.pl165 {
  padding-left: 165px !important;
}

.mr165 {
  margin-right: 165px !important;
}

.pr165 {
  padding-right: 165px !important;
}

.m170 {
  margin: 170px !important;
}

.p170 {
  padding: 170px !important;
}

.mt170 {
  margin-top: 170px !important;
}

.pt170 {
  padding-top: 170px !important;
}

.mb170 {
  margin-bottom: 170px !important;
}

.pb170 {
  padding-bottom: 170px !important;
}

.ml170 {
  margin-left: 170px !important;
}

.pl170 {
  padding-left: 170px !important;
}

.mr170 {
  margin-right: 170px !important;
}

.pr170 {
  padding-right: 170px !important;
}

.dim_full {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

.stnd_bar {
  width: 0;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  /*width: 5px;border:1px solid red;*/
}

::-moz-selection {
  background-color: #333;
  color: #fff;
}

::selection {
  background-color: #333;
  color: #fff;
}

.pc_none,
.mo_only {
  display: none !important;
}

.c_bl {
  color: #4e2bf4;
}

.c_red {
  color: #ff481e;
}

/*********** z-index ***********/

#header {
  z-index: 300;
}

#headerDim {
  z-index: 300;
}

#lnb {
  z-index: 500;
}

.btn_hd_menu,
.hd_util_mo {
  z-index: 501;
}

.viewpageTitle {
  z-index: 300;
}

#quickMenu {
  z-index: 100;
}

.pageTop {
  z-index: 100;
}

.page_top_banner {
  z-index: 300;
}

.btm_float_banner {
  z-index: 299;
}

.popup_ui {
  z-index: 1000;
}

.pop_mobal_banner {
  z-index: 2000;
}

.pop_watch_app {
  z-index: 10000;
}

.popup_ui .pop_body .content_area .detail_info .scroll_area .info_txt .mark1 li .textindent_pop {
  text-indent: 58px;
}

.popup_ui .pop_body .content_area .detail_info .scroll_area .info_txt .mark1 li .textindent_pop2 {
  text-indent: 84px;
}

/*********** layout ***********/

.layout1 {
  position: relative;
  max-width: 1284px;
  min-width: 280px;
  padding: 0 30px;
  margin: 0 auto;
}

.layout2 {
  position: relative;
  max-width: 870px;
  min-width: 280px;
  padding: 0 30px;
  margin: 0 auto;
}

.max_w {
  max-width: 1920px;
  margin: 0 auto;
}

#wrapper {
  position: relative;
}

#contents {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-width: 280px;
  margin: 0 auto;
  padding-top: 120px;
}

.pageTitle {
  text-align: center;
  padding: 70px 0 50px;
}

.pageTitle .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 50px;
  color: #111;
  line-height: 0.9;
}

.pageTitle .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #555;
  line-height: 1.5;
  letter-spacing: -0.5px;
  margin-top: 25px;
  padding-bottom: 25px;
}

.pageTitle.bg_blue {
  background: #4e2bf4;
}

.pageTitle.bg_blue .tit,
.pageTitle.bg_blue .desc {
  color: #fff;
}

.pageTitle.bg_blue .pageTab .tab a {
  color: #fff;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

.pageTitle.bg_blue .pageTab .tab a:hover {
  opacity: 1;
}

.pageTitle.bg_blue .pageTab .tab.active a {
  color: #111;
  background: #fff;
}

.viewpageTitle {
  display: none;
}

.sub_bottom_blank1 {
  width: 100%;
  height: 150px;
}

.sub_bottom_blank2 {
  width: 100%;
  height: 200px;
}

/********** loading ***********/

/*********** box gap line ***********/

.gap_border1 {
  border-bottom: 7px solid #f7f7f7;
}

/*********** no data type ***********/

.no_data_type1 {
  margin-top: 150px;
}

.no_data_type1 .ic_txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #111;
  text-align: center;
  padding-top: 110px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_caution1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

.no_data_type1 .ic_txt em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 700;
}

.no_data_type1 .contact_talk {
  background-color: #f5f5f5;
  border-radius: 8px;
  margin-top: 80px;
  text-align: center;
  padding: 45px 0 50px;
}

.no_data_type1 .contact_talk p {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #111;
  line-height: 32px;
  letter-spacing: -0.8px;
}

.no_data_type1 .contact_talk a,
.no_data_type1 .contact_talk button {
  width: 197px;
  margin-top: 25px;
}

/*********** typo ***********/

.t_tit1 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #111;
}

.t_txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

/*********** comment list ***********/

.cmt_guide1 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.cmt_guide1.mark1 {
  padding-left: 12px;
}

.cmt_guide1.mark1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 50%;
}

.cmt_guide1.mark1 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #111;
}

.cmt_guide1.mark2 {
  padding-left: 20px;
}

.cmt_guide1.mark2:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.cmt_guide1.mark2 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 700;
}

.cmt_guide1.mark3 {
  padding-left: 10px;
}

.cmt_guide1.mark3:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.cmt_guide2 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  letter-spacing: -0.5px;
}

.cmt_guide2.mark1 {
  padding-left: 10px;
}

.cmt_guide2.mark1:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.cmt_guide3 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
  color: #999;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.cmt_guide3.mark1 {
  padding-left: 9px;
}

.cmt_guide3.mark1:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}

.cmt_guide3.mark2 {
  padding-left: 20px;
}

.cmt_guide3.mark2:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.cmt_guide3.mark2 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 700;
}

/*********** bullet list ***********/

.bullet_type1 > li {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 1.5;
  letter-spacing: -0.5px;
  margin-top: 8px;
}

.bullet_type1 > li:first-child {
  margin-top: 0;
}

.bullet_type1 > li > ul {
  margin-top: 5px;
}

.bullet_type1.mark1 > li {
  padding-left: 12px;
}

.bullet_type1.mark1 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 50%;
}

.bullet_type1.mark1 > li em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #111;
}

.bullet_type1.mark2 > li {
  padding-left: 20px;
}

.bullet_type1.mark2 > li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.bullet_type1.mark2 > li em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 700;
}

.bullet_type1.mark3 > li {
  padding-left: 10px;
}

.bullet_type1.mark3 > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.bullet_type2 > li {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  letter-spacing: -0.5px;
}

.bullet_type2 > li:first-child {
  margin-top: 0;
}

.bullet_type2.mark1 > li {
  padding-left: 10px;
}

.bullet_type2.mark1 > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.bullet_type2.mark1 > li .c_basic {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #111;
}

.bullet_type3 > li {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
  color: #999;
  letter-spacing: -0.5px;
  margin-top: 10px;
}

.bullet_type3 > li:first-child {
  margin-top: 0;
}

.bullet_type3.mark1 > li {
  padding-left: 9px;
}

.bullet_type3.mark1 > li:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}

.bullet_type4 > li {
  position: relative;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 20px;
  color: #111;
  line-height: 1.5;
  margin-top: 20px;
}

.bullet_type4 > li:first-child {
  margin-top: 0;
}

.bullet_type4.mark1 > li {
  padding-left: 26px;
}

.bullet_type4.mark1 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 15px;
  height: 11px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_bullet_type1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

.bullet_type4.mark1 > li .c_blue1 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
  font-weight: 800;
}

/*********** tab ***********/

.tab_ui.type1 {
  height: 50px;
}

.tab_ui.type1 .tab_wrap {
  height: 100%;
}

.tab_ui.type1 .tab_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100%;
}

.tab_ui.type1 .tab {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
}

.tab_ui.type1 .tab a {
  display: block;
  width: auto;
  height: 100%;
  text-align: center;
  padding: 0 30px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #111;
  border-radius: 25px;
  opacity: 0.5;
}

.tab_ui.type1 .tab a span {
  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: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.tab_ui.type1 .tab.active a {
  color: #fff;
  background: #4e2bf4;
  opacity: 1;
}

.tab_ui.type2 {
  width: auto;
  text-align: center;
}

.tab_ui.type2 .tab_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 30px;
}

.tab_ui.type2 .tab_inner {
  width: auto;
}

.tab_ui.type2 .tab {
  position: relative;
  width: auto;
}

.tab_ui.type2 .tab::after {
  content: "";
  position: relative;
  top: -4px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 40px;
}

.tab_ui.type2 .tab:last-child::after {
  display: none;
}

.tab_ui.type2 .tab a {
  display: inline-block;
  width: auto;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #999;
  padding-bottom: 5px;
}

.tab_ui.type2 .tab a span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.tab_ui.type2 .tab.active a {
  color: #5f4ad8;
  border-bottom: 2px solid #5f4ad8;
}

/*********** button ***********/

.btn_typeA1 {
  display: inline-block;
  width: auto;
  min-width: 180px;
  height: 55px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #4e2bf4;
  text-align: center;
  line-height: 55px;
  border: 1px solid #4e2bf4;
  border-radius: 8px;
  padding: 0 30px;
}

.btn_typeA1 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_typeA2 {
  display: inline-block;
  width: auto;
  min-width: 180px;
  height: 55px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 55px;
  background-color: #4e2bf4;
  border-radius: 8px;
  padding: 0 30px;
  letter-spacing: -.5px;
}

.btn_typeA2 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_typeB1 {
  display: inline-block;
  width: auto;
  min-width: 220px;
  height: 70px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #4e2bf4;
  text-align: center;
  line-height: 68px;
  border: 1px solid #4e2bf4;
  border-radius: 8px;
  padding: 0 30px;
}

.btn_typeB1 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_typeB2 {
  display: inline-block;
  width: auto;
  min-width: 220px;
  height: 70px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 70px;
  background-color: #4e2bf4;
  border-radius: 8px;
  padding: 0 30px;
}

.btn_typeB2 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_typeC1 {
  display: inline-block;
  width: 125px;
  height: 40px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 18px;
  color: #4e2bf4;
  text-align: center;
  line-height: 38px;
  border: 1px solid #4e2bf4;
  border-radius: 8px;
}

.btn_typeC1 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_typeC2 {
  display: inline-block;
  width: 125px;
  height: 40px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #4e2bf4;
  border-radius: 8px;
}

.btn_typeC2 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_small1 {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #4e2bf4;
  border-bottom: 1px solid #4e2bf4;
  padding-bottom: 2px;
}

.btn_small1 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btn_ac {
  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;
  text-align: center;
}

.btn_ac a,
.btn_ac button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 20px;
}

.btn_ac a:first-child,
.btn_ac button:first-child {
  margin-left: 0;
}

.btn_ac2 {
  text-align: center;
}

.btn_ac2 a,
.btn_ac2 button {
  display: block;
  margin: 10px auto 0;
}

.btn_ac2 a:first-child,
.btn_ac2 button:first-child {
  margin-top: 0;
}

/*********** ngx-bootstrap page navigation ***********/

.wrap_paging {
  position: relative;
  margin-top: 56px;
}

.wrap_paging .pagination {
  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;
}

.wrap_paging .pagination .page-item .page-link {
  display: block;
  width: 42px;
  height: 42px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
}

.wrap_paging .pagination .page-item.active .page-link {
  font-weight: 700;
  color: #111;
}

.wrap_paging .pagination-prev {
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/paging_prev.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  margin-right: 40px;
}

.wrap_paging .pagination-next {
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/paging_next.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  margin-left: 40px;
}

/*********** checkbox ***********/

.checkbox_ui {
  display: inline-block;
  vertical-align: top;
}

.checkbox_ui.type1 input[type="checkbox"] + label {
  position: relative;
  width: auto;
  min-height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  padding-left: 34px;
}

.checkbox_ui.type1 input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 26px;
  height: 26px;
  background-image: url("../../../../assets/app/img/common/chk_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

.checkbox_ui.type1 input[type="checkbox"] + label.no_word {
  width: 26px;
  padding-left: 0;
}

.checkbox_ui.type1 input[type="checkbox"]:checked + label::before {
  background-position: 0 -26px;
}

/*********** radio ***********/

.radio_ui {
  display: inline-block;
  vertical-align: top;
}

.radio_ui.type1 input[type="radio"] + label {
  position: relative;
  width: auto;
  min-height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  padding-left: 34px;
}

.radio_ui.type1 input[type="radio"] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 26px;
  height: 26px;
  background-image: url("../../../../assets/app/img/common/rdo_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

.radio_ui.type1 input[type="radio"] + label.no_word {
  width: 26px;
  padding-left: 0;
}

.radio_ui.type1 input[type="radio"]:checked + label::before {
  background-position: 0 -26px;
}

/*********** selectbox ***********/

.select_ui {
  display: inline-block;
}

.select_ui select {
  width: 100%;
  height: 50px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #666;
  padding: 0 34px 0 20px;
  border: 1px solid #ccc;
  vertical-align: middle;
  border-radius: 8px;
  background-image: url("../../../../assets/app/img/common/ic_arrow1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(100% - 20px) 50%;
}

.select_ui select:focus {
  border-color: #4e2bf4;
}

/*********** textarea Type ***********/

.textarea_ui textarea {
  width: 100%;
  height: auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  padding: 20px 30px;
  overflow-y: auto;
}

.textarea_ui textarea.focus {
  border-color: #4e2bf4;
  background: #fff;
}

.textarea_byte {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
  color: #333;
}

/*********** form ***********/

.nec {
  display: inline-block;
  font-weight: inherit;
  font-size: inherit;
  color: #ff481e;
}

.inp_self,
.inp_self2 {
  width: 100%;
  height: 50px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  color: #333;
  padding: 0 20px;
  border: 1px solid #f5f5f5;
  vertical-align: middle;
  background: #f5f5f5;
  border-radius: 8px;
  /* 크롬 자동완성에서 선택시 background color */
}

.inp_self:focus:not([readonly]):not(.error),
.inp_self2:focus:not([readonly]):not(.error) {
  border-color: #4e2bf4;
  background-color: #fff;
}

.inp_self:-webkit-autofill,
.inp_self2:-webkit-autofill,
.inp_self:-webkit-autofill:hover,
.inp_self2:-webkit-autofill:hover,
.inp_self:-webkit-autofill:focus,
.inp_self2:-webkit-autofill:focus,
.inp_self:-webkit-autofill:active,
.inp_self2:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
}

.inp_self2 {
  background: #fff;
  border: 1px solid #ccc;
}

.divider {
  padding-bottom: 60px;
  border-bottom: 1px solid #eee;
  margin-bottom: 60px;
}

.inp_mt {
  margin-top: 15px;
}

.t_success,
.t_error {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #4e2bf4;
  letter-spacing: -0.5px;
  margin-top: 15px;
}

.t_success + .t_success,
.t_error + .t_success,
.t_success + .t_error,
.t_error + .t_error,
.t_success + .t_error,
.t_error + .t_error {
  margin-top: 0;
}

.t_success + .cmt_guide1,
.t_error + .cmt_guide1,
.t_success + .bullet_type1,
.t_error + .bullet_type1 {
  margin-top: 10px;
}

.t_error {
  color: #ff481e;
}

.inp_tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.8px;
}

.wrap_inp {
  position: relative;
  display: block;
  padding-left: 150px;
}

.wrap_inp + .wrap_inp {
  margin-top: 24px;
}

.wrap_inp .inp_tit {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap_inp .inp_tit.v2 {
  height: auto;
}

.wrap_inp.type2 {
  padding-left: 0;
}

.wrap_inp.type2 .inp_tit {
  position: static;
  height: auto;
  margin-bottom: 20px;
}

.wrap_inp .inner_chk .checkbox_ui {
  margin: 0 30px 15px 0;
}

.wrap_inp .inner_chk .checkbox_ui:last-child {
  margin-right: 0;
}

.inp_bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  height: 70px;
  padding: 0 30px;
}

.inp_bundle.focus {
  border-color: #4e2bf4;
  background: #fff;
}

.inp_bundle.focus .inp {
  background: #fff;
}

.inp_bundle.focus .inp:-webkit-autofill,
.inp_bundle.focus .inp:-webkit-autofill:hover,
.inp_bundle.focus .inp:-webkit-autofill:focus,
.inp_bundle.focus .inp:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

.inp_bundle.error {
  border-color: #ff481e !important;
  background: #fffbfa !important;
}

.inp_bundle.error .inp {
  background: #fffbfa !important;
}

.inp_bundle.error .inp:-webkit-autofill,
.inp_bundle.error .inp:-webkit-autofill:hover,
.inp_bundle.error .inp:-webkit-autofill:focus,
.inp_bundle.error .inp:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #fffbfa inset !important;
}

.inp_bundle .flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.inp_bundle .inp {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  background: transparent;
}

.inp_bundle .inp:-webkit-autofill,
.inp_bundle .inp:-webkit-autofill:hover,
.inp_bundle .inp:-webkit-autofill:focus,
.inp_bundle .inp:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
}

.inp_bundle p.inp {
  line-height: 68px;
}

.inp_bundle .select {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  background-image: url("../../../../assets/app/img/common/ic_arrow2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}

.inp_bundle .btn_right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 10px;
}

.inp_bundle .at {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  margin: 0 30px;
}

.inp_bundle .timer {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #ff481e;
}

.select_ui2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  height: 70px;
}

.select_ui2 .select {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  padding: 0 60px 0 30px;
  background-image: url("../../../../assets/app/img/common/ic_arrow2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(100% - 30px) center;
  border-radius: 8px;
  border: 1px solid #f5f5f5;
}

.select_ui2 .select:focus {
  background-color: #fff;
  border-color: #4e2bf4;
}

.select_ui2 .select:disabled {
  color: #cecece;
  background-color: #ececec;
  border-color: #ececec;
  background-image: url("../../../../assets/app/img/common/ic_arrow6.png");
}

.sel_bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sel_bundle .select_ui2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  margin-left: 24px;
}

.sel_bundle .select_ui2:first-child {
  margin-left: 0;
}

.email_bundle .select {
  max-width: 50%;
}

.email_bundle input[type="email"] {
  padding-right: 10px;
}

.tel_bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tel_bundle .inp_bundle {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.tel_bundle .inp_bundle:first-child {
  max-width: 220px;
  margin-right: 16px;
}

.btn_bundle {
  position: relative;
}

.btn_bundle .inp_btn {
  margin-left: 15px;
}

.btn_bundle .inp_btn a,
.btn_bundle .inp_btn button {
  width: auto;
  padding: 0 15px;
}

.addr_bundle .inp_bundle + .inp_bundle {
  margin-top: 10px;
}

.search_bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search_bundle .select_ui {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 162px;
}

.search_bundle .inp_search {
  margin-left: 10px;
}

.inp_search {
  position: relative;
}

.inp_search .inp_self,
.inp_search .inp_self2 {
  width: 252px;
  padding-right: 40px;
}

.inp_search .btn_search {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("../../../../assets/app/img/common/ic_search1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

.wrap_terms_agree {
  width: 100%;
  max-width: 808px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 30px 40px 40px;
}

.wrap_terms_agree .agree_all {
  margin-bottom: 30px;
}

.wrap_terms_agree .agree_all input[type="checkbox"] + label {
  font-weight: 700;
  font-size: 20px;
  padding-left: 45px;
}

.wrap_terms_agree .agree_part {
  border-top: 1px solid #eee;
  padding-top: 35px;
}

.wrap_terms_agree .agree_part + .agree_part {
  margin-top: 40px;
}

.wrap_terms_agree .agree_part li {
  position: relative;
  padding-right: 130px;
}

.wrap_terms_agree .agree_part li:not(:first-child) {
  margin-top: 35px;
}

.wrap_terms_agree .agree_part li input[type="checkbox"] + label {
  padding-left: 45px;
}

.wrap_terms_agree .agree_part li .btn_typeC1 {
  position: absolute;
  right: 0;
  top: -5px;
}

.wrap_terms_agree .agree_part > p {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #111;
  margin-bottom: 35px;
}

.wrap_terms_agree + .cmt_guide1,
.wrap_terms_agree + .bullet_type1 {
  margin-top: 40px;
}

/*********** box ***********/

.box_type1 {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 35px 50px;
}

.box_type2 {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 35px 50px;
}

/*********** tooltip ***********/

/*********** table ***********/

.tableWrap {
  width: 100%;
}

.tableSlide {
  width: 100%;
  height: auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-right: 20px;
}

.tbl_top {
  padding-bottom: 10px;
}

.tbl_top .tbl_tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  color: #111;
}

.tbl_top .unit1 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 12px;
  color: #333;
}

.tbl_type1 {
  position: relative;
}

.tbl_type1::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}

.tbl_type1 table {
  border-spacing: 0;
  width: 100%;
}

.tbl_type1 table thead tr th {
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  line-height: 1.2;
  vertical-align: middle;
  padding: 10px 15px 8px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.tbl_type1 table tbody tr:first-child th,
.tbl_type1 table tbody tr:first-child td {
  border-top: 1px solid #ddd;
}

.tbl_type1 table tbody tr th {
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  line-height: 1.2;
  vertical-align: middle;
  padding: 10px 15px 8px;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.tbl_type1 table tbody tr td {
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #111;
  line-height: 1.2;
  vertical-align: middle;
  padding: 10px 15px 8px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #fff;
}

.tbl_type1 table tfoot tr td {
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 14px;
  color: #111;
  line-height: 1.2;
  vertical-align: middle;
  padding: 10px 15px 8px;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

/*********** board list ***********/

.wrap_board_list {
  position: relative;
}

.list_top_ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px;
}

.list_top_ui .list_total {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
}

.list_top_ui .list_total em {
  font-weight: 700;
}

.list_top_ui .search_area {
  margin-left: auto;
}

.board_list_type1 > ul > li {
  position: relative;
  float: left;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.board_list_type1 > ul > li:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.board_list_type1 > ul > li a,
.board_list_type1 > ul > li button {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 16px;
  border: 1px solid #ddd;
  overflow: hidden;
  -webkit-box-shadow: 5px 6px 12px 1px rgba(25, 48, 88, 0.1);
  box-shadow: 5px 6px 12px 1px rgba(25, 48, 88, 0.1);
}

.board_list_type1 > ul > li a:hover .thumbnail .img,
.board_list_type1 > ul > li button:hover .thumbnail .img {
  -webkit-transform: scale(1.05) rotate(0.001deg);
  -ms-transform: scale(1.05) rotate(0.001deg);
  transform: scale(1.05) rotate(0.001deg);
}

.board_list_type1 > ul > li .new {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 72px;
  height: 43px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #4e2bf4;
  line-height: 41px;
  text-align: center;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #4e2bf4;
  z-index: 1;
}

.board_list_type1 > ul > li .new span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.board_list_type1 > ul > li .d_day {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 72px;
  height: 43px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 43px;
  text-align: center;
  border-radius: 8px;
  background: #603de3;
  z-index: 1;
}

.board_list_type1 > ul > li .thumbnail {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.board_list_type1 > ul > li .thumbnail .ratio {
  width: 100%;
}

.board_list_type1 > ul > li .thumbnail .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: .5s;
  transition: .5s;
}

.board_list_type1 > ul > li .wrap_txt {
  position: relative;
  height: 160px;
  padding: 35px 30px 0 40px;
}

.board_list_type1 > ul > li .wrap_txt .subject {
  height: 50px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #333;
  line-height: 25px;
}

.board_list_type1 > ul > li .wrap_txt .date {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  margin-top: 12px;
}

.board_list_type1 > ul > li.video .thumbnail {
  position: relative;
}

.board_list_type1 > ul > li.video .thumbnail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}

.board_list_type1 > ul > li.video .thumbnail::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 66px;
  height: 66px;
  background-image: url("../../../../assets/app/img/common/ic_play1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(50% + 3px) 50%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 1;
}

.board_list_type1 > ul > li.video:hover .thumbnail::after {
  background-color: rgba(85, 99, 255, 0.85);
}

.board_list_type1 > ul > li.video .mo_video_link {
  display: none;
}

.board_list_type1 > ul.col2 li {
  width: calc((100% - 24px) / 2);
  margin: 0 24px 24px 0;
}

.board_list_type1 > ul.col2 li:nth-child(2n) {
  margin-right: 0;
}

.board_list_type1 > ul.col3 li {
  width: calc((100% - 50px) / 3);
  margin: 0 24px 24px 0;
}

.board_list_type1 > ul.col3 li:nth-child(3n) {
  margin-right: 0;
}

.board_list_type2 li {
  border: 1px solid #eee;
  border-radius: 8px;
  margin-top: 8px;
}

.board_list_type2 li:first-child {
  margin-top: 0;
}

.board_list_type2 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 40px 25px 0;
}

.board_list_type2 li a .num {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 100px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 20px;
  color: #111;
  text-align: center;
}

.board_list_type2 li a .tag {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 64px;
  height: 32px;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  background-color: #4e2bf4;
  border-radius: 8px;
  margin-right: 25px;
}

.board_list_type2 li a .subject {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  color: #111;
  letter-spacing: -0.5px;
  margin-right: 30px;
}

.board_list_type2 li a .date {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 16px;
  color: #888;
  margin-left: auto;
}

.list_coupon {
  width: calc(100% + 7px);
}

.list_coupon li {
  float: left;
  width: calc((100% - 34px) / 3);
  margin: 0 17px 16px 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.list_coupon li:nth-child(3n) {
  margin-right: 0;
}

.list_coupon li:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.box_coupon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.box_coupon .new {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 54px;
  height: 33px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 15px;
  color: #4e2bf4;
  line-height: 31px;
  text-align: center;
  background: #fff;
  border: 1px solid #4e2bf4;
  border-radius: 8px;
  z-index: 1;
}

.box_coupon .d_day {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 72px;
  height: 43px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 43px;
  text-align: center;
  border-radius: 8px;
  background: #603de3;
  z-index: 1;
}

.box_coupon .bg_coupon {
  width: 100%;
}

.box_coupon .bg_coupon img {
  width: 100%;
}

.box_coupon .thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  width: 40.5%;
  height: calc(100% - 5%);
  padding: 0 25px 0 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box_coupon .thumbnail .wrap_img {
  position: relative;
  width: 100%;
}

.box_coupon .thumbnail .wrap_img img {
  width: 100%;
  border-radius: 50%;
}

.box_coupon .thumbnail .wrap_img .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}

.box_coupon .wrap_txt {
  position: absolute;
  left: 45%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 45% - 2%);
  height: calc(100% - 5%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box_coupon .wrap_txt .inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding-right: 20px;
}

.box_coupon .subject {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #111;
  line-height: 25px;
}

.box_coupon .subject.elps2 {
  min-height: 50px;
}

.box_coupon .subject.elps3 {
  min-height: 75px;
}

.box_coupon .date {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}

/** 썸네일 없을 때 기본이미지 **/

.no_img1 {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.no_img2 {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/*********** board detail ***********/

.wrap_board_view1 {
  margin-top: 120px;
}

.wrap_board_view2 {
  margin-top: 80px;
}

.wrap_board_view2 .viewpage_edit {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 70px;
  margin: 60px 0 80px;
}

.viewpage_tit .subject {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 40px;
  color: #111;
}

.viewpage_tit .date {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #808080;
  margin-top: 30px;
}

.viewpage_edit .edit_row {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  line-height: 1.6;
}

.viewpage_edit .edit_row img {
  width: 100%;
}

.viewpage_edit .edit_share {
  text-align: center;
  margin: 80px 0 100px;
}

.viewpage_edit .edit_share ul {
  display: inline-block;
  width: auto;
}

.viewpage_edit .edit_share li {
  float: left;
  margin: 0 10px;
}

.viewpage_navi {
  padding: 90px 0 150px;
  border-top: 2px solid #000;
}

.viewpage_navi .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 40px;
  color: #111;
  margin-bottom: 25px;
}

.viewpage_navi ul li {
  float: left;
  width: calc((100% - 24px) / 2);
  margin-left: 24px;
}

.viewpage_navi ul li:first-child {
  margin-left: 0;
}

.viewpage_navi ul li a {
  display: block;
}

.viewpage_navi ul li .thumbnail {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 5px 6px 12px 1px rgba(25, 48, 88, 0.1);
  box-shadow: 5px 6px 12px 1px rgba(25, 48, 88, 0.1);
}

.viewpage_navi ul li .thumbnail .ratio {
  width: 100%;
}

.viewpage_navi ul li .thumbnail .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.viewpage_navi ul li .wrap_txt {
  margin-top: 38px;
}

.viewpage_navi ul li .wrap_txt .subject {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 26px;
  color: #111;
  line-height: 36px;
}

.viewpage_navi ul li .wrap_txt .date {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  margin-top: 8px;
}

.viewpage_navi ul li.video {
  position: relative;
}

.viewpage_navi ul li.video button {
  width: 100%;
}

.viewpage_navi ul li.video .thumbnail {
  position: relative;
}

.viewpage_navi ul li.video .thumbnail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}

.viewpage_navi ul li.video .thumbnail::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 66px;
  height: 66px;
  background-image: url("../../../../assets/app/img/common/ic_play1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(50% + 3px) 50%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 1;
}

.viewpage_navi ul li.video:hover .thumbnail::after {
  background-color: rgba(85, 99, 255, 0.85);
}

.viewpage_navi ul li.video .mo_video_link {
  display: none;
}

.viewpage_navi .btn_area {
  margin-top: 70px;
}

/*********** accordion list ***********/

.acodi_type1 .ac_item {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 0 40px;
  margin-top: 8px;
}

.acodi_type1 .ac_item:first-child {
  margin-top: 0;
}

.acodi_type1 .ac_item.on {
  border-color: #4e2bf4;
}

.acodi_type1 .ac_item.on .ic_Q {
  background-color: #603de3;
}

.acodi_type1 .ic_Q,
.acodi_type1 .ic_A {
  position: absolute;
  left: 0;
  top: 25px;
  width: 32px;
  height: 32px;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  background-color: #999;
  border-radius: 8px;
  -webkit-transition: background-color .15s;
  transition: background-color .15s;
}

.acodi_type1 .ac_head {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 25px 0 25px 60px;
  text-align: left;
  cursor: pointer;
}

.acodi_type1 .ac_head .tit_area .kinds {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  color: #603de3;
  letter-spacing: -0.5px;
  margin-right: 5px;
}

.acodi_type1 .ac_head .tit_area .subject {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  color: #111;
  letter-spacing: -0.5px;
}

.acodi_type1 .ac_panel {
  display: none;
  position: relative;
  padding: 32px 0 50px 60px;
  border-top: 1px solid #eee;
}

.acodi_type1 .ac_panel .ic_A {
  background-color: #ff481e;
  top: 32px;
}

.acodi_type1 .ac_panel .con_area {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  line-height: 34px;
  letter-spacing: -0.8px;
}

.acodi_type1.v_arrow .ac_head::after {
  content: '';
  width: 19px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  background-image: url("../../../../assets/app/img/common/ic_arrow2.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 50% 50%;
  -webkit-transition: .3s;
  transition: .3s;
}

/*********** tab contents ***********/

.viewPanel {
  display: none;
}

.viewPanel.active {
  display: block;
}

/*********** banner ***********/

.banner_type1 img {
  width: 100%;
}

.banner_type1 .swiper-pagination {
  margin-top: 30px;
}

.banner_type2 {
  position: relative;
}

.banner_type2 a img {
  width: 100%;
}

.banner_type2 .swiper-pagination {
  position: absolute !important;
  left: 36px;
  bottom: 20px;
}

/*********** etc ***********/

.swiper-pagination.type1 {
  position: static;
  height: 8px;
}

.swiper-pagination.type1 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  margin: 0 4px;
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: top;
}

.swiper-pagination.type1 .swiper-pagination-bullet-active {
  background-color: #29d5b1;
}

.swiper-pagination.type2 {
  position: static;
  height: 6px;
}

.swiper-pagination.type2 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  margin: 0 4px;
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: top;
}

.swiper-pagination.type2 .swiper-pagination-bullet-active {
  background-color: #000;
}

.swiper-pagination.type3 {
  position: static;
  height: 12px;
}

.swiper-pagination.type3 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
  opacity: 1;
  margin: 0 6px;
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: top;
}

.swiper-pagination.type3 .swiper-pagination-bullet-active {
  background-color: #4e2bf4;
}

.swiper-button-disabled {
  opacity: 0 !important;
}

.swiper-button-prev.type1,
.swiper-button-next.type1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 30px;
  opacity: 1;
  margin-top: 0;
}

.swiper-button-prev.type2,
.swiper-button-next.type2 {
  display: inline-block;
  position: static;
  width: 32px;
  height: 28px;
  opacity: 1;
  margin-top: 0;
  vertical-align: top;
}

.swiper-button-prev.type3,
.swiper-button-next.type3 {
  display: inline-block;
  position: static;
  width: 10px;
  height: 14px;
  opacity: 1;
  margin-top: 0;
  vertical-align: middle;
}

.swiper-button-prev.type4,
.swiper-button-next.type4 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 52px;
  opacity: 1;
  margin-top: 0;
}

.swiper-button-prev.type1 {
  left: 0;
  background-image: url("../../../../assets/app/img/common/ic_arrow4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

.swiper-button-prev.type2 {
  background-image: url("../../../../assets/app/img/common/ic_arrow5.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

.swiper-button-prev.type3 {
  background-image: url("../../../../assets/app/img/common/ic_arrow9.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-left: 25px;
}

.swiper-button-prev.type4 {
  left: 0;
  background-image: url("../../../../assets/app/img/common/ic_arrow10.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

.swiper-button-next.type1 {
  right: 0;
  background-image: url("../../../../assets/app/img/common/ic_arrow4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.swiper-button-next.type2 {
  background-image: url("../../../../assets/app/img/common/ic_arrow5.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  -webkit-transform: translateX(30px) rotate(180deg);
  -ms-transform: translateX(30px) rotate(180deg);
  transform: translateX(30px) rotate(180deg);
}

.swiper-button-next.type3 {
  background-image: url("../../../../assets/app/img/common/ic_arrow9.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-button-next.type4 {
  right: 0;
  background-image: url("../../../../assets/app/img/common/ic_arrow10.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.swiper-tools {
  position: static;
}

.swiper-tools .swiper-pagination {
  position: static;
  display: inline-block;
  width: 140px;
  height: 2px;
  background-color: #ccc;
  vertical-align: middle;
}

.swiper-tools .swiper-pagination .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  background-color: #111;
}

.swiper-tools .swiper-count {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 18px;
  color: #ccc;
}

.swiper-tools .swiper-count span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: center;
  opacity: .5;
}

.swiper-tools .swiper-count span.active_num {
  width: 30px;
  color: #111;
  opacity: 1;
}

.swiper-tools .swiper-count span.all_num {
  width: 30px;
}

.swiper-tools .btn-swiper-play {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  -webkit-transition: .3s;
  transition: .3s;
  width: 12px;
}

.swiper-tools .btn-swiper-play span {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  opacity: .5;
}

.swiper-tools .btn-swiper-play.paused span {
  width: 11px;
  height: 11px;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
}

.swiper-tools .btn-swiper-play.play span {
  width: 0px;
  height: 0px;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ccc;
}

.swiper-tools.v2 .swiper-pagination {
  background-color: rgba(255, 255, 255, 0.5);
}

.swiper-tools.v2 .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

.swiper-tools.v2 .swiper-count {
  color: #fff;
}

.swiper-tools.v2 .swiper-count span.active_num {
  color: #fff;
}

.swiper-tools.v2 .btn-swiper-play.paused span {
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
}

.swiper-tools.v2 .btn-swiper-play.play span {
  border-left: 6px solid rgba(255, 255, 255, 0.5);
}

.swiper-scrollbar,
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #eee;
  border-radius: 0;
}

.swiper-scrollbar-drag,
.swiper-container-horizontal > .swiper-scrollbar-drag {
  height: 2px;
  border-radius: 2px;
  background: #4e2bf4;
  margin-top: -0.5px;
}

.video_container {
  position: relative;
  width: 100%;
  padding-bottom: 54%;
}

.video_container iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

/*********** popup ***********/

.popup_ui {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.popup_ui .pop_container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1001;
}

.popup_ui .pop_layer {
  background-color: #fff;
}

.popup_ui.type_modal .pop_layer {
  position: absolute;
  left: 50%;
  top: 70px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 60px);
  max-width: 600px;
  /* 각 팝업css에서 사이즈 조절 */
  border-radius: 25px;
  padding: 60px 40px;
}

.popup_ui.type_modal .pop_layer:after {
  content: '';
  display: block;
  width: 100%;
  height: 70px;
  position: absolute;
  left: 0;
  bottom: -70px;
}

.popup_ui.type_full .pop_layer {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.popup_ui.type_full .btn_pop_close {
  right: 20px;
  top: 20px;
}

.popup_ui .pop_tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22px;
  color: #111;
  margin-bottom: 40px;
}

.popup_ui .pop_tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
  margin-bottom: 40px;
}

.popup_ui .pop_body {
  width: 100%;
}

.popup_ui .pop_body .btn_ac a,
.popup_ui .pop_body .btn_ac button {
  margin-left: 10px;
}

.popup_ui .pop_body .btn_ac a:first-child,
.popup_ui .pop_body .btn_ac button:first-child {
  margin-left: 0;
}

.popup_ui .pop_inner_scroll {
  margin-right: -40px;
  padding-right: 40px;
  overflow-y: auto;
}

.popup_ui .btn_pop_close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 21px;
  height: 21px;
  background-image: url("../../../../assets/app/img/common/ic_x1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

/*********** 플로팅 퀵메뉴 ***********/

#quickMenu {
  position: fixed;
  right: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

#quickMenu .box {
  position: relative;
  text-align: center;
}

#quickMenu .box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 83px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
}

#quickMenu .btn_quick {  
  position: relative;
  width: 80px;
  height: 83px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.5px;
  padding-top: 45px;
  border-radius: 20px 0 0 0;
  background-image: url("../../../../assets/app/img/common/ic_quick.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 19px;
  background-color: #4e2bf4;
}

#quickMenu .quick_list {
  background: #fff;
  border-radius: 0 0 0 20px;
  -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  padding-bottom: 14px;
}

#quickMenu .quick_list li a {
  display: block;
  width: 80px;
  height: 83px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 16px;
  color: #444;
  letter-spacing: -.5px;
  padding-top: 52px;
}

#quickMenu .quick_list li a:hover {
  color: #4e2bf4;
}

#quickMenu .quick_list li.join a {
  background-image: url("../../../../assets/app/img/common/ic_quick_join.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 26px;
}

#quickMenu .quick_list li.join a:hover {
  background-image: url("../../../../assets/app/img/common/ic_quick_join_on.png");
}

#quickMenu .quick_list li.my a {
  background-image: url("../../../../assets/app/img/common/ic_quick_my.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 26px;
}

#quickMenu .quick_list li.my a:hover {
  background-image: url("../../../../assets/app/img/common/ic_quick_my_on.png");
}

#quickMenu .quick_list li.app a {
  background-image: url("../../../../assets/app/img/common/ic_quick_appdown.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 26px;
}

#quickMenu .quick_list li.app a:hover {
  background-image: url("../../../../assets/app/img/common/ic_quick_appdown_on.png");
}

#quickMenu .quick_list li.event a {
  background-image: url("../../../../assets/app/img/common/ic_quick_event.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 26px;
}

#quickMenu .quick_list li.event a:hover {
  background-image: url("../../../../assets/app/img/common/ic_quick_event_on.png");
}

#quickMenu .quick_list li.customer a {
    background-image: url("../../../../images_customer/icon/ic_quick_talk.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 26px;
  }

#quickMenu .quick_list li.customer a:hover {
  background-image: url("../../../../images_customer/icon/ic_quick_talk_2.png");
}


#quickTalk .btn_talk {
  display: none;
}

/*------------------- header ---------------------*/

.hasTopBnr .page_top_banner {
  display: block;
}

.hasTopBnr #header {
  top: 150px;
}

.hasTopBnr #contents {
  padding-top: calc(150px + 120px);
}

.hasTopBnr #lnb {
  top: 150px;
}

.hasTopBnr #lnb .top_area {
  top: 150px;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 280px;
  height: 120px;
  background: white;
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: border .3s;
  transition: border .3s;
}

#header .wrap_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 1284px;
  height: 100%;
  padding: 40px 30px 0 30px;
  margin: 0 auto;
}

#header .logo {
  margin-right: auto;
  padding-top: 20px;
}

#header .logo a {
  display: block;
  width: 90px;
  height: 31px;
  background-image: url("../../../../assets/app/img/common/logo1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#header #gnb {
  position: relative;
}

#header #gnb > ul {
  height: 100%;
}

#header #gnb > ul > li {
  position: relative;
  float: left;
  width: auto;
  height: 100%;
  padding-right: 80px;
  -webkit-transition: padding .3s;
  transition: padding .3s;
}

#header #gnb > ul > li:last-child {
  padding-right: 0;
}

#header #gnb > ul > li .depth1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#header #gnb > ul > li .depth1 a {
  position: relative;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 22px;
  color: #111;
}

#header #gnb > ul > li .depth1 a::before {
  content: "";
  position: absolute;
  right: -7px;
  top: -4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4e2bf4;
  opacity: 0;
}

#header #gnb > ul > li .depth1.on a {
  color: #4e2bf4;
  -webkit-transition: .3s;
  transition: .3s;
}

#header #gnb > ul > li .depth1.on a::before {
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s;
}

#header #gnb .depth2 {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 15px;
  width: 100%;
}

#header #gnb .depth2 > li {
  margin-top: 20px;
}

#header #gnb .depth2 > li:first-child {
  margin-top: 0;
}

#header #gnb .depth2 > li > a {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.8px;
}

#header #gnb .depth2 > li > a:hover {
  color: #4e2bf4;
}

/* hpay_hover */
#header #gnb > ul > .hpay:hover div .hpay_hover {
  display: block;
  width: 70px;
  height: 30px;
  background-image: url("https://www.h-point.co.kr/images_customer/logo/img_logo_hpay_6.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  margin: 0 auto;
  background-color: #ffffff;
  z-index: 100;
}

#header #gnb > ul > .hpay:hover div .hpay_hover .hpay_hover_2{
  display: none;
  background-color: #ffffff;
}
/* hpay_hover */



#header .gnb_menu_layer {
  display: none;
  max-width: 1920px;
  margin: 0 auto;
}

#header .gnb_menu_layer .menu_bg {
  height: 500px;
  background-color: #fff;
}

#header .gnb_menu_layer .gnb_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
}

#header .gnb_menu_layer .gnb_banner a {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

#header .gnb_menu_layer .gnb_banner a .img {
  display: block;
  width: 100%;
  height: 140px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: .3s;
  transition: .3s;
}

#header .hd_util_pc {
  position: absolute;
  right: 30px;
  top: 0;
}

#header .hd_util_pc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}

#header .hd_util_pc ul li {
  position: relative;
  margin-left: 18px;
}

#header .hd_util_pc ul li a,
#header .hd_util_pc ul li button {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.8px;
}

#header .hd_util_pc ul li a.app_down,
#header .hd_util_pc ul li button.app_down {
  font-weight: 700;
  color: #4e2bf4;
  padding-right: 12px;
  background-image: url("../../../../assets/app/img/common/ic_download1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}

.btn_hd_menu,
.hd_util_mo,
#lnb {
  display: none;
}

#headerDim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.bnr_sign {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -55px;
  padding-top: 7px;
}

.bnr_sign::before {
  position: absolute;
  content: '';
  width: 32px;
  height: 8px;
  left: 50%;
  margin-left: -16px;
  top: 0;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_banner_arrow.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

.bnr_sign .inner {
  position: relative;
  border-radius: 20px;
  background-color: #4e2bf4;
  min-height: 40px;
  padding: 10px 32px 10px 10px;
  -webkit-box-shadow: 1.71px 4.698px 17px 3px rgba(25, 48, 88, 0.16);
  box-shadow: 1.71px 4.698px 17px 3px rgba(25, 48, 88, 0.16);
}

.bnr_sign .inner .btn_close {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_x4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
  text-indent: -99999px;
  overflow: hidden;
}

/*------------------- footer ---------------------*/

#footer {
  position: relative;
  width: 100%;
  min-width: 280px;
  height: auto;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  padding: 45px 0 60px;
}

#footer .inner {
  position: relative;
  padding-left: 210px;
}

#footer .logo {
  position: absolute;
  left: 0;
  top: 5px;
  width: 149px;
  height: 50px;
  background-image: url("../../../../assets/app/img/common/logo2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#footer .ft_menu li {
  float: left;
  margin-right: 35px;
}

#footer .ft_menu li a {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  letter-spacing: -0.25px;
}

#footer .ft_menu li.emp a {
  font-weight: 700;
}

#footer .ft_sns {
  position: absolute;
  right: 0;
  top: 0;
}

#footer .ft_sns li {
  float: left;
  margin-left: 10px;
}

#footer .ft_info {
  margin-top: 25px;
}

#footer .ft_info p {
  position: relative;
  float: left;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #999;
  letter-spacing: -0.25px;
  margin-right: 10px;
  padding-right: 12px;
}

#footer .ft_info p:last-child::after {
  display: none;
}

#footer .ft_info p::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 2px;
  height: 2px;
  background: #999;
  opacity: 0.5;
}

#footer .copyright {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 12px;
  color: #999;
  letter-spacing: 0.3px;
  margin-top: 12px;
}

.pageTop {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.pageTop .wrap {
  position: relative;
  margin: 0 auto;
}

.pageTop .wrap .btn_top {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background-image: url("../../../../assets/app/img/common/ic_top.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
}

/*------------------- 메인 ---------------------*/

#main .sect_tit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#main .sect_tit_area .sect_desc {
  margin-left: 40px;
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

#main .sect_tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 52px;
  color: #111;
}

#main .sect_tit.c_wh {
  color: #fff;
}

#main .sect_desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.8px;
}

#main .slide_tab_align {
  position: static;
  margin: 35px 0 25px;
}

#main .main_slide_tabmenu .tab {
  position: relative;
  width: auto;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 18px;
  color: #a6a6a6;
  padding-left: 15px;
  margin-right: 30px;
  cursor: pointer;
}

#main .main_slide_tabmenu .tab:last-child {
  margin-right: 0;
}

#main .main_slide_tabmenu .tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background: #efefef;
  border-radius: 50%;
}

#main .main_slide_tabmenu .tab.active {
  color: #111;
}

#main .main_slide_tabmenu .tab.active::before {
  background: #4e2bf4;
}

#main .scroll_down {
  position: fixed;
  width: 0;
  height: 0;
  text-indent: -99999px;
  overflow: hidden;
  -webkit-animation: btnBounce 1s infinite alternate ease-in-out;
  animation: btnBounce 1s infinite alternate ease-in-out;
}

@-webkit-keyframes btnBounce {
  0%, 7% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes btnBounce {
  0%, 7% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

/*------------------- 메인 비주얼 ---------------------*/

#main .sect_visual {
  width: 100%;
  height: 780px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}

#main .sect_visual .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#main .sect_visual .swiper-slide {
  overflow: hidden;
  color: #fff;
}

#main .sect_visual .swiper-slide.movie .slide_bg .video {
  position: absolute;
  left: 0;
  top: 0;
  height: 137%;
  -webkit-transform: translateY(-13.8%);
  -ms-transform: translateY(-13.8%);
  transform: translateY(-13.8%);
}

#main .sect_visual .swiper-slide.movie .video_landing_link {
  display: none;
}

#main .sect_visual .swiper-slide.movie .btn_play {
  position: absolute;
  left: 68%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 66px;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #fff;
  text-align: center;
  padding-top: 80px;
}

#main .sect_visual .swiper-slide.movie .btn_play::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  height: 66px;
  background-image: url("../../../../assets/app/img/common/ic_play1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(50% + 3px) 50%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_visual .swiper-slide.movie .btn_play:hover::before {
  background-color: rgba(85, 99, 255, 0.85);
}

#main .sect_visual .swiper-slide.movie .btn_play > span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#main .sect_visual .slide_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#main .sect_visual .slide_bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#main .sect_visual .slide_bg > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

#main .sect_visual .wrap_txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 1284px;
  min-width: 280px;
  padding: 0 30px;
  margin: 0 auto;
  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%;
}

#main .sect_visual .wrap_txt .b_txt {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 60px;
  color: #fff;
  line-height: 80px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

#main .sect_visual .wrap_txt .s_txt {
  height: 105px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  line-height: 34px;
  letter-spacing: -0.8px;
  margin-top: 60px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

#main .sect_visual .wrap_swiper_tools {
  position: absolute;
  left: 0;
  bottom: 180px;
  width: 100%;
  z-index: 1;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools {
  max-width: 1284px;
  min-width: 280px;
  padding: 0 30px;
  margin: 0 auto;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools .swiper-count {
  font-size: 22px;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools .swiper-pagination {
  height: 4px;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play {
  margin-top: -3px;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play span {
  opacity: 1;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play.paused span {
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  width: 13px;
  height: 13px;
}

#main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play.play span {
  border-right: 7px solid transparent;
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

#main .sect_visual .wrap_swiper_navi {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  max-width: 1565px;
  margin: 0 auto;
}

#main .sect_visual .wrap_swiper_navi .swiper-button-next {
  right: 30px;
}

#main .sect_visual .wrap_swiper_navi .swiper-button-prev {
  left: 30px;
}

/*------------------- 가입혜택 (로그인 전) ---------------------*/

#main .sect_benefit {
  height: 780px;
  padding: 100px 0 110px;
  background: #603de3;
  overflow: hidden;
}

#main .sect_benefit .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#main .sect_benefit .left_box {
  position: relative;
  max-width: 560px;
  width: 46%;
}

#main .sect_benefit .left_box .img_box {
  position: relative;
  max-width: 560px;
  width: 100%;
}

#main .sect_benefit .left_box .img_box .img_mockup1 {
  width: 100%;
}

#main .sect_benefit .left_box .img_box .img_mockup2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_benefit .left_box .img_box .img_mockup2.on {
  opacity: 1;
}

#main .sect_benefit .left_box .img_box .img_obj {
  position: absolute !important;
  right: 0;
  top: -15px;
  width: 127.1%;
  max-width: 700px;
  opacity: 0;
  -webkit-transform: scale(0.5) rotate(-10deg);
  -ms-transform: scale(0.5) rotate(-10deg);
  transform: scale(0.5) rotate(-10deg);
}

#main .sect_benefit .left_box .img_box .img_obj.active {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}

#main .sect_benefit .left_box .qr_list {
  position: absolute;
  left: 0;
  bottom: 5px;
}

#main .sect_benefit .left_box .qr_list li {
  position: relative;
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #2e1e6a;
  cursor: pointer;
}

#main .sect_benefit .left_box .qr_list li .img_qr {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 70px;
  left: 0;
  border: 3px solid #2e1e6a;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: initial;
}

#main .sect_benefit .left_box .qr_list li.android {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_android.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#main .sect_benefit .left_box .qr_list li.ios {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_ios.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#main .sect_benefit .left_box .qr_list li.onestore {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_onestore.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#main .sect_benefit .left_box .qr_list li:hover .img_qr {
  opacity: 1;
  visibility: visible;
}

#main .sect_benefit .right_box {
  position: absolute;
  width: 560px;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main .sect_benefit .right_box .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 46px;
  color: #fff;
}

#main .sect_benefit .right_box .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-size: 60px;
}

#main .sect_benefit .right_box .tit span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #fff117;
}

#main .sect_benefit .right_box .point_list {
  margin-top: 30px;
}

#main .sect_benefit .right_box .point_list li {
  position: relative;
  float: left;
  border-radius: 16px;
  height: 120px;
  width: calc(50% - 10px);
  margin-top: 20px;
  padding-left: 98px;
  padding-top: 30px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  -webkit-transition: border-color .2s, background-color .15s, color .15s, -webkit-box-shadow .15s;
  transition: border-color .2s, background-color .15s, color .15s, -webkit-box-shadow .15s;
  transition: border-color .2s, background-color .15s, box-shadow .15s, color .15s;
  transition: border-color .2s, background-color .15s, box-shadow .15s, color .15s, -webkit-box-shadow .15s;
  cursor: pointer;
}

#main .sect_benefit .right_box .point_list li:nth-child(odd) {
  margin-right: 20px;
}

#main .sect_benefit .right_box .point_list li:nth-child(-n + 2) {
  margin-top: 0;
}

#main .sect_benefit .right_box .point_list li em {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 36px;
  color: inherit;
}

#main .sect_benefit .right_box .point_list li:nth-child(1)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#main .sect_benefit .right_box .point_list li:nth-child(2)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#main .sect_benefit .right_box .point_list li:nth-child(3)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#main .sect_benefit .right_box .point_list li:nth-child(4)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#main .sect_benefit .right_box .point_list li.hover {
  color: #603de3;
}

#main .sect_benefit .right_box .point_list li.on {
  background-color: #a289ff;
  -webkit-box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.3);
  box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.3);
  color: #fff !important;
}

#main .sect_benefit .right_box .point_list li.on:nth-child(1)::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_hover_benefit1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#main .sect_benefit .right_box .point_list li.on:nth-child(2)::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_hover_benefit2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#main .sect_benefit .right_box .point_list li.on:nth-child(3)::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_hover_benefit3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#main .sect_benefit .right_box .point_list li.on:nth-child(4)::after {
  background-image: url("../../../../assets/app/img/introduce/ic_hover_benefit4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#main .sect_benefit .right_box .btn_typeB2 {
  display: block;
  width: 320px;
  margin: 50px auto 0;
  background-color: #fff890;
  color: black;
}

/*------------------- 마이페이지 안내 (로그인 후) ---------------------*/

#main .sect_my {
  background: #714df5;
  text-align: center;
}

#main .sect_my .cont_pc {
  padding: 120px 0;
}

#main .sect_my .cont_pc .tit {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 36px;
  color: #fff;
  line-height: 51px;
}

#main .sect_my .cont_pc .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#main .sect_my .cont_pc .list {
  display: inline-block;
  margin-top: 55px;
}

#main .sect_my .cont_pc .list li {
  float: left;
  width: 210px;
  padding: 0 10px;
  border-right: 1px solid #8a6df4;
}

#main .sect_my .cont_pc .list li:last-child {
  border-right: none;
}

#main .sect_my .cont_pc .list li a {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.8px;
  padding-top: 95px;
}

#main .sect_my .cont_pc .list li.ic_point a {
  background-image: url("../../../../assets/app/img/main/ic_sect_my1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

#main .sect_my .cont_pc .list li.ic_coupon a {
  background-image: url("https://www.h-point.co.kr/assets/app/img/main/ic_sect_my2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

#main .sect_my .cont_pc .list li.ic_info a {
  background-image: url("../../../../assets/app/img/main/ic_sect_my3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

#main .sect_my .cont_mo {
  padding: 75px 0;
}

#main .sect_my .cont_mo .tit {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  line-height: 28px;
}

#main .sect_my .cont_mo .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#main .sect_my .cont_mo .btn {
  display: inline-block;
  width: auto;
  height: 38px;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 13px;
  color: #4e2bf4;
  line-height: 38px;
  padding: 0 23px;
  background: #fff;
  border-radius: 8px;
  margin-top: 30px;
}

#main .sect_my .cont_mo .btn span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/*------------------- H매거진 ---------------------*/

#main .sect_magazine {
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}

#main .sect_magazine .mag_thumbnail {
  position: absolute;
  left: 50%;
  top: 165px;
  margin-left: -92px;
  width: 1050px;
  overflow: hidden;
}

#main .sect_magazine .mag_thumbnail .swiper-container {
  width: calc(705px + 20px);
  overflow: visible;
  margin: 0;
  padding: 0 20px 20px 0;
}

#main .sect_magazine .mag_thumbnail .swiper-slide-active {
  opacity: 1;
}

#main .sect_magazine .mag_thumbnail .swiper-slide-active .thumbnail {
  -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
}

#main .sect_magazine .mag_thumbnail .swiper-slide-active .thumbnail .img {
  -webkit-transform: scale(1.2) rotate(0.1deg);
  -ms-transform: scale(1.2) rotate(0.1deg);
  transform: scale(1.2) rotate(0.1deg);
}

#main .sect_magazine .mag_thumbnail .swiper-slide-prev {
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_magazine .mag_thumbnail .swiper-slide.video button {
  width: 100%;
}

#main .sect_magazine .mag_thumbnail .swiper-slide.video .thumbnail {
  position: relative;
}

#main .sect_magazine .mag_thumbnail .swiper-slide.video .thumbnail::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}

#main .sect_magazine .mag_thumbnail .swiper-slide.video .thumbnail::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 66px;
  height: 66px;
  background-image: url("../../../../assets/app/img/common/ic_play1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(50% + 3px) 50%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 1;
}

#main .sect_magazine .mag_thumbnail .swiper-slide.video:hover .thumbnail::after {
  background-color: rgba(85, 99, 255, 0.85);
}

#main .sect_magazine .mag_thumbnail .swiper-slide.video .mo_video_link {
  display: none;
}

#main .sect_magazine .mag_thumbnail .thumbnail {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow .3s .3s;
  transition: -webkit-box-shadow .3s .3s;
  transition: box-shadow .3s .3s;
  transition: box-shadow .3s .3s, -webkit-box-shadow .3s .3s;
  z-index: 0;
}

#main .sect_magazine .mag_thumbnail .thumbnail .ratio {
  width: 100%;
}

#main .sect_magazine .mag_thumbnail .thumbnail .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: 5s .2s linear;
  transition: 5s .2s linear;
}

#main .sect_magazine .mag_text {
  width: calc(50% - 15%);
  height: 460px;
  padding-top: 70px;
  margin-top: 45px;
}

#main .sect_magazine .mag_text .swiper-container {
  width: 100%;
  margin: 0;
}

#main .sect_magazine .mag_text .swiper-slide .inner > * {
  opacity: 0;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

#main .sect_magazine .mag_text .swiper-slide-active .inner > * {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#main .sect_magazine .mag_text .swiper-slide-active .inner > *:nth-child(1) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#main .sect_magazine .mag_text .swiper-slide-active .inner > *:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#main .sect_magazine .mag_text .swiper-slide-active .inner > *:nth-child(3) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

#main .sect_magazine .mag_text .tag {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 18px;
  color: #4e2bf4;
}

#main .sect_magazine .mag_text .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 36px;
  color: #111;
  line-height: 51px;
}

#main .sect_magazine .mag_text .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  line-height: 30px;
  letter-spacing: -0.8px;
  margin-top: 15px;
}

#main .sect_magazine .mag_text .mo_video_link {
  display: none;
}

#main .sect_magazine .slide_navi {
  position: absolute;
  left: 30px;
  bottom: 0;
}

/*------------------- 이벤트 ---------------------*/

#main .sect_event {
  position: relative;
  padding: 160px 0;
  background-color: #5ccdb5;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
}

#main .sect_event::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
}

#main .sect_event .wrap_event_slide {
  margin: 30px -15px 0;
  padding: 20px 15px 0;
  overflow: hidden;
}

#main .sect_event .wrap_event_slide .eventSwiper {
  overflow: visible;
}

#main .sect_event .wrap_event_slide .thumbnail {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 10px 3px rgba(31, 31, 31, 0.2);
  box-shadow: 0 5px 10px 3px rgba(31, 31, 31, 0.2);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 0;
}

#main .sect_event .wrap_event_slide .thumbnail .ratio {
  width: 100%;
}

#main .sect_event .wrap_event_slide .thumbnail .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#main .sect_event .wrap_event_slide .thumbnail .shortcut {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #4e2bf4;
  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;
}

#main .sect_event .wrap_event_slide .thumbnail .shortcut span {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 26px;
  color: #fff;
  padding-right: 50px;
  background-image: url("../../../../assets/app/img/common/ic_arrow7.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}

#main .sect_event .wrap_event_slide .thumbnail::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_event .wrap_event_slide .thumbnail:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

#main .sect_event .wrap_event_slide .thumbnail:hover::after {
  opacity: 0.3;
}

#main .sect_event .wrap_event_slide .wrap_txt {
  text-align: center;
  margin-top: 50px;
}

#main .sect_event .wrap_event_slide .wrap_txt .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 26px;
  color: #fff;
}

#main .sect_event .wrap_event_slide .wrap_txt .sub_tit {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
}

#main .sect_event .swiper-tools {
  position: absolute;
  right: 30px;
  top: 40px;
}

#main .sect_event .wrap_swiper_navi {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  max-width: 1565px;
  margin: 0 auto;
}

#main .sect_event .wrap_swiper_navi .swiper-button-next {
  right: 30px;
}

#main .sect_event .wrap_swiper_navi .swiper-button-prev {
  left: 30px;
}

/*------------------- 핫이슈 ---------------------*/

#main .sect_hotissue {
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}

#main .sect_hotissue .wrap_issue_slide {
  margin-top: 50px;
}

#main .sect_hotissue .tabConSwiperPC {
  overflow: visible;
}

#main .sect_hotissue .tab_con_slide.swiper-slide-active .cardSwiper .swiper-slide {
  pointer-events: auto;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

#main .sect_hotissue .tab_con_slide.swiper-slide-active .cardSwiper .swiper-slide:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

#main .sect_hotissue .cardSwiper {
  overflow: visible;
}

#main .sect_hotissue .cardSwiper .img {
  width: 100%;
  border-radius: 16px;
}

#main .sect_hotissue .slide_navi {
  margin-top: 60px;
}

/*------------------- 배너 ---------------------*/

#main .sect_banner {
  position: relative;
}

#main .sect_banner .pc_bnr {
  position: relative;
}

#main .sect_banner .pc_bnr .ratio {
  max-width: 100%;
  margin: 0 auto;
}

#main .sect_banner .pc_bnr .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#main .sect_banner .mo_bnr {
  width: 100%;
}

#main .sect_banner .swiper-pagination {
  margin-top: 30px;
}

/*------------------- 포인트 쌓기 ---------------------*/

#main .sect_collect {
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}

#main .sect_collect .wrap_collect_slide {
  position: relative;
  width: 100%;
  max-width: 1224px;
  margin: 70px auto 0;
}

#main .sect_collect .swiper-slide {
  position: relative;
  width: auto;
  padding-top: 34px;
}

#main .sect_collect .swiper-slide::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 566px;
  height: 457px;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-image: url("../../../../assets/app/img/main/bg_collect.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
  -webkit-transform: translateX(-50%) scale(0.5);
  -ms-transform: translateX(-50%) scale(0.5);
  transform: translateX(-50%) scale(0.5);
}

#main .sect_collect .swiper-slide a {
  -webkit-transform: scale(0.5116);
  -ms-transform: scale(0.5116);
  transform: scale(0.5116);
  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;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_collect .swiper-slide .img {
  max-width: 100%;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_collect .swiper-slide .wrap_txt {
  margin-top: 30px;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#main .sect_collect .swiper-slide .wrap_txt .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
}

#main .sect_collect .swiper-slide .wrap_txt .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.8px;
}

#main .sect_collect .swiper-slide-prev a {
  -webkit-transform: scale(0.5116) translateX(-86px);
  -ms-transform: scale(0.5116) translateX(-86px);
  transform: scale(0.5116) translateX(-86px);
}

#main .sect_collect .swiper-slide-next a {
  -webkit-transform: scale(0.5116) translateX(86px);
  -ms-transform: scale(0.5116) translateX(86px);
  transform: scale(0.5116) translateX(86px);
}

#main .sect_collect .swiper-slide-active::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1) !important;
  -ms-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26);
  transition: opacity 0.6s, -webkit-transform 0.6s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26);
  transition: transform 0.6s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26), opacity 0.6s;
  transition: transform 0.6s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26), opacity 0.6s, -webkit-transform 0.6s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26);
}

#main .sect_collect .swiper-slide-active a {
  -webkit-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}

#main .sect_collect .swiper-slide-active .img {
  -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
}

#main .sect_collect .swiper-slide-active .wrap_txt {
  opacity: 1;
}

#main .sect_collect .slide_navi {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  max-width: 1224px;
  margin: -14px auto 0;
  z-index: 1;
}

#main .sect_collect .slide_navi .swiper-button-prev,
#main .sect_collect .slide_navi .swiper-button-next {
  position: absolute;
  top: -14px;
}

#main .sect_collect .slide_navi .swiper-button-prev {
  left: -60px;
}

#main .sect_collect .slide_navi .swiper-button-next {
  right: -30px;
}

/*------------------- 포인트 쓰기 ---------------------*/

#main .sect_use {
  position: relative;
  padding: 130px 0 180px;
  background-color: #fafafa;
  overflow: hidden;
}

#main .sect_use .wrap_use_slide {
  margin-top: 45px;
}

#main .sect_use .wrap_use_slide .swiper-slide {
  float: left;
  width: calc((100% - 48px) / 3);
  margin-right: 24px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  padding-top: 10px;
}

#main .sect_use .wrap_use_slide .swiper-slide:last-child {
  margin-right: 0;
}

#main .sect_use .wrap_use_slide .swiper-slide .thumbnail {
  border-radius: 16px;
  overflow: hidden;
}

#main .sect_use .wrap_use_slide .swiper-slide .img {
  width: 100%;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

#main .sect_use .wrap_use_slide .swiper-slide .wrap_txt {
  margin-top: 35px;
  text-align: center;
}

#main .sect_use .wrap_use_slide .swiper-slide .wrap_txt .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
}

#main .sect_use .wrap_use_slide .swiper-slide .wrap_txt .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.8px;
  margin-top: 12px;
}

#main .sect_use .wrap_use_slide .swiper-slide:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

#main .sect_use .wrap_use_slide .swiper-slide:hover .img {
  -webkit-transform: scale(1.05) rotate(0.001deg);
  -ms-transform: scale(1.05) rotate(0.001deg);
  transform: scale(1.05) rotate(0.001deg);
}

/*------------------- 회원 공통 ---------------------*/

#sign {
  background: #f9f9f9;
}

#sign .wrap_box {
  border-radius: 16px;
  background: #fff;
  padding: 100px 30px;
}

#sign .wrap_box .inner600 {
  max-width: 600px;
  margin: 0 auto;
}

#sign .wrap_box .inner808 {
  max-width: 808px;
  margin: 0 auto;
}

#sign .wrap_box .sect_tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  color: #111;
  letter-spacing: -0.5px;
  text-align: center;
  margin-bottom: 80px;
}

#sign .wrap_box .sect_tit.v2 {
  margin-bottom: 25px;
}

#sign .wrap_box .sect_tit2 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  color: #111;
  letter-spacing: -0.5px;
  margin:40px 0 20px;
}

#sign .txt_complete {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #111;
  letter-spacing: -0.8px;
  text-align: center;
  padding-top: 110px;
  background-image: url("../../../../assets/app/img/common/ic_completed1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

#sign .wrap_howto_cert li {
  float: left;
  width: calc((100% - 72px) / 4);
  margin-right: 24px;
}

#sign .wrap_howto_cert li:last-child {
  margin-right: 0;
}

#sign .wrap_howto_cert li a {
  display: block;
  height: 200px;
  border: 1px solid #eee;
  border-radius: 16px;
  text-align: center;
  padding-top: 120px;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
}

#sign .wrap_howto_cert li a:hover {
  -webkit-box-shadow: 5px 10px 15px 5px rgba(24, 48, 88, 0.16);
  box-shadow: 5px 10px 15px 5px rgba(24, 48, 88, 0.16);
  border-color: #fff;
}

#sign .wrap_howto_cert li a .txt {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  line-height: 1.3;
  letter-spacing: -0.5px;
}

#sign .wrap_howto_cert li.ic_howto1 a {
  background-image: url("../../../../assets/app/img/sign/ic_howto1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 55px;
}

#sign .wrap_howto_cert li.ic_howto2 a {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 55px;
}

#sign .wrap_howto_cert li.ic_howto3 a {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 55px;
}

#sign .wrap_howto_cert li.ic_howto4 a {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 55px;
}

#sign .wrap_howto_cert li.ic_howto5 a {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto5.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 55px;
}

#sign .wrap_howto_cert li.ic_howto6 a {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto6.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 55px;
}

#sign .wrap_howto_cert .col3 li {
  width: calc((100% - 48px) / 3);
}

#sign .marketing_agree .marketing_chk {
  margin-top: 30px;
}

#sign .marketing_agree .marketing_chk .box.box_type2 {
  margin-top: 13px;
}

#sign .marketing_agree .marketing_chk .box.box_type2 .list li {
  position: relative;
  display: inline-block;
  margin-right: 50px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  padding-left: 20px;
  line-height: 30px;
}

#sign .marketing_agree .marketing_chk .box.box_type2 .list li:last-child {
  margin-right: 0;
}

#sign .marketing_agree .marketing_chk .box.box_type2 .list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 11px;
  height: 10px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/chk_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

#sign .marketing_agree .marketing_chk .box.box_type2 .list li.on {
  color: #111;
}

#sign .marketing_agree .marketing_chk .box.box_type2 .list li.on::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/chk_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 -10px;
}

#sign .persnal_info .box {
  margin-top: 25px;
}

#sign .persnal_info .box li {
  position: relative;
  padding-left: 130px;
  margin-top: 20px;
}

#sign .persnal_info .box li:first-child {
  margin-top: 0;
}

#sign .persnal_info .box li .lb {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  line-height: 1.5;
}

#sign .persnal_info .box li .data {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  line-height: 1.5;
}

#sign .case_container .sect_tit {
  margin-bottom: 40px;
}

#sign .case_container h3.t_tit1 {
  margin-bottom: 25px;
}

#sign .case_container .wrap_rdo .radio_ui {
  margin-right: 30px;
}

#sign .case_container .btn_area {
  margin-top: 60px;
}

#sign .case_container .btn_area2 {
  margin-top: 80px;
}

#sign .regist_id .top_guide {
  text-align: center;
}

#sign .regist_id .top_guide .btn {
  margin-top: 15px;
}

#sign .regist_id .persnal_info {
  margin-top: 60px;
}

#sign .regist_id .tel_bundle {
  position: relative;
}

#sign .regist_id .tel_bundle .inp_bundle:first-child {
  max-width: 100%;
  margin-right: 0;
}

#sign .regist_id .tel_bundle .btn_cert {
  position: absolute;
  right: 30px;
  top: 15px;
}

#sign .dropted .sect_tit,
#sign .already .sect_tit {
  margin-bottom: 25px;
}

#sign .dropted .t_txt1 em,
#sign .already .t_txt1 em {
  color: #4e2bf4;
}

#sign .dropted .btn_area,
#sign .already .btn_area {
  margin-top: 60px;
}

/*------------------- 회원가입 ---------------------*/

#sign .sign_up .wrap_inp + .wrap_inp {
  margin-top: 40px;
}

#sign .sign_up .wrap_sign_step {
  text-align: center;
  margin-bottom: 30px;
}

#sign .sign_up .wrap_sign_step ol {
  position: relative;
  display: inline-block;
}

#sign .sign_up .wrap_sign_step ol::before {
  content: "";
  position: absolute;
  left: 35px;
  top: 31px;
  width: calc(100% - 70px);
  height: 2px;
  background: #ededed;
}

#sign .sign_up .wrap_sign_step ol li {
  position: relative;
  float: left;
  width: 65px;
  margin: 0 35px;
}

#sign .sign_up .wrap_sign_step ol li .num {
  width: 100%;
  height: 65px;
  background: #fff;
  border-radius: 50%;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #999;
  line-height: 65px;
}

#sign .sign_up .wrap_sign_step ol li .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}

#sign .sign_up .wrap_sign_step ol li.on .num {
  text-indent: -9999px;
}

#sign .sign_up .wrap_sign_step ol li.on.step1 .num {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_signup_step1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
}

#sign .sign_up .wrap_sign_step ol li.on.step2 .num {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_signup_step2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
}

#sign .sign_up .wrap_sign_step ol li.on.step3 .num {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_signup_step3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
}

#sign .sign_up .wrap_sign_step ol li.on.step4 .num {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_signup_step4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
}

#sign .sign_up .wrap_sign_step ol li.on.step1 .num {
  background-color: #acb6f0;
}

#sign .sign_up .wrap_sign_step ol li.on.step2 .num {
  background-color: #8291f3;
}

#sign .sign_up .wrap_sign_step ol li.on.step3 .num {
  background-color: #576df4;
}

#sign .sign_up .wrap_sign_step ol li.on.step4 .num {
  background-color: #4e2bf4;
}

#sign .sign_up .wrap_sign_step ol li.on .txt {
  color: #111;
}

#sign .sign_up .step1_container .bullet_type1 {
  margin-top: 40px;
}

#sign .sign_up .step1_container .wrap_howto_cert ul li:nth-child(4n) {
  margin-right: 0;
}

#sign .sign_up .step1_container .wrap_howto_cert ul li:not(:nth-child(-n + 4)) {
  margin-top: 24px;
}

#sign .sign_up .step1_container .info_form {
  border-top: 1px solid #eee;
  margin-top: 60px;
  padding-top: 60px;
}

#sign .sign_up .step1_container .info_form .wrap_rdo .radio_ui {
  margin-right: 30px;
}

#sign .sign_up .step1_container .info_form .btn_area {
  margin-top: 60px;
}

#sign .sign_up .step1_container .txt_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-bottom: 45px;
}

#sign .sign_up .step1_container .txt_box .b_tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
}

#sign .sign_up .step1_container .txt_box .b_txt1 {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 24px;
  color: #111;
  letter-spacing: -0.5px;
}

#sign .sign_up .step1_container .benefit_banner {
  margin-top: 75px;
}

#sign .sign_up .step1_container .benefit_banner img {
  width: 100%;
}

#sign .sign_up .account_form {
  margin-top: -40px;
}

#sign .sign_up .account_form .t_txt1 {
  text-align: center;
  margin-bottom: 95px;
}

#sign .sign_up .account_form .wrap_rdo .radio_ui {
  display: block;
  margin-top: 30px;
}

#sign .sign_up .account_form .wrap_rdo .radio_ui:first-child {
  margin-top: 0;
}

#sign .sign_up .account_form .guide_con .bullet_type1 {
  margin-top: 17px;
}

#sign .sign_up .account_form .guide_con .bullet_type1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#sign .sign_up .account_form .guide_con .bullet_type1 li .link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #4e2bf4;
  line-height: 17px;
  border-bottom: 2px solid #4e2bf4;
  margin-left: 30px;
}

#sign .sign_up .account_form .btn_area {
  margin-top: 80px;
}

#sign .sign_up .step2_container .btn_area {
  margin-top: 75px;
}

#sign .sign_up .step3_container .t_tit1 {
  margin-top: 75px;
}

#sign .sign_up .step3_container .t_tit1 .nec {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 18px;
  color: #ff481e;
}

#sign .sign_up .step3_container .persnal_info .t_tit1 {
  margin-top: 0;
}

#sign .sign_up .step3_container.regist_id .terms_area .t_tit1 {
  margin-top: 0;
}

#sign .sign_up .step3_container.regist_id .terms_area .wrap_terms_agree {
  margin-top: 25px;
}

#sign .sign_up .step3_container.regist_id .persnal_info .t_tit1 {
  margin-top: 75px;
}

#sign .sign_up .step3_container .input_infomation .t_tit1 {
  margin-bottom: 27px;
}

#sign .sign_up .step3_container .input_infomation .marketing {
  position: relative;
  margin-bottom: 40px;
}

#sign .sign_up .step3_container .input_infomation .marketing .agree_all {
  position: absolute;
  right: 0;
  top: 5px;
}

#sign .sign_up .step3_container .input_infomation .marketing .box {
  position: relative;
  padding: 35px 50px 20px 200px;
  margin-top: 20px;
}

#sign .sign_up .step3_container .input_infomation .marketing .box .tit {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #111;
}

#sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk {
  padding-left: 30px;
}

#sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk .checkbox_ui {
  margin-right: 9.8%;
  margin-bottom: 15px;
}

#sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk .checkbox_ui:last-child {
  margin-right: 0;
}

#sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk .checkbox_ui label {
  color: #999;
}

#sign .sign_up .step3_container .input_infomation .marketing .box.row_box {
  padding: 35px 50px;
}

#sign .sign_up .step3_container .input_infomation .marketing .box.row_box .tit {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-bottom: 25px;
}

#sign .sign_up .step3_container .input_infomation .marketing .box.row_box .wrap_chk {
  padding-left: 0;
}

#sign .sign_up .step3_container .input_infomation .marketing .box.row_box .wrap_chk .checkbox_ui {
  margin-bottom: 0;
}

#sign .sign_up .step3_container .input_infomation .broadcasting {
  position: relative;
  margin-bottom: 40px;
}

#sign .sign_up .step3_container .input_infomation .broadcasting .agree_all {
  position: absolute;
  right: 0;
  top: 5px;
}

#sign .sign_up .step3_container .input_infomation .broadcasting .box {
  position: relative;
  padding: 35px 50px 20px 50px;
  margin-top: 20px;
}

#sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk .checkbox_ui {
  margin-right: 9.8%;
  margin-bottom: 15px;
}

#sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk .checkbox_ui:last-child {
  margin-right: 0;
}

#sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk .checkbox_ui label {
  color: #999;
}

#sign .sign_up .step3_container .input_infomation .select_ui2 {
  max-width: 452px;
}

#sign .sign_up .step3_container .input_infomation .group {
  margin-top: 40px;
}

#sign .sign_up .step3_container .input_infomation .moreview {
  text-align:right; 
}

#sign .sign_up .step3_container .input_infomation .moreview button {
  font-family:"HGGGothicssi"; 
  font-weight:600; 
  font-size:18px; 
  color:#4e2bf4; 
}

#sign .sign_up .step3_container .input_infomation .moreview button:after {
  content:'';
  display:inline-block; 
  vertical-align:middle;
  width: 23px;
  height: 23px;
  margin-left:8px; 
  background:url('https://www.h-point.co.kr/assets/app/img/common/moreview_btn.png') no-repeat center center / 100% 100%; 
}

#sign .sign_up .step3_container .input_infomation .moreview button.on:after {
  -webkit-transform:rotate(180deg);  
  -ms-transform:rotate(180deg);
  transform:rotate(180deg); 
}

#sign .sign_up .step3_container .input_infomation .more_con {
  display:none; 
}

#sign .sign_up .step3_container .input_infomation .group .wrap_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#sign .sign_up .step3_container .input_infomation .group .wrap_flex .inp_bundle {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  margin-left: 20px;
}

#sign .sign_up .step3_container .input_infomation .group .wrap_flex .inp_bundle:first-child {
  margin-left: 0;
}

#sign .sign_up .step3_container .input_infomation .group .outlet_dm .wrap_rdo {
  margin-bottom: 20px;
}

#sign .sign_up .step3_container .input_infomation .group .outlet_dm .wrap_rdo .radio_ui {
  margin-right: 50px;
}

#sign .sign_up .step3_container .btn_area {
  margin-top: 80px;
}

#sign .sign_up .step4_container {
  padding-bottom: 100px;
}

#sign .sign_up .step4_container .t_desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  margin-top: 10px;
}

#sign .sign_up .step4_container .t_desc1 .c_red {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #ff481e;
}

#sign .sign_up .step4_container .affiliate_site {
  margin-top: 80px;
}

#sign .sign_up .step4_container .affiliate_site .list {
  margin-top: 10px;
}

#sign .sign_up .step4_container .affiliate_site .list li {
  float: left;
  width: calc((100% - 72px) / 4);
  margin: 30px 24px 0 0;
}

#sign .sign_up .step4_container .affiliate_site .list li:nth-child(4n) {
  margin-right: 0;
}

#sign .sign_up .step4_container .affiliate_site .list li .img_box {
  height: 104px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}

#sign .sign_up .step4_container .affiliate_site .list li .img_box img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

#sign .sign_up .step4_container .affiliate_site .list li .site_name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#sign .sign_up .step4_container .btn_area {
  margin-top: 80px;
}

/*------------------- 회원탈퇴 ---------------------*/

#sign .member_deactivate .pageTitle {
  min-height: 160px;
}

#sign .member_deactivate .pageTitle .desc {
  padding-bottom: 0;
  color: #111;
}

#sign .member_deactivate .pageTitle .desc .small1 {
  font-size: 16px;
}

#sign .member_deactivate .deactivate_container .no_content {
  margin-top: 25px;
  border-radius: 8px;
  border: 1px solid #eee;
}

#sign .member_deactivate .deactivate_container .no_content .no_txt {
  padding: 50px 0;
  text-align: center;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

#sign .member_deactivate .deactivate_container .point_status .list {
  margin-top: 25px;
}

#sign .member_deactivate .deactivate_container .point_status .list li {
  width: calc(50% - 12px);
  border-radius: 8px;
  padding: 20px 40px 20px 20px;
  -webkit-box-shadow: 5px 9px 20.58px 0.42px rgba(27, 26, 30, 0.14);
  box-shadow: 5px 9px 20.58px 0.42px rgba(27, 26, 30, 0.14);
}

#sign .member_deactivate .deactivate_container .point_status .list li.point {
  float: left;
  margin-right: 24px;
  background-color: #17d4b8;
  background-image: -webkit-gradient(linear, right top, left top, from(#14d1a9), to(#17d5bc));
  background-image: linear-gradient(270deg, #14d1a9 0%, #17d5bc 100%);
}

#sign .member_deactivate .deactivate_container .point_status .list li.point .li_name .ic_box {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_point_status.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .member_deactivate .deactivate_container .point_status .list li.coupon {
  float: right;
  background-color: #2b5ae0;
  background-image: -webkit-gradient(linear, right top, left top, from(#4e2bf4), to(#1775d5));
  background-image: linear-gradient(270deg, #4e2bf4 0%, #1775d5 100%);
}

#sign .member_deactivate .deactivate_container .point_status .list li.coupon .li_name .ic_box {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_coupon_status.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .member_deactivate .deactivate_container .point_status .list li .li_name {
  position: relative;
  padding-left: 75px;
}

#sign .member_deactivate .deactivate_container .point_status .list li .li_name .ic_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  text-indent: -99999px;
  overflow: hidden;
}

#sign .member_deactivate .deactivate_container .point_status .list li .li_name .name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  line-height: 60px;
}

#sign .member_deactivate .deactivate_container .point_status .list li .num {
  text-align: right;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 40px;
  color: #fff;
}

#sign .member_deactivate .deactivate_container .affiliate_site {
  margin: 80px 0;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site {
  margin-top: 25px;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list {
  margin-top: 10px;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list li {
  float: left;
  width: calc((100% - 72px) / 4);
  margin: 30px 24px 0 0;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list li:nth-child(4n) {
  margin-right: 0;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list li:nth-child(-n + 4) {
  margin-top: 0;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list li .img_box {
  height: 104px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list li .img_box img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

#sign .member_deactivate .deactivate_container .affiliate_site .site .list li .site_name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#sign .member_deactivate .deactivate_container .affiliate_site .explain {
  margin-top: 30px;
}

#sign .member_deactivate .deactivate_container .affiliate_site .explain .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}

#sign .member_deactivate .deactivate_container .join_club .list {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#sign .member_deactivate .deactivate_container .join_club .list li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  margin: 0 24px 0 0;
  max-width: 184px;
}

#sign .member_deactivate .deactivate_container .join_club .list li:last-child {
  margin-right: 0;
}

#sign .member_deactivate .deactivate_container .join_club .list li::before {
  content: '';
  width: 100%;
  height: 104px;
  border-radius: 8px;
  background-color: #ede9fe;
  display: block;
}

#sign .member_deactivate .deactivate_container .join_club .list li::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  left: 50%;
  top: 22px;
  margin-left: -30px;
}

#sign .member_deactivate .deactivate_container .join_club .list li > span {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.4px;
  text-align: center;
  margin-top: 15px;
}

#sign .member_deactivate .deactivate_container .join_club .list li.friends::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_friends.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .member_deactivate .deactivate_container .join_club .list li.wedding::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_wedding.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .member_deactivate .deactivate_container .join_club .list li.moms::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_moms.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .member_deactivate .deactivate_container .join_club .list li.beauty::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_beauty.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .member_deactivate .deactivate_container .deactivate_notice {
  margin-top: 80px;
}

#sign .member_deactivate .deactivate_container .deactivate_notice .bullet_type1 {
  margin-top: 30px;
}

#sign .member_deactivate .deactivate_container .deactivate_notice .bullet_type1 li .c_red {
  color: #ff481e;
}

#sign .member_deactivate .deactivate_container .deactivate_notice .desc2 {
  margin: 75px 0 55px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  text-align: center;
}

#sign .member_deactivate .deactivate_container .deactivate_completed {
  padding: 110px 0 75px;
  background-image: url("../../../../assets/app/img/common/ic_completed1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#sign .member_deactivate .deactivate_container .deactivate_completed .tit {
  text-align: center;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #111;
  letter-spacing: -0.8px;
}

#sign .member_deactivate .deactivate_container .deactivate_completed .desc1 {
  text-align: center;
  margin-top: 25px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  line-height: 30px;
  letter-spacing: -0.8px;
}

/*------------------- 로그인 ---------------------*/

#sign .sign_in .login_input {
  margin-top: 28px;
}

#sign .sign_in .login_input .mt {
  margin-top: 10px;
}

#sign .sign_in .txt_failed {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 16px;
  color: #999;
  margin-top: 8px;
}

#sign .sign_in .input_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

#sign .sign_in .input_bottom .find_btns {
  margin-left: auto;
}

#sign .sign_in .input_bottom .find_btns a {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.8px;
}

#sign .sign_in .input_bottom .find_btns a:first-child {
  position: relative;
  padding-right: 23px;
  margin-right: 15px;
}

#sign .sign_in .input_bottom .find_btns a:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #dcdee5;
}

#sign .sign_in .security_words {
  margin-top: 30px;
}

#sign .sign_in .security_words .words_area {
  position: relative;
  padding-right: 70px;
  margin-top: 18px;
}

#sign .sign_in .security_words .words_area .words {
  height: 70px;
}

#sign .sign_in .security_words .words_area .words img {
  width: 100%;
  height: 100%;
}

#sign .sign_in .security_words .words_area .btns {
  position: absolute;
  right: 20px;
  top: 0;
}

#sign .sign_in .security_words .words_area .btns a,
#sign .sign_in .security_words .words_area .btns button {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 7px;
}

#sign .sign_in .security_words .words_area .btns .btn_reset {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_reset.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

#sign .sign_in .security_words .words_area .btns .btn_sound {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_sound.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

#sign .sign_in .security_words .inp_bundle {
  margin-top: 10px;
}

#sign .sign_in .btn_login {
  width: 100%;
  margin-top: 40px;
}

#sign .sign_in .login_other {
  margin-top: 50px;
}

#sign .sign_in .login_other ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#sign .sign_in .login_other li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  text-align: center;
}

#sign .sign_in .login_other li a {
  position: relative;
  display: inline-block;
  width: 88px;
  padding-top: 110px;
}

#sign .sign_in .login_other li a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 88px;
  border-radius: 50%;
}

#sign .sign_in .login_other li a span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  line-height: 1.2;
  letter-spacing: -0.8px;
}

#sign .sign_in .login_other li a.naver::before {
  background-image: url("../../../../assets/app/img/sign/ic_howto1.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center center;
  border: 1px solid #dcdee5;
}

#sign .sign_in .login_other li a.kakao::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto2.png");
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: center center;
  border: 1px solid #dcdee5;
}

#sign .sign_in .login_other li a.phone::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto3.png");
  background-repeat: no-repeat;
  background-size: auto 27px;
  background-position: center center;
  border: 1px solid #dcdee5;
}

#sign .sign_in .login_other li a.otp::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_howto4.png");
  background-repeat: no-repeat;
  background-size: auto 28px;
  background-position: center center;
  border: 1px solid #dcdee5;
}

#sign .sign_in .join {
  margin-top: 45px;
  padding-top: 45px;
  border-top: 1px solid #ededed;
  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;
}

#sign .sign_in .join p {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.8px;
}

#sign .sign_in .join p em {
  font-weight: 700;
}

#sign .sign_in .join a {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #4e2bf4;
  margin-left: 25px;
  border-bottom: 1px solid #4e2bf4;
}

#sign .sign_in .banner {
  margin-top: 100px;
}

#sign .sign_in .banner img {
  width: 100%;
}

#sign .sign_in .container.otp .con_txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  line-height: 30px;
  letter-spacing: -0.8px;
  text-align: center;
  margin-bottom: 75px;
}

#sign .sign_in .container.otp .con_txt em {
  color: #ff481e;
}

#sign .sign_in .container.otp .right_btn {
  text-align: right;
  margin-top: 15px;
}

#sign .sign_in .container.otp .right_btn a {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.8px;
}

#sign .sign_in .container.otp .account_btns {
  text-align: center;
  margin-top: 55px;
}

#sign .sign_in .container.otp .account_btns a {
  position: relative;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.8px;
  padding-right: 23px;
  margin-right: 15px;
}

#sign .sign_in .container.otp .account_btns a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #dcdee5;
}

#sign .sign_in .container.otp .account_btns a:last-child {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

#sign .sign_in .container.otp .account_btns a:last-child::after {
  display: none !important;
}

/*------------------- 아이디찾기 ---------------------*/

#sign .find_id .wrap_box {
  padding: 100px 30px 120px;
}

#sign .find_id .cert_container .wrap_howto_cert {
  width: 600px;
  margin: 0 auto;
}

#sign .find_id .cert_container .wrap_howto_cert li {
  width: calc((100% - 48px) / 3);
}

#sign .find_id .cert_container .wrap_howto_cert li:nth-child(3) {
  margin-right: 0;
}

#sign .find_id .cert_container .wrap_howto_cert li:nth-last-child(-n + 2) {
  margin-top: 24px;
}

#sign .find_id .cert_container .wrap_info_cert {
  margin-top: 80px;
}

#sign .find_id .cert_container .suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ededed;
  padding-top: 40px;
  margin-top: 80px;
}

#sign .find_id .cert_container .suggestion a {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #4e2bf4;
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin-left: 50px;
}

#sign .find_id .cert_container .btn_area {
  margin-top: 80px;
}

#sign .find_id .result_container .wrap_result .box {
  text-align: center;
  padding: 65px 0;
}

#sign .find_id .result_container .wrap_result .box p {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  color: #111;
  letter-spacing: -0.5px;
}

#sign .find_id .result_container .wrap_result .cmt_guide1 {
  margin-top: 35px;
}

#sign .find_id .result_container .wrap_result .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 55px;
}

#sign .find_id .result_container .no_data {
  text-align: center;
}

#sign .find_id .result_container .no_data::before {
  content: '';
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_caution1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#sign .find_id .result_container .no_data .title {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 30px;
  color: #111;
  letter-spacing: -0.5px;
  margin-top: 30px;
}

#sign .find_id .result_container .no_data .desc {
  margin-top: 30px;
}

#sign .find_id .result_container .no_data .btn_blue1 {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #4e2bf4;
  border-bottom: 1px solid #4e2bf4;
  margin-top: 12px;
}

#sign .find_id .result_container .no_data .btn_blue1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#sign .find_id .result_container .btn_area {
  margin-top: 80px;
}

/*------------------- 비밀번호찾기 ---------------------*/

#sign .find_password .wrap_box {
  padding: 100px 30px 120px;
}

#sign .find_password .wrap_box .btn_area {
  margin-top: 80px;
}

#sign .find_password .step2_container .wrap_howto_cert {
  width: 600px;
  margin: 0 auto;
}

#sign .find_password .step2_container .wrap_howto_cert li {
  width: calc((100% - 48px) / 3);
}

#sign .find_password .step2_container .wrap_howto_cert li:nth-child(3n) {
  margin-right: 0;
}

#sign .find_password .step2_container .wrap_howto_cert li:nth-last-child(-n + 3) {
  margin-top: 24px;
}

#sign .find_password .step3_container .wrap_inp + .wrap_inp {
  margin-top: 50px;
}

/*------------------- 비밀번호 변경 ---------------------*/

#sign .change_password .wrap_box {
  padding: 100px 30px 120px;
}

#sign .change_password .wrap_box .con_txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  line-height: 30px;
  letter-spacing: -0.8px;
  text-align: center;
  margin-bottom: 75px;
}

#sign .change_password .wrap_box .wrap_inp + .wrap_inp {
  margin-top: 50px;
}

#sign .change_password .wrap_box .btn_area {
  margin-top: 80px;
}

/*------------------- MY H ---------------------*/

/*------------------- 포인트 ---------------------*/

#mypage .my_point .wrap_con {
  margin-top: 80px;
}

#mypage .my_point .point_view .top > div {
  float: left;
  width: calc((100% - 24px) / 2);
  height: 240px;
  margin-right: 24px;
}

#mypage .my_point .point_view .top > div:last-child {
  margin-right: 0;
}

#mypage .my_point .point_view .my_total {
  background-color: #ebf1fe;
  padding: 50px 40px 40px 40px;
}

#mypage .my_point .point_view .my_total .row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#mypage .my_point .point_view .my_total .row1 .tit {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 30px;
  color: #111;
}

#mypage .my_point .point_view .my_total .row1 .pt {
  display: inline-block;
  margin-left: auto;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 32px;
  color: #111;
  text-align: right;
}

#mypage .my_point .point_view .my_total .row1 .pt em {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 48px;
  color: #111;
  margin-right: 10px;
}

#mypage .my_point .point_view .my_total .row2 {
  margin-top: 30px;
}

#mypage .my_point .point_view .my_total .row2 .wrap_barcode {
  display: inline-block;
  width: auto;
}

#mypage .my_point .point_view .my_total .row2 .barcode {
  display: inline-block;
}

#mypage .my_point .point_view .my_total .row2 .barcode_num {
  text-align: right;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 14px;
  color: #999;
  margin-top: 10px;
  padding-right: 10px;
}

#mypage .my_point .point_view .my_total .row2 .barcode_num > span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin-left: 10px;
}

#mypage .my_point .point_view .join_club {
  margin-top: 40px;
}

#mypage .my_point .point_view .join_club .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px -12px 0;
}

#mypage .my_point .point_view .join_club .list li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  max-width: 184px;
  min-width: 112px;
  margin: 0 12px 24px;
}

#mypage .my_point .point_view .join_club .list li:last-child {
  margin-right: 0;
}

#mypage .my_point .point_view .join_club .list li::before {
  content: '';
  width: 100%;
  height: 104px;
  border-radius: 8px;
  background-color: #ede9fe;
  display: block;
}

#mypage .my_point .point_view .join_club .list li::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  left: 50%;
  top: 22px;
  margin-left: -30px;
}

#mypage .my_point .point_view .join_club .list li > span {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.4px;
  text-align: center;
  margin-top: 15px;
}

#mypage .my_point .point_view .join_club .list li.friends::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_friends.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#mypage .my_point .point_view .join_club .list li.wedding::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_wedding.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#mypage .my_point .point_view .join_club .list li.moms::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_moms.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#mypage .my_point .point_view .join_club .list li.beauty::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/sign/ic_club_beauty.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#mypage .my_point .point_view .join_club .no_content {
  margin-top: 25px;
  border-radius: 8px;
  border: 1px solid #eee;
}

#mypage .my_point .point_view .join_club .no_content .no_txt {
  padding: 50px 0;
  text-align: center;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

#mypage .my_point .point_view .breakdown {
  margin: 40px 0 80px;
}

#mypage .my_point .point_view .breakdown li {
  float: left;
  width: calc((100% - 72px) / 4);
  height: 140px;
  margin-right: 24px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 25px 20px 0 30px;
}

#mypage .my_point .point_view .breakdown li:last-child {
  margin-right: 0;
}

#mypage .my_point .point_view .breakdown li .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.5px;
}

#mypage .my_point .point_view .breakdown li .pt {
  display: block;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 24px;
  color: #111;
  text-align: right;
  margin-top: 20px;
}

#mypage .my_point .point_view .breakdown li .pt em {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 28px;
  color: #111;
  margin-right: 5px;
}

#mypage .my_point .period_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mypage .my_point .period_area .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mypage .my_point .period_area .btns a,
#mypage .my_point .period_area .btns button {
  display: inline-block;
  width: auto;
  height: 50px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.5px;
  line-height: 48px;
  border-radius: 8px;
  padding: 0 20px;
  vertical-align: top;
  border: 1px solid #fff;
}

#mypage .my_point .period_area .btns a.on,
#mypage .my_point .period_area .btns button.on {
  border: 1px solid #ccc;
}

#mypage .my_point .period_area .datepick_bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

#mypage .my_point .period_area .datepick_bundle > span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  margin: 0 5px;
}

#mypage .my_point .period_area .datepick_bundle .inp_self2 {
  width: 162px;
  font-weight: 400;
  letter-spacing: -0.5px;
  padding-right: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_cal1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(100% - 20px) center;
}

#mypage .my_point .period_area .inquiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

#mypage .my_point .period_area .inquiry .select_ui {
  width: 190px;
}

#mypage .my_point .period_area .inquiry .btn_typeC2 {
  width: 90px;
  height: 50px;
  line-height: 50px;
  margin-left: 8px;
}

#mypage .my_point .no_data {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  text-align: center;
  letter-spacing: -0.5px;
  padding: 95px 0;
  border-top: 2px solid #333;
  border-bottom: 1px solid #999;
  margin-top: 15px;
}

#mypage .my_point .my_point_board {
  border-top: 2px solid #333;
  border-bottom: 1px solid #999;
  margin-top: 15px;
}

#mypage .my_point .my_point_board li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #eee;
  padding: 12px 8% 15px 0;
}

#mypage .my_point .my_point_board li:first-child {
  border-top: none;
}

#mypage .my_point .my_point_board li > div {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  text-align: center;
}

#mypage .my_point .my_point_board li .info {
  width: 25.6%;
}

#mypage .my_point .my_point_board li .date {
  width: 30.5%;
}

#mypage .my_point .my_point_board li .case {
  width: 24.5%;
}

#mypage .my_point .my_point_board li .pt {
  width: 19.4%;
  font-weight: 700;
  color: #4e2bf4;
  text-align: right;
  margin-left: auto;
}

#mypage .my_point .wrap_paging {
  margin-top: 30px;
}

#mypage .my_point .guide_con {
  margin-top: 60px;
}

#mypage .my_point .guide_con dl dt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  letter-spacing: -0.5px;
  margin: 30px 0 20px;
}

#mypage .my_point .banner {
  margin-top: 100px;
}

/*------------------- 쿠폰/플포 ---------------------*/

.my_coupon .wrap_con {
  margin-top: 80px;
}

.my_coupon .tab_coupon {
  border-radius: 18px;
  background-color: #eee;
  margin-bottom: 50px;
}

.my_coupon .tab_coupon .tab {
  position: relative;
  float: left;
  width: 50%;
  height: 56px;
  text-align: center;
  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;
}

.my_coupon .tab_coupon .tab .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  color: #111;
}

.my_coupon .tab_coupon .tab .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  color: #111;
}

.my_coupon .tab_coupon .tab .txt3 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #111;
}

.my_coupon .tab_coupon .tab span em {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 28px;
  color: #111;
  margin: 0 5px 0 15px;
}

.my_coupon .tab_coupon .tab.active {
  background-color: #4e2bf4;
  color: #fff;
  border-radius: 18px;
}

.my_coupon .tab_coupon .tab.active span {
  color: #fff;
}

.my_coupon .tab_coupon .tab.active span em {
  color: #fff;
}

.my_coupon .tab_coupon .tab.active::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
  height: 16px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/mypage/bg_tab_arrow.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

.my_coupon .box_coupon .d_day {
  width: 54px;
  height: 32px;
  right: 30px;
  font-size: 15px;
  color: #fff;
  line-height: 32px;
}

.my_coupon .search_bundle .select_ui {
  width: 200px;
}

.my_coupon .inp_search .inp_self,
.my_coupon .inp_search .inp_self2,
.my_coupon .inp_search .inp_self2 {
  width: 200px;
}

/*------------------- 문의 ---------------------*/

#mypage .qna .tab_ui.type2 {
  margin-top: 80px;
}

#mypage .qna .list_top_ui {
  margin: 40px 0 30px;
}

#mypage .qna .list_top_ui .search_bundle .select_ui {
  width: 240px;
}

#mypage .qna .acodi_type1 .ac_head {
  padding: 25px 165px 25px 0;
}

#mypage .qna .acodi_type1 .ac_head.end .state {
  background-color: #999;
}

#mypage .qna .acodi_type1 .ac_head.ing .state {
  background-color: #603de3;
}

#mypage .qna .acodi_type1 .ac_head.ing2 .state {
  background-color: #5ccdb5;
}

#mypage .qna .acodi_type1 .ac_head .subject {
  white-space: pre-line;
  width: 100%;
}

#mypage .qna .acodi_type1 .ac_panel {
  padding: 0 0 40px 0;
  border-top: none;
}

#mypage .qna .acodi_type1 .ac_panel .inner {
  position: relative;
  padding: 32px 0 25px 40px;
  border-top: 1px solid #eee;
}

#mypage .qna .acodi_type1 .ac_panel .inner:first-child {
  padding-top: 0;
  border-top: none;
}

#mypage .qna .acodi_type1 .ac_panel .inner:last-child {
  padding-bottom: 0;
}

#mypage .qna .acodi_type1 .ac_panel .state_box {
  top: 30px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#mypage .qna .acodi_type1 .ac_panel .reply {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #4e2bf4;
  margin-bottom: 10px;
}

#mypage .qna .acodi_type1 .ac_panel .con_area {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
}

#mypage .qna .acodi_type1 .ac_panel .btn_wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1 {
  position: relative;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  margin-right: 26px;
}

#mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: -16px;
  background-color: #ccc;
}

#mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1:last-child {
  margin-right: 0;
}

#mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1:last-child::after {
  display: none;
}

#mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#mypage .qna .acodi_type1 .state_box {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#mypage .qna .acodi_type1 .state_box .date {
  display: inline-block;
  vertical-align: middle;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.5px;
}

#mypage .qna .acodi_type1 .state_box .state {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  height: 32px;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  border-radius: 8px;
  margin-left: 10px;
}

#mypage .qna .acodi_type1 .state_box .state.answer {
  border: 1px solid #999;
  color: #999;
}

#mypage .qna .inquiry {
  margin-top: 60px;
}

#mypage .qna .inquiry .con_desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  margin-bottom: 40px;
}

#mypage .qna .inquiry .form {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 60px 0;
}

#mypage .qna .inquiry .form .divider {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

#mypage .qna .inquiry .form .divider:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

#mypage .qna .inquiry .form .wrap_inp .inp_bundle + .checkbox_ui {
  margin-top: 20px;
}

#mypage .qna .inquiry .form .inq_type .inp_bundle {
  max-width: 452px;
}

#mypage .qna .inquiry .use_guide {
  margin-top: 60px;
}

#mypage .qna .inquiry .use_guide .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}

#mypage .qna .inquiry .btn_area {
  margin-top: 80px;
}

/*------------------- 내 정보수정 ---------------------*/

.my_infomation .wrap_box {
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 100px 30px;
}

.my_infomation .wrap_box .inner808 {
  max-width: 808px;
  margin: 0 auto;
}

.my_infomation .wrap_box .inner600 {
  max-width: 600px;
  margin: 0 auto;
}

.my_infomation .check_pw {
  margin-top: 80px;
}

.my_infomation .check_pw .con_txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  letter-spacing: -0.8px;
  margin-bottom: 35px;
}

.my_infomation .check_pw .btn_area {
  margin-top: 80px;
}

.my_infomation .modify_form {
  margin-top: 80px;
}

.my_infomation .modify_form .tit_area .desc {
  margin-top: 8px;
}

.my_infomation .modify_form .persnal_info .field1 {
  margin-top: 35px;
}

.my_infomation .modify_form .persnal_info .field1 .btn_typeC2 {
  width: auto;
  padding: 0 30px;
}

.my_infomation .modify_form .persnal_info .banner {
  margin-top: 60px;
}

.my_infomation .modify_form .persnal_info .chk_cont {
  position: relative;
  margin-bottom: 35px;
}

.my_infomation .modify_form .persnal_info .chk_cont .agree_all {
  position: absolute;
  right: 0;
  top: 5px;
}

.my_infomation .modify_form .persnal_info .chk_cont .box {
  position: relative;
  margin-top: 20px;
}

.my_infomation .modify_form .persnal_info .chk_cont .box .tit {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #111;
}

.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui,
.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui {
  margin-right: 9.8%;
}

.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui:last-child,
.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui:last-child {
  margin-right: 0;
}

.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui label,
.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui label {
  color: #999;
}

.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui input:checked + label,
.my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui input:checked + label {
  color: #111;
}

.my_infomation .modify_form .persnal_info .chk_cont .box .txt_emp {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #4e2bf4;
  letter-spacing: -0.5px;
  margin-top: 20px;
}

.my_infomation .modify_form .persnal_info .wrap_terms_agree {
  margin-top: 60px;
}

.my_infomation .modify_form .channel_info {
  margin-top: 75px;
}

.my_infomation .modify_form .channel_info .list {
  margin-top: 10px;
}

.my_infomation .modify_form .channel_info .list li {
  float: left;
  width: calc((100% - 72px) / 4);
  margin: 30px 24px 0 0;
}

.my_infomation .modify_form .channel_info .list li:nth-child(4n) {
  margin-right: 0;
}

.my_infomation .modify_form .channel_info .list li .img_box {
  height: 104px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}

.my_infomation .modify_form .channel_info .list li .img_box img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

.my_infomation .modify_form .channel_info .list li .site_name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my_infomation .modify_form .channel_info .wrap_comment {
  margin-top: 50px;
}

.my_infomation .modify_form .channel_info .wrap_comment strong {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  margin-bottom: 20px;
}

.my_infomation .modify_form .btn_area {
  margin-top: 80px;
}

.my_infomation .modify_complete {
  margin-top: 80px;
}

.my_infomation .modify_complete .txt_complete {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #111;
  letter-spacing: -0.8px;
  text-align: center;
  padding-top: 110px;
  background-image: url("../../../../assets/app/img/common/ic_completed1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

.my_infomation .modify_complete .marketing_agree {
  margin-top: 60px;
}

.my_infomation .modify_complete .marketing_agree .t_desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  margin-top: 10px;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk {
  margin-top: 30px;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 {
  margin-top: 13px;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li {
  position: relative;
  display: inline-block;
  margin-right: 50px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  padding-left: 20px;
  line-height: 30px;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li:last-child {
  margin-right: 0;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 11px;
  height: 10px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/chk_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li.on {
  color: #111;
}

.my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li.on::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/chk_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 -10px;
}

.my_infomation .modify_complete .btn_area {
  margin-top: 80px;
}

.my_infomation .modify_complete + .banner {
  margin-top: 100px;
}

#collect .btn_gray1 {
  position: relative;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 20px;
  color: #4e2bf4;
  display: inline-block;
  line-height: 28px;
  margin-top: 50px;
}

#collect .btn_gray1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#collect .btn_gray1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #4e2bf4;
}

/*------------------- 즐길거리 ---------------------*/

#collect .enjoy .tit1 {
  text-align: center;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 48px;
  color: #111;
  line-height: 62px;
  margin-top: 53px;
}

#collect .enjoy .tit1 .bold {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#collect .enjoy .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #111;
  line-height: 56px;
}

#collect .enjoy .tit2 .c_blue1 {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#collect .enjoy .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 30px;
  margin-top: 30px;
}

#collect .enjoy .part {
  overflow: hidden;
}

#collect .enjoy .part:not(.part1) .inner {
  position: relative;
  padding-top: 150px;
  min-height: 580px;
}

#collect .enjoy .part:nth-child(odd) {
  background-color: #f9f9f9;
}

#collect .enjoy .part:nth-child(odd):not(.part1) .inner {
  padding-left: 57.599%;
}

#collect .enjoy .part:nth-child(even) .inner {
  padding-left: 8.5789%;
}

#collect .enjoy .img_box {
  position: absolute;
  z-index: 1;
}

#collect .enjoy .img_box img {
  width: 100%;
}

#collect .enjoy .img_box .change_img {
  position: absolute;
}

#collect .enjoy .img_box .fix_img {
  position: relative;
  z-index: 2;
}

#collect .enjoy .img_box .fix_img .img_inner1 {
  position: absolute;
  left: 0;
  top: 0;
}

#collect .enjoy .txt_box {
  position: relative;
  z-index: 2;
}

#collect .enjoy .part1 {
  -webkit-transition: background-color .3s .3s;
  transition: background-color .3s .3s;
}

#collect .enjoy .part1.color1,
#collect .enjoy .part1.color8 {
  background-color: #f1f5ff !important;
}

#collect .enjoy .part1.color2,
#collect .enjoy .part1.color5 {
  background-color: #f4fff6 !important;
}

#collect .enjoy .part1.color3,
#collect .enjoy .part1.color10,
#collect .enjoy .part1.color13 {
  background-color: #fff5f1 !important;
}

#collect .enjoy .part1.color4,
#collect .enjoy .part1.color11 {
  background-color: #f3fbff !important;
}

#collect .enjoy .part1.color6,
#collect .enjoy .part1.color12 {
  background-color: #fffaf4 !important;
}

#collect .enjoy .part1.color7,
#collect .enjoy .part1.color14 {
  background-color: #f9f3ff !important;
}

#collect .enjoy .part1.color9 {
  background-color: #eef9f7 !important;
}

#collect .enjoy .part1 .inner {
  padding: 110px 0 120px;
  opacity: 0;
  -webkit-transition: .2s .2s;
  transition: .2s .2s;
}

#collect .enjoy .part1 .inner.on {
  opacity: 1;
}

#collect .enjoy .part1 .swiper_img {
  position: relative;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .playSwiper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 157px;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide {
  width: 315px;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .slide_inner {
  width: 265px;
  height: 320px;
  background-color: #fff;
  text-align: center;
  padding-top: 50px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 10px 16px 4px rgba(25, 48, 88, 0.1);
  box-shadow: 0px 10px 16px 4px rgba(25, 48, 88, 0.1);
  border-radius: 8px;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .ic_box {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  text-indent: -99999px;
  border-radius: 50%;
  overflow: hidden;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .ic_box::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .ic_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .img_tit {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 28px;
  color: #999;
  margin-top: 32px;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .img_desc {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  line-height: 30px;
  margin-top: 12px;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide1 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide1 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy1_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide2 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide2 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy2_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide3 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide3 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy3_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide4 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide4 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy4_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide5 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy5.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide5 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy5_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide6 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy6.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide6 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy6_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide7 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy7.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide7 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy7_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide8 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy8.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide8 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy8_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide9 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy9.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide9 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy9_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide10 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy10.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide10 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy10_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide11 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy11.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide11 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy11_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide12 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy12.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide12 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy12_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide13 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy13.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide13 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy13_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide14 .ic_box::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy14.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide.slide14 .ic_box::after {
  opacity: 1;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_enjoy14_color.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide1 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide8 .slide_inner {
  background-color: #7e7ff5;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide2 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide5 .slide_inner {
  background-color: #5bd49a;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide3 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide10 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide13 .slide_inner {
  background-color: #ffa17c;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide4 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide11 .slide_inner {
  background-color: #7cd0ff;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide6 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide12 .slide_inner {
  background-color: #ffbf74;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide7 .slide_inner,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide14 .slide_inner {
  background-color: #ba7cff;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active.slide9 .slide_inner {
  background-color: #5ee1c6;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active .slide_inner {
  -webkit-transition: background-color .3s .3s;
  transition: background-color .3s .3s;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active .ic_box::after {
  opacity: 0 !important;
  -webkit-transition: opacity .3s .3s;
  transition: opacity .3s .3s;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active .img_tit,
#collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide-active .img_desc {
  color: #fff;
  -webkit-transition: color .3s .3s;
  transition: color .3s .3s;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img {
  position: relative;
  width: 376px;
  margin: 0 auto;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img > img {
  width: 100%;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list {
  position: absolute;
  left: 14.5%;
  top: 16.5%;
  white-space: nowrap;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li {
  position: relative;
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 12px;
  color: #999;
  margin-right: 18px;
  padding-left: 8px;
  -webkit-transition: color .3s;
  transition: color .3s;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li:last-child {
  margin-right: 0;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li.on {
  color: #4e2bf4;
}

#collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li.on::before {
  background-color: #4e2bf4;
}

#collect .enjoy .part1 .swiper_img .slide_mockup .img_mockup1 {
  margin: 0 auto;
  max-width: 376px;
}

#collect .enjoy .part2 .img_box {
  right: 6.945%;
  top: 60px;
  max-width: 458px;
  min-width: 229px;
}

#collect .enjoy .part2 .img_box .change_img {
  left: 0;
  top: 0;
}

#collect .enjoy .part2 .img_box .change_img .img_rotate {
  position: absolute;
  left: 8.735%;
  top: 8.939%;
  width: 82.3%;
  max-width: 377px;
  z-index: -1;
  -webkit-transform: rotate(480deg);
  -ms-transform: rotate(480deg);
  transform: rotate(480deg);
}

#collect .enjoy .part2 .img_box .change_img .img_win {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#collect .enjoy .part2 .img_box.on .change_img .img_rotate {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 2.2s cubic-bezier(0.36, -0.06, 0.16, 0.93) 0.2s;
  transition: 2.2s cubic-bezier(0.36, -0.06, 0.16, 0.93) 0.2s;
}

#collect .enjoy .part2 .img_box.on .change_img .img_win {
  opacity: 1;
  -webkit-transition: .3s ease-in-out 2.2s;
  transition: .3s ease-in-out 2.2s;
}

#collect .enjoy .part2 .btn_play {
  opacity: 0;
  visibility: hidden;
}

#collect .enjoy .part2 .btn_play.on {
  opacity: 1;
  visibility: visible;
  -webkit-transition: .2s 1.5s;
  transition: .2s 1.5s;
}

#collect .enjoy .part3 .img_box {
  left: 7.353%;
  bottom: -9%;
  max-width: 440px;
  min-width: 220px;
}

#collect .enjoy .part3 .img_box .change_img {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

#collect .enjoy .part3 .img_box .change_img img {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

#collect .enjoy .part3 .img_box .change_img .img_change1 {
  -webkit-transition: .7s ease-in-out .4s;
  transition: .7s ease-in-out .4s;
}

#collect .enjoy .part3 .img_box .change_img .img_change2 {
  -webkit-transition: .7s ease-in-out .8s;
  transition: .7s ease-in-out .8s;
}

#collect .enjoy .part3 .img_box .change_img .img_change3 {
  -webkit-transition: .7s ease-in-out 1.2s;
  transition: .7s ease-in-out 1.2s;
}

#collect .enjoy .part3 .img_box.on .change_img img {
  opacity: 1;
}

#collect .enjoy .part4 .inner {
  min-height: 630px !important;
}

#collect .enjoy .part4 .img_box {
  right: 7.353%;
  bottom: 0;
  max-width: 440px;
  min-width: 220px;
}

#collect .enjoy .part4 .img_box .change_img {
  left: 5.685%;
  top: 0;
  height: 100%;
  width: 88.181%;
  overflow: hidden;
}

#collect .enjoy .part4 .img_box .change_img > img {
  position: absolute;
  left: 0;
  top: 0;
}

#collect .enjoy .part4 .img_box .change_img .img_change2 {
  left: 100%;
  -webkit-transition: 0.6s cubic-bezier(0.07, 0.04, 0.5, 1.01) 1.4s;
  transition: 0.6s cubic-bezier(0.07, 0.04, 0.5, 1.01) 1.4s;
}

#collect .enjoy .part4 .img_box .change_img .img_change3 {
  left: 100%;
  -webkit-transition: 0.6s cubic-bezier(0.07, 0.04, 0.5, 1.01) 3.2s;
  transition: 0.6s cubic-bezier(0.07, 0.04, 0.5, 1.01) 3.2s;
}

#collect .enjoy .part4 .img_box.on .change_img .img_change2,
#collect .enjoy .part4 .img_box.on .change_img .img_change3 {
  left: 0%;
}

#collect .enjoy .part5 .img_box {
  left: 6.579%;
  top: 130px;
  min-width: 242px;
}

#collect .enjoy .part5 .img_box .change_img {
  z-index: 3;
  width: 100%;
  height: 100%;
}

#collect .enjoy .part5 .img_box .change_img img {
  width: 75.206%;
}

#collect .enjoy .part5 .img_box .change_img .img_change1 {
  position: absolute;
  right: 0%;
  -webkit-transition: 0.7s ease-in-out .2s;
  transition: 0.7s ease-in-out .2s;
}

#collect .enjoy .part5 .img_box .change_img .img_change2 {
  position: absolute;
  left: 25%;
  -webkit-transition: 0.7s ease-in-out .2s;
  transition: 0.7s ease-in-out .2s;
}

#collect .enjoy .part5 .img_box .change_img .img_change3 {
  position: relative;
  z-index: 3;
  opacity: 0;
  -webkit-transition: .4s ease-in-out 0.9s;
  transition: .4s ease-in-out 0.9s;
}

#collect .enjoy .part5 .img_box.on .change_img .img_change1 {
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

#collect .enjoy .part5 .img_box.on .change_img .img_change2 {
  left: 0%;
}

#collect .enjoy .part5 .img_box.on .change_img .img_change3 {
  opacity: 1;
}

#collect .enjoy .part6 .inner {
  min-height: 630px !important;
}

#collect .enjoy .part6 .img_box {
  right: 7.353%;
  bottom: 0;
  max-width: 440px;
  min-width: 220px;
}

#collect .enjoy .part6 .img_box .change_img {
  z-index: 3;
  left: 9.093%;
  bottom: 7.143%;
}

#collect .enjoy .part6 .img_box .change_img .move {
  overflow: hidden;
  width: 300%;
}

#collect .enjoy .part6 .img_box .change_img .move > img {
  display: inline-block;
  margin-right: 2.8%;
  max-width: 362px;
  width: 30.167%;
}

#collect .enjoy .part6 .img_box .change_img .move > img:last-child {
  margin-right: 0;
}

@-webkit-keyframes moveImg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }

  50% {
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }

  70% {
    -webkit-transform: translateX(-220%);
    transform: translateX(-220%);
  }

  100% {
    -webkit-transform: translateX(-220%);
    transform: translateX(-220%);
  }
}

@keyframes moveImg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }

  50% {
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }

  70% {
    -webkit-transform: translateX(-220%);
    transform: translateX(-220%);
  }

  100% {
    -webkit-transform: translateX(-220%);
    transform: translateX(-220%);
  }
}

#collect .enjoy .part6 .img_box.on .change_img .move img {
  -webkit-animation: moveImg 3.2s .2s ease-in-out;
  animation: moveImg 3.2s .2s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#collect .enjoy .part7 {
  margin-bottom: 100px;
}

#collect .enjoy .part7 .img_box {
  left: 7.353%;
  bottom: -50px;
  max-width: 440px;
  min-width: 220px;
}

#collect .enjoy .part7 .img_box .change_img {
  left: 0;
  top: 22.68%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#collect .enjoy .part7 .img_box .change_img .img_change1 {
  position: absolute;
  left: 0;
  top: 0%;
  -webkit-transition: 3s cubic-bezier(0.36, -0.06, 0.16, 0.93) 0.2s;
  transition: 3s cubic-bezier(0.36, -0.06, 0.16, 0.93) 0.2s;
}

#collect .enjoy .part7 .img_box.on .change_img .img_change1 {
  top: -265.5%;
}

/*------------------- 전환하기 ---------------------*/

#collect .collect_transform .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #111;
}

#collect .collect_transform .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  line-height: 32px;
}

#collect .collect_transform .cmt_guide1.mark1 {
  margin-top: 18px;
}

#collect .collect_transform .visual {
  background-color: #e8ebff;
  height: 680px;
  padding-top: 140px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/img_vis_transform.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#collect .collect_transform .visual .inner {
  padding-left: 8.579%;
}

#collect .collect_transform .visual h3 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 50px;
  color: #111;
  line-height: 66px;
}

#collect .collect_transform .visual h3 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#collect .collect_transform .visual .desc1 {
  margin-top: 23px;
}

#collect .collect_transform .visual .btn_typeB2 {
  margin-top: 55px;
}

#collect .collect_transform .transform_info {
  padding-top: 80px;
  padding-bottom: 100px;
}

#collect .collect_transform .transform_info .info_box {
  margin-top: 53px;
}

#collect .collect_transform .transform_info .info_box:first-child {
  margin-top: 0;
}

#collect .collect_transform .transform_info .info_box .desc1 {
  margin-top: 17px;
}

#collect .collect_transform .transform_info .info_box .brand_list {
  margin-top: 23px;
}

#collect .collect_transform .transform_info .info_box .brand_list li {
  float: left;
  width: calc((100% - 121px) / 6);
  margin-right: 24px;
}

#collect .collect_transform .transform_info .info_box .brand_list li:last-child {
  margin-right: 0;
}

#collect .collect_transform .transform_info .info_box .brand_list li .img_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 104px;
  border-radius: 8px;
  border: 1px solid #eee;
  -webkit-box-shadow: 5px 6px 12px 0.6px rgba(25, 48, 88, 0.1);
  box-shadow: 5px 6px 12px 0.6px rgba(25, 48, 88, 0.1);
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
}

#collect .collect_transform .transform_info .info_box .brand_list li .img_box img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}

#collect .collect_transform .transform_info .info_box .brand_list li .brand_name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.4px;
  margin-top: 16px;
  text-align: center;
}

/*------------------- 영수증/쿠폰 ---------------------*/

#collect .collect_receipt .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #111;
  line-height: 56px;
}

#collect .collect_receipt .tit1 .c_blue {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#collect .collect_receipt .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 30px;
  margin-top: 30px;
}

#collect .collect_receipt .bullet_type3.mark1 {
  margin-top: 20px;
}

#collect .collect_receipt .receipt_coupon {
  padding-bottom: 100px;
}

#collect .collect_receipt .receipt_coupon .inner {
  position: relative;
  max-width: 1252px;
}

#collect .collect_receipt .receipt_coupon .txt_box {
  position: relative;
  padding-left: 9.396%;
  z-index: 3;
}

#collect .collect_receipt .receipt_coupon .img_box {
  position: absolute;
}

#collect .collect_receipt .receipt_coupon .part1 .inner {
  position: relative;
  min-height: 730px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .txt_box {
  padding-top: 150px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box {
  position: absolute;
  width: 542px;
  height: 554px;
  top: 105px;
  right: -15px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt {
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .receiptSwiper {
  height: 100%;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide {
  position: relative;
  background-color: #fff;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -100px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: bottom 0.5s ease-in-out 0.4s,opacity 0.5s ease-in-out 0.4s;
  transition: bottom 0.5s ease-in-out 0.4s,opacity 0.5s ease-in-out 0.4s;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .img_main {
  margin: 12px auto 0;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change {
  position: absolute;
  top: 214px;
  left: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%) scale(0.7);
  -ms-transform: translateX(-50%) scale(0.7);
  transform: translateX(-50%) scale(0.7);
  -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2 {
  position: relative;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  background-color: #fff;
  width: 380px;
  min-height: 47px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
  color: #111;
  letter-spacing: -0.4px;
  -webkit-box-shadow: 0px 10px 16px 4px rgba(25, 48, 88, 0.1);
  box-shadow: 0px 10px 16px 4px rgba(25, 48, 88, 0.1);
  padding: 10px 0 10px 40px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2 .num {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  padding-right: 10px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2:first-child {
  position: relative;
  margin-bottom: 4px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2:first-child::after {
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  bottom: -14px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/ic_arrow1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
  z-index: 1;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .img_barcode {
  position: absolute;
  top: 366px;
  left: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity .3s ease-in-out .2s;
  transition: opacity .3s ease-in-out .2s;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .scale_change {
  top: 165px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .scale_change .desc2 {
  padding: 10px 0;
  text-align: center;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .scale_change .desc2::after {
  display: none;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .img_barcode {
  top: 337px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .desc3 {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  color: #111;
  letter-spacing: -0.4px;
  line-height: 34px;
  text-align: center;
  z-index: 2;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .desc3 .num {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #4e2bf4;
  line-height: 34px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  margin-right: 12px;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .desc3 .c_blue {
  color: #4e2bf4;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.swiper-slide-active .mockup_inner .scale_change {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.swiper-slide-active .mockup_inner .img_barcode {
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img {
  position: absolute;
  bottom: 0;
  left: 0;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img .bg_circle {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img .circle1 {
  -webkit-transition: opacity 0.2s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
  transition: opacity 0.2s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s;
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img .circle2 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s;
  transition: opacity 0.2s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s;
  transition: transform 0.3s ease-in-out 0.15s, opacity 0.2s ease-in-out 0.15s;
  transition: transform 0.3s ease-in-out 0.15s, opacity 0.2s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img .mockup {
  position: absolute;
  left: 0;
  bottom: -100px;
  opacity: 0;
  -webkit-transition: bottom 0.5s ease-in-out 0.4s,opacity 0.5s ease-in-out 0.4s;
  transition: bottom 0.5s ease-in-out 0.4s,opacity 0.5s ease-in-out 0.4s;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box.on .bg_circle {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box.on .mockup {
  opacity: 1;
  bottom: 0;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box.on .wrap_slide_receipt {
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .img_box.on .wrap_slide_receipt .swiper-slide .mockup_inner {
  opacity: 1;
  bottom: 0;
}

#collect .collect_receipt .receipt_coupon .part1 .inner .swiper-tools {
  margin-top: 90px;
}

#collect .collect_receipt .receipt_coupon .part2 {
  overflow: hidden;
  background-color: #f9f9f9;
}

#collect .collect_receipt .receipt_coupon .part2 .inner {
  min-height: 735px;
}

#collect .collect_receipt .receipt_coupon .part2 .txt_box {
  padding-top: 150px;
  padding-left: 58.824%;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box {
  top: 240px;
  left: 13%;
  width: 56%;
  max-width: 433px;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity .5s ease-in-out, top .5s ease-in-out;
  transition: opacity .5s ease-in-out, top .5s ease-in-out;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box::after {
  content: '';
  width: 140%;
  height: 100px;
  position: absolute;
  left: -20%;
  bottom: 0;
  z-index: 5;
  background: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #f9f9f9, rgba(255, 255, 255, 0));
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_mockup {
  position: relative;
  width: 100%;
  max-width: 433px;
  z-index: 1;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_mockup > img {
  width: 100%;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_mockup .part_inner1 {
  position: absolute;
  top: 63.5%;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: opacity .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s;
  transition: opacity .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s;
  transition: opacity .4s ease-in-out .6s, transform .4s ease-in-out .6s;
  transition: opacity .4s ease-in-out .6s, transform .4s ease-in-out .6s, -webkit-transform .4s ease-in-out .6s;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: -webkit-transform .6s ease-in-out .3s;
  transition: -webkit-transform .6s ease-in-out .3s;
  transition: transform .6s ease-in-out .3s;
  transition: transform .6s ease-in-out .3s, -webkit-transform .6s ease-in-out .3s;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj.z_down {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj.z_down .obj3 {
  max-width: 148px;
  width: 35%;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj > img {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out .3s;
  transition: opacity .6s ease-in-out .3s;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj .obj1 {
  right: -3%;
  top: -7%;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  max-width: 135px;
  width: 32%;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj .obj2 {
  right: -13%;
  bottom: 0;
  -webkit-transition-delay: .54s;
  transition-delay: .54s;
  max-width: 95px;
  width: 23%;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box .img_obj .obj3 {
  left: -23%;
  bottom: 12px;
  -webkit-transition-delay: .42s;
  transition-delay: .42s;
  max-width: 154px;
  width: 36.5%;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box.on {
  top: 140px;
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part2 .img_box.on .img_mockup .part_inner1 {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#collect .collect_receipt .receipt_coupon .part2 .img_box.on .img_obj {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

#collect .collect_receipt .receipt_coupon .part2 .img_box.on .img_obj > img {
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part3 {
  overflow: hidden;
}

#collect .collect_receipt .receipt_coupon .part3 .inner {
  min-height: 735px;
}

#collect .collect_receipt .receipt_coupon .part3 .txt_box {
  padding-top: 180px;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box {
  top: 0;
  right: -3%;
  height: 100%;
  width: 58.824%;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon {
  position: absolute;
  top: 240px;
  left: 26.39%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity .5s ease-in-out, top .5s ease-in-out;
  transition: opacity .5s ease-in-out, top .5s ease-in-out;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .mockup_inner {
  position: absolute;
  left: 50%;
  top: 170px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .t_coupon {
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.5s;
  transition: opacity 0.2s ease-in-out 0.5s;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .barcode {
  opacity: 0;
  margin: 30px auto 0;
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
  -webkit-transition: opacity 0.2s ease-in-out 0.6s,-webkit-transform 0.2s ease-in-out 0.6s;
  transition: opacity 0.2s ease-in-out 0.6s,-webkit-transform 0.2s ease-in-out 0.6s;
  transition: opacity 0.2s ease-in-out 0.6s,transform 0.2s ease-in-out 0.6s;
  transition: opacity 0.2s ease-in-out 0.6s,transform 0.2s ease-in-out 0.6s,-webkit-transform 0.2s ease-in-out 0.6s;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin {
  position: relative;
  height: 100%;
  z-index: 2;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin > img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  opacity: 0;
  -webkit-transition: .6s ease-in-out 0.7s, opacity .5s ease-in-out 0.7s,width 0s;
  transition: .6s ease-in-out 0.7s, opacity .5s ease-in-out 0.7s,width 0s;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin > img.coin1 {
  width: 14%;
  max-width: 76px;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin > img.coin2 {
  width: 12%;
  max-width: 66px;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin > img.coin3 {
  width: 14%;
  max-width: 76px;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coupon {
  top: 140px;
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coupon .t_coupon {
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coupon .barcode {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coin > img {
  opacity: 1;
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coin > img.coin1 {
  left: 11%;
  top: 10%;
  -webkit-transform: translate(0, 0) rotate(0deg);
  -ms-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coin > img.coin2 {
  left: 23%;
  top: 30%;
  -webkit-transform: translate(0, 0) rotate(0deg);
  -ms-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
}

#collect .collect_receipt .receipt_coupon .part3 .img_box.on .img_coin > img.coin3 {
  left: auto;
  top: auto;
  right: 0%;
  bottom: 13%;
  -webkit-transform: translate(0, 0) rotate(0deg);
  -ms-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
}

#collect .collect_receipt .receipt_coupon .part4 {
  overflow: hidden;
  background-color: #f9f9f9;
  padding-bottom: 150px;
}

#collect .collect_receipt .receipt_coupon .part4 .inner {
  min-height: 590px;
}

#collect .collect_receipt .receipt_coupon .part4 .txt_box {
  padding-top: 155px;
  padding-left: 58.824%;
}

#collect .collect_receipt .receipt_coupon .part4 .img_box {
  top: 158px;
  left: 12%;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.5s ease-in-out;
  transition: transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.5s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

#collect .collect_receipt .receipt_coupon .part4 .img_box.on {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/*------------------- 충전하기 ---------------------*/

#collect .recharge .wrap_con {
  margin-top: 80px;
}

#collect .recharge .top_banner {
  margin-bottom: 60px;
}

#collect .recharge .recharge_method .acodi_type1 {
  margin-top: 30px;
}

#collect .recharge .recharge_method .acodi_type1 .ac_head {
  padding: 28px 0;
}

#collect .recharge .recharge_method .acodi_type1 .ac_panel {
  padding: 40px 40px 60px 40px;
}

#collect .recharge .recharge_method .acodi_type1 .con_area .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.8px;
  margin-bottom: 40px;
}

#collect .recharge .recharge_method .acodi_type1 .con_area .desc_emp {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #ff481e;
  letter-spacing: -0.8px;
}

#collect .recharge .recharge_method .acodi_type1 .con_area .btn_area {
  margin-top: 60px;
}

#collect .recharge .recharge_method .payment_area .wrap_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#collect .recharge .recharge_method .payment_area .wrap_flex .inp_bundle {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

#collect .recharge .recharge_method .payment_area .wrap_flex .desc_emp {
  margin-left: 30px;
}

#collect .recharge .recharge_method .payment_area .method {
  margin-top: 34px;
}

#collect .recharge .recharge_method .payment_area .method .wrap_rdo .radio_ui {
  margin: 0 55px 20px 0;
}

#collect .recharge .recharge_method .payment_area .method .wrap_rdo .radio_ui:last-child {
  margin-right: 0;
}

#collect .recharge .recharge_method .payment_area .method .wrap_rdo .radio_ui input[type="radio"] + label {
  color: #999;
}

#collect .recharge .recharge_method .payment_area .method .wrap_rdo .radio_ui input[type="radio"]:checked + label {
  color: #111;
}

#collect .recharge .recharge_method .payment_area .agree .wrap_terms_agree {
  border: none;
  border-radius: 0;
  padding: 0;
}

#collect .recharge .recharge_method .mobile_code .wrap_inp {
  margin-top: 40px;
}

#collect .recharge .recharge_method .mobile_code .wrap_inp:first-child {
  margin-top: 0;
}

#collect .recharge .recharge_method .mobile_code .wrap_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#collect .recharge .recharge_method .mobile_code .wrap_flex .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

#collect .recharge .recharge_method .mobile_code .wrap_flex .inp_bundle {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  margin-left: 20px;
}

#collect .recharge .recharge_method .mobile_code .wrap_flex .inp_bundle:first-child {
  margin-left: 0;
}

#collect .recharge .recharge_method .mobile_code .wrap_flex .desc_emp {
  margin-left: 30px;
}

#collect .recharge .recharge_method .mobile_code .cert_num .inp_bundle {
  width: 220px;
}

#collect .recharge .recharge_method .intro_area {
  min-height: 200px;
  padding-left: 235px;
}

#collect .recharge .recharge_method .intro_area.small_change {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/img_charge1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left top;
}

#collect .recharge .recharge_method .intro_area.voucher {
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/img_charge2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left top;
}

#collect .recharge .recharge_method .intro_area .tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.5px;
  margin-bottom: 25px;
}

#collect .recharge .recharge_method .intro_area .btn_small1 {
  margin: 30px 0 0 12px;
}

#collect .recharge .recharge_guide {
  margin: 60px 0 100px;
}

#collect .recharge .recharge_guide .wrap_box {
  border-radius: 8px;
  background: #f5f5f5;
  padding: 40px 50px;
}

#collect .recharge .recharge_guide .wrap_box dl dt {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  color: #111;
  margin: 32px 0 8px;
}

#collect .recharge .recharge_guide .wrap_box dl .bullet_type1.mark3 {
  margin-top: 10px;
}

#collect .recharge .recharge_introduce .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 50px;
  color: #111;
  line-height: 66px;
}

#collect .recharge .recharge_introduce .tit1 .bold {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#collect .recharge .recharge_introduce .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #4e2bf4;
}

#collect .recharge .recharge_introduce .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #999;
  line-height: 1.5;
}

#collect .recharge .recharge_introduce .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  line-height: 32px;
}

#collect .recharge .recharge_introduce .visual {
  background-color: #e8ebff;
  height: 770px;
  padding-top: 140px;
  padding-left: 5.255%;
  background-image: url("https://www.h-point.co.kr/assets/app/img/collect/img_vis_recharge_intro.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#collect .recharge .recharge_introduce .visual .desc1 {
  margin-top: 23px;
}

#collect .recharge .recharge_introduce .visual .bullet_type4.mark1 {
  margin-top: 50px;
}

#collect .recharge .recharge_introduce .smart_recharge {
  padding: 110px 0 150px;
}

#collect .recharge .recharge_introduce .smart_recharge .tit1 {
  text-align: center;
}

#collect .recharge .recharge_introduce .smart_recharge .swiper-tools {
  position: absolute;
  left: 59.191%;
  bottom: 50px;
  z-index: 2;
}

#collect .recharge .recharge_introduce .smart_recharge .swiper-tools .swiper-pagination.type1 .swiper-pagination-progressbar-fill {
  background-color: #4e2bf4;
}

#collect .recharge .recharge_introduce .smart_recharge .swiper-tools .swiper-count span.active_num {
  color: #999;
}

#collect .recharge .recharge_introduce .smart_recharge .swiper-tools .btn_typeB2 {
  display: block;
  margin-top: 70px;
}

#collect .recharge .recharge_introduce .rechargeSwiper {
  margin-top: 90px;
  height: 470px;
}

#collect .recharge .recharge_introduce .rechargeSwiper .swiper-slide {
  background-color: #fff;
}

#collect .recharge .recharge_introduce .rechargeSwiper .swiper-slide-active .info_box .img_box .fix_img .content {
  opacity: 1;
  bottom: 0;
}

#collect .recharge .recharge_introduce .rechargeSwiper .info_box {
  position: relative;
}

#collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box {
  position: absolute;
  width: 444px;
  height: 466px;
  left: 9.805%;
  top: 0;
}

#collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box .fix_img {
  position: absolute;
  bottom: 0;
  left: 0;
}

#collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box .fix_img .content {
  position: absolute;
  left: 0;
  bottom: -100px;
  opacity: 0;
  -webkit-transition: opacity .35s ease-in-out 0.2s,bottom .35s ease-in-out 0.2s;
  transition: opacity .35s ease-in-out 0.2s,bottom .35s ease-in-out 0.2s;
}

#collect .recharge .recharge_introduce .rechargeSwiper .info_box .txt_box {
  position: relative;
  padding-left: 59.641%;
  z-index: 1;
  padding-top: 75px;
}

#collect .recharge .recharge_introduce .rechargeSwiper .info_box .txt_box .desc2 {
  margin-top: 30px;
}

#customer .collect_transform .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #111;
}

#customer .collect_transform .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  line-height: 32px;
}


/* 포인트제휴 */
#customer .collect_transform .point_visual {
    background-color: #ffffff;
    height: 800px;
    padding-top: 140px;
    background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_point_1.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50% 0;
  }
  
  #customer .collect_transform .point_visual .inner {
    padding-left: 8.579%;
  }
  
  #customer .collect_transform .point_visual h3 {
    font-family: "HGGGothicssi";
    font-weight: 400;
    font-size: 50px;
    color: #111;
    line-height: 66px;
  }
  
  #customer .collect_transform .point_visual h3 em {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: 800;
  }
  
  #customer .collect_transform .point_visual .desc1 {
    margin-top: 23px;
  }
  

  

 /* 문화*/
 #customer .collect_transform .culture_visual {
  background-color: #ffffff;
  height: 780px;
  padding-top: 140px;
  background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_culture_3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}


  
  #customer .collect_transform .culture_visual .inner {
    padding-left: 8.579%;
  }
  
  #customer .collect_transform .culture_visual h3 {
    font-family: "HGGGothicssi";
    font-weight: 400;
    font-size: 50px;
    color: #111;
    line-height: 66px;
  }
  
  #customer .collect_transform .culture_visual h3 em {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: 800;
  }
  
  #customer .collect_transform .culture_visual .desc1 {
    margin-top: 23px;
  }




  /* 기부 */
 #customer .collect_transform .donate_visual {
  background-color: #ffffff;
  height: 890px;
  padding-top: 140px;
  background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_donation_2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}
  
  #customer .collect_transform .donate_visual .inner {
    padding-left: 8.579%;
  }
  
  #customer .collect_transform .donate_visual h3 {
    font-family: "HGGGothicssi";
    font-weight: 400;
    font-size: 50px;
    color: #111;
    line-height: 66px;
  }
  
  #customer .collect_transform .donate_visual h3 em {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: 800;
  }
  
  #customer .collect_transform .donate_visual .desc1 {
    margin-top: 23px;
  }
  



  /* 설문/퀴즈 */
  
#customer .collect_transform .quiz_visual {
  background-color: #ffffff;
  height: 1100px;
  padding-top: 140px;
  background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_quiz_2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 70%;
}

#customer .collect_transform .quiz_.visual .inner {
  padding-left: 8.579%;
}

#customer .collect_transform .quiz_visual h3 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 50px;
  color: #111;
  line-height: 66px;
  margin-bottom: 20px;
}

#customer .collect_transform .quiz_visual h3 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#collect .collect_transform .quiz_visual .desc1 {
  margin-top: 23px;
}




/*------------------- 포인트샵 ---------------------*/

#use .use_pointshop .wrap_pointshop {
  overflow: hidden;
  padding-bottom: 100px;
}

#use .use_pointshop .wrap_pointshop .info_area .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #111;
  line-height: 56px;
}

#use .use_pointshop .wrap_pointshop .info_area .tit1 .c_blue {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#use .use_pointshop .wrap_pointshop .info_area .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 36px;
  margin-top: 20px;
}

#use .use_pointshop .wrap_pointshop .info_area .txt_box {
  position: relative;
  padding-left: 57.599%;
  padding-top: 150px;
  z-index: 2;
}

#use .use_pointshop .wrap_pointshop .info_area .img_box {
  position: absolute;
  left: 14.019%;
  bottom: 80px;
  z-index: 1;
  width: 412px;
}

#use .use_pointshop .wrap_pointshop .info_area .img_box .shape {
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

#use .use_pointshop .wrap_pointshop .info_area .img_box .object {
  position: absolute;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out .2s;
  transition: opacity .3s ease-in-out .2s;
}

#use .use_pointshop .wrap_pointshop .info_area .img_box.on .shape {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#use .use_pointshop .wrap_pointshop .info_area .img_box.on .object {
  opacity: 1;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area1 .layout1 {
  min-height: 590px;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area1 .img_box .object {
  left: -8px;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 {
  background-color: #f9f9f9;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 .layout1 {
  min-height: 600px;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 .txt_box {
  padding-left: 8.579%;
  padding-top: 170px;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 .img_box {
  left: auto;
  right: 10.515%;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 .img_box .shape {
  -webkit-transform: translateX(80px);
  -ms-transform: translateX(80px);
  transform: translateX(80px);
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 .img_box .object {
  left: -51px;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area2 .img_box.on .shape {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#use .use_pointshop .wrap_pointshop .info_area.info_area3 .layout1 {
  min-height: 550px;
  padding-bottom: 60px;
}

#use .use_pointshop .wrap_pointshop .info_area.info_area3 .img_box .object {
  bottom: -20px;
  left: -26px;
}

#use .use_pointshop .wrap_pointshop .btn_typeB2 {
  display: block;
  margin: 0 auto;
  width: 280px;
}

/*------------------- 선물하기 ---------------------*/

#use .use_gift .wrap_gift {
  padding-top: 80px;
  padding-bottom: 100px;
}

#use .use_gift .wrap_gift .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 32px;
  color: #333;
  line-height: 40px;
}

#use .use_gift .wrap_gift .tit1 .c_blue {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#use .use_gift .wrap_gift .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  line-height: 30px;
  letter-spacing: -0.4px;
  margin-top: 40px;
}

#use .use_gift .wrap_gift .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 24px;
  letter-spacing: -0.4px;
  margin-top: 20px;
}

#use .use_gift .wrap_gift .gift_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#use .use_gift .wrap_gift .gift_list li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  width: calc((100% - 49px) / 3);
  margin-right: 24px;
  padding: 210px 2% 115px;
  border-radius: 16px;
  border: 1px solid #eee;
  text-align: center;
}

#use .use_gift .wrap_gift .gift_list li:last-child {
  margin-right: 0;
}

#use .use_gift .wrap_gift .gift_list li .btn_typeC2 {
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin-left: -62.5px;
}

#use .use_gift .wrap_gift .gift_list li.list1 {
  background-image: url("../../../../assets/app/img/use/img_gift1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 43px;
}

#use .use_gift .wrap_gift .gift_list li.list2 {
  background-image: url("../../../../assets/app/img/use/img_gift2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 43px;
}

#use .use_gift .wrap_gift .gift_list li.list3 {
  background-image: url("../../../../assets/app/img/use/img_gift3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 43px;
}

/*------------------- 기부하기 ---------------------*/

#use .use_donate .wrap_donate_introduce .visual {
  height: 650px;
  background-image: url("../../../../assets/app/img/use/img_donate_vis1.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
  padding-top: 110px;
}

#use .use_donate .wrap_donate_introduce .visual .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 50px;
  color: #111;
  line-height: 66px;
  text-align: center;
}

#use .use_donate .wrap_donate_introduce .visual .tit1 .bold {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup {
  position: relative;
  max-width: 990px;
  min-height: 670px;
  padding-left: 607px;
  padding-top: 190px;
  margin: 0 auto;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box {
  position: absolute;
  left: 0;
  top: 120px;
  padding-top: 10px;
  z-index: -1;
  overflow: hidden;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .bg_circle {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .circle1 {
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .circle2 {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s;
  transition: opacity 0.2s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s;
  transition: transform 0.3s ease-in-out 0.05s, opacity 0.2s ease-in-out 0.05s;
  transition: transform 0.3s ease-in-out 0.05s, opacity 0.2s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .mockup {
  position: absolute;
  left: 50%;
  margin-left: -179px;
  bottom: -100px;
  opacity: 0;
  -webkit-transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
  transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .wrap_slide_mockup {
  position: absolute;
  left: 50%;
  margin-left: -157px;
  opacity: 0;
  bottom: -100px;
  -webkit-transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
  transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
  width: 313px;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box.on .bg_circle {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box.on .mockup {
  opacity: 1;
  bottom: 0;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box.on .wrap_slide_mockup {
  opacity: 1;
  bottom: 0;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #4e2bf4;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 30px;
  margin-top: 30px;
}

#use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .btn_typeB2 {
  margin-top: 55px;
}

#use .use_donate .wrap_donate_introduce .introduce .organization {
  margin-top: 10px;
  text-align: center;
}

#use .use_donate .wrap_donate_introduce .introduce .organization li {
  display: inline-block;
  max-width: 184px;
  width: 18.3%;
  margin-right: 1.635%;
  vertical-align: top;
}

#use .use_donate .wrap_donate_introduce .introduce .organization li:last-child {
  margin-right: 0;
}

#use .use_donate .wrap_donate_introduce .introduce .organization li .img_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 130px;
  border-radius: 8px;
  border: 1px solid #ededed;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
}

#use .use_donate .wrap_donate_introduce .introduce .organization li .img_box img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}

#use .use_donate .wrap_donate_introduce .introduce .organization li .brand_name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.4px;
  margin-top: 16px;
}

#use .use_donate .wrap_donate_list {
  margin-top: 80px;
}

#use .use_donate .wrap_donate_list .board_list_type1 li .wrap_txt {
  height: 185px;
}

#use .use_donate .wrap_donate_list .board_list_type1 li .info {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  margin-top: 8px;
}

#use .use_donate .wrap_donate_list .board_list_type1 li .subtit {
  position: absolute;
  left: 40px;
  bottom: 30px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  letter-spacing: -0.5px;
}

#use .use_donate .wrap_donate_list .board_list_type1 li .goal {
  position: absolute;
  right: 40px;
  bottom: 30px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  letter-spacing: -0.5px;
}

#use .use_donate .wrap_donate_view {
  margin-top: 120px;
}

#use .use_donate .wrap_donate_view .btn_area {
  margin-top: 80px;
}

/*------------------- 혜택 공통 ---------------------*/

#benefit .search_bundle .select_ui {
  width: 200px;
}

#benefit .inp_search .inp_self,
#benefit .inp_search .inp_self2,
#benefit .inp_search .inp_self2 {
  width: 200px;
}

/*------------------- 이벤트 ---------------------*/

#benefit .event .wrap_board_list {
  margin-top: 80px;
}

/*------------------- 쿠폰 ---------------------*/

#benefit .coupon .wrap_board_list {
  margin-top: 80px;
}

#benefit .coupon .wrap_paging {
  margin-top: 36px;
}

#benefit .coupon .box_coupon .d_day {
  width: 54px;
  height: 32px;
  right: 30px;
  font-size: 15px;
  color: #fff;
  line-height: 32px;
}

#benefit .coupon .banner {
  margin-top: 80px;
}

#benefit .coupon .banner img {
  width: 100%;
}

/*------------------- 미션 ---------------------*/

#benefit .mission .wrap_mission {
  overflow: hidden;
}

#benefit .mission .wrap_mission .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 54px;
  color: #111;
  line-height: 68px;
  text-align: center;
  margin-bottom: 70px;
}

#benefit .mission .wrap_mission .tit1 .bold {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#benefit .mission .wrap_mission .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #4e2bf4;
}

#benefit .mission .wrap_mission .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 30px;
  margin-top: 27px;
}

#benefit .mission .wrap_mission .cmt_guide3.mark1 {
  font-size: 18px;
  margin-top: 10px;
}

#benefit .mission .wrap_mission .cmt_guide3.mark1::before {
  top: 4px;
}

#benefit .mission .wrap_mission .btn_gray1 {
  position: relative;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 20px;
  color: #4e2bf4;
  display: inline-block;
  line-height: 28px;
  margin-top: 50px;
}

#benefit .mission .wrap_mission .btn_gray1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#benefit .mission .wrap_mission .btn_gray1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #4e2bf4;
}

#benefit .mission .wrap_mission .info_box {
  position: relative;
}

#benefit .mission .wrap_mission .info_box .img_box {
  position: absolute;
  width: 542px;
  height: 554px;
  left: 7.396%;
  top: 0;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -100px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
  transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .img_main {
  margin: 12px auto 0;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .img_impact {
  opacity: 0;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
  -webkit-transition: opacity .2s ease-in-out 0.9s,-webkit-transform .25s ease-in-out 0.9s;
  transition: opacity .2s ease-in-out 0.9s,-webkit-transform .25s ease-in-out 0.9s;
  transition: transform .25s ease-in-out 0.9s,opacity .2s ease-in-out 0.9s;
  transition: transform .25s ease-in-out 0.9s,opacity .2s ease-in-out 0.9s,-webkit-transform .25s ease-in-out 0.9s;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 28px;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm:nth-child(1) {
  -webkit-transition: .2s ease-in-out 1.2s, margin-right 0s;
  transition: .2s ease-in-out 1.2s, margin-right 0s;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm:nth-child(2) {
  -webkit-transition: .2s ease-in-out 1.3s, margin-right 0s;
  transition: .2s ease-in-out 1.3s, margin-right 0s;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm:nth-child(3) {
  -webkit-transition: .2s ease-in-out 1.4s, margin-right 0s;
  transition: .2s ease-in-out 1.4s, margin-right 0s;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm:nth-child(4) {
  -webkit-transition: .2s ease-in-out 1.5s, margin-right 0s;
  transition: .2s ease-in-out 1.5s, margin-right 0s;
}

#benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm:last-child {
  margin-right: 0;
}

#benefit .mission .wrap_mission .info_box .img_box .fix_img {
  position: absolute;
  bottom: 0;
  left: 0;
}

#benefit .mission .wrap_mission .info_box .img_box .fix_img .bg_circle {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;
}

#benefit .mission .wrap_mission .info_box .img_box .fix_img .circle1 {
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#benefit .mission .wrap_mission .info_box .img_box .fix_img .circle2 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s;
  transition: opacity 0.2s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s;
  transition: transform 0.3s ease-in-out 0.05s, opacity 0.2s ease-in-out 0.05s;
  transition: transform 0.3s ease-in-out 0.05s, opacity 0.2s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s;
}

#benefit .mission .wrap_mission .info_box .img_box .fix_img .mockup {
  position: absolute;
  left: 0;
  bottom: -100px;
  opacity: 0;
  -webkit-transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
  transition: bottom 0.5s ease-in-out 0.3s,opacity 0.5s ease-in-out 0.3s;
}

#benefit .mission .wrap_mission .info_box .img_box.on .mockup_inner {
  opacity: 1;
  bottom: 0;
}

#benefit .mission .wrap_mission .info_box .img_box.on .mockup_inner .impact_box .img_impact {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#benefit .mission .wrap_mission .info_box .img_box.on .mockup_inner .impact_box .stamp_box .img_stapm {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#benefit .mission .wrap_mission .info_box .img_box.on .fix_img .bg_circle {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#benefit .mission .wrap_mission .info_box .img_box.on .fix_img .mockup {
  opacity: 1;
  bottom: 0;
}

#benefit .mission .wrap_mission .info_box .txt_box {
  position: relative;
  padding-left: 59.641%;
  z-index: 1;
}

#benefit .mission .wrap_mission .part1 {
  position: relative;
}

#benefit .mission .wrap_mission .part1::after {
  content: '';
  position: absolute;
  width: 66px;
  height: 66px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/benefit/img_mission_obj1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  left: 50%;
  bottom: 180px;
  margin-left: 600px;
  z-index: 1;
}

#benefit .mission .wrap_mission .part1 .inner {
  padding-top: 110px;
  min-height: 895px;
}

#benefit .mission .wrap_mission .part1 .missionSwiper {
  position: relative;
  height: 579px;
  overflow: hidden;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .swiper-slide > .layout1 {
  height: 100%;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .swiper-slide .img_box .mockup_inner .impact_box .img_impact {
  opacity: 0;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
  -webkit-transition: 0s;
  transition: 0s;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .swiper-slide-active .img_box .mockup_inner .impact_box .img_impact {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity .2s ease-in-out .4s,-webkit-transform .25s ease-in-out .4s;
  transition: opacity .2s ease-in-out .4s,-webkit-transform .25s ease-in-out .4s;
  transition: transform .25s ease-in-out .4s,opacity .2s ease-in-out .4s;
  transition: transform .25s ease-in-out .4s,opacity .2s ease-in-out .4s,-webkit-transform .25s ease-in-out .4s;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .info_box {
  height: 100%;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .txt_box {
  height: 100%;
  padding-top: 125px;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .img_box {
  background-color: #fff;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .img_box .mockup_inner .impact_box {
  top: 19.136%;
}

#benefit .mission .wrap_mission .part1 .missionSwiper .swiper-slide {
  background-color: #fff;
}

#benefit .mission .wrap_mission .part1 .swiper-tools {
  position: absolute;
  left: 59.824%;
  bottom: 200px;
  z-index: 2;
}

#benefit .mission .wrap_mission .part2 {
  position: relative;
  background-color: #e8ebff;
}

#benefit .mission .wrap_mission .part2::after {
  content: '';
  position: absolute;
  width: 196px;
  height: 190px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/benefit/img_mission_obj2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  left: 50%;
  margin-left: 400px;
  top: -110px;
  z-index: 1;
}

#benefit .mission .wrap_mission .part2 .inner {
  padding-top: 110px;
  min-height: 813px;
}

#benefit .mission .wrap_mission .part2 .info_box .txt_box {
  padding-left: 17.157%;
  padding-top: 125px;
}

#benefit .mission .wrap_mission .part2 .info_box .img_box {
  left: auto;
  right: 8.579%;
}

#benefit .mission .wrap_mission .part2 .info_box .img_box .mockup_inner .impact_box {
  top: 28.882%;
}

#benefit .mission .wrap_mission .part2 .info_box .img_box .mockup_inner .impact_box .stamp_box {
  top: 43px;
  left: 51px;
}

#benefit .mission .wrap_mission .part3 {
  position: relative;
}

#benefit .mission .wrap_mission .part3::after {
  content: '';
  position: absolute;
  width: 127px;
  height: 141px;
  background-image: url("../../../../assets/app/img/benefit/img_mission_obj3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  left: 50%;
  margin-left: -560px;
  top: -80px;
  z-index: 1;
}

#benefit .mission .wrap_mission .part3 .inner {
  padding-top: 100px;
  min-height: 673px;
}

#benefit .mission .wrap_mission .part3 .info_box .txt_box {
  padding-top: 140px;
}

#benefit .mission .wrap_mission .part3 .info_box .img_box .mockup_inner .impact_box {
  top: 21.12%;
}

/*------------------- H매거진 ---------------------*/

#benefit .magazine .wrap_board_list,
#hmagazine .magazine .wrap_board_list {
  margin-top: 100px;
}

#benefit .magazine .board_list_type1 .wrap_txt,
#hmagazine .magazine .board_list_type1 .wrap_txt {
  height: 125px;
}

/*------------------- 제휴카드안내 ---------------------*/

#benefit .affiliate_card .wrap_card_list {
  margin-top: 80px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item {
  margin-top: 20px;
  -webkit-transition: border .3s;
  transition: border .3s;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item:first-child {
  margin-top: 0;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item:first-child .ac_panel {
  display: block;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item:hover {
  border: 1px solid #4e2bf4;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item:hover .ac_head .card_img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head {
  position: relative;
  padding: 40px 30px 40px 270px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .card_img {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -57px;
  width: 180px;
  height: 114px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .card_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .tit_area .sub_desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  margin-top: 10px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .link_wrap {
  margin-top: 15px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel {
  padding-left: 270px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box {
  margin-top: 25px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box:first-child {
  margin-top: 0;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_tit1 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #111;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  margin-top: 5px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_desc1 .c_blue1 {
  color: #4e2bf4;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_desc1 .small {
  font-size: 16px;
}

#benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item.on .ac_head::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#club .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #111;
  line-height: 36px;
}

#club .tit2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 32px;
}

#club .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 32px;
}

#club .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.4px;
  line-height: 24px;
}

#club .c_blue1 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#club .club_vis {
  height: 480px;
  padding-top: 135px;
  padding-left: 105px;
  background-color: #f7f7f7;
}

#club .club_vis.vis1 {
  background-image: url("../../../../assets/app/img/club/img_club_vis1.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#club .club_vis.vis2 {
  background-image: url("https://www.h-point.co.kr/assets/app/img/club/img_club_vis2.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#club .club_vis.vis3 {
  background-image: url("../../../../assets/app/img/club/img_club_vis3.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#club .club_vis.vis4 {
  background-image: url("../../../../assets/app/img/club/img_club_vis4.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#club .club_vis.vis5 {
    background-image : url("../../../../assets/app/img/club/img_club_vis5_web.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 0;
}

#club .club_vis.vis6 {
    background-image : url("../../../../club/clubtravel/web_clubtravel_banner.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 0;
}

#club .club_vis .vis_tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 40px;
  color: #111;
}

#club .club_vis .vis_tit .c_blue1 {
  font-size: 58px;
}

#club .club_vis .vis_desc1 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 28px;
  color: #333;
  line-height: 36px;
  margin-top: 25px;
}

#club .club_vis .vis_desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 26px;
  letter-spacing: -0.4px;
  margin-top: 15px;
}

#club .wrap_club {
  margin-top: 80px;
  padding-bottom: 100px;
}

#club .wrap_club .inner {
  border-top: 2px solid #333;
}

#club .wrap_club .inner .club_con {
  padding: 35px 0;
  border-top: 1px solid #999;
}

#club .wrap_club .inner .club_con:first-of-type {
  border-top: none;
}

#club .wrap_club .inner .club_con:last-of-type {
  padding-bottom: 0;
  text-align: center;
}

#club .wrap_club .inner .club_con.pdt53 {
  padding-top: 35px;
}

#club .wrap_club .inner .club_con .cmt_guide1.mark1,
#club .wrap_club .inner .club_con .bullet_type1.mark1 {
  margin-top: 10px;
}

#club .wrap_club .inner .club_con .desc1 {
  margin-top: 5px;
}

#club .wrap_club .inner .division_box {
  position: relative;
  padding-left: 210px;
}

#club .wrap_club .inner .division_box .tit1 {
  position: absolute;
  left: 0;
  top: 0;
}

#club .wrap_club .inner .explain .ex_inner {
  padding: 23px 0 27px;
  border-top: 1px solid #f0f0f0;
}

#club .wrap_club .inner .explain .ex_inner:first-of-type {
  padding-top: 0;
  border-top: none;
}

#club .wrap_club .inner .explain .ex_inner:last-of-type {
  padding-bottom: 0;
}

#club .wrap_club .inner .apply_btn {
  margin-top: 45px;
}

#club .wrap_club .inner .apply_btn > a {
  display: inline-block;
  padding: 0 40px;
  height: 70px;
  border-radius: 8px;
  background-color: #4e2bf4;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 70px;
}

#club .wrap_club .inner .apply_btn > a span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#club .wrap_club .inner .diagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#club .wrap_club .inner .diagram.mgb30 {
  margin-bottom: 30px;
}

#club .wrap_club .inner .diagram > * {
  margin-right: 2.689%;
}

#club .wrap_club .inner .diagram .circle_info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 184px;
  flex: 1 1 184px;
  text-align: center;
  max-width: 184px;
}

#club .wrap_club .inner .diagram .circle_info .circle {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  background-color: #4e2bf4;
  margin: 0 auto;
}

#club .wrap_club .inner .diagram .circle_info .circle .circle_inner {
  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;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#club .wrap_club .inner .diagram .circle_info .circle .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 32px;
}

#club .wrap_club .inner .diagram .circle_info .desc2 {
  margin-top: 15px;
}

#club .wrap_club .inner .diagram .arrow {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80px;
  flex: 1 1 80px;
  max-width: 80px;
}

#club .wrap_club .inner .diagram .arrow span {
  display: inline-block;
  width: 100%;
  background-image: url("../../../../assets/app/img/club/ic_arrow1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 50%;
  text-indent: -99999px;
  overflow: hidden;
}

#club .wrap_club .inner .diagram.has_bottom_txt {
  padding-bottom: 65px;
}

#club .wrap_club .inner .diagram.has_bottom_txt .circle_info {
  position: relative;
}

#club .wrap_club .inner .diagram.has_bottom_txt .circle_info .desc2 {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#club .benefit {
  margin-top: 30px;
}

#club .benefit > .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #333;
}

#club .benefit .benefit_list {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#club .benefit .benefit_list > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: calc((100% - 48px) / 3);
  margin-top: 24px;
}

#club .benefit .benefit_list > li:nth-child(-n + 3) {
  margin-top: 0;
}

#club .benefit .benefit_list > li .has_ic {
  width: 100%;
  height: 100%;
  padding: 32px 7.65% 32px 25.5%;
  border-radius: 8px;
  border: 1px solid #eee;
}

#club .benefit .benefit_list > li .has_ic .tit2 span {
  font-weight: 700;
}

#club .benefit .benefit_list > li .has_ic .bullet_type1.mark1 li:not(:first-of-type) {
  margin-top: 5px;
}

#club .benefit .benefit_list > li .btn_more_benefit {
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 18px;
  color: #333;
}

#club .benefit .benefit_list > li .btn_more_benefit span {
  display: inline-block;
  padding-top: 80px;
  background-image: url("../../../../assets/app/img/common/ic_plus1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  -webkit-transition: .3s;
  transition: .3s;
}

#club .benefit .benefit_list > li .btn_more_benefit:hover span {
  background-image: url("../../../../assets/app/img/common/ic_hover_plus1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#club .benefit.benefit_com .benefit_list li {
  margin-right: 24px;
}

#club .benefit.benefit_com .benefit_list li:nth-child(3n) {
  margin-right: 0;
}

#club .benefit.benefit_com .benefit_list li:nth-child(1) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_com1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .benefit.benefit_com .benefit_list li:nth-child(2) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_com2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .benefit.benefit_com .benefit_list li:nth-child(3) .has_ic {
  background-image: url("https://www.h-point.co.kr/assets/app/img/club/ic_benefit_com3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .benefit.benefit_com .benefit_list li:nth-child(4) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_com4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .benefit.benefit_com .benefit_list li:nth-child(5) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_com5.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .benefit.benefit_branch .benefit_list li {
  margin-right: 24px;
}

#club .benefit.benefit_branch .benefit_list li:nth-child(3n) {
  margin-right: 0;
}

/************************* 클럽 프렌즈 *********************************/

#club .club_friends .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_branch1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_friends .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_branch2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_friends .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
  background-image: url("https://www.h-point.co.kr/assets/app/img/club/ic_benefit_branch3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

/************************* 클럽 웨딩 *********************************/

#club .club_wedding .btn_more_question {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #4e2bf4;
  line-height: 16px;
  border-bottom: 1px solid #4e2bf4;
  margin-top: 25px;
}

#club .club_wedding .btn_more_question span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#club .club_wedding .benefit .benefit_list {
  margin-top: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#club .club_wedding .benefit .benefit_list > li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: calc((100% - 49px) / 3);
  margin: 24px 24px 0 0;
  padding: 50px 30px 35px;
  border: 1px solid #ddd;
  border-radius: 16px;
  -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.1);
  box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.1);
}

#club .club_wedding .benefit .benefit_list > li:nth-of-type(-n + 3) {
  margin-top: 0;
}

#club .club_wedding .benefit .benefit_list > li:nth-of-type(3n) {
  margin-right: 0;
}

#club .club_wedding .benefit .benefit_list > li.pdb115 {
  padding-bottom: 115px;
}

#club .club_wedding .benefit .benefit_list > li .tit2 {
  line-height: 30px;
}

#club .club_wedding .benefit .benefit_list > li .main_info .logo {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  margin: 0 auto;
  padding: 0 10px;
  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;
  text-align: center;
}

#club .club_wedding .benefit .benefit_list > li .main_info .logo img {
  max-width: 100%;
}

#club .club_wedding .benefit .benefit_list > li .main_info .explain {
  margin-top: 20px;
}

#club .club_wedding .benefit .benefit_list > li .main_info .explain .branch_tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 22px;
  color: #333;
  line-height: 36px;
  text-align: center;
}

#club .club_wedding .benefit .benefit_list > li .main_info .explain .tit2 {
  margin-top: 26px;
}

#club .club_wedding .benefit .benefit_list > li .sub_info .tit2 {
  margin-top: 20px;
}

#club .club_wedding .benefit .benefit_list > li .btn_typeC2 {
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin-left: -62.5px;
}

/************************* 맘스 클럽 *********************************/

#club .club_moms .benefit {
  margin-top: 0;
}

#club .club_moms .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_branch4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_moms .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_com2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_moms .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
  background-image: url("https://www.h-point.co.kr/assets/app/img/club/ic_benefit_branch5.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_moms .wrap_club .inner .club_con .bullet_type1.mark1,
#club .club_moms .wrap_club .inner .club_con .cmt_guide1.mark1 {
  margin-top: 10px;
}

#club .club_moms .wrap_club .inner .club_con .bullet_type1.mark1 li:not(:first-of-type),
#club .club_moms .wrap_club .inner .club_con .cmt_guide1.mark1 li:not(:first-of-type) {
  margin-top: 0;
}

/************************* 뷰티 클럽 *********************************/

#club .club_beauty .benefit {
  margin-top: 0;
}

#club .club_beauty .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_branch4.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_beauty .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_com2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_beauty .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
  background-image: url("../../../../assets/app/img/club/ic_benefit_branch6.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 7.65% 37px;
}

#club .club_beauty .wrap_club .inner .club_con .bullet_type1.mark1,
#club .club_beauty .wrap_club .inner .club_con .cmt_guide1.mark1 {
  margin-top: 10px;
}

#club .club_beauty .wrap_club .inner .club_con .bullet_type1.mark1 li:not(:first-of-type),
#club .club_beauty .wrap_club .inner .club_con .cmt_guide1.mark1 li:not(:first-of-type) {
  margin-top: 0;
}

/************************* 클럽 아디다스 *********************************/

#club .club_adidas .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
    background-image: url("../../../../assets/app/img/club/ic_benefit_com2.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }
  
  #club .club_adidas .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
    background-image: url("../../../../assets/app/img/club/ic_benefit_com1.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }
  
  #club .club_adidas .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
    background-image: url("../../../../assets/app/img/club/ic_benefit_point3.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }

  #club .club_adidas .benefit.benefit_branch .benefit_list li:nth-child(4) .has_ic {
    background-image: url("../../../../assets/app/img/club/ic_benefit_secret3.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }

  #club .club_adidas .benefit.benefit_branch .benefit_list li:nth-child(5) .has_ic {
    background-image: url("../../../../assets/app/img/club/ic_benefit_branch4.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }

/************************* 클럽 트래블 *********************************/

#club .club_travel .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
    background-image: url("https://../../../../assets/app/img/club/ic_benefit_branch4.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }
  
  #club .club_travel .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
    background-image: url("https://../../../../assets/app/img/club/ic_benefit_com1.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  }
  
  #club .club_travel .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
    background-image: url("../../../../club/clubadidas/ic_club_secret3.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 7.65% 37px;
  } 

#hpay .hpay_introduce .wrap_intro .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 1.5;
  text-align: center;
}

#hpay .hpay_introduce .wrap_intro .desc2 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 24px;
  color: #333;
  line-height: 1.5;
}

#hpay .hpay_introduce .wrap_intro .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #111;
  text-align: center;
}

#hpay .hpay_introduce .wrap_intro .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 28px;
  color: #4e2bf4;
  letter-spacing: -0.4px;
  line-height: 46px;
}

#hpay .hpay_introduce .wrap_intro .tit3 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
  text-align: center;
}

#hpay .hpay_introduce .wrap_intro .tit3 .small {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-size: 24px;
}

#hpay .hpay_introduce .wrap_intro .hpay_logo {
  width: 170px;
  height: 70px;
  text-indent: -99999px;
  background-image: url("https://www.h-point.co.kr/images_customer/logo/img_logo_hpay_1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  margin: 0 auto;
}

#hpay .hpay_introduce .wrap_intro .part1 .inner {
  padding: 85px 0 115px;
}

#hpay .hpay_introduce .wrap_intro .part1 .inner::before {
  content: '';
  display: block;
  max-width: 785px;
  height: 390px;
  margin: 0 auto 40px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/img_hpay_part1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#hpay .hpay_introduce .wrap_intro .part1 .desc1 {
  margin-top: 45px;
}

#hpay .hpay_introduce .wrap_intro .part2 {
  background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/img_part2_bg.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#hpay .hpay_introduce .wrap_intro .part2 .inner {
  padding: 115px 0 120px;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list {
  margin-top: 45px;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: -15px auto;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li:first-child {
  margin-top: 0;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box {
  float: left;
  position: relative;
  overflow: hidden;
  width: 390px;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box .img_circle {
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box .inner_img {
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  opacity: 0;
  -webkit-transition: .3s ease-in-out .1s;
  transition: .3s ease-in-out .1s;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box.on .img_circle {
  opacity: 1;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box.on .inner_img {
  opacity: 1;
  top: 0;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li .txt_box {
  float: left;
  width: 390px;
  padding-top: 115px;
  margin-left: 24px;
  padding-left: 85px;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(2) .img_box {
  float: right;
}

#hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(2) .txt_box {
  text-align: right;
  padding-left: 0;
  padding-right: 100px;
}

#hpay .hpay_introduce .wrap_intro .part3 .inner {
  padding: 115px 0 60px;
  text-align: center;
}

#hpay .hpay_introduce .wrap_intro .part3 .desc1 {
  margin-top: 20px;
}

#hpay .hpay_introduce .wrap_intro .part3 .brand_list {
  display: inline-block;
  margin: 35px auto 0;
}

#hpay .hpay_introduce .wrap_intro .part3 .brand_list li {
  float: left;
  width: 185px;
  height: 130px;
  margin-right: 24px;
}

#hpay .hpay_introduce .wrap_intro .part3 .brand_list li:last-child {
  margin-right: 0;
}

#hpay .hpay_introduce .wrap_intro .part3 .brand_list li .img_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #ededed;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#hpay .hpay_introduce .wrap_intro .part3 .brand_list li .img_box > img {
  max-width: 100%;
  display: inline-block;
}


.hpay_tit {
  width: 170px;
  height: 70px;
  background-image: url("https://www.h-point.co.kr/images_customer/logo/img_logo_hpay_2.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  margin: 0 auto;

}

/*********************************후크 체험단****************************/
#hook .hook_introduce .wrap_intro .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 1.5;
  text-align: center;
}

#hook .hook_introduce .wrap_intro .desc2 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 24px;
  color: #333;
  line-height: 1.5;
}

#hook .hook_introduce .wrap_intro .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 44px;
  color: #111;
  text-align: center;
}

#hook .hook_introduce .wrap_intro .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 28px;
  color: #4e2bf4;
  letter-spacing: -0.4px;
  line-height: 46px;
}

#hook .hook_introduce .wrap_intro .tit3 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
  text-align: center;
}

#hook .hook_introduce .wrap_intro .tit3 .small {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-size: 24px;
}

#hook .hook_introduce .wrap_intro .hook_logo {
  width: 170px;
  height: 90px;
  text-indent: -99999px;
  background-image: url("https://hpoint.speedgabia.com/WEB/hook/web_hook_logo_1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  margin: 0 auto;
}

#hook .hook_introduce .wrap_intro .part1 .inner {
  padding: 85px 0 115px;
}

#hook .hook_introduce .wrap_intro .part1 .inner::before {
  content: '';
  display: block;
  max-width: 785px;
  height: 390px;
  margin: 0 auto 40px;
  background-image: url("https://hpoint.speedgabia.com/WEB/hook/web_hook_img_1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#hook .hook_introduce .wrap_intro .part1 .desc1 {
  margin-top: 45px;
}

#hook .hook_introduce .wrap_intro .part2 {
  background-image: url("../../../../WEB/hook/web_hook_background_1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
}

#hook .hook_introduce .wrap_intro .part2 .inner {
  padding: 115px 0 120px;
}

#hook .hook_introduce .wrap_intro .part2 .method_list {
  margin-top: 0px;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: -15px auto;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li:first-child {
  margin-top: 0;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li .img_box {
  float: left;
  position: relative;
  overflow: hidden;
  width: 390px;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li .img_box .img_circle {
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li .img_box .inner_img {
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  opacity: 0;
  -webkit-transition: .3s ease-in-out .1s;
  transition: .3s ease-in-out .1s;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li .img_box.on .img_circle {
  opacity: 1;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li .img_box.on .inner_img {
  opacity: 1;
  top: 0;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li .txt_box {
  float: left;
  width: 650px;
  padding-top: 115px;
  margin-left: 24px;
  padding-left: 85px;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(2) .img_box {
  float: right;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(2) .txt_box {
  text-align: right;
  padding-left: 0;
  padding-right: 100px;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(4) .img_box {
  float: right;
}

#hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(4) .txt_box {
  text-align: right;
  padding-left: 0;
  padding-right: 100px;
}



#hook .hook_introduce .wrap_intro .part3 .inner {
  padding: 115px 0 60px;
  text-align: center;
}

#hook .hook_introduce .wrap_intro .part3 .desc1 {
  margin-top: 20px;
}

#hook .hook_introduce .wrap_intro .part3 .brand_list {
  display: inline-block;
  margin: 35px auto 0;
}

#hook .hook_introduce .wrap_intro .part3 .brand_list li {
  float: left;
  width: 185px;
  height: 130px;
  margin-right: 24px;
}

#hook .hook_introduce .wrap_intro .part3 .brand_list li:last-child {
  margin-right: 0;
}

#hook .hook_introduce .wrap_intro .part3 .brand_list li .img_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #ededed;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#hook .hook_introduce .wrap_intro .part3 .brand_list li .img_box > img {
  max-width: 100%;
  display: inline-block;
}


.hook_tit {
  width: 170px;
  height: 90px;
  background-image: url("../../../../WEB/hook/web_hook_logo.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  margin: 0 auto;
}


@media screen and (max-width: 768px) {
  .hpay_tit {
    width: 120px;
    height: 70px;
  }
  .hook_tit {
    width: 120px;
    height: 70px;
  }  
  
}

/*------------------- 고객센터 공통 ---------------------*/

#customer .wrap_con .wrap_paging {
  margin-top: 80px;
}

#customer .wrap_con .no_data_type1 {
  margin-bottom: 120px;
}

#customer .bn_contact {
  margin-top: 120px;
}

#customer .bn_contact li {
  position: relative;
  float: left;
  width: calc((100% - 50px) / 3);
  height: 250px;
  margin-right: 24px;
}

#customer .bn_contact li:last-child {
  margin-right: 0;
}

#customer .bn_contact li .box {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -webkit-box-shadow: 5px 6px 12px 1px rgba(25, 48, 88, 0.1);
  box-shadow: 5px 6px 12px 1px rgba(25, 48, 88, 0.1);
  padding: 35px 30px;
}

#customer .bn_contact li .s_txt {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 26px;
  color: #111;
  letter-spacing: -0.5px;
}

#customer .bn_contact li .b_txt {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 36px;
  color: #111;
  letter-spacing: -0.8px;
  line-height: 1.3;
}

#customer .bn_contact li .ic_arr {
  position: relative;
}

#customer .bn_contact li .ic_arr::after {
  content: "";
  position: absolute;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-image: url("../../../../assets/app/img/common/ic_arrow3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#customer .bn_contact li .desc {
  position: absolute;
  left: 30px;
  bottom: 35px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.5px;
  line-height: 30px;
}

#customer .bn_contact li.kakao .box {
  border-color: #ffe600;
  background: #ffe600;
}

#customer .bn_contact li.kakao .box::after {
  content: "";
  position: absolute;
  right: 11.47%;
  bottom: 16%;
  width: 63px;
  height: 59px;
  background-image: url("../../../../assets/app/img/customer/ic_kakao.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

/*------------------- faq ---------------------*/

#customer .faq .tab_ui.type2 {
  margin: 80px 0 40px;
}

#customer .faq .tab_ui.type2 .tab a {
  border-bottom: 2px solid transparent;
}

#customer .faq .tab_ui.type2 .tab:hover a {
  -webkit-transition: .3s;
  transition: .3s;
  color: #5f4ad8;
  border-bottom: 2px solid #5f4ad8;
}

#customer .faq .tab_ui.type2 .tab.active a {
  color: #5f4ad8;
  border-bottom: 2px solid #5f4ad8;
}

/*------------------- 공지사항 ---------------------*/

#customer .notice .wrap_con {
  margin-top: 80px;
}

#customer .notice .wrap_con .list_top_ui {
  margin-bottom: 30px;
}

/*------------------- 소개 ---------------------*/

#introduce .h_introduce {
  overflow: hidden;
}

#introduce .h_introduce .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 60px;
  color: #fff;
  line-height: 74px;
  letter-spacing: -.5px;
}

#introduce .h_introduce .tit1 .bold {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800;
}

#introduce .h_introduce .tit1 .c_green1 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #14d1a9;
}

#introduce .h_introduce .tit1.c_black {
  color: #111;
}

#introduce .h_introduce .tit2 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 50px;
  color: #111;
  line-height: 66px;
}

#introduce .h_introduce .tit2 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 800 !important;
}

#introduce .h_introduce .tit2 .c_blue1 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#introduce .h_introduce .tit3 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 36px;
  color: #fff;
  line-height: 28px;
}

#introduce .h_introduce .tit4 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 40px;
  color: #fff;
}

#introduce .h_introduce .tit4.c_black {
  color: #111;
}

#introduce .h_introduce .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  line-height: 38px;
  letter-spacing: -0.4px;
}

#introduce .h_introduce .desc1.c_white {
  color: #fff;
}

#introduce .h_introduce .desc1.c_gray2 {
  color: #666;
}

#introduce .h_introduce .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  line-height: 32px;
  letter-spacing: -0.4px;
}

#introduce .h_introduce .desc2 .bold {
  font-weight: 700;
}

#introduce .h_introduce .btn_gray1 {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 20px;
  color: #999;
  border-bottom: 1px solid #999;
  padding-bottom: 2px;
  margin-top: 40px;
}

#introduce .h_introduce .btn_gray1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#introduce .h_introduce .btn_blue1 {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #603de3;
  margin-top: 50px;
  padding-right: 18px;
  background-image: url("../../../../assets/app/img/common/ic_arrow8.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right 50%;
}

#introduce .h_introduce .btn_blue1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#introduce .h_introduce .btn_blue2 {
  position: absolute;
  bottom: -27px;
  left: 50%;
  margin-left: -110px;
  display: block;
  width: 220px;
  height: 54px;
  border-radius: 27px;
  background-color: #4e2bf4;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  line-height: 54px;
  text-align: center;
}

#introduce .h_introduce .btn_blue2 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  padding-right: 30px;
  background-image: url("../../../../assets/app/img/common/ic_download2.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right 50%;
}

#introduce .h_introduce .btn_type1 {
  position: relative;
  width: 380px;
  height: 70px;
  margin-top: 80px;
  border-radius: 8px;
  border: 1px solid #fff;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
  z-index: 2;
}

#introduce .h_introduce .btn_type1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#introduce .h_introduce .inner {
  position: relative;
  overflow: hidden;
}

#introduce .h_introduce .part1 .inner,
#introduce .h_introduce .part2 .inner {
  min-height: 900px;
  padding: 230px 0 0 59.233%;
}

#introduce .h_introduce .part1 .desc1,
#introduce .h_introduce .part2 .desc1 {
  margin-top: 30px;
}

#introduce .h_introduce .part1 .txt_box,
#introduce .h_introduce .part2 .txt_box {
  position: relative;
  z-index: 3;
}

#introduce .h_introduce .part1 .txt_box > *,
#introduce .h_introduce .part2 .txt_box > * {
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
  -webkit-transition: opacity .36s ease-in-out, -webkit-transform .36s ease-in-out;
  transition: opacity .36s ease-in-out, -webkit-transform .36s ease-in-out;
  transition: transform .36s ease-in-out, opacity .36s ease-in-out;
  transition: transform .36s ease-in-out, opacity .36s ease-in-out, -webkit-transform .36s ease-in-out;
}

#introduce .h_introduce .part1 .txt_box > *:nth-child(1),
#introduce .h_introduce .part2 .txt_box > *:nth-child(1) {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}

#introduce .h_introduce .part1 .txt_box > *:nth-child(2),
#introduce .h_introduce .part2 .txt_box > *:nth-child(2) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}

#introduce .h_introduce .part1 .img_box,
#introduce .h_introduce .part2 .img_box {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 689px;
  width: 70%;
}

#introduce .h_introduce .part1 .img_box .change_img,
#introduce .h_introduce .part2 .img_box .change_img {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  -ms-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

#introduce .h_introduce .part1 .img_box .change_img1,
#introduce .h_introduce .part2 .img_box .change_img1 {
  z-index: 0;
}

#introduce .h_introduce .part1 .img_box .change_img2,
#introduce .h_introduce .part2 .img_box .change_img2 {
  z-index: 2;
}

#introduce .h_introduce .part1 .img_box .fix_img,
#introduce .h_introduce .part2 .img_box .fix_img {
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

#introduce .h_introduce .part1.on .txt_box > *,
#introduce .h_introduce .part2.on .txt_box > * {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

#introduce .h_introduce .part1.on .img_box .change_img,
#introduce .h_introduce .part2.on .img_box .change_img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

#introduce .h_introduce .part1.on .img_box .fix_img,
#introduce .h_introduce .part2.on .img_box .fix_img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

#introduce .h_introduce .part1 {
  background-color: #14d1a9;
}

#introduce .h_introduce .part2 {
  background-color: #cfe9ff;
}

#introduce .h_introduce .part2 .img_box .change_img {
  z-index: 3;
}

#introduce .h_introduce .part2 .img_box .fix_img {
  z-index: 1;
}

#introduce .h_introduce .part2 .img_box .video {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 100%;
  background-color: #cfe9ff;
}

#introduce .h_introduce .part2 .img_box .video .video_box {
  width: 58%;
  position: absolute;
  right: 14%;
  top: 22%;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), -webkit-transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: opacity 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), -webkit-transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8), -webkit-transform 0.8s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

#introduce .h_introduce .part2 .img_box .video .video_box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 10px solid #cfe9ff;
  border-bottom: 10px solid #cfe9ff;
}

#introduce .h_introduce .part2 .img_box .video video {
  width: 100%;
}

#introduce .h_introduce .part2.on .img_box .video .video_box {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

#introduce .h_introduce .part3 .inner {
  position: relative;
  text-align: center;
  padding: 120px 0px;
  overflow: hidden;
}

#introduce .h_introduce .part3 .tit2 {
  position: relative;
  z-index: 12;
}

#introduce .h_introduce .part3 .btn_move_use {
  position: relative;
  display: block;
}

#introduce .h_introduce .part3 .btn_move_use::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 250px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

#introduce .h_introduce .part3 .btn_move_use::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 250px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}

#introduce .h_introduce .part3 .img_box {
  width: 4340px;
  margin-top: 50px;
}

#introduce .h_introduce .part3 .img_box .wrap_ul {
  float: left;
}

#introduce .h_introduce .part3 .img_box .brand_list {
  float: left;
  white-space: nowrap;
}

#introduce .h_introduce .part3 .img_box .brand_list li {
  white-space: nowrap;
  float: left;
  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;
  text-align: center;
  width: 166px;
  height: 166px;
  border-radius: 50%;
  border: 1px solid #ddd;
  margin-right: 75px;
}

#introduce .h_introduce .part3 .img_box .brand_list li img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#introduce .h_introduce .part3.on .img_box {
  -webkit-animation: moveSlideshow 50s linear infinite;
  animation: moveSlideshow 50s linear infinite;
}

@-webkit-keyframes moveSlideshow {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes moveSlideshow {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@-webkit-keyframes moveSlideshow2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
  }
}

@keyframes moveSlideshow2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
  }
}

#introduce .h_introduce .sect_brand {
  position: relative;
}

#introduce .h_introduce .sect_brand .quick {
  position: absolute;
  width: 188px;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%) rotate(0.001deg);
  -ms-transform: translateX(-50%) rotate(0.001deg);
  transform: translateX(-50%) rotate(0.001deg);
  z-index: 15;
  height: 65px;
  -webkit-transition: width .3s;
  transition: width .3s;
}

#introduce .h_introduce .sect_brand .quick.on {
  width: 547px;
}

#introduce .h_introduce .sect_brand .quick .quick_nav {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -94px;
  width: 188px;
  height: 100%;
  z-index: 2;
  background-color: #4e2bf4;
  border-radius: 32px;
  -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
  text-align: center;
  cursor: pointer;
  -webkit-transition: left .3s, margin .3s;
  transition: left .3s, margin .3s;
  pointer-events: none;
}

#introduce .h_introduce .sect_brand .quick .quick_nav .quick_choice {
  display: inline-block;
  line-height: 65px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 23px;
  color: #fff;
  padding-left: 45px;
  -webkit-transition: background .2s;
  transition: background .2s;
}

#introduce .h_introduce .sect_brand .quick .quick_nav .quick_choice::before {
  -webkit-transition: content .2s;
  transition: content .2s;
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_collect .quick_choice {
  background-image: url("../../../../assets/app/img/introduce/ic_tab_collect.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 50%;
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_collect .quick_choice::before {
  content: '쌓다';
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_collect.move {
  left: 0;
  margin-left: 0;
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_enjoy .quick_choice {
  background-image: url("../../../../assets/app/img/introduce/ic_tab_enjoy.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 50%;
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_enjoy .quick_choice::before {
  content: '즐기다';
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_share .quick_choice {
  background-image: url("../../../../assets/app/img/introduce/ic_tab_share.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 50%;
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_share .quick_choice::before {
  content: '나누다';
}

#introduce .h_introduce .sect_brand .quick .quick_nav.quick_share.move {
  left: 364px;
  margin-left: 0;
}

#introduce .h_introduce .sect_brand .quick .quick_list {
  border-radius: 32px;
  background-color: #f5f3fe;
  width: 546px;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#introduce .h_introduce .sect_brand .quick .quick_list > button {
  float: left;
  width: 182px;
  height: 100%;
  text-align: center;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 23px;
  color: #c7bfed;
  text-align: center;
  line-height: 65px;
  opacity: 0;
}

#introduce .h_introduce .sect_brand .quick .quick_list > button span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#introduce .h_introduce .sect_brand .quick .quick_list.on {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

#introduce .h_introduce .sect_brand .quick .quick_list.on > button {
  -webkit-transition: .3s .3s;
  transition: .3s .3s;
  opacity: 1;
}

#introduce .h_introduce .sect_brand .quick.fixed {
  position: fixed;
  top: 150px;
}

.hasTopBnr #introduce .h_introduce .sect_brand .quick.fixed {
  top: 280px;
}

#introduce .h_introduce .sect_brand .partSwiper {
  height: calc(100vh - 120px);
}

#introduce .h_introduce .sect_brand .partSwiper .swiper-slide {
  height: 100%;
}

#introduce .h_introduce .sect_brand .part {
  background-color: #f9f9f9;
}

#introduce .h_introduce .sect_brand .part .inner {
  height: calc(100vh - 120px);
  padding: 20vh 0 0 8.17%;
}

#introduce .h_introduce .sect_brand .part .img_box {
  position: absolute;
  right: 6.536%;
  top: 17vh;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  opacity: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  max-width: 503px;
  width: 65%;
}

#introduce .h_introduce .sect_brand .part .img_box img {
  width: 100%;
}

#introduce .h_introduce .sect_brand .part .img_box .change_img {
  position: absolute;
  max-width: 244px;
  width: 48.6%;
  height: 516px;
  left: 25.45%;
  top: 11px;
  border-radius: 24px;
  overflow: hidden;
  z-index: 1;
}

#introduce .h_introduce .sect_brand .part .img_box .fix_img {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide > * {
  opacity: 0;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide .desc2 {
  margin-top: 20px;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > * {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(1) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(2) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(3) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

#introduce .h_introduce .sect_brand .part .txt_box .swiper-slide-active:not(.swiper-slide-duplicate) > *:nth-child(4) {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

#introduce .h_introduce .sect_brand .part .swiper-tools {
  margin-top: 45px;
}

#introduce .h_introduce .sect_brand .part.part5 {
  background-color: #fff;
}

#introduce .h_introduce .sect_brand .part.on .img_box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

#introduce .h_introduce .part7 {
  background-color: #4e2bf4;
}

#introduce .h_introduce .part7 .inner {
  padding: 170px 0 120px;
  text-align: center;
  overflow: visible;
}

#introduce .h_introduce .part7 .tit1 {
  margin-top: 12px;
}

#introduce .h_introduce .part7 .img_box {
  position: relative;
  margin-top: 75px;
}

#introduce .h_introduce .part7 .img_box .change_img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.6);
  -ms-transform: translate(-50%, -50%) scale(0.6);
  transform: translate(-50%, -50%) scale(0.6);
  opacity: 0;
  z-index: 2;
  width: 185%;
  max-width: 1991px;
  min-width: 1800px;
  min-height: 924px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#introduce .h_introduce .part7 .img_box .change_img > img:first-child {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#introduce .h_introduce .part7 .img_box .change_img .img_change1 {
  position: absolute;
  right: 440px;
  bottom: -175px;
}

#introduce .h_introduce .part7 .img_box .fix_img {
  position: relative;
  margin: 0 auto;
  width: 472px;
  z-index: 1;
}

#introduce .h_introduce .part7 .img_box .fix_img .bg_bg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  opacity: 0;
}

#introduce .h_introduce .part7 .img_box .fix_img .bg_bg.circle2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

#introduce .h_introduce .part7 .img_box .fix_img .img_hpoint {
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: opacity 0.5s, -webkit-transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.5s;
  transition: transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.5s, -webkit-transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

#introduce .h_introduce .part7.on .img_box .change_img {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

#introduce .h_introduce .part7.on .img_box .fix_img .bg_bg {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#introduce .h_introduce .part7.on .img_box .fix_img .img_hpoint {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

#introduce .h_introduce .part8 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4e2bf4), color-stop(50%, #fff));
  background: linear-gradient(to bottom, #4e2bf4 50%, #fff 50%);
}

#introduce .h_introduce .part8 .inner {
  padding: 105px 0;
  text-align: center;
  background-image: url("../../../../assets/app/img/introduce/img_part8_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 16px;
}

#introduce .h_introduce .part8 .sns_list {
  margin-top: 65px;
}

#introduce .h_introduce .part8 .sns_list li {
  display: inline-block;
  margin-right: 55px;
}

#introduce .h_introduce .part8 .sns_list li:last-child {
  margin-right: 0;
}

#introduce .h_introduce .part8 .sns_list li a {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-color: #fff;
  border-radius: 50%;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  color: #111;
  padding-top: 60px;
}

#introduce .h_introduce .part8 .sns_list li.youtube a {
  background-image: url("../../../../assets/app/img/introduce/ic_youtube.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 30px;
}

#introduce .h_introduce .part8 .sns_list li.kakao a {
  background-image: url("../../../../assets/app/img/introduce/ic_kakao.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 30px;
}

#introduce .h_introduce .part8 .sns_list li.facebook a {
  background-image: url("../../../../assets/app/img/introduce/ic_facebook.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 30px;
}

#introduce .h_introduce .part9 .inner {
  text-align: center;
  padding-top: 110px;
}

#introduce .h_introduce .part9 .inner > * {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  opacity: 0;
}

#introduce .h_introduce .part9 .inner > *:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

#introduce .h_introduce .part9 .inner > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#introduce .h_introduce .part9 .inner > *:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#introduce .h_introduce .part9 .bi_download {
  position: relative;
  margin-top: 100px;
  padding: 115px 0;
  border-radius: 16px;
  border: 1px solid #ccc;
}

#introduce .h_introduce .part9 .bi_download .logo span {
  display: inline-block;
  width: 203px;
  height: 90px;
  background-image: url("../../../../assets/app/img/common/logo3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

#introduce .h_introduce .part9 .desc1 {
  margin-top: 110px;
}

#introduce .h_introduce .part9.on .inner > * {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/*------------------- 사용처안내 ---------------------*/

#introduce .where_use .wrap_inner {
  padding: 100px 0 200px;
}

#introduce .where_use .wrap_inner .use_list li {
  float: left;
  width: calc((100% - 73px) / 4);
  border: 1px solid #ddd;
  border-radius: 16px;
  background-color: white;
  -webkit-box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.1);
  box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

#introduce .where_use .wrap_inner .use_list li:not(:nth-child(4n)) {
  margin-right: 24px;
}

#introduce .where_use .wrap_inner .use_list li:not(:nth-child(-n + 4)) {
  margin-top: 24px;
}

#introduce .where_use .wrap_inner .use_list li > button,
#introduce .where_use .wrap_inner .use_list li > a {
  display: block;
  position: relative;
  width: 100%;
}

#introduce .where_use .wrap_inner .use_list li > button > span,
#introduce .where_use .wrap_inner .use_list li > a > span {
  display: block;
  width: 100%;
  min-height: 342px;
  padding-top: 50px;
}

#introduce .where_use .wrap_inner .use_list li > button::after,
#introduce .where_use .wrap_inner .use_list li > a::after {
  content: '';
  position: absolute;
  width: 70px;
  height: 66px;
  right: 33px;
  top: 50%;
  margin-top: -33px;
  background-image: url("../../../../assets/app/img/common/ic_hover_arrow1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#introduce .where_use .wrap_inner .use_list li:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

#introduce .where_use .wrap_inner .use_list li:hover > button::after,
#introduce .where_use .wrap_inner .use_list li:hover > a::after {
  opacity: 1;
}

#introduce .where_use .wrap_inner .use_list li .img_box {
  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;
  width: 127px;
  height: 127px;
  margin: 0 auto;
  padding: 0 6px;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  text-align: center;
}

#introduce .where_use .wrap_inner .use_list li .img_box img {
  max-width: 100%;
}

#introduce .where_use .wrap_inner .use_list li .brand_txt {
  text-align: center;
  margin-top: 25px;
  padding: 0 10px;
}

#introduce .where_use .wrap_inner .use_list li .brand_txt .tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 22px;
  color: #333;
}

#introduce .where_use .wrap_inner .use_list li .brand_txt .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  letter-spacing: -0.4px;
  margin-top: 6px;
  line-height: 30px;
}

#introduce .where_use .wrap_inner .use_list li .brand_txt .desc .c_blue3 {
  color: #492ce8;
}

/*------------------- 가입혜택 ---------------------*/

#introduce .sign_benefit .wrap_benefit {
  padding: 135px 0 50px;
  overflow: hidden;
}

#introduce .sign_benefit .wrap_benefit .left_box {
  position: relative;
  max-width: 560px;
  width: 46%;
}

#introduce .sign_benefit .wrap_benefit .left_box .img_box {
  position: relative;
  max-width: 560px;
  width: 100%;
}

#introduce .sign_benefit .wrap_benefit .left_box .img_box .img_mockup1 {
  width: 100%;
}

#introduce .sign_benefit .wrap_benefit .left_box .img_box .img_mockup2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#introduce .sign_benefit .wrap_benefit .left_box .img_box .img_mockup2.on {
  opacity: 1;
}

#introduce .sign_benefit .wrap_benefit .left_box .img_box .img_obj {
  position: absolute !important;
  right: 0;
  top: -15px;
  width: 127.1%;
  max-width: 700px;
  opacity: 0;
  -webkit-transform: scale(0.5) rotate(-10deg);
  -ms-transform: scale(0.5) rotate(-10deg);
  transform: scale(0.5) rotate(-10deg);
}

#introduce .sign_benefit .wrap_benefit .left_box .img_box .img_obj.active {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list {
  position: absolute;
  left: 0;
  bottom: 5px;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list li {
  position: relative;
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #2e1e6a;
  cursor: pointer;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list li .img_qr {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 70px;
  left: 0;
  border: 3px solid #2e1e6a;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: initial;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list li.android {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_android.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list li.ios {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_ios.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list li.onestore {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_onestore.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 50%;
}

#introduce .sign_benefit .wrap_benefit .left_box .qr_list li:hover .img_qr {
  opacity: 1;
  visibility: visible;
}

#introduce .sign_benefit .wrap_benefit .right_box {
  position: absolute;
  width: 560px;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#introduce .sign_benefit .wrap_benefit .right_box h3 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 46px;
  color: #111;
}

#introduce .sign_benefit .wrap_benefit .right_box h3 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list {
  margin-top: 30px;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  border-radius: 16px;
  height: 120px;
  width: calc(50% - 10px);
  margin-top: 20px;
  padding-left: 98px;
  padding-top: 30px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  -webkit-transition: border-color .15s, background-color .15s, color .15s, -webkit-box-shadow .15s;
  transition: border-color .15s, background-color .15s, color .15s, -webkit-box-shadow .15s;
  transition: border-color .15s, background-color .15s, box-shadow .15s, color .15s;
  transition: border-color .15s, background-color .15s, box-shadow .15s, color .15s, -webkit-box-shadow .15s;
  cursor: pointer;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(odd) {
  margin-right: 20px;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(-n + 2) {
  margin-top: 0;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li em {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 36px;
  color: inherit;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(1)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(2)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(3)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(4)::after {
  content: '';
  width: 34px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 45px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_benefit4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  -webkit-transition: background-image .15s;
  transition: background-image .15s;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li.hover {
  border-color: #4e2bf4;
  color: #603de3;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li.on {
  background-color: #4e2bf4;
  border-color: #4e2bf4;
  -webkit-box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.3);
  box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.3);
  color: #fff !important;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li.on:nth-child(1)::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_hover_benefit1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li.on:nth-child(2)::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_hover_benefit2.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li.on:nth-child(3)::after {
  background-image: url("https://www.h-point.co.kr/assets/app/img/introduce/ic_hover_benefit3.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#introduce .sign_benefit .wrap_benefit .right_box .point_list li.on:nth-child(4)::after {
  background-image: url("../../../../assets/app/img/introduce/ic_hover_benefit4.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#introduce .sign_benefit .wrap_benefit .right_box .btn_typeB2 {
  display: block;
  width: 320px;
  margin: 80px auto 0;
}

/*------------------- 개인정보처리방침 ---------------------*/

#etc .terms .pageTitle {
  padding: 125px 0;
}

#etc .terms .wrap_con {
  padding-top: 80px;
}

#etc .terms .wrap_inquire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#etc .terms .wrap_inquire .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #666;
  letter-spacing: -0.5px;
}

#etc .terms .wrap_inquire .inquire_area {
  padding-left: 20px;
}

#etc .terms .wrap_inquire .inquire_area .inquire_bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#etc .terms .wrap_inquire .inquire_area .inquire_bundle .select_ui {
  width: 162px;
}

#etc .terms .wrap_inquire .inquire_area .inquire_bundle .btn_inquire {
  display: block;
  width: 66px;
  height: 50px;
  margin-left: 10px;
  background-color: #4e2bf4;
  border-radius: 8px;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 50px;
}

#etc .terms .wrap_inquire .inquire_area .inquire_bundle .btn_inquire span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#etc .terms .terms_area {
  margin-top: 30px;
  border-top: 2px solid #333;
  padding-top: 55px;
  overflow: hidden;
}

#etc .terms .terms_area table {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}

#etc .terms .terms_area .tit {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 24px;
  color: #111;
}

#etc .terms .terms_area .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 32px;
  letter-spacing: -0.5px;
}

#etc .terms .terms_area .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  line-height: 32px;
  letter-spacing: -0.5px;
  text-indent: -16px;
  margin-left: 16px;
}

#etc .terms .terms_area .txt2 a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#etc .terms .terms_area .txt2 a span {
  text-decoration: underline;
}

#etc .terms .terms_area .table {
  position: relative;
  border-top: 1px solid #4d4d4d;
  width: calc(100% - 50px);
  margin: 0 auto;
}

#etc .terms .terms_area .table > div {
  width: 100%;
  overflow-x: auto;
}

#etc .terms .terms_area .table table {
  width: 100%;
}

#etc .terms .terms_area .table th {
  padding: 16px 0;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#etc .terms .terms_area .table th:first-child {
  border-left: 0;
}

#etc .terms .terms_area .table td {
  padding: 10px 30px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #999;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
  line-height: 32px;
}

#etc .terms .terms_area .table td:first-child {
  border-left: 0;
}

#etc .terms .terms_area .table .shadow {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: url("../../../../images_customer/icon/table_shadow.png") repeat-y 100% 0;
}

/*------------------- 랜딩페이지 ---------------------*/

#etc .landing .pageTitle {
  padding: 125px 0;
}

#etc .landing .Verificate {
  padding-top: 170px;
  text-align: center;
}

#etc .landing .Verificate::before {
  content: '';
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}

#etc .landing .Verificate .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #111;
  letter-spacing: -0.5px;
  margin-top: 30px;
  text-align: center;
}

#etc .landing .Verificate .btn_typeB1 {
  margin-top: 70px;
}

#etc .landing .Verificate.completed::before {
  background-image: url("../../../../assets/app/img/common/ic_completed1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

#etc .landing .Verificate.already::before {
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_caution1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

/*------------------- 에러페이지 공통 ---------------------*/

#etc .errorpage {
  text-align: center;
}

#etc .errorpage .logo {
  display: inline-block;
  margin-bottom: 30px;
}

#etc .errorpage .box {
  padding: 60px 50px;
}

#etc .errorpage .tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 30px;
  color: #111;
  letter-spacing: -0.8px;
  padding-top: 110px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_caution1.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
}

#etc .errorpage .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #111;
  letter-spacing: -0.8px;
  margin-top: 15px;
}

#etc .errorpage .txt1 em {
  font-weight: 700;
}

#etc .errorpage .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.5px;
  margin-top: 10px;
}

#etc .errorpage .btn_area {
  margin-top: 50px;
}

/*------------------- 알림 팝업 공통 ---------------------*/

.popup_ui .alert_common .tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 26px;
  color: #111;
}

.popup_ui .alert_common .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

.popup_ui .alert_common .t_txt1 {
  margin-top: 25px;
}

.popup_ui .alert_common .t_txt1 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #111;
}

.popup_ui .alert_common .btn_ac {
  margin-top: 45px;
}

/*------------------- 영상팝업 ---------------------*/

.pop_video .pop_layer {
  max-width: 1104px !important;
}

.pop_video .btn_ac {
  margin-top: 40px;
}

.pop_video .btn_ac a,
.pop_video .btn_ac button {
  width: 220px;
}

/*------------------- 쿠폰상세 ---------------------*/

.pop_coupon_detail .pop_layer {
  padding: 0 !important;
}

.pop_coupon_detail .coupon_area {
  padding: 60px 0 30px;
  background: #e8ebff;
  border-radius: 16px 16px 0 0;
}

.pop_coupon_detail .coupon_area .box_coupon .d_day {
  width: 43px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.pop_coupon_detail .coupon_area .box_coupon {
  max-width: 365px;
  margin: 0 auto;
}

.pop_coupon_detail .coupon_area .box_coupon .subject {
  font-size: 16px;
  line-height: 20px;
}

.pop_coupon_detail .coupon_area .box_coupon .subject.elps2 {
  min-height: 40px;
}

.pop_coupon_detail .coupon_area .box_coupon .subject.elps3 {
  min-height: 60px;
}

.pop_coupon_detail .coupon_area .box_coupon .date {
  font-size: 13px;
}

.pop_coupon_detail .content_area {
  padding: 0 55px 60px;
}

.pop_coupon_detail .content_area .detail_info {
  height: 380px;
  margin-right: -55px;
  overflow-y: auto;
  padding: 50px 55px 0 0;
}

.pop_coupon_detail .content_area .btn_ac {
  margin-top: 50px;
}

.pop_coupon_detail .content_area .btn_ac .btn_typeA2 {
  width: 200px;
}

/*------------------- 가입회원 알림팝업 ---------------------*/

.pop_registered_member .tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 26px;
  color: #111;
}

.pop_registered_member .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

.pop_registered_member .t_txt1 {
  margin-top: 25px;
}

.pop_registered_member .btn_ac {
  margin-top: 45px;
}

/*------------------- 약관동의 ---------------------*/

.pop_terms .terms_cont {
  max-height: 460px;
}

.pop_terms .terms_cont p,
.pop_terms .terms_cont span,
.pop_terms .terms_cont div,
.pop_terms .terms_cont b,
.pop_terms .terms_cont strong {
  font-family: 'Noto Sans KR' !important;
}

.pop_terms .btn_ac {
  margin-top: 50px;
}

.pop_terms .btn_ac a,
.pop_terms .btn_ac button {
  width: 180px;
}

/*------------------- 마케팅 수신 동의 ---------------------*/

.pop_marketing_agree .pop_tit2 {
  margin-bottom: 20px;
}

.pop_marketing_agree p.txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
}

.pop_marketing_agree .box_tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22px;
  color: #111;
  margin: 30px 0 15px;
}

.pop_marketing_agree .box {
  padding: 25px ​40px;
  margin-bottom: 35px;
}

.pop_marketing_agree .box a,
.pop_marketing_agree .box button {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  color: #111;
  text-decoration: underline;
}

.pop_marketing_agree .btn_ac {
  margin-top: 50px;
}

.pop_marketing_agree .btn_ac a,
.pop_marketing_agree .btn_ac button {
  margin-left: 10px;
}

.pop_marketing_agree .btn_ac a:first-child,
.pop_marketing_agree .btn_ac button:first-child {
  margin-left: 0;
}


/*------------------- 통합회원 전환 ---------------------*/

.popup_conversion .pop_tit2 {
  margin-bottom: 20px;
}

.popup_conversion p.txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
}

.popup_conversion p.txt.dot_type {
  position:relative; 
  padding-left:10px;
  box-sizing: border-box;
}

.popup_conversion p.txt.dot_type:before {
  content:'-'; 
  position:absolute; 
  left:0; top:0; 
}

.popup_conversion .img_box {
  padding:45px 0; 
}

.popup_conversion .img_box img {
  max-width:100%;
  margin:0 auto; 
}

.popup_conversion .box.box_type2 {
  padding: 35px ​30px;
  margin:35px 0;
}

.popup_conversion .box b {
  font-size:18px;
  color:#111111;
  letter-spacing: -0.025em;
  font-weight:bold;
  border-bottom:1px solid #111;
}

.popup_conversion .close_btn {
  position:absolute;
  right:0; 
  top:-35px; 
}

.popup_conversion .close_btn label {
  vertical-align:middle; 
  padding-left:25px;
  font-size:14px;
  color:#ffffff; 
  letter-spacing:-0.05em; 
  box-sizing:border-box; 
}

.popup_conversion .close_btn input[type='checkbox'] + label:before {
  content:'';
  position:absolute; 
  left:0; top:7px; 
  display:block;
  width:16px;
  height:16px;
  border:2px solid #fff;
  margin-right:10px; 
  box-sizing:border-box; 
}

.popup_conversion .close_btn input[type='checkbox']:checked + label:after {
  content:'';
  position:absolute; 
  left:4px;
  top:11px;
  display:block; 
  width:8px;
  height:8px; 
  background-color:#fff;
}

.popup_conversion .close_btn button {
  vertical-align:middle; 
  margin-left:20px; 
}


/*------------------- 탈퇴진행 ---------------------*/

.pop_member_resign .pop_tit {
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
}

.pop_member_resign .pop_body .desc1 {
  text-align: center;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

.pop_member_resign .pop_body .btn_area.btn_ac {
  margin-top: 45px;
}

.pop_member_resign .pop_body .btn_area.btn_ac a,
.pop_member_resign .pop_body .btn_area.btn_ac button {
  margin-left: 10px;
}

.pop_member_resign .pop_body .btn_area.btn_ac a:first-child,
.pop_member_resign .pop_body .btn_area.btn_ac button:first-child {
  margin-left: 0;
}

/*------------------- 가입 휴대폰 정보 인증 ---------------------*/

.pop_verify_phone.type_modal .pop_layer,
.pop_verify_email.type_modal .pop_layer {
  max-width: 810px;
  padding: 60px;
}

.pop_verify_phone .wrap_info_cert,
.pop_verify_email .wrap_info_cert {
  margin-top: 50px;
}

.pop_verify_phone .suggestion,
.pop_verify_email .suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ededed;
  padding-top: 35px;
  margin-top: 40px;
}

.pop_verify_phone .suggestion a,
.pop_verify_email .suggestion a {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #4e2bf4;
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin-left: 50px;
}

.pop_verify_phone .btn_area,
.pop_verify_email .btn_area {
  margin-top: 60px;
}

.pop_verify_phone .tel_bundle {
  position: relative;
}

.pop_verify_phone .tel_bundle .inp_bundle:first-child {
  max-width: 135px;
  margin-right: 24px;
}

.pop_verify_phone .tel_bundle .btn_cert {
  position: absolute;
  right: 15px;
  top: 15px;
}

/*------------------- 우편번호 검색 ---------------------*/

.pop_addr_search .pop_layer {
  max-width: 810px !important;
  padding: 60px !important;
}

.pop_addr_search .pop_tit2 {
  margin-bottom: 35px;
}

.pop_addr_search .wrap_tab .tab {
  float: left;
  width: auto;
  height: 50px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #999;
  line-height: 50px;
  padding: 0 30px;
  background: #eee;
  border-radius: 50px;
  margin-left: 24px;
}

.pop_addr_search .wrap_tab .tab > span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.pop_addr_search .wrap_tab .tab:first-child {
  margin-left: 0;
}

.pop_addr_search .wrap_tab .tab.active {
  color: #fff;
  background: #4e2bf4;
}

.pop_addr_search .tab_con {
  margin-top: 40px;
  border-top: 1px solid #ededed;
  padding-top: 35px;
}

.pop_addr_search .wrap_rdo {
  margin-bottom: 35px;
}

.pop_addr_search .wrap_rdo .radio_ui {
  margin-right: 40px;
}

.pop_addr_search .wrap_rdo .radio_ui:last-child {
  margin-right: 0;
}

.pop_addr_search .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
}

.pop_addr_search .search_area {
  margin-top: 25px;
}

.pop_addr_search .search_area .btn_typeC2 {
  width: 90px;
}

.pop_addr_search .result_area {
  margin-top: 30px;
  border-top: 2px solid #333;
  border-bottom: 1px solid #999;
}

.pop_addr_search .result_area .t_head {
  border-bottom: 1px solid #eee;
}

.pop_addr_search .result_area .t_head .tit {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #333;
  padding: 20px 40px;
}

.pop_addr_search .result_area .t_body {
  max-height: 285px;
  overflow-y: auto;
}

.pop_addr_search .result_area .t_body ul {
  padding: 20px 0;
}

.pop_addr_search .result_area .t_body li {
  margin-top: 20px;
}

.pop_addr_search .result_area .t_body li:first-child {
  margin-top: 0;
}

.pop_addr_search .result_area .t_body li::after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

.pop_addr_search .result_area .t_body .zip,
.pop_addr_search .result_area .t_body .addr {
  float: left;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.pop_addr_search .result_area .t_body .zip {
  width: 140px;
  text-align: center;
}

.pop_addr_search .result_area .t_body .addr {
  width: calc(100% - 140px);
  padding-left: 40px;
}

.pop_addr_search .result_area .t_body .addr:hover {
  text-decoration: underline;
}

.pop_addr_search .result_area .no_data {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  text-align: center;
}

/*------------------- 참여사별 혜택 ---------------------*/

.pop_more_benefit .pop_layer {
  max-width: 808px !important;
  padding: 55px 50px 80px !important;
}

.pop_more_benefit .pop_tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
  margin-bottom: 25px;
}

.pop_more_benefit .pop_body .tit1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22px;
  color: #111;
  letter-spacing: -0.4px;
  line-height: 30px;
}

.pop_more_benefit .pop_body .tit1 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 700;
}

.pop_more_benefit .pop_body .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
  line-height: 30px;
}

.pop_more_benefit .pop_body .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  letter-spacing: -0.4px;
  line-height: 30px;
}

.pop_more_benefit .pop_body .c_blue1 {
  color: #4e2bf4;
}

.pop_more_benefit .pop_body .tab_ui.type1 {
  margin-top: 75px;
}

.pop_more_benefit .pop_body .tab_ui.type1 .tab_inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pop_more_benefit .pop_body .tab_ui.type1 .tab {
  margin-right: 8px;
}

.pop_more_benefit .pop_body .tab_ui.type1 .tab:last-child {
  margin-right: 0;
}

.pop_more_benefit .pop_body .tab_ui.type1 .tab:not(.active) a {
  background: #eeeeee;
}

.pop_more_benefit .pop_body .benefit_contents {
  max-height: 460px;
  overflow-y: auto;
  margin: 20px -50px 0 0;
  padding-right: 33px;
}

.pop_more_benefit .pop_body .benefit_contents .category {
  border-top: 2px solid #333;
  padding: 35px 0 60px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box {
  position: relative;
  padding-left: 148px;
  min-height: 195px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box:not(:first-of-type) {
  margin-top: 30px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .cmt_guide2.mark1,
.pop_more_benefit .pop_body .benefit_contents .category .info_box .desc2,
.pop_more_benefit .pop_body .benefit_contents .category .info_box .bullet_type2.mark1 {
  margin-left: 12px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .tit1 {
  position: relative;
  padding-left: 12px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .tit1::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
  background-color: #111;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .wrap_logo {
  position: absolute;
  left: 0;
  top: 30px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .logo {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  padding: 0 10px;
  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;
  text-align: center;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .logo img {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .logo_name {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  letter-spacing: -0.4px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner {
  padding-top: 25px;
}

.pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner .tit1 {
  margin-bottom: 14px;
}

/*------------------- 클럽웨딩 문의처 ---------------------*/

.pop_more_question.type_modal .pop_layer {
  padding: 55px 50px 35px;
}

.pop_more_question .pop_tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
  margin-bottom: 35px;
}

.pop_more_question .pop_body .pop_wedding_list {
  border-top: 2px solid #4d4d4d;
}

.pop_more_question .pop_body .pop_wedding_list > li {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 20px 0 20px 180px;
}

.pop_more_question .pop_body .pop_wedding_list > li:last-child {
  border-bottom: none;
}

.pop_more_question .pop_body .pop_wedding_list > li .tit {
  position: absolute;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pop_more_question .pop_body .pop_wedding_list > li .bullet_type1.mark1 li {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  margin-top: 5px;
}

.pop_more_question .pop_body .pop_wedding_list > li .bullet_type1.mark1 li:first-child {
  margin-top: 0;
}

.pop_more_question .pop_body .pop_wedding_list > li .bullet_type1.mark1 li::before {
  top: 12px;
}

/*------------------- 사용처안내 ---------------------*/

.pop_where_use .pop_layer {
  padding: 0 !important;
}

.pop_where_use .logo_area {
  background: #f9f9f9;
  border-radius: 16px 16px 0 0;
  padding: 72px 80px;
}

.pop_where_use .logo_area .division {
  position: relative;
  padding-left: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 144px;
}

.pop_where_use .logo_area .division .img_box {
  position: absolute;
  left: 0;
  top: 50%;
  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;
  width: 127px;
  height: 127px;
  margin: -63.5px auto 0;
  padding: 0 6px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  border-radius: 50%;
}

.pop_where_use .logo_area .division .img_box img {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pop_where_use .logo_area .division .brand_txt .tit1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #333;
  line-height: 36px;
}

.pop_where_use .logo_area .division .brand_txt .desc1 {
  margin-top: 6px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #492ce8;
  line-height: 30px;
  letter-spacing: -0.4px;
}

.pop_where_use .logo_area .division .brand_txt .desc2 {
  margin-top: 12px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #111;
  line-height: 30px;
  letter-spacing: -0.4px;
}

.pop_where_use .logo_area .btn_wrap {
  margin-top: 45px;
}

.pop_where_use .logo_area .btn_wrap .mo_only {
  display: none;
}

.pop_where_use .content_area {
  padding: 0 55px 65px 60px;
}

.pop_where_use .content_area .detail_info {
  height: 400px;
  margin-right: -55px;
}

.pop_where_use .content_area .detail_info .scroll_area {
  height: 100%;
  overflow-y: auto;
  padding: 55px 30px 0 0;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt {
  margin-top: 52px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt:first-child {
  margin-top: 0;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .tit1 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22px;
  color: #111;
  letter-spacing: -0.4px;
  line-height: 30px;
  margin-bottom: 12px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .tit1 .link {
  position: relative;
  display: inline-block;
  line-height: 18px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 18px;
  color: #4e2bf4;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .tit1 .link span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .tit1 .link::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #4e2bf4;
  position: absolute;
  left: 0;
  bottom: 0;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .tit2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #111;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .desc3 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  letter-spacing: -0.4px;
  margin-top: 10px;
  padding-left: 21px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .desc3::before {
  content: '※';
  position: absolute;
  left: 0;
  top: 0;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .desc3.c_red {
  color: #ff481e;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .desc4 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  letter-spacing: -0.4px;
  margin-top: 20px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .desc5 {
  margin-top: 12px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #111;
  letter-spacing: -0.4px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .bullet_type2.mark1 li {
  margin-top: 10px;
  padding-left: 0;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .bullet_type2.mark1 li .pd {
  padding-left: 75px;
}

.pop_where_use .content_area .detail_info .scroll_area .info_txt .bullet_type2.mark1 li::before {
  position: static;
  margin-right: 4px;
}

/*------------------- 바코드 상세 (모바일 전용) ---------------------*/

.pop_barcode .pop_body {
  padding: 0 60px;
  position: relative;
}

.pop_barcode .pop_layer {
  overflow-x: hidden;
}

.pop_barcode .con_top {
  margin: 125px 0 75px;
}

.pop_barcode .con_top .txt {
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 16px;
  color: #111;
}

.pop_barcode .con_top .txt em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #4e2bf4;
}

.pop_barcode .con_top .pt {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #333;
  margin-top: 30px;
}

.pop_barcode .con_top .pt em {
  display: inline-block;
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 28px;
  color: #4e2bf4;
  line-height: 16px;
  margin-right: 3px;
}

.pop_barcode .con_bottom {
  display: inline-block;
  width: auto;
}

.pop_barcode .con_bottom .tit .txt1 {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 20px;
  color: #111;
  line-height: 1em;
}

.pop_barcode .con_bottom .tit .txt2 {
  font-family: "HGGGothicssi";
  font-weight: 400;
  font-size: 12px;
  color: #111;
  margin-left: auto;
  margin-top: 8px;
}

.pop_barcode .con_bottom .wrap_barcode {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: 70%;
  bottom: 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.pop_barcode .con_bottom .barcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px;
}

.pop_barcode .con_bottom .barcode > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pop_barcode .con_bottom .barcode_num {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 14px;
  color: #111;
  text-align: center;
  margin-top: 10px;
}

.pop_barcode .con_bottom .barcode_num > span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 5px;
}

/*------------------- 내정보수정 : 이름 수정 ---------------------*/

.pop_modify_name .pop_layer {
  max-width: 660px !important;
}

/*------------------- 내정보수정 : 비밀번호 / 휴대폰번호 / 이메일 수정 ---------------------*/

.pop_modify_pw .btn_ac,
.pop_modify_tel .btn_ac,
.pop_modify_email .btn_ac {
  margin-top: 50px;
}

/*------------------- 내정보수정 : 휴대폰번호 ---------------------*/

.pop_modify_tel .tit_area {
  position: relative;
  margin-bottom: 20px;
}

.pop_modify_tel .tit_area .txt_right {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

.pop_modify_tel .tel_bundle {
  position: relative;
}

.pop_modify_tel .tel_bundle .inp_bundle:first-child {
  max-width: 135px;
  margin-right: 24px;
}

.pop_modify_tel .tel_bundle .btn_cert {
  position: absolute;
  right: 15px;
  top: 15px;
}

/*------------------- 내정보수정 : 이메일 ---------------------*/

.pop_modify_email .tit_area {
  position: relative;
  margin-bottom: 20px;
}

.pop_modify_email .tit_area .txt_right {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

/*------------------- 비밀번호 변경 팝업 ---------------------*/

.pop_periodic_pw_change .pop_tit2 {
  margin-bottom: 20px;
}

.pop_periodic_pw_change .con_txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  line-height: 30px;
  letter-spacing: -0.8px;
  margin-bottom: 40px;
}

.pop_periodic_pw_change .wrap_inp + .wrap_inp {
  margin-top: 40px;
}

.pop_periodic_pw_change .btn_area {
  margin-top: 60px;
}

/*------------------- 문의 수정 ---------------------*/

.pop_qna_change .pop_layer {
  max-width: 805px !important;
}

.pop_qna_change .pop_tit2 {
  margin-bottom: 20px;
}

.pop_qna_change .pop_desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #ff481e;
  letter-spacing: -0.5px;
  margin-bottom: 45px;
}

.pop_qna_change .divider {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.pop_qna_change .divider:last-child {
  padding-bottom: 0;
  margin-bottom: 50px;
  border: none;
}

.pop_qna_change .checkbox_ui.type1 {
  margin-top: 20px;
}

/*------------------- H.Point APP 이동하기 ---------------------*/

.pop_app_download .pop_layer {
  padding: 55px !important;
}

.pop_app_download .pop_tit {
  font-family: "HGGGothicssi";
  font-weight: 800;
  font-size: 30px;
  color: #111;
  margin-bottom: 20px;
}

.pop_app_download .tit1 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22px;
  color: #111;
  letter-spacing: -0.4px;
}

.pop_app_download .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #999;
}

.pop_app_download .qr_list {
  margin-top: 45px;
}

.pop_app_download .qr_list li {
  float: left;
  width: calc(50% - 17.5px);
  height: 235px;
  border: 1px solid #ccc;
  border-radius: 16px;
  text-align: center;
  padding-top: 40px;
}

.pop_app_download .qr_list li:first-child {
  margin-right: 35px;
}

.pop_app_download .qr_list li > img {
  margin: 0 auto 25px;
}

.pop_app_download .send_url {
  margin-top: 53px;
}

.pop_app_download .send_url .inp_bundle {
  margin: 25px 0;
}

.pop_app_download .send_url .inp_bundle .btn_right {
  width: 148px;
}

/*------------------- 모달 팝업 배너 ---------------------*/

.pop_mobal_banner .pop_layer {
  max-width: 540px !important;
  padding: 0 !important;
  background-color: transparent;
}

.pop_mobal_banner .swiper-slide img {
  width: 100%;
  border-radius: 25px;
}

.pop_mobal_banner .swiper-pagination {
  margin-top: 20px;
}

.pop_mobal_banner .swiper-button-prev {
  left: -55px;
}

.pop_mobal_banner .swiper-button-next {
  right: -55px;
}

.pop_mobal_banner .btn_not_today {
  position: absolute;
  right: 46px;
  top: -33px;
}

.pop_mobal_banner .btn_not_today label {
  cursor: pointer;
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  padding-left: 25px;
}

.pop_mobal_banner .btn_not_today label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
}

.pop_mobal_banner .btn_not_today label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

.pop_mobal_banner .btn_not_today input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.pop_mobal_banner .btn_pop_close {
  right: 0;
  top: -30px;
  background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_x2.png");
}

/*------------------- 상단 배너 ---------------------*/

.page_top_banner {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.page_top_banner .wrap_banner_pc a {
  position: relative;
  display: block;
}

.page_top_banner .wrap_banner_pc .ratio {
  max-width: 100%;
  margin: 0 auto;
}

.page_top_banner .wrap_banner_pc .img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.page_top_banner .wrap_banner_mo {
  display: none;
  padding-bottom: 40px;
}

.page_top_banner .wrap_banner_mo img {
  width: 100%;
}

.page_top_banner .wrap_close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page_top_banner .wrap_close .inner {
  position: relative;
  max-width: 1284px;
  min-width: 280px;
  padding: 0 30px;
  margin: 0 auto;
}

.page_top_banner .wrap_close .btn_not_today {
  position: absolute;
  right: 60px;
  top: 15px;
}

.page_top_banner .wrap_close .btn_not_today label {
  cursor: pointer;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  padding-left: 25px;
}

.page_top_banner .wrap_close .btn_not_today label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
}

.page_top_banner .wrap_close .btn_not_today label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: .1s;
  transition: .1s;
}

.page_top_banner .wrap_close .btn_not_today input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.page_top_banner .wrap_close .btn_close {
  position: absolute;
  right: 24px;
  top: 12px;
  text-indent: -9999px;
}

.page_top_banner .wrap_close .btn_close::before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 25px;
  height: 25px;
  background-image: url("../../../../assets/app/img/common/ic_x3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

/*------------------- 하단 플로팅 배너 ---------------------*/

.btm_float_banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.btm_float_banner .wrap_banner_pc {
  position: relative;
}

.btm_float_banner .wrap_banner_pc > img {
  max-width: 100%;
  margin: 0 auto;
}

.btm_float_banner .wrap_banner_pc .inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
}

.btm_float_banner .wrap_banner_pc .inner a {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.btm_float_banner .wrap_banner_pc .inner a .img {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: .3s;
  transition: .3s;
}

.btm_float_banner .wrap_banner_mo {
  display: none;
}

.btm_float_banner .wrap_close {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding-top: 7px;
}

.btm_float_banner .wrap_close .inner {
  position: relative;
  max-width: 1284px;
  min-width: 280px;
  padding: 0 30px;
  margin: 0 auto;
}

.btm_float_banner .wrap_close .btn_not_today {
  position: absolute;
  right: 90px;
  top: 0;
}

.btm_float_banner .wrap_close .btn_not_today label {
  cursor: pointer;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 14px;
  color: #111;
  padding-left: 25px;
}

.btm_float_banner .wrap_close .btn_not_today label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
}

.btm_float_banner .wrap_close .btn_not_today label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  background-color: #ccc;
  opacity: 0;
  -webkit-transition: .1s;
  transition: .1s;
}

.btm_float_banner .wrap_close .btn_not_today input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.btm_float_banner .wrap_close .btn_close {
  position: absolute;
  right: 30px;
  top: 3px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 14px;
  color: #111;
  padding-right: 20px;
}

.btm_float_banner .wrap_close .btn_close > span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.btm_float_banner .wrap_close .btn_close::before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background-image: url("../../../../assets/app/img/common/ic_x1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*------------------- 모바일앱 안내 팝업 ---------------------*/

.pop_watch_app {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: auto;
  padding: 80px 0;
}

.pop_watch_app .wrap img {
  width: 100%;
}

.pop_watch_app .wrap .inner {
  text-align: center;
  padding: 0 20px;
}

.pop_watch_app .wrap .inner .btn_typeA2 {
  height: 60px;
  font-size: 17px;
  line-height: 60px;
}

.pop_watch_app .wrap .inner .btn_close {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  margin-top: 25px;
}

/*------------------- ie9이하 브라우저 업데이트 안내 팝업 ---------------------*/

.pop_browser_update .pop_layer {
  max-width: 800px !important;
  padding: 60px 50px 80px !important;
}

.pop_browser_update .pop_tit2 {
  margin-bottom: 15px;
}

.pop_browser_update .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #808080;
  line-height: 40px;
}

.pop_browser_update .txt1 .under {
  text-decoration: underline;
}

.pop_browser_update .tit1 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22px;
  color: #111;
  margin: 40px 0 15px;
}

.pop_browser_update .ex_img {
  max-width: 100%;
  margin: 40px 0 20px;
}

.pop_browser_update .cmt_guide1 {
  line-height: 32px;
}

.pop_browser_update .cmt_guide1::before {
  top: 15px;
}

.pop_browser_update .wrap_btn {
  margin-top: 25px;
}

.pop_browser_update .wrap_btn .btn_down {
  float: left;
  width: 47%;
  height: 72px;
  font-family: "HGGGothicssi";
  font-weight: 600;
  font-size: 20px;
  color: #4e2bf4;
  line-height: 70px;
  text-align: center;
  border: 1px solid #4e2bf4;
  border-radius: 8px;
  margin-left: 30px;
}

.pop_browser_update .wrap_btn .btn_down:first-child {
  margin-left: 0;
}

.pop_browser_update .wrap_btn .btn_down > span {
  position: relative;
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  padding: 0 35px;
}

.pop_browser_update .wrap_btn .btn_down > span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("../../../../assets/app/img/common/ic_download3.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
}

.pop_browser_update .wrap_btn .btn_down.ie > span {
  background-image: url("../../../../assets/app/img/common/ic_ie.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left center;
}

.pop_browser_update .wrap_btn .btn_down.chrome > span {
  background-image: url("../../../../assets/app/img/common/ic_chrome.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left center;
}

@media screen and (max-width: 1290px) {
  #mypage .my_point .point_view .top > div {
    float: none;
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
  }

  #mypage .my_point .point_view .top > div:last-child {
    margin-right: auto;
    margin-top: 10px;
  }

  #mypage .my_point .period_area {
    position: relative;
    display: block;
  }

  #mypage .my_point .period_area .datepick_bundle {
    margin-left: 0;
    margin-top: 20px;
  }

  #mypage .my_point .period_area .inquiry {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 1284px) {
  #main .sect_event .wrap_event_slide {
    margin: 30px -30px 0;
    padding: 20px 30px 0;
  }

  #main .sect_event .wrap_swiper_navi {
    display: none;
  }

  #main .sect_hotissue .slide_tab_align {
    margin-top: 45px;
  }

  #main .sect_hotissue .wrap_issue_slide {
    margin-top: 30px;
  }

  #main .sect_hotissue .slide_navi {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1280px) {
  .list_coupon li {
    width: calc((100% - 17px) / 2);
  }

  .list_coupon li:nth-child(3n) {
    margin-right: 17px;
  }

  .list_coupon li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1230px) {
  #header #gnb > ul > li {
    padding-right: 80px;
  }

  #header .gnb_menu_layer .gnb_banner a .img {
    height: 110px;
  }
}

@media screen and (max-width: 1024px) {
  .pc_none {
    display: block !important;
  }

  .pc_only {
    display: none !important;
  }

  #contents {
    padding-top: 60px;
  }

  .viewpageTitle {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: calc(60px - 1px);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .viewpageTitle .btn_back {
    display: inline-block;
    width: 50px;
    height: 100%;
    background-image: url("../../../../assets/app/img/common/ic_back.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 20px center;
  }

  .viewpageTitle .tit {
    font-family: "HGGGothicssi";
    font-weight: 600;
    font-size: 17px;
    color: #111;
  }

  .board_list_type1 > ul.col3 li {
    width: calc((100% - 24px) / 2);
  }

  .board_list_type1 > ul.col3 li:nth-child(3n) {
    margin-right: 24px;
  }

  .board_list_type1 > ul.col3 li:nth-child(2n) {
    margin-right: 0;
  }

  .box_coupon .subject {
    font-size: 20px;
  }

  .box_coupon .date {
    font-size: 13px;
  }

  .wrap_board_view1 {
    margin-top: 50px;
  }

  #quickMenu {
    right: 15px;
    bottom: 150px !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s;
    transition: .3s;
  }
  
  #quickMenu.withTop {
    bottom: 160px !important;
  }
  
  
  #quickTalk {
    position: fixed;
    right: 15px;
    bottom: 95px !important;
    z-index: 100;
        -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: .3s;
      transition: .3s;
    }
    
    
    #quickTalk.withTop {
      bottom: 160px !important;
    }
    
    #quickTalk .box {
      padding-bottom: 21.5px;
      text-align: center;
    }
    
    #quickTalk .btn_talk {
      display: block;
      position: absolute;
      z-index: 100;
      right: 0;
      bottom: 0;
      width: 43px;
      height: 43px;
      font-size: 10px;
      font-weight: 400;
      padding-top: 22px;
      border-radius: 43px;
      background-image: url("../../../../images_customer/icon/ic_quick_talk.png");
      background-repeat: no-repeat;
      background-size: 14px;
      background-position: center 10px;
      -webkit-box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
      box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
      cursor: pointer;
      background-color: #eeeeee;
      color: black;
    }

  #quickMenu .box {
    padding-bottom: 21.5px;
  }

  #quickMenu .box::after {
    display: none;
  }

  #quickMenu .btn_quick {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 43px;
    height: 43px;
    font-size: 10px;
    font-weight: 400;
    padding-top: 22px;
    border-radius: 43px;
    background-image: url("../../../../assets/app/img/common/mo/ic_quick.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center 10px;
    -webkit-box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
    box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
    cursor: pointer;
  }

  #quickMenu .quick_list {
    display: none;
    border-radius: 43px 43px 0 0;
    -webkit-box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
    box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
    padding-bottom: 35px;
    padding-top: 8px;
  }

  #quickMenu .quick_list li a {
    width: 43px;
    height: 43px;
    font-size: 10px;
    padding-top: 27px;
    font-weight: 400;
  }

  #quickMenu .quick_list li a:hover {
    color: #111;
  }

  #quickMenu .quick_list li.join a {
    background-image: url("../../../../assets/app/img/common/mo/ic_quick_join.png");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center 10px;
  }

  #quickMenu .quick_list li.join a:hover {
    background-image: url("../../../../assets/app/img/common/mo/ic_quick_join.png");
  }

  #quickMenu .quick_list li.my a {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_quick_my.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center 10px;
  }

  #quickMenu .quick_list li.my a:hover {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_quick_my.png");
  }

  #quickMenu .quick_list li.app a {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_quick_appdown.png");
    background-repeat: no-repeat;
    background-size: auto 15px;
    background-position: center 10px;
  }

  #quickMenu .quick_list li.app a:hover {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_quick_appdown.png");
  }

  #quickMenu .quick_list li.event a {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_quick_event.png");
    background-repeat: no-repeat;
    background-size: auto 13px;
    background-position: center 10px;
  }

  #quickMenu .quick_list li.event a:hover {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_quick_event.png");
  }

  #quickMenu .quick_list li.customer a {
    background-image: url("../../../../images_customer/icon/ic_quick_talk.png");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center 10px;
  }

  #quickMenu .quick_list li.customer a:hover {
    background-image: url("../../../../images_customer/icon/ic_quick_talk_2.png");
  }

  .hasTopBnr #contents {
    padding-top: calc(150px + 60px);
  }

  .hasTopBnr .btn_hd_menu {
    top: 150px;
  }

  #header {
    height: 60px;
  }

  #header .wrap_header {
    padding: 0 20px;
    height: 100%;
  }

  #header .logo {
    padding-top: 17px;
  }

  #header .logo a {
    width: 76px;
    height: 26px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/logo1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }

  #header #gnb,
  #header .gnb_menu_layer,
  #header .hd_util_pc {
    display: none;
  }

  #header .brand_ci {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #header .brand_ci img {
    max-height: 40px;
  }

  /* 메인페이지 헤더 */

  /* 모바일 메뉴버튼 */

  .btn_hd_menu {
    display: block;
    position: fixed;
    right: 15px;
    top: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    display: block;
    width: 30px;
    height: 30px;
  }

  .scrollOn .btn_hd_menu {
    position: fixed;
  }

  .btn_hd_menu::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    width: 20px;
    height: 3px;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
  }

  .btn_hd_menu span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }

  .btn_hd_menu span::before,
  .btn_hd_menu span::after {
    content: "";
    position: absolute;
    left: 5px;
    width: 20px;
    height: 3px;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
  }

  .btn_hd_menu span::before {
    top: 6px;
  }

  .btn_hd_menu span::after {
    bottom: 5px;
  }

  .btn_hd_menu.on::before {
    opacity: 0;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }

  .btn_hd_menu.on span::before {
    width: 26px;
    -webkit-transform: rotate(45deg) translate(4px, 7px);
    -ms-transform: rotate(45deg) translate(4px, 7px);
    transform: rotate(45deg) translate(4px, 7px);
  }

  .btn_hd_menu.on span::after {
    width: 26px;
    -webkit-transform: rotate(-45deg) translate(4px, -7px);
    -ms-transform: rotate(-45deg) translate(4px, -7px);
    transform: rotate(-45deg) translate(4px, -7px);
  }

  /* 모바일 util */

  .hd_util_mo {
    display: block;
    position: fixed;
    right: 70px;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }

  .hd_util_mo ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .hd_util_mo ul li {
    position: relative;
    margin-right: 12px;
  }

  .hd_util_mo ul li:last-child {
    margin-right: 0;
  }

  .hd_util_mo ul li a {
    font-family: "HGGGothicssi";
    font-weight: 600;
    font-size: 12px;
    color: #111;
  }

  #lnb {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  #lnb .dim {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
  }

  #lnb .container {
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    max-width: 500px;
    height: 100%;
    background: #fff;
    padding-top: 60px;
    overflow-y: auto;
  }

  #lnb .top_area {
    position: fixed;
    right: -100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 500px;
    height: 60px;
    padding: 0 20px;
    background: #fff;
    z-index: 1;
  }

  #lnb .top_area .logo {
    display: block;
    width: 76px;
    height: 26px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/logo1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: auto;
  }

  #lnb .top_area .util {
    margin-right: 40px;
  }

  #lnb .top_area .util li {
    position: relative;
    float: left;
    padding-left: 10px;
    margin-left: 8px;
  }

  #lnb .top_area .util li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 2px;
    background-color: #111;
    border-radius: 50%;
  }

  #lnb .top_area .util li:first-child {
    padding-left: 0;
    margin-left: 0;
  }

  #lnb .top_area .util li:first-child::before {
    display: none;
  }

  #lnb .top_area .util a,
  #lnb .top_area .util button {
    font-family: "Noto Sans KR";
    font-weight: 500;
    font-size: 13px;
    color: #111;
    letter-spacing: -0.8px;
  }

  #lnb .top_area .util a.app_down,
  #lnb .top_area .util button.app_down {
    font-weight: 500;
    color: #4e2bf4;
    padding-right: 13px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_download1.png");
    background-repeat: no-repeat;
    background-size: auto 11px;
    background-position: right center;
  }

  #lnb .my_area {
    padding: 0 20px;
  }

  #lnb .my_area .txt {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.8px;
    margin-top: 20px;
  }

  #lnb .my_area .txt a,
  #lnb .my_area .txt span,
  #lnb .my_area .txt em {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }

  #lnb .my_area .txt em {
    font-weight: 900;
  }

  #lnb .my_area .member ul {
    margin-top: 25px;
  }

  #lnb .my_area .member li {
    float: left;
    width: calc(99.8% / 3);
    border-left: 1px solid #eee;
  }

  #lnb .my_area .member li:first-child {
    border-left: none;
  }

  #lnb .my_area .member li a,
  #lnb .my_area .member li button {
    display: block;
    width: 100%;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #808080;
    text-align: center;
    padding-top: 45px;
  }

  #lnb .my_area .member li:nth-child(1) a,
  #lnb .my_area .member li:nth-child(1) button {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_lnb_my.png");
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: top center;
  }

  #lnb .my_area .member li:nth-child(2) a,
  #lnb .my_area .member li:nth-child(2) button {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_lnb_coupon.png");
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: top center;
  }

  #lnb .my_area .member li:nth-child(3) a,
  #lnb .my_area .member li:nth-child(3) button {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_lnb_barcode.png");
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: top center;
  }

  #lnb .app_area {
    margin-top: 30px;
  }

  #lnb .app_area a {
    display: block;
    font-family: "Noto Sans KR";
    font-weight: 500;
    font-size: 13px;
    color: #111;
    text-align: center;
    background: #f1f3ff;
    padding: 12px 20px;
  }

  #lnb .app_area a > span {
    display: inline-block;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    padding: 9px 55px 9px 0;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/ic_app1.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: right center;
  }

  #lnb #mobileGnb {
    padding: 0 20px 30px;
  }

  #lnb #mobileGnb > ul {
    position: relative;
  }

  #lnb #mobileGnb > ul > li {
    margin-top: 30px;
  }

  #lnb #mobileGnb > ul .depth1 a,
  #lnb #mobileGnb > ul .depth1 span {
    position: relative;
    display: inline-block;
    font-family: "HGGGothicssi";
    font-weight: 800;
    font-size: 20px;
    color: #111;
    cursor: pointer;
  }

  #lnb #mobileGnb > ul .depth1 a::before,
  #lnb #mobileGnb > ul .depth1 span::before {
    content: "";
    position: absolute;
    right: -6px;
    top: -4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4e2bf4;
    opacity: 0;
  }

  #lnb #mobileGnb > ul .depth1.on a,
  #lnb #mobileGnb > ul .depth1.on span {
    font-weight: 800;
    color: #4e2bf4;
    -webkit-transition: .3s;
    transition: .3s;
  }

  #lnb #mobileGnb > ul .depth1.on a::before,
  #lnb #mobileGnb > ul .depth1.on span::before {
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
  }

  #lnb #mobileGnb > ul .depth2 {
    display: none;
    position: absolute;
    left: 45%;
    top: 0;
  }

  #lnb #mobileGnb > ul .depth2 li {
    margin-top: 25px;
  }

  #lnb #mobileGnb > ul .depth2 li:first-child {
    margin-top: 0;
  }

  #lnb #mobileGnb > ul .depth2 li a {
    display: inline-block;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.8px;
  }

  #lnb .bnr_area .swiper-container {
    padding-top: 20px;
    padding-bottom: 70px;
  }

  #lnb .bnr_area img {
    width: 100%;
  }

  #lnb .bnr_area .swiper-pagination {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
  }

  #lnb .bnr_area .swiper-pagination.type1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: #ddd;
  }

  .bnr_sign {
    left: auto;
    right: -12px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    bottom: -50px;
    padding-top: 10px;
  }

  .bnr_sign::before {
    width: 34px;
    height: 34px;
    left: auto;
    margin-left: 0;
    right: 0;
    top: 0;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_banner_arrow.png");
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 0 0;
  }

  .bnr_sign .inner {
    min-height: 35px;
    border-radius: 18px;
    padding: 8px 45px 8px 10px;
    -webkit-box-shadow: 3px 3.5px 10px 0.5px rgba(25, 48, 88, 0.4);
    box-shadow: 3px 3.5px 10px 0.5px rgba(25, 48, 88, 0.4);
  }

  .bnr_sign .inner .btn_close {
    right: 15px;
    margin-top: -6.5px;
    width: 13px;
    height: 13px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_x4.png");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 0 0;
  }

  #footer .inner {
    padding-left: 0;
  }

  #footer .logo {
    position: static;
    margin-bottom: 25px;
  }

  .pageTop .wrap .btn_top {
    position: absolute;
    width: 43px;
    height: 43px;
    right: 15px;
    bottom: 30px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_top.png");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center center;
    -webkit-box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
    box-shadow: 3px 3px 10px 1px rgba(25, 48, 88, 0.4);
  }

  #main .sect_visual .swiper-slide.movie .btn_play {
    left: 75%;
  }

  #main .sect_visual .swiper-slide.movie .video_landing_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools .swiper-count {
    font-size: 14px;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools .swiper-pagination {
    height: 2px;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play {
    margin-top: 0px;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play span {
    opacity: 1;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play.paused span {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    width: 9px;
    height: 10px;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools.v2 .btn-swiper-play.play span {
    border-right: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }

  #main .sect_visual .wrap_swiper_navi {
    display: none;
  }

  #main .sect_benefit {
    height: auto;
  }

  #main .sect_benefit .inner {
    display: block;
    height: auto;
  }

  #main .sect_benefit .left_box {
    margin: 0 auto;
    width: 85%;
  }

  #main .sect_benefit .left_box .img_box .img_obj {
    width: 129%;
    max-width: 720px;
    right: calc(-10% - 20px);
  }

  #main .sect_benefit .right_box {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    margin-top: 20px;
  }

  #main .sect_benefit .right_box .tit {
    text-align: center;
  }

  #main .sect_benefit .right_box .point_list {
    margin-top: 30px;
  }

  #main .sect_benefit .right_box .point_list li {
    -webkit-tap-highlight-color: transparent;
  }

  #main .sect_magazine {
    padding: 120px 0 150px;
  }

  #main .sect_event {
    padding: 120px 0 90px;
  }

  #main .sect_event .swiper-tools {
    top: 100px;
  }

  #main .sect_hotissue {
    padding: 120px 0 150px;
  }

  #main .sect_collect {
    padding: 120px 0;
  }

  #main .sect_use {
    padding: 120px 0 150px;
  }

  #mypage .my_point .point_view .breakdown li {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
    margin-bottom: 10px;
  }

  #mypage .my_point .point_view .breakdown li:nth-child(2n) {
    margin-right: 0;
  }

  .my_coupon .tab_coupon .tab {
    height: 90px;
  }

  .my_coupon .tab_coupon .tab a > span {
    display: block;
  }

  .my_coupon .tab_coupon .tab a > span em {
    margin-left: 0;
  }

  #collect .btn_gray1.mo_only,
  #collect .btn_gray1.pc_none {
    display: inline-block !important;
  }

  #collect .enjoy .part:nth-child(odd):not(.part1) .inner {
    padding-left: 50%;
  }

  #collect .enjoy .part:nth-child(even) .inner {
    padding-left: 0;
  }

  #collect .enjoy .part2 .img_box {
    width: 70%;
    right: -25px;
  }

  #collect .enjoy .part3 .tit2 br {
    display: none;
  }

  #collect .enjoy .part3 .img_box {
    width: 52%;
    left: -15px;
    bottom: 0%;
  }

  #collect .enjoy .part4 .inner {
    padding-top: 200px !important;
  }

  #collect .enjoy .part4 .img_box {
    width: 52%;
    right: -15px;
  }

  #collect .enjoy .part5 .img_box {
    left: -15px;
    width: 52%;
  }

  #collect .enjoy .part6 .inner {
    padding-top: 200px !important;
  }

  #collect .enjoy .part6 .img_box {
    width: 52%;
    right: -15px;
  }

  #collect .enjoy .part7 .tit2 br {
    display: none;
  }

  #collect .enjoy .part7 .img_box {
    width: 52%;
    left: -15px;
    bottom: -6.3%;
  }

  #collect .collect_transform .visual {
    background-position: 60% 0;
  }

  #collect .collect_transform .visual .inner {
    padding-left: 0;
  }

  #collect .collect_receipt .receipt_coupon .txt_box {
    padding-left: 0;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box {
    max-width: 542px;
    height: auto;
    padding-bottom: 63%;
    top: 85px;
    width: 58%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .img_main {
    margin: 8.7% auto 0;
    width: 57.8%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change {
    top: 42%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .img_barcode {
    width: 59%;
    top: 68%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .desc3 {
    bottom: 0;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .scale_change {
    top: 35%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .img_barcode {
    top: 63%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img > img {
    width: 100%;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box {
    left: 3%;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon {
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .mockup1 {
    max-width: 457px;
    width: 100%;
    margin: 0 auto;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .mockup_inner {
    width: 100%;
    top: 33.075%;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .t_coupon {
    max-width: 124px;
    width: 27%;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .barcode {
    max-width: 264px;
    width: 58%;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin {
    width: calc(100% + 100px);
    left: -100px;
  }

  #collect .collect_receipt .receipt_coupon .part4 .img_box {
    width: 65%;
    max-width: 480px;
    left: 0%;
  }

  #collect .collect_receipt .receipt_coupon .part4 .img_box img {
    width: 100%;
  }

  #collect .recharge .top_banner .layout1 {
    padding: 0 20px;
  }

  #collect .recharge .recharge_method .payment_area .wrap_flex {
    display: block;
  }

  #collect .recharge .recharge_method .payment_area .wrap_flex .desc_emp {
    margin-left: 0;
    margin-top: 10px;
  }

  #collect .recharge .recharge_method .mobile_code .wrap_flex {
    display: block;
  }

  #collect .recharge .recharge_method .mobile_code .wrap_flex .desc_emp {
    margin-left: 0;
    margin-top: 10px;
  }

  #collect .recharge .recharge_introduce .visual {
    padding-left: 0;
    background-position: 55% 0;
  }

  #collect .recharge .recharge_introduce .smart_recharge .swiper-tools {
    left: 48%;
    bottom: 25px;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .swiper-slide .layout1 {
    height: 100%;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box {
    height: 100%;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box {
    left: 0;
    top: 50%;
    max-width: 444px;
    width: 50%;
    height: auto;
    padding-bottom: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box .fix_img {
    width: 100%;
    bottom: auto;
    top: 0;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box .fix_img > img {
    width: 100%;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .txt_box {
    padding-left: 47%;
  }

  #use .use_pointshop .wrap_pointshop .info_area .txt_box {
    padding-left: 57%;
  }

  #use .use_pointshop .wrap_pointshop .info_area .img_box {
    left: 7%;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area2 .txt_box {
    padding-left: 0;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area2 .img_box {
    right: 5%;
    left: auto;
  }

  #use .use_gift .wrap_gift .desc1 br,
  #use .use_gift .wrap_gift .desc2 br {
    display: none;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup {
    padding-left: 65%;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box {
    left: -3%;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .desc1 br {
    display: none;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .wrap_txt {
    height: 218px;
    padding: 25px 25px 0 25px;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .subtit {
    position: absolute;
    left: 25px;
    bottom: 55px;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .goal {
    position: absolute;
    right: 25px;
    bottom: 25px;
  }

  #use .use_donate .wrap_donate_view {
    margin-top: 50px;
  }

  #benefit .coupon .banner {
    margin-top: 100px;
  }

  #benefit .mission .wrap_mission .info_box .img_box {
    top: 10%;
    left: 0;
    max-width: 542px;
    min-width: 430px;
    width: 57%;
    height: auto;
    padding-bottom: 57%;
  }

  #benefit .mission .wrap_mission .info_box .img_box .mockup_inner .img_main {
    width: 58%;
    margin-top: 0;
  }

  #benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box {
    width: 80%;
  }

  #benefit .mission .wrap_mission .info_box .img_box .mockup_inner .impact_box > img {
    width: 100%;
  }

  #benefit .mission .wrap_mission .info_box .img_box .fix_img {
    width: 100%;
    bottom: auto;
    top: 0;
  }

  #benefit .mission .wrap_mission .info_box .img_box .fix_img > img {
    width: 100%;
  }

  #benefit .mission .wrap_mission .info_box .txt_box {
    padding-left: 55.641%;
  }

  #benefit .mission .wrap_mission .part1::after {
    margin-left: 450px;
  }

  #benefit .mission .wrap_mission .part1 .swiper-tools {
    left: 56%;
  }

  #benefit .mission .wrap_mission .part2::after {
    margin-left: 200px;
  }

  #benefit .mission .wrap_mission .part2 .info_box .img_box {
    right: 0;
  }

  #benefit .mission .wrap_mission .part2 .info_box .img_box .mockup_inner .impact_box .stamp_box {
    top: 17%;
    left: 11.4%;
    width: 77.2%;
    height: 27.2%;
  }

  #benefit .mission .wrap_mission .part2 .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 20.1%;
    margin-right: 7%;
    height: 100%;
  }

  #benefit .mission .wrap_mission .part2 .info_box .img_box .mockup_inner .impact_box .stamp_box .img_stapm:last-child {
    margin-right: 0;
  }

  #benefit .mission .wrap_mission .part2 .info_box .txt_box {
    padding-left: 12%;
  }

  #benefit .mission .wrap_mission .part3::after {
    margin-left: -280px;
  }

  #club .club_vis {
    padding-left: 0;
  }

  #club .club_vis.vis1 {
    background-position: 54% 0;
  }

  #club .club_vis.vis2 {
    background-position: 54% 0;
  }

  #club .club_vis.vis3 {
    background-position: 54% 0;
  }

  #club .club_vis.vis4 {
    background-position: 54% 0;
  }

  #club .wrap_club .inner .diagram > * {
    margin-right: 1%;
  }

  #club .wrap_club .inner .diagram .circle_info .circle .txt {
    font-size: 17px;
    line-height: 24px;
  }

  #club .wrap_club .inner .diagram .arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
  }

  #club .wrap_club .inner .diagram.has_bottom_txt .circle_info .desc2 {
    width: 130%;
    min-width: 200px;
    white-space: pre-wrap;
    font-size: 14px;
    line-height: 22px;
  }

  #club .benefit .benefit_list > li {
    max-width: calc((100% - 20px) / 3);
    margin-top: 10px;
  }

  #club .benefit .benefit_list > li:nth-child(-n + 3) {
    margin-top: 0;
  }

  #club .benefit.benefit_com .benefit_list li,
  #club .benefit.benefit_branch .benefit_list li {
    margin-right: 10px;
  }

  #club .benefit.benefit_com .benefit_list li:nth-child(3n),
  #club .benefit.benefit_branch .benefit_list li:nth-child(3n) {
    margin-right: 0;
  }

  #club .club_wedding .benefit .benefit_list > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    margin: 24px 0 0 0;
    padding: 25px 20px 25px;
  }

  #club .club_wedding .benefit .benefit_list > li:nth-of-type(-n + 3) {
    margin-top: 24px;
  }

  #club .club_wedding .benefit .benefit_list > li:first-of-type {
    margin-top: 0;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info {
    position: relative;
    padding-left: 160px;
    min-height: 130px;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .logo {
    position: absolute;
    left: 0px;
    top: 0px;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .explain {
    margin-top: 0;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .explain .branch_tit {
    text-align: left;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .explain .tit2 {
    margin-top: 8px;
  }

  #hpay .hpay_introduce .wrap_intro .part1 .inner::before {
    width: 86%;
    height: auto;
    padding-bottom: 40%;
    background-size: contain;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li {
    width: 100%;
    overflow: hidden;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box {
    width: 50%;
    max-width: 390px;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li .txt_box {
    width: 50%;
    padding-top: 13%;
    margin-left: 0;
    padding-left: 5%;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(2) .txt_box {
    padding-right: 5%;
  }

  #customer .bn_contact {
    max-width: 600px;
    margin: 75px auto 0;
  }

  #customer .bn_contact li {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 24px 0;
  }

  #customer .bn_contact li:last-child {
    margin: 0;
  }

  #customer .bn_contact li .box {
    height: auto;
    padding: 20px 30px;
  }

  #customer .bn_contact li .s_txt {
    font-size: 18px;
  }

  #customer .bn_contact li .b_txt {
    font-size: 25px;
  }

  #customer .bn_contact li .ic_arr::after {
    height: 18px;
    background-size: 18px;
  }

  #customer .bn_contact li .desc {
    position: static;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }

  #customer .bn_contact li .desc .space {
    display: inline-block;
    width: 20px;
  }

  #customer .bn_contact li.kakao .box::after {
    right: 30px;
    bottom: auto;
    top: 30px;
    background-position: right top;
    background-size: 44px;
  }

  #introduce .h_introduce .btn_blue1 {
    margin: 50px auto 0;
  }

  #introduce .h_introduce .part1 .inner,
  #introduce .h_introduce .part2 .inner {
    min-height: auto;
    padding: 230px 0 130px 47%;
    margin: 0 -30px;
  }

  #introduce .h_introduce .part1 .img_box,
  #introduce .h_introduce .part2 .img_box {
    left: -18%;
  }

  #introduce .h_introduce .part1 .img_box img,
  #introduce .h_introduce .part2 .img_box img {
    width: 100%;
  }

  #introduce .h_introduce .part2 .img_box .video .video_box {
    min-width: 380px;
    right: 5%;
    top: auto;
    bottom: 5%;
  }

  #introduce .h_introduce .sect_brand .quick.fixed {
    position: fixed;
    top: 100px;
  }

  .hasTopBnr #introduce .h_introduce .sect_brand .quick.fixed {
    top: 190px;
  }

  #introduce .h_introduce .sect_brand .part .inner {
    height: auto;
    min-height: auto;
    padding: 150px 0 35px;
  }

  #introduce .h_introduce .sect_brand .part .img_box {
    position: relative;
    top: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    min-width: 251.5px;
  }

  #introduce .h_introduce .sect_brand .part .txt_box {
    position: relative;
    text-align: center;
    padding-top: 55px;
    margin-top: 35px;
  }

  #introduce .h_introduce .sect_brand .part .swiper-tools {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #introduce .sign_benefit .wrap_benefit .left_box {
    margin: 0 auto;
    width: 85%;
    min-width: 280px;
  }

  #introduce .sign_benefit .wrap_benefit .left_box .img_box .img_obj {
    width: 129%;
    max-width: 720px;
    right: calc(-10% - 20px);
  }

  #introduce .sign_benefit .wrap_benefit .right_box {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    margin-top: 20px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box h3 {
    text-align: center;
  }

  #etc .terms .terms_area .table table {
    table-layout: fixed;
  }
  
 /* 포인트 */
 #customer .collect_transform .point_visual {
    background-position: 60% 0;
  }
  
  #customer .collect_transform .point_visual .inner {
    padding-left: 0;
  }

  /* 문화/여가 */
  #customer .collect_transform .culture_visual {
    background-position: 60% 0;
  }

  #customer .collect_transform .culture_visual .inner {
    padding-left: 0;
  }

  /* 기부 */
  #customer .collect_transform .donate_visual {
    background-position: 60% 0;
  }

  #customer .collect_transform .donate_visual .inner {
    padding-left: 0;
  }

  /* 설문/퀴즈 */
  #customer .collect_transform .quiz_visual {
    background-position: 60% 0;
  }

  #customer .collect_transform .quiz_visual .inner {
    padding-left: 0;
  }
    

  /* 후크 체험단 */
  #hook .hook_introduce .wrap_intro .part1 .inner::before {
    width: 86%;
    height: auto;
    padding-bottom: 40%;
    background-size: contain;
  }

  #hook .hook_introduce .wrap_intro .part2 .method_list li {
    width: 100%;
    overflow: hidden;
  }

  #hook .hook_introduce .wrap_intro .part2 .method_list li .img_box {
    width: 50%;
    max-width: 390px;
  }

  #hook .hook_introduce .wrap_intro .part2 .method_list li .txt_box {
    width: 50%;
    padding-top: 13%;
    margin-left: 0;
    padding-left: 5%;
  }

  #hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(2) .txt_box {
    padding-right: 5%;
  }    
}

@media screen and (max-width: 970px) {
  #introduce .h_introduce .part7 .img_box .change_img .img_change1 {
    right: 550px;
  }
}

@media screen and (max-width: 850px) {
  .box_coupon .wrap_txt {
    padding-top: 5%;
  }

  .pop_coupon_detail .coupon_area .box_coupon .wrap_txt {
    padding-top: 0%;
  }
}

@media screen and (max-width: 768px) {
  .mo_none {
    display: none !important;
  }

  .mo_only {
    display: block !important;
  }

  .layout1 {
    padding: 0 20px;
  }

  .layout2 {
    padding: 0 20px;
  }

  .pageTitle {
    padding: 60px 0 0;
  }

  .pageTitle.v2 {
    padding-bottom: 45px;
  }

  .pageTitle .tit {
    font-family: "HGGGothicssi";
    font-weight: 800;
    font-size: 30px;
    color: #111;
  }

  .pageTitle .desc {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
    margin-top: 17px;
    padding-bottom: 45px;
  }

  .pageTitle .pageTab {
    padding-bottom: 20px;
  }

  .sub_bottom_blank1 {
    height: 100px;
  }

  .sub_bottom_blank2 {
    height: 100px;
  }

  .no_data_type1 {
    margin-top: 75px;
  }

  .no_data_type1 .ic_txt {
    font-size: 16px;
    padding-top: 80px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_caution1.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center top;
  }

  .no_data_type1 .contact_talk {
    margin-top: 75px;
    padding: 25px 30px 30px;
  }

  .no_data_type1 .contact_talk p {
    font-size: 12px;
    line-height: 21px;
  }

  .no_data_type1 .contact_talk a,
  .no_data_type1 .contact_talk button {
    width: 100%;
  }

  .t_tit1 {
    font-size: 17px;
  }

  .t_txt1 {
    font-size: 14px;
  }

  .cmt_guide1 {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #999;
  }

  .cmt_guide1.mark1 {
    padding-left: 12px;
  }

  .cmt_guide1.mark1:before {
    top: 8px;
    width: 3px;
    height: 3px;
  }

  .cmt_guide1.mark2 {
    padding-left: 15px;
  }

  .cmt_guide1.mark3 {
    padding-left: 7px;
  }

  .cmt_guide2 {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #808080;
  }

  .cmt_guide2.mark1 {
    padding-left: 6px;
  }

  .cmt_guide3 {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #999;
  }

  .cmt_guide3 > li {
    font-size: 13px;
    margin-top: 5px;
  }

  .cmt_guide3.mark1 > li {
    padding-left: 6px;
  }

  .bullet_type1 > li {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
  }

  .bullet_type1.mark1 > li {
    padding-left: 12px;
  }

  .bullet_type1.mark1 > li:before {
    top: 8px;
    width: 3px;
    height: 3px;
  }

  .bullet_type1.mark2 > li {
    padding-left: 15px;
  }

  .bullet_type1.mark3 > li {
    padding-left: 7px;
  }

  .bullet_type2 > li {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #808080;
    margin-top: 5px;
  }

  .bullet_type2.mark1 > li {
    padding-left: 6px;
  }

  .bullet_type3 > li {
    font-size: 13px;
    margin-top: 5px;
  }

  .bullet_type3.mark1 > li {
    padding-left: 6px;
  }

  .bullet_type4 > li {
    font-size: 14px;
    margin-top: 15px;
  }

  .bullet_type4.mark1 > li {
    padding-left: 20px;
  }

  .bullet_type4.mark1 > li:before {
    top: 5px;
    width: 12px;
    height: 8px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_bullet_type1.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 0 0;
  }

  .tab_ui.type1 {
    display: inline-block;
    max-width: 100%;
    height: 35px;
    vertical-align: top;
    overflow: hidden;
    padding: 0 20px;
  }

  .tab_ui.type1 .tab_wrap {
    overflow: visible;
    width: 100%;
  }

  .tab_ui.type1 .tab_inner {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }

  .tab_ui.type1 .tab a {
    padding: 0 20px;
    font-family: "HGGGothicssi";
    font-weight: 600;
    font-size: 14px;
    color: #111;
  }

  .tab_ui.type2 .tab_wrap {
    padding: 0 40px 0 20px;
  }

  .tab_ui.type2 .tab_inner {
    width: 100%;
  }

  .tab_ui.type2 .tab::after {
    width: 3px;
    height: 3px;
    margin: 0 20px;
  }

  .tab_ui.type2 .tab a {
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 13px;
    color: #999;
    padding-bottom: 17px;
  }

  .btn_typeA1,
  .btn_typeA2 {
    width: 100%;
    min-width: auto;
    height: 50px;
    font-size: 14px;
    padding: 0;
  }

  .btn_typeA1 {
    line-height: 48px;
  }

  .btn_typeA2 {
    line-height: 50px;
  }

  .btn_typeB1,
  .btn_typeB2 {
    width: 100%;
    min-width: auto;
    height: 50px;
    font-size: 14px;
    padding: 0;
  }

  .btn_typeB1 {
    line-height: 48px;
  }

  .btn_typeB2 {
    line-height: 50px;
  }

  .btn_typeC1 {
    width: auto;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 15px;
  }

  .btn_typeC2 {
    width: auto;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 15px;
  }

  .btn_small1 {
    font-size: 14px;
  }

  .btn_ac a,
  .btn_ac button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 16px;
  }

  .btn_ac a[class^="btn_small"],
  .btn_ac button[class^="btn_small"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .wrap_paging .pagination .page-item .page-link {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }

  .wrap_paging .pagination-prev {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/paging_prev.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin-right: 20px;
  }

  .wrap_paging .pagination-next {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/paging_next.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin-left: 20px;
  }

  .checkbox_ui.type1 input[type="checkbox"] + label {
    min-height: 20px;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
    padding-left: 30px;
  }

  .checkbox_ui.type1 input[type="checkbox"] + label::before {
    width: 20px;
    height: 20px;
    background-image: url("../../../../assets/app/img/common/mo/chk_bg1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
  }

  .checkbox_ui.type1 input[type="checkbox"]:checked + label::before {
    background-position: 0 -20px;
  }

  .radio_ui.type1 input[type="radio"] + label {
    min-height: 20px;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
    padding-left: 30px;
  }

  .radio_ui.type1 input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background-image: url("../../../../assets/app/img/common/mo/rdo_bg1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
  }

  .radio_ui.type1 input[type="radio"]:checked + label::before {
    background-position: 0 -20px;
  }

  .select_ui {
    width: 100%;
  }

  .select_ui select {
    height: 40px;
    font-size: 13px;
    background-image: url("../../../../assets/app/img/common/mo/ic_arrow1.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 20px) 50%;
  }

  .textarea_ui textarea {
    font-size: 14px;
    padding: 15px 20px;
  }

  .inp_self,
  .inp_self2 {
    height: 40px;
    font-size: 13px;
  }

  .divider {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .inp_mt {
    margin-top: 10px;
  }

  .t_success,
  .t_error {
    font-size: 12px;
    margin-top: 12px;
  }

  .t_success + .cmt_guide1,
  .t_error + .cmt_guide1,
  .t_success + .bullet_type1,
  .t_error + .bullet_type1 {
    margin-top: 5px;
  }

  .inp_tit {
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 12px;
    color: #111;
  }

  .wrap_inp {
    padding-left: 0;
  }

  .wrap_inp .inp_tit {
    position: relative;
    height: auto;
    display: block;
    margin-bottom: 12px;
  }

  .wrap_inp.type2 .inp_tit {
    margin-bottom: 12px;
  }

  .wrap_inp .inner_chk .checkbox_ui {
    display: block;
    margin: 0 0 10px 0;
  }

  .wrap_inp .inner_chk .checkbox_ui:last-child {
    margin-bottom: 0;
  }

  .inp_bundle {
    height: 50px;
    padding: 0 20px;
  }

  .inp_bundle .inp {
    font-size: 14px;
  }

  .inp_bundle p.inp {
    line-height: 48px;
  }

  .inp_bundle .select {
    font-size: 14px;
    padding-right: 15px;
    background-size: auto 6px;
  }

  .inp_bundle .at {
    font-size: 14px;
    margin: 0 10px;
  }

  .inp_bundle .timer {
    font-size: 14px;
  }

  .select_ui2 {
    height: 50px;
  }

  .select_ui2 .select {
    font-size: 14px;
    padding: 0 35px 0 20px;
    background-size: auto 6px;
    background-position: calc(100% - 20px);
  }

  .sel_bundle .select_ui2 {
    margin-left: 12px;
  }

  .email_bundle .select {
    max-width: 37%;
  }

  .tel_bundle .inp_bundle:first-child {
    max-width: 80px;
  }

  .btn_bundle {
    padding-bottom: 65px;
  }

  .btn_bundle .inp_btn {
    position: absolute;
    right: 0;
    bottom: -66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .btn_bundle .inp_btn a,
  .btn_bundle .inp_btn button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 50px;
    line-height: 48px;
    border: 1px solid #4e2bf4;
    color: #4e2bf4;
    font-size: 14px;
    background: transparent;
    margin-left: 10px;
  }

  .btn_bundle .inp_btn a:first-child,
  .btn_bundle .inp_btn button:first-child {
    margin-left: 0;
  }

  .search_bundle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .search_bundle .select_ui {
    width: 100%;
  }

  .search_bundle .select_ui + .inp_search {
    margin-top: 10px;
  }

  .search_bundle .inp_search {
    width: 100%;
    margin-left: 0;
  }

  .inp_search .inp_self,
  .inp_search .inp_self2 {
    width: 100%;
  }

  .inp_search .btn_search {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_search1.png");
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: right center;
  }

  .wrap_terms_agree {
    padding: 20px 20px 30px;
  }

  .wrap_terms_agree .agree_all {
    margin-bottom: 20px;
  }

  .wrap_terms_agree .agree_all input[type="checkbox"] + label {
    font-weight: 700;
    font-size: 15px;
    padding-left: 30px;
  }

/* 2022-02-16 수정 : S */
  .wrap_terms_agree .agree_part {
    padding-top:25px;
  }

  .wrap_terms_agree .agree_part li {
    padding-right: 60px;
  }

  .wrap_terms_agree .agree_part li:not(:first-child) {
	margin-top: 20px;
  }
/* 2022-02-16 수정 : E */

  .wrap_terms_agree .agree_part li input[type="checkbox"] + label {
    padding-left: 30px;
  }

  .wrap_terms_agree .agree_part li .btn_typeC1 {
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
    height: auto;
    font-size: 11px;
    line-height: 1.3;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #4e2bf4;
    padding: 0;
  }

  .wrap_terms_agree + .cmt_guide1,
  .wrap_terms_agree + .bullet_type1 {
    margin-top: 25px;
  }

  .box_type1 {
    padding: 20px;
  }

  .box_type2 {
    padding: 20px;
  }

  .list_top_ui {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .list_top_ui .list_total {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .list_top_ui .search_area {
    margin-left: 0;
    width: 100%;
  }

  .board_list_type1 > ul > li a,
  .board_list_type1 > ul > li button {
    border-radius: 8px;
  }

  .board_list_type1 > ul > li .new {
    left: 15px;
    top: 15px;
    width: 55px;
    height: 33px;
    font-size: 15px;
    line-height: 31px;
    border-radius: 4px;
  }

  .board_list_type1 > ul > li .d_day {
    right: 15px;
    top: 15px;
    width: 55px;
    height: 33px;
    font-size: 15px;
    line-height: 33px;
    border-radius: 4px;
  }

  .board_list_type1 > ul > li .wrap_txt {
    height: 135px;
    padding: 25px 20px 0 20px;
  }

  .board_list_type1 > ul > li .wrap_txt .subject {
    height: 56px;
    font-size: 20px;
    line-height: 28px;
  }

  .board_list_type1 > ul > li .wrap_txt .date {
    font-size: 14px;
    margin-top: 8px;
  }

  .board_list_type1 > ul > li.video .mo_video_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .board_list_type1 > ul.col2 li {
    width: 100%;
    margin: 30px 0 0 0;
  }

  .board_list_type1 > ul.col2 li:first-child {
    margin-top: 0;
  }

  .board_list_type1 > ul.col3 li {
    width: 100%;
    margin: 30px 0 0 0;
  }

  .board_list_type1 > ul.col3 li:first-child {
    margin-top: 0;
  }

  .board_list_type2 li {
    margin-top: 10px;
  }

  .board_list_type2 li:first-child {
    margin-top: 0;
  }

  .board_list_type2 li a {
    position: relative;
    display: block;
    padding: 20px;
  }

  .board_list_type2 li a .num {
    display: none;
  }

  .board_list_type2 li a .tag {
    display: inline-block;
    width: 32px;
    height: 16px;
    font-size: 9px;
    line-height: 16px;
    border-radius: 4px;
    margin-right: 0;
    vertical-align: top;
  }

  .board_list_type2 li a .subject {
    font-size: 14px;
    margin-right: 0;
  }

  .board_list_type2 li a .date {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 9px;
  }

  .list_coupon {
    width: calc(100% + 1.8%);
  }

  .list_coupon li {
    width: 100%;
    margin: 5px 0 0 0;
  }

  .list_coupon li:nth-child(3n) {
    margin-right: 0;
  }

  .box_coupon .new {
    width: 40px;
    height: 25px;
    font-size: 12px;
    line-height: 23px;
    border-radius: 4px;
  }

  .box_coupon .d_day {
    right: 15px;
    top: 15px;
    width: 55px;
    height: 33px;
    font-size: 15px;
    line-height: 33px;
    border-radius: 4px;
  }

  .box_coupon .thumbnail {
    padding: 0 20px 0 22px;
  }

  .box_coupon .wrap_txt .inner {
    padding-right: 10px;
  }

  .box_coupon .wrap_txt {
    padding-top: 0;
  }

  .box_coupon .subject {
    font-size: 16px;
    line-height: 21px;
  }

  .box_coupon .subject.elps2 {
    min-height: 42px;
  }

  .box_coupon .subject.elps3 {
    min-height: 63px;
  }

  .box_coupon .date {
    font-size: 13px;
  }

  .wrap_board_view2 {
    margin-top: 40px;
  }

  .wrap_board_view2 .viewpage_edit {
    padding: 20px;
    margin: 20px 0 50px;
  }

  .viewpage_tit .subject {
    font-size: 20px;
  }

  .viewpage_tit .date {
    font-size: 12px;
    margin-top: 10px;
  }

  .viewpage_edit .edit_row {
    font-size: 12px;
  }

  .viewpage_edit .edit_share {
    margin: 40px 0 60px;
  }

  .viewpage_edit .edit_share li {
    margin: 0 5px;
  }

  .viewpage_edit .edit_share li img {
    width: 35px;
  }

  .viewpage_navi ul li.video .mo_video_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .viewpage_navi {
    padding: 35px 0 100px;
    border-top-width: 1px;
  }

  .viewpage_navi .tit {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .viewpage_navi ul li {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .viewpage_navi ul li .thumbnail {
    border-radius: 8px;
  }

  .viewpage_navi ul li .wrap_txt {
    margin-top: 15px;
  }

  .viewpage_navi ul li .wrap_txt .subject {
    font-size: 15PX;
    line-height: 23px;
  }

  .viewpage_navi ul li .wrap_txt .date {
    font-size: 12px;
    margin-top: 5px;
  }

  .viewpage_navi .btn_area {
    margin-top: 70px;
  }

  .acodi_type1 .ac_item {
    padding: 0 20px;
  }

  .acodi_type1 .ic_Q,
  .acodi_type1 .ic_A {
    top: 20px;
    width: 16px;
    height: 16px;
    font-size: 9px;
    line-height: 16px;
    border-radius: 4px;
  }

  .acodi_type1 .ac_head {
    padding: 40px 0 15px 0;
  }

  .acodi_type1 .ac_head .tit_area .kinds {
    position: absolute;
    left: 22px;
    top: 17px;
    font-family: "Noto Sans KR";
    font-weight: 350;
    font-size: 14px;
    color: #603de3;
    margin-right: 0;
  }

  .acodi_type1 .ac_head .tit_area .kinds::before,
  .acodi_type1 .ac_head .tit_area .kinds::after {
    display: none;
  }

  .acodi_type1 .ac_head .tit_area .subject {
    display: block;
    font-size: 14px;
  }

  .acodi_type1 .ac_panel {
    padding: 48px 0 15px 0;
  }

  .acodi_type1 .ac_panel .ic_A {
    top: 22px;
  }

  .acodi_type1 .ac_panel .con_area {
    font-size: 12px;
    line-height: 21px;
  }

  .acodi_type1.v_arrow .ac_head::after {
    width: 10px;
    height: 6px;
    top: 25px;
    margin-top: 0;
  }

  .banner_type1 .layout1 {
    padding: 0;
  }

  .banner_type1 .swiper-pagination {
    margin: 15px 0 80px;
  }

  .banner_type2 .swiper-pagination {
    position: static !important;
    margin-top: 10px;
  }

  .swiper-pagination.type1 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .swiper-pagination.type2 .swiper-pagination-bullet {
    background-color: #4e2bf4;
    opacity: 0.4;
  }

  .swiper-pagination.type2 .swiper-pagination-bullet-active {
    opacity: 1;
  }

  .swiper-pagination.type3 {
    height: 6px;
  }

  .swiper-pagination.type3 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px;
  }

  .swiper-button-prev.type3,
  .swiper-button-next.type3 {
    display: none;
  }

  .swiper-tools {
    text-align: center;
  }

  .swiper-tools .swiper-pagination {
    max-width: 166px;
    height: 1px;
    width: 50%;
    height: 1px;
  }

  .swiper-tools .swiper-count {
    font-size: 11px;
  }

  .swiper-tools .swiper-count span.active_num {
    width: 20px;
  }

  .swiper-tools .swiper-count span.all_num {
    width: 20px;
  }

  .swiper-tools .btn-swiper-play {
    width: 8px;
    margin-left: 0;
  }

  .swiper-tools .btn-swiper-play.paused span {
    width: 8px;
    height: 9px;
  }

  .swiper-tools .btn-swiper-play.play span {
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ccc;
  }

  .popup_ui.type_modal .pop_layer {
    border-radius: 12px;
    padding: 40px 20px;
  }

  .popup_ui.type_modal .pop_layer:after {
    height: 30px;
    bottom: -30px;
  }

  .popup_ui .pop_tit2 {
    font-family: "HGGGothicssi";
    font-weight: 800;
    font-size: 20px;
    color: #111;
    margin-bottom: 20px;
  }

  .popup_ui .pop_body .btn_ac a,
  .popup_ui .pop_body .btn_ac button {
    margin-left: 16px;
  }

  .popup_ui .pop_inner_scroll {
    margin-right: -20px;
    padding-right: 20px;
  }

  .popup_ui .btn_pop_close {
    right: 15px;
    top: 15px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_x1.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right top;
  }
  
  .popup_ui .pop_body .content_area .detail_info .scroll_area .info_txt .mark1 li .textindent_pop {
    text-indent: 40px;
  }

  .popup_ui .pop_body .content_area .detail_info .scroll_area .info_txt .mark1 li .textindent_pop2 {
    text-indent: 55px;
  }

  #footer {
    padding: 37px 0 42px;
  }

  #footer .logo {
    height: 30px;
  }

  #footer .ft_menu li {
    margin-right: 15px;
  }

  #footer .ft_menu li a {
    font-size: 12px;
  }

  #footer .ft_info {
    margin-top: 15px;
  }

  #footer .ft_info p {
    font-size: 11px;
    margin-right: 5px;
    padding-right: 7px;
  }

  #footer .copyright {
    font-size: 11px;
    margin-top: 10px;
  }

  #main .sect_tit_area {
    display: block;
  }

  #main .sect_tit_area .sect_desc {
    margin-left: 0;
    margin-top: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  #main .sect_tit {
    font-size: 28px;
  }

  #main .sect_desc {
    font-size: 14px;
  }

  #main .main_slide_tabmenu .tab {
    font-size: 14px;
    padding-left: 12px;
  }

  #main .scroll_down {
    bottom: 14px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_scroll_down.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 0 0;
    z-index: 1;
  }

  #main .sect_visual {
    height: calc(100vh - 60px);
  }

  #main .sect_visual .swiper-slide.movie .btn_play {
    left: 50%;
    top: 65%;
    width: 48px;
    font-size: 15px;
    padding-top: 60px;
  }

  #main .sect_visual .swiper-slide.movie .btn_play::before {
    width: 48px;
    height: 48px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_play1.png");
    background-repeat: no-repeat;
    background-size: auto 15px;
    background-position: calc(50% + 2px) 50%;
  }

  #main .sect_visual .slide_bg > div {
    background-position: center bottom;
  }

  #main .sect_visual .wrap_txt {
    padding: 0 20px;
    display: block;
    height: auto;
    margin-top: 90px;
  }

  #main .sect_visual .wrap_txt .b_txt {
    font-size: 30px;
    line-height: 40px;
  }

  #main .sect_visual .wrap_txt .s_txt {
    height: auto;
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
  }

  #main .sect_visual .wrap_swiper_tools {
    top: 285px;
    bottom: auto;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools {
    text-align: left;
    padding: 0 20px;
  }

  #main .sect_visual .wrap_swiper_tools .swiper-tools .swiper-pagination {
    width: 100px;
  }

  #main .sect_benefit {
    padding: 75px 0 55px;
  }

  #main .sect_benefit .right_box .tit {
    font-size: 23px;
    line-height: 39px;
  }

  #main .sect_benefit .right_box .tit em {
    font-size: 30px;
  }

  #main .sect_benefit .right_box .point_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px;
    padding: 0 20px;
  }

  #main .sect_benefit .right_box .point_list li {
    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-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    min-height: 60px;
    height: auto;
    max-width: calc(50% - 5px);
    margin-top: 10px;
    padding: 13px 10px 13px 50px;
    font-size: 8px;
  }

  #main .sect_benefit .right_box .point_list li:nth-child(odd) {
    margin-right: 10px;
  }

  #main .sect_benefit .right_box .point_list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #main .sect_benefit .right_box .point_list li em {
    font-size: 18px;
  }

  #main .sect_benefit .right_box .point_list li:nth-child(1)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #main .sect_benefit .right_box .point_list li:nth-child(2)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #main .sect_benefit .right_box .point_list li:nth-child(3)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #main .sect_benefit .right_box .point_list li:nth-child(4)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #main .sect_benefit .right_box .point_list li.on {
    -webkit-box-shadow: 2.5px 3px 6px 0.3px rgba(24, 48, 88, 0.3);
    box-shadow: 2.5px 3px 6px 0.3px rgba(24, 48, 88, 0.3);
  }

  #main .sect_benefit .right_box .btn_typeB2 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    margin: 40px auto 0;
    -webkit-box-shadow: 3px 3px 14px 1px rgba(25, 48, 88, 0.6);
    box-shadow: 3px 3px 14px 1px rgba(25, 48, 88, 0.6);
  }

  #main .sect_magazine .mag_thumbnail .swiper-slide.video .mo_video_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  #main .sect_magazine .mag_text .mo_video_link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  #main .sect_magazine {
    padding: 75px 0;
  }

  #main .sect_magazine .mag_thumbnail {
    position: static;
    margin-left: 0;
    width: calc(100% + 40px);
  }

  #main .sect_magazine .mag_thumbnail .swiper-container {
    width: 100%;
  }

  #main .sect_magazine .mag_thumbnail .thumbnail {
    border-radius: 10px 0 0 10px;
  }

  #main .sect_magazine .mag_text {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 35px;
  }

  #main .sect_magazine .mag_text .swiper-container {
    height: auto;
  }

  #main .sect_magazine .mag_text .tag {
    font-size: 12px;
  }

  #main .sect_magazine .mag_text .tit {
    font-size: 20px;
    line-height: 28px;
  }

  #main .sect_magazine .mag_text .desc {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
  }

  #main .sect_magazine .swiper-tools {
    text-align: left;
  }

  #main .sect_magazine .swiper-tools .swiper-pagination {
    width: 150px;
  }

  #main .sect_event {
    padding: 75px 0;
  }

  #main .sect_event .wrap_event_slide {
    margin: 15px -20px 0;
    padding: 20px 20px 0;
  }

  #main .sect_event .wrap_event_slide .thumbnail {
    border-radius: 10px;
  }

  #main .sect_event .wrap_event_slide .thumbnail .shortcut span {
    font-size: 18px;
    padding-right: 25px;
    background-size: 15px;
  }

  #main .sect_event .wrap_event_slide .thumbnail:hover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  #main .sect_event .wrap_event_slide .wrap_txt {
    text-align: left;
    margin-top: 25px;
  }

  #main .sect_event .wrap_event_slide .wrap_txt .tit {
    font-size: 20px;
    line-height: 28px;
  }

  #main .sect_event .wrap_event_slide .wrap_txt .sub_tit {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
  }

  #main .sect_event .swiper-slide .thumbnail .img {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }

  #main .sect_event .swiper-slide .wrap_txt {
    opacity: 0;
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }

  #main .sect_event .swiper-slide-active .thumbnail .img {
    -webkit-transform: scale(1.2) rotate(0.001deg);
    -ms-transform: scale(1.2) rotate(0.001deg);
    transform: scale(1.2) rotate(0.001deg);
    -webkit-transition: -webkit-transform 3.5s linear;
    transition: -webkit-transform 3.5s linear;
    transition: transform 3.5s linear;
    transition: transform 3.5s linear, -webkit-transform 3.5s linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }

  #main .sect_event .swiper-slide-active .wrap_txt {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }

  #main .sect_event .swiper-tools {
    position: static;
    text-align: left;
    margin-top: 40px;
  }

  #main .sect_event .swiper-tools .swiper-pagination {
    width: 150px;
  }

  #main .sect_hotissue {
    padding: 75px 0;
  }

  #main .sect_hotissue .slide_tab_align {
    margin-top: 35px;
  }

  #main .sect_hotissue .wrap_issue_slide {
    margin-top: 25px;
  }

  #main .sect_hotissue .wrap_issue_slide .tabConSwiperMO {
    overflow: visible;
  }

  #main .sect_hotissue .wrap_issue_slide .swiper-slide a {
    display: block;
    margin-top: 10px;
  }

  #main .sect_hotissue .wrap_issue_slide .swiper-slide a:first-child {
    margin-top: 0;
  }

  #main .sect_hotissue .wrap_issue_slide .swiper-slide a .img {
    width: 100%;
    border-radius: 8px;
  }

  #main .sect_banner .swiper-pagination {
    margin-top: 15px;
  }

  #main .sect_collect {
    padding: 70px 0;
  }

  #main .sect_collect .wrap_collect_slide {
    padding-top: 13px;
    margin: -85px auto 0;
  }

  #main .sect_collect .swiper-slide {
    width: auto;
    padding-top: 0;
    height: 410px;
  }

  #main .sect_collect .swiper-slide::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 22px);
    width: 360px;
    height: 251px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background-image: url("https://www.h-point.co.kr/assets/app/img/main/mo/bg_collect.png");
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: center top;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
  }

  #main .sect_collect .swiper-slide a {
    -webkit-transform: scale(0.22) translate(0, -60px);
    -ms-transform: scale(0.22) translate(0, -60px);
    transform: scale(0.22) translate(0, -60px);
    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;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
  }

  #main .sect_collect .swiper-slide .wrap_txt {
    margin-top: 30px;
    -webkit-transform: scale(2) translateY(22px);
    -ms-transform: scale(2) translateY(22px);
    transform: scale(2) translateY(22px);
  }

  #main .sect_collect .swiper-slide .wrap_txt .tit {
    font-size: 20px;
  }

  #main .sect_collect .swiper-slide .wrap_txt .desc {
    font-size: 14px;
    margin-top: 8px;
  }

  #main .sect_collect .swiper-slide-prev a {
    -webkit-transform: scale(0.22) translate(-125px, -60px);
    -ms-transform: scale(0.22) translate(-125px, -60px);
    transform: scale(0.22) translate(-125px, -60px);
  }

  #main .sect_collect .swiper-slide-next a {
    -webkit-transform: scale(0.22) translate(125px, -60px);
    -ms-transform: scale(0.22) translate(125px, -60px);
    transform: scale(0.22) translate(125px, -60px);
  }

  #main .sect_collect .swiper-slide-active::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1) !important;
    -ms-transform: translate(-50%, -50%) scale(1) !important;
    transform: translate(-50%, -50%) scale(1) !important;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26);
    transition: opacity 0.5s, -webkit-transform 0.5s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26);
    transition: transform 0.5s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26), opacity 0.5s;
    transition: transform 0.5s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26), opacity 0.5s, -webkit-transform 0.5s 0.1s cubic-bezier(0.93, -0.03, 0.16, 1.26);
  }

  #main .sect_collect .swiper-slide-active a {
    -webkit-transform: scale(0.5) translate(0, 0);
    -ms-transform: scale(0.5) translate(0, 0);
    transform: scale(0.5) translate(0, 0);
  }

  #main .sect_collect .swiper-slide-active .img {
    -webkit-box-shadow: 3px 6px 10px 0 rgba(25, 48, 88, 0.6);
    box-shadow: 3px 6px 10px 0 rgba(25, 48, 88, 0.6);
  }

  #main .sect_collect .slide_navi {
    display: none;
  }

  #main .sect_use {
    padding: 70px 0;
  }

  #main .sect_use .wrap_use_slide {
    margin-top: 40px;
  }

  #main .sect_use .wrap_use_slide .swiper-container {
    overflow: visible;
  }

  #main .sect_use .wrap_use_slide .swiper-slide {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  #main .sect_use .wrap_use_slide .swiper-slide .thumbnail {
    isolation: isolate;
  }

  #main .sect_use .wrap_use_slide .swiper-slide .img {
    border-radius: 10px;
  }

  #main .sect_use .wrap_use_slide .swiper-slide .wrap_txt {
    margin-top: 20px;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }

  #main .sect_use .wrap_use_slide .swiper-slide .wrap_txt .tit {
    font-size: 20px;
  }

  #main .sect_use .wrap_use_slide .swiper-slide .wrap_txt .desc {
    font-size: 14px;
    margin-top: 5px;
  }

  #main .sect_use .wrap_use_slide .swiper-slide:hover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  #main .sect_use .wrap_use_slide .swiper-slide-active .wrap_txt {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }

  #main .sect_use .wrap_use_slide .swiper-slide-active .thumbnail .img {
    -webkit-transform: scale(1.1) rotate(0.001deg);
    -ms-transform: scale(1.1) rotate(0.001deg);
    transform: scale(1.1) rotate(0.001deg);
    -webkit-transition: -webkit-transform 3.5s linear;
    transition: -webkit-transform 3.5s linear;
    transition: transform 3.5s linear;
    transition: transform 3.5s linear, -webkit-transform 3.5s linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }

  #main .sect_use .wrap_use_slide .swiper-tools {
    position: static;
    text-align: left;
    margin-top: 40px;
  }

  #main .sect_use .wrap_use_slide .swiper-tools .swiper-pagination {
    width: 150px;
  }

  #sign .wrap_box {
    padding: 45px 0 50px;
  }

  #sign .wrap_box.v2 {
    margin-top: 35px;
  }

  #sign .wrap_box .sect_tit {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
    margin-bottom: 35px;
  }

  #sign .wrap_box .sect_tit2 {
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 18px;
    color: #111;
    margin-bottom: 40px;
  }

  #sign .txt_complete {
    font-size: 16px;
    padding-top: 80px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_completed1.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center top;
  }

  #sign .wrap_howto_cert ul {
    max-width: 400px;
  }

  #sign .wrap_howto_cert li {
    width: calc((100% - 15px) / 2);
    margin: 15px 15px 0 0;
  }

  #sign .wrap_howto_cert li:nth-child(2n) {
    margin-right: 0;
  }

  #sign .wrap_howto_cert li:nth-child(1),
  #sign .wrap_howto_cert li:nth-child(2) {
    margin-top: 0;
  }

  #sign .wrap_howto_cert li a {
    height: 114px;
    border-radius: 8px;
    padding-top: 65px;
  }

  #sign .wrap_howto_cert li a .txt {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
  }

  #sign .wrap_howto_cert li.ic_howto1 a {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_howto1.png");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center 27px;
  }

  #sign .wrap_howto_cert li.ic_howto2 a {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_howto2.png");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center 27px;
  }

  #sign .wrap_howto_cert li.ic_howto3 a {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_howto3.png");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center 27px;
  }

  #sign .wrap_howto_cert li.ic_howto4 a {
    background-image: url("../../../../assets/app/img/sign/mo/ic_howto4.png");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center 27px;
  }

  #sign .wrap_howto_cert li.ic_howto5 a {
    background-image: url("../../../../assets/app/img/sign/mo/ic_howto5.png");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center 27px;
  }

  #sign .wrap_howto_cert li.ic_howto6 a {
    background-image: url("../../../../assets/app/img/sign/mo/ic_howto6.png");
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center 27px;
  }

  #sign .wrap_howto_cert .col3 li {
    width: calc((100% - 15px) / 2);
  }

  #sign .marketing_agree .marketing_chk {
    margin-top: 20px;
  }

  #sign .marketing_agree .marketing_chk .inp_tit {
    font-size: 14px;
  }

  #sign .marketing_agree .marketing_chk .box.box_type2 {
    padding: 15px 20px;
    margin-top: 10px;
  }

  #sign .marketing_agree .marketing_chk .box.box_type2 .list li {
    margin-right: 15px;
    font-size: 14px;
  }

  #sign .marketing_agree .marketing_chk .box.box_type2 .list li::before {
    top: 13px;
    width: 10px;
    height: 7px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/chk_bg2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
  }

  #sign .marketing_agree .marketing_chk .box.box_type2 .list li.on::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/chk_bg2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 -7px;
  }

  #sign .persnal_info .box {
    margin-top: 17px;
  }

  #sign .persnal_info .box li {
    position: relative;
    padding-left: 75px;
    margin-top: 15px;
  }

  #sign .persnal_info .box li .lb {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #999;
    line-height: 1.3;
  }

  #sign .persnal_info .box li .data {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
    line-height: 1.3;
  }

  #sign .case_container {
    background: #fff;
  }

  #sign .case_container .sect_tit {
    margin-bottom: 20px;
  }

  #sign .case_container .btn_area {
    margin-top: 40px;
  }

  #sign .case_container .btn_area2 {
    margin-top: 20px;
  }

  #sign .regist_id .tel_bundle {
    padding-bottom: 65px;
  }

  #sign .regist_id .tel_bundle .btn_cert {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid #4e2bf4;
    color: #4e2bf4;
    font-size: 14px;
    background: transparent;
  }

  #sign .dropted,
  #sign .already {
    margin-top: 35px;
  }

  #sign .sign_up .sub_bottom_blank1 {
    height: 50px;
    background: #fff;
  }

  #sign .sign_up .wrap_inp + .wrap_inp {
    margin-top: 30px;
  }

  #sign .sign_up .wrap_sign_step {
    margin-bottom: 35px;
  }

  #sign .sign_up .wrap_sign_step ol::before {
    left: 12px;
    top: 20px;
    width: calc(100% - 24px);
    height: 1px;
  }

  #sign .sign_up .wrap_sign_step ol li {
    position: relative;
    float: left;
    width: 40px;
    margin: 0 12px;
    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;
  }

  #sign .sign_up .wrap_sign_step ol li .num {
    width: 100%;
    height: 40px;
    font-family: "HGGGothicssi";
    font-weight: 600;
    font-size: 14px;
    color: #999;
    line-height: 40px;
  }

  #sign .sign_up .wrap_sign_step ol li .txt {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #999;
    word-wrap: normal;
  }

  #sign .sign_up .wrap_sign_step ol li.on:nth-child(1) .num {
    background-size: 12px;
  }

  #sign .sign_up .wrap_sign_step ol li.on:nth-child(2) .num {
    background-size: 12px;
  }

  #sign .sign_up .wrap_sign_step ol li.on:nth-child(3) .num {
    background-size: 12px;
  }

  #sign .sign_up .wrap_sign_step ol li.on:nth-child(4) .num {
    background-size: 12px;
  }

  #sign .sign_up .step1_container {
    background: #fff;
  }

  #sign .sign_up .step1_container .bullet_type1 {
    max-width: 400px;
    margin-top: 25px;
  }

  #sign .sign_up .step1_container .no_pd_bt {
    padding-bottom: 0;
  }

  #sign .sign_up .step1_container .wrap_howto_cert ul li:nth-child(2n) {
    margin-right: 0;
  }

  #sign .sign_up .step1_container .wrap_howto_cert ul li:not(:nth-child(-n + 4)) {
    margin-top: 15px;
  }

  #sign .sign_up .step1_container .info_form {
    margin-top: 40px;
    padding-top: 40px;
  }

  #sign .sign_up .step1_container .info_form .btn_area {
    margin-top: 40px;
  }

  #sign .sign_up .step1_container .txt_box {
    display: block;
    margin-bottom: 28px;
  }

  #sign .sign_up .step1_container .txt_box .b_tit1 {
    font-size: 20px;
  }

  #sign .sign_up .step1_container .txt_box .b_txt1 {
    font-size: 14px;
    margin-top: 13px;
  }

  #sign .sign_up .step1_container .benefit_banner {
    margin: 100px -20px 0;
  }

  #sign .sign_up .account_form {
    margin-top: -20px;
  }

  #sign .sign_up .account_form .t_txt1 {
    margin-bottom: 40px;
  }

  #sign .sign_up .account_form .wrap_rdo .radio_ui {
    margin-top: 15px;
  }

  #sign .sign_up .account_form .guide_con .bullet_type1 {
    max-width: 100%;
  }

  #sign .sign_up .account_form .guide_con .bullet_type1 li {
    display: block;
  }

  #sign .sign_up .account_form .guide_con .bullet_type1 li .link {
    font-size: 12px;
    line-height: 13px;
    border-bottom: 1px solid #4e2bf4;
    margin-left: 0;
    margin-top: 10px;
  }

  #sign .sign_up .account_form .btn_area {
    margin-top: 40px;
  }

  #sign .sign_up .step2_container {
    background: #fff;
  }

  #sign .sign_up .step2_container .btn_area {
    margin-top: 40px;
  }

  #sign .sign_up .step3_container {
    background: #fff;
  }

  #sign .sign_up .step3_container .t_tit1 {
    margin-top: 70px;
  }

  #sign .sign_up .step3_container .t_tit1 .nec {
    font-size: 14px;
  }

  #sign .sign_up .step3_container.regist_id .terms_area .wrap_terms_agree {
    margin-top: 17px;
  }

  #sign .sign_up .step3_container.regist_id .persnal_info .t_tit1 {
    margin-top: 70px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box.row_box {
    padding: 15px 20px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box.row_box .tit {
    margin-bottom: 12px;
  }

  #sign .sign_up .step3_container .input_infomation .t_tit1 {
    margin-bottom: 20px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing {
    margin-bottom: 25px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .agree_all {
    top: 0;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box {
    padding: 15px 20px;
    margin-top: 15px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box .tit {
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk {
    padding-left: 0;
    margin-top: 5px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk .checkbox_ui {
    margin-right: 5%;
    margin-bottom: 5px;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk .checkbox_ui:last-child {
    margin-right: 0;
  }

  #sign .sign_up .step3_container .input_infomation .marketing .box .wrap_chk .checkbox_ui label {
    color: #999;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting {
    margin-bottom: 25px;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting .agree_all {
    top: 0;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting .box {
    padding: 15px 20px;
    margin-top: 15px;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk {
    padding-left: 0;
    margin-top: 5px;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk .checkbox_ui {
    margin-right: 5%;
    margin-bottom: 5px;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk .checkbox_ui:last-child {
    margin-right: 0;
  }

  #sign .sign_up .step3_container .input_infomation .broadcasting .box .wrap_chk .checkbox_ui label {
    color: #999;
  }

  #sign .sign_up .step3_container .input_infomation .group {
    margin-top: 30px;
  }

  #sign .sign_up .step3_container .input_infomation .moreview button {
    font-size:13px; 
  }

  #sign .sign_up .step3_container .input_infomation .moreview button:after {
    width:17px;
    height:17px; 
  }
  #sign .sign_up .step3_container .btn_area {
    margin-top: 40px;
  }

  #sign .sign_up .step4_container {
    background-color: #fff;
  }

  #sign .sign_up .step4_container .t_tit1 {
    font-size: 17px;
  }

  #sign .sign_up .step4_container .t_desc1 {
    font-size: 14px;
    line-height: 23px;
  }

  #sign .sign_up .step4_container .affiliate_site {
    margin-top: 65px;
  }

  #sign .sign_up .step4_container .affiliate_site .list {
    margin-top: 5px;
  }

  #sign .sign_up .step4_container .affiliate_site .list li {
    width: calc((100% - 16px) / 2);
    margin: 20px 16px 0 0;
  }

  #sign .sign_up .step4_container .affiliate_site .list li:nth-child(2n) {
    margin-right: 0;
  }

  #sign .sign_up .step4_container .affiliate_site .list li .img_box {
    height: 80px;
    border: 1px solid #eee;
    padding: 15px;
  }

  #sign .sign_up .step4_container .affiliate_site .list li .site_name {
    font-size: 12px;
    margin-top: 5px;
  }

  #sign .sign_up .step4_container .btn_area {
    margin-top: 40px;
  }

  #sign .member_deactivate .deactivate_container .no_content {
    margin-top: 15px;
  }

  #sign .member_deactivate .deactivate_container .no_content .no_txt {
    padding: 25px 0;
    font-size: 14px;
  }

  #sign .member_deactivate .deactivate_container .point_status .list {
    margin-top: 15px;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li {
    width: 100%;
    padding: 20px;
    -webkit-box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.1);
    box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.1);
  }

  #sign .member_deactivate .deactivate_container .point_status .list li.point {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li.point .li_name .ic_box {
    background-image: url("../../../../assets/app/img/sign/mo/ic_point_status.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li.coupon {
    float: none;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li.coupon .li_name .ic_box {
    background-image: url("../../../../assets/app/img/sign/mo/ic_coupon_status.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li .li_name {
    padding-left: 50px;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li .li_name .ic_box {
    width: 40px;
    height: 40px;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li .li_name .name {
    font-size: 15px;
    line-height: 40px;
  }

  #sign .member_deactivate .deactivate_container .point_status .list li .num {
    font-size: 27px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site {
    margin-top: 65px;
    margin-bottom: 75px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site {
    margin-top: 15px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list {
    margin-top: 5px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list li {
    width: calc((100% - 16px) / 2);
    margin: 20px 16px 0 0;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list li:nth-child(2n) {
    margin-right: 0;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list li:nth-child(-n + 4) {
    margin-top: 20px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list li .img_box {
    height: 80px;
    border: 1px solid #eee;
    padding: 15px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .site .list li .site_name {
    font-size: 12px;
    margin-top: 5px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .explain {
    margin-top: 25px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .explain .desc1 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .explain .bullet_type1.mark1 > li {
    margin-top: 3px;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .explain .bullet_type1.mark1 > li:first-child {
    margin-top: 0;
  }

  #sign .member_deactivate .deactivate_container .affiliate_site .explain .bullet_type1.mark1 > li::before {
    content: '※';
    top: 0;
    width: auto;
    height: auto;
    background: transparent;
  }

  #sign .member_deactivate .deactivate_container .join_club .list {
    display: block;
    margin-top: 15px;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li {
    float: left;
    max-width: inherit;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: calc((100% - 16px) / 2);
    margin: 16px 16px 0 0;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li:nth-child(2n) {
    margin-right: 0;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li::before {
    height: 80px;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li::after {
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 50%;
    top: 17px;
    margin-left: -23px;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li > span {
    font-size: 12px;
    margin-top: 7px;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li.friends::after {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_club_friends.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li.wedding::after {
    background-image: url("../../../../assets/app/img/sign/mo/ic_club_wedding.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li.moms::after {
    background-image: url("../../../../assets/app/img/sign/mo/ic_club_moms.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #sign .member_deactivate .deactivate_container .join_club .list li.beauty::after {
    background-image: url("../../../../assets/app/img/sign/mo/ic_club_beauty.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #sign .member_deactivate .deactivate_container .deactivate_notice {
    margin-top: 70px;
  }

  #sign .member_deactivate .deactivate_container .deactivate_notice .t_tit1 {
    line-height: 27px;
  }

  #sign .member_deactivate .deactivate_container .deactivate_notice .bullet_type1 {
    margin-top: 10px;
  }

  #sign .member_deactivate .deactivate_container .deactivate_notice .desc2 {
    margin: 35px 0;
    font-size: 14px;
  }

  #sign .member_deactivate .deactivate_container .deactivate_completed {
    padding: 80px 0 45px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_completed1.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 50% 0;
  }

  #sign .member_deactivate .deactivate_container .deactivate_completed .tit {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 16px;
    color: #111;
    line-height: 26px;
  }

  #sign .member_deactivate .deactivate_container .deactivate_completed .desc1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 23px;
  }

  #sign .member_deactivate .pageTitle {
    min-height: 125px;
  }

  #sign .member_deactivate .pageTitle .desc {
    font-size: 16px;
    padding-bottom: 45px;
  }

  #sign .member_deactivate .pageTitle .desc .small1 {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
  }

  #sign .member_deactivate .bg_white {
    background-color: #fff;
  }

  #sign .member_deactivate .wrap_box {
    padding: 50px 0 0 0;
  }

  #sign .member_deactivate .wrap_box.completed {
    padding-top: 75px;
  }

  #sign .member_deactivate .deactivate_container {
    background-color: #fff;
  }

  #sign .member_deactivate .sub_bottom_blank1 {
    height: 100px;
  }

  #sign .sign_in {
    background: #fff;
  }

  #sign .sign_in .login_input {
    margin-top: 18px;
  }

  #sign .sign_in .login_input .mt {
    margin-top: 5px;
  }

  #sign .sign_in .txt_failed {
    font-size: 12px;
    margin-top: 2px;
  }

  #sign .sign_in .input_bottom {
    margin-top: 12px;
  }

  #sign .sign_in .input_bottom .checkbox_ui label {
    font-size: 11px;
  }

  #sign .sign_in .input_bottom .checkbox_ui label::before {
    top: -3px;
  }

  #sign .sign_in .input_bottom .find_btns a {
    font-size: 11px;
  }

  #sign .sign_in .input_bottom .find_btns a:first-child {
    padding-right: 13px;
    margin-right: 10px;
  }

  #sign .sign_in .input_bottom .find_btns a:first-child::after {
    width: 2px;
    height: 2px;
  }

  #sign .sign_in .security_words {
    margin-top: 20px;
  }

  #sign .sign_in .security_words .words_area {
    padding-right: 40px;
    margin-top: 13px;
  }

  #sign .sign_in .security_words .words_area .words {
    height: 50px;
  }

  #sign .sign_in .security_words .words_area .btns {
    right: 8px;
  }

  #sign .sign_in .security_words .words_area .btns a,
  #sign .sign_in .security_words .words_area .btns button {
    width: 25px;
    height: 25px;
    margin-top: 0;
  }

  #sign .sign_in .security_words .words_area .btns .btn_reset {
    background-image: url("../../../../assets/app/img/sign/mo/ic_reset.png");
    background-repeat: no-repeat;
    background-size: auto 17px;
    background-position: center center;
  }

  #sign .sign_in .security_words .words_area .btns .btn_sound {
    background-image: url("../../../../assets/app/img/sign/mo/ic_sound.png");
    background-repeat: no-repeat;
    background-size: auto 17px;
    background-position: center center;
  }

  #sign .sign_in .security_words .inp_bundle {
    margin-top: 5px;
  }

  #sign .sign_in .btn_login {
    margin-top: 37px;
  }

  #sign .sign_in .login_other {
    margin-top: 40px;
  }

  #sign .sign_in .login_other li a {
    width: 44px;
    padding-top: 55px;
  }

  #sign .sign_in .login_other li a::before {
    height: 44px;
  }

  #sign .sign_in .login_other li a span {
    font-size: 14px;
  }

  #sign .sign_in .login_other li a.naver::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_howto1.png");
    background-repeat: no-repeat;
    background-size: auto 9px;
    background-position: center center;
  }

  #sign .sign_in .login_other li a.kakao::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_howto2.png");
    background-repeat: no-repeat;
    background-size: auto 11px;
    background-position: center center;
  }

  #sign .sign_in .login_other li a.phone::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_howto3.png");
    background-repeat: no-repeat;
    background-size: auto 13.5px;
    background-position: center center;
  }

  #sign .sign_in .login_other li a.otp::before {
    background-image: url("../../../../assets/app/img/sign/mo/ic_howto4.png");
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: center center;
  }

  #sign .sign_in .join {
    margin-top: 40px;
    padding-top: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #sign .sign_in .join p {
    font-size: 14px;
  }

  #sign .sign_in .join a {
    font-size: 14px;
    margin-left: 0;
  }

  #sign .sign_in .banner {
    max-width: 640px;
    margin: 0 auto;
  }

  #sign .sign_in .banner .swiper-tools {
    margin-bottom: 0;
  }

  #sign .sign_in .container.otp .wrap_box {
    padding-bottom: 100px;
  }

  #sign .sign_in .container.otp .con_txt {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 45px;
  }

  #sign .sign_in .container.otp .right_btn {
    margin-top: 10px;
  }

  #sign .sign_in .container.otp .right_btn a {
    font-size: 12px;
  }

  #sign .sign_in .container.otp .account_btns {
    margin-top: 45px;
  }

  #sign .sign_in .container.otp .account_btns a {
    font-size: 12px;
    padding-right: 13px;
    margin-right: 10px;
  }

  #sign .sign_in .container.otp .account_btns a::after {
    width: 2px;
    height: 2px;
  }

  #sign .find_id {
    background: #fff;
  }

  #sign .find_id .wrap_box {
    padding: 20px 0 0;
  }

  #sign .find_id .sub_bottom_blank1 {
    height: 100px;
  }

  #sign .find_id .cert_container .wrap_howto_cert {
    width: 100%;
  }

  #sign .find_id .cert_container .wrap_howto_cert ul {
    max-width: 100%;
  }

  #sign .find_id .cert_container .wrap_howto_cert li {
    width: 100%;
    margin-top: 12px;
  }

  #sign .find_id .cert_container .wrap_howto_cert li:nth-last-child(-n + 2) {
    margin-top: 12px;
  }

  #sign .find_id .cert_container .wrap_howto_cert li a {
    height: 70px;
    padding: 19px 28px 0 85px;
    text-align: right;
  }

  #sign .find_id .cert_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_id .cert_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_id .cert_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_id .cert_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_id .cert_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_id .cert_container .wrap_info_cert {
    margin-top: 40px;
  }

  #sign .find_id .cert_container .suggestion {
    padding-top: 20px;
    margin-top: 40px;
  }

  #sign .find_id .cert_container .suggestion a {
    font-size: 12px;
    margin-left: 25px;
    white-space: nowrap;
  }

  #sign .find_id .cert_container .btn_area {
    margin-top: 45px;
  }

  #sign .find_id .result_container .wrap_result .box {
    padding: 40px 0;
  }

  #sign .find_id .result_container .wrap_result .box p {
    font-size: 17px;
  }

  #sign .find_id .result_container .wrap_result .cmt_guide1 {
    margin-top: 25px;
  }

  #sign .find_id .result_container .wrap_result .desc {
    font-size: 12px;
    margin-top: 25px;
  }

  #sign .find_id .result_container .no_data {
    padding-top: 70px;
  }

  #sign .find_id .result_container .no_data::before {
    width: 60px;
    height: 60px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_caution1.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 0 0;
  }

  #sign .find_id .result_container .no_data .title {
    font-weight: 400;
    font-size: 16px;
    margin-top: 20px;
  }

  #sign .find_id .result_container .no_data .desc {
    font-size: 14px;
    margin-top: 15px;
  }

  #sign .find_id .result_container .no_data .btn_blue1 {
    font-size: 14px;
    margin-top: 22px;
  }

  #sign .find_id .result_container .btn_area {
    margin-top: 50px;
  }

  #sign .find_password {
    background: #fff;
  }

  #sign .find_password .wrap_box {
    padding: 20px 0 0;
  }

  #sign .find_password .wrap_box .btn_area {
    margin-top: 40px;
  }

  #sign .find_password .sub_bottom_blank1 {
    height: 100px;
  }

  #sign .find_password .step2_container .wrap_howto_cert {
    width: 100%;
  }

  #sign .find_password .step2_container .wrap_howto_cert ul {
    max-width: 100%;
  }

  #sign .find_password .step2_container .wrap_howto_cert li {
    width: 100%;
    margin-top: 12px;
  }

  #sign .find_password .step2_container .wrap_howto_cert li:nth-last-child(-n + 3) {
    margin-top: 12px;
  }

  #sign .find_password .step2_container .wrap_howto_cert li a {
    height: 70px;
    padding: 19px 28px 0 85px;
    text-align: right;
  }

  #sign .find_password .step2_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_password .step2_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_password .step2_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_password .step2_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_password .step2_container .wrap_howto_cert li a {
    background-position: 35px center;
  }

  #sign .find_password .step3_container .wrap_box {
    padding: 40px 0 0;
  }

  #sign .find_password .step3_container .sect_tit {
    font-family: "HGGGothicssi";
    font-weight: 600;
    font-size: 17px;
    color: #111;
    margin-bottom: 15px;
  }

  #sign .find_password .step3_container .con_txt {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
    line-height: 23px;
    text-align: center;
    margin-bottom: 45px;
  }

  #sign .find_password .step3_container .wrap_inp + .wrap_inp {
    margin-top: 25px;
  }

  #sign .change_password {
    background: #fff;
  }

  #sign .change_password .wrap_box {
    padding: 40px 0 0;
  }

  #sign .change_password .wrap_box .con_txt {
    font-size: 14px;
    color: #111;
    line-height: 23px;
    margin-bottom: 50px;
  }

  #sign .change_password .wrap_box .wrap_inp + .wrap_inp {
    margin-top: 25px;
  }

  #sign .change_password .wrap_box .btn_area {
    margin-top: 40px;
  }

  #sign .change_password .sub_bottom_blank1 {
    height: 100px;
  }

  #mypage .my_point .wrap_con {
    margin-top: 40px;
  }

  #mypage .my_point .point_view .top > div {
    width: 100%;
  }

  #mypage .my_point .point_view .my_total {
    padding: 25px 20px;
  }

  #mypage .my_point .point_view .my_total .row1 .tit {
    font-size: 16px;
  }

  #mypage .my_point .point_view .my_total .row1 .pt {
    font-size: 16px;
  }

  #mypage .my_point .point_view .my_total .row1 .pt em {
    font-size: 24px;
    margin-right: 5px;
  }

  #mypage .my_point .point_view .my_total .row2 {
    position: relative;
    margin-top: 40px;
  }

  #mypage .my_point .point_view .my_total .row2 .barcode > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #mypage .my_point .point_view .my_total .row2 .barcode_num {
    text-align: left;
    font-size: 12px;
    padding-right: 0;
  }

  #mypage .my_point .point_view .my_total .row2 .barcode_num > span {
    margin: 0 10px;
  }

  #mypage .my_point .point_view .my_total .row2 .btn_barcode_view {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    background-image: url("../../../../assets/app/img/common/ic_plus2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: -5px;
  }

  #mypage .my_point .point_view .join_club .no_content {
    margin-top: 15px;
  }

  #mypage .my_point .point_view .join_club .no_content .no_txt {
    padding: 25px 0;
    font-size: 14px;
  }

  #mypage .my_point .point_view .join_club {
    margin-top: 35px;
  }

  #mypage .my_point .point_view .join_club .list {
    display: block;
    margin: 15px 0 0;
  }

  #mypage .my_point .point_view .join_club .list li {
    float: left;
    max-width: inherit;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: calc((100% - 16px) / 2);
    margin: 16px 16px 0 0;
  }

  #mypage .my_point .point_view .join_club .list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #mypage .my_point .point_view .join_club .list li:nth-child(2n) {
    margin-right: 0;
  }

  #mypage .my_point .point_view .join_club .list li::before {
    height: 80px;
  }

  #mypage .my_point .point_view .join_club .list li::after {
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 50%;
    top: 17px;
    margin-left: -23px;
  }

  #mypage .my_point .point_view .join_club .list li > span {
    font-size: 12px;
    margin-top: 7px;
  }

  #mypage .my_point .point_view .join_club .list li.friends::after {
    background-image: url("https://www.h-point.co.kr/assets/app/img/sign/mo/ic_club_friends.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #mypage .my_point .point_view .join_club .list li.wedding::after {
    background-image: url("../../../../assets/app/img/sign/mo/ic_club_wedding.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #mypage .my_point .point_view .join_club .list li.moms::after {
    background-image: url("../../../../assets/app/img/sign/mo/ic_club_moms.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #mypage .my_point .point_view .join_club .list li.beauty::after {
    background-image: url("../../../../assets/app/img/sign/mo/ic_club_beauty.png");
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: 0 0;
  }

  #mypage .my_point .point_view .breakdown {
    margin: 35px 0 45px;
  }

  #mypage .my_point .point_view .breakdown li {
    height: 70px;
    padding: 15px 13px 0 13px;
  }

  #mypage .my_point .point_view .breakdown li .tit {
    font-size: 11px;
  }

  #mypage .my_point .point_view .breakdown li .pt {
    font-size: 12px;
    margin-top: 5px;
  }

  #mypage .my_point .point_view .breakdown li .pt em {
    font-size: 14px;
    margin-right: 3px;
  }

  #mypage .my_point .period_area .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #mypage .my_point .period_area .btns a,
  #mypage .my_point .period_area .btns button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 37px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    padding: 0;
  }

  #mypage .my_point .period_area .datepick_bundle {
    margin-top: 10px;
  }

  #mypage .my_point .period_area .datepick_bundle > span {
    font-size: 13px;
  }

  #mypage .my_point .period_area .datepick_bundle .inp_self2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 0;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_cal1.png");
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: calc(100% - 20px) center;
  }

  #mypage .my_point .period_area .inquiry {
    position: static;
    margin-top: 10px;
  }

  #mypage .my_point .period_area .inquiry .select_ui {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }

  #mypage .my_point .period_area .inquiry .btn_typeC2 {
    width: 72px;
    height: 40px;
    line-height: 40px;
  }

  #mypage .my_point .no_data {
    margin-top: 40px;
    font-size: 13px;
    padding: 55px 0;
  }

  #mypage .my_point .my_point_board {
    margin-top: 40px;
  }

  #mypage .my_point .my_point_board li {
    padding: 6px 2.5% 7px 0;
  }

  #mypage .my_point .my_point_board li > div {
    font-size: 13px;
  }

  #mypage .my_point .my_point_board li .case {
    width: 15%;
  }

  #mypage .my_point .my_point_board li .pt {
    width: 28.9%;
  }

  #mypage .my_point .wrap_paging {
    margin-top: 20px;
  }

  #mypage .my_point .guide_con {
    margin-top: 40px;
  }

  #mypage .my_point .guide_con dl dt {
    font-size: 14px;
    margin: 20px 0 8px;
  }

  #mypage .my_point .banner {
    margin-top: 75px;
  }

  .my_coupon .wrap_con {
    margin-top: 40px;
  }

  .my_coupon .tab_coupon {
    border-radius: 8px;
    margin-bottom: 30px;
  }

  .my_coupon .tab_coupon .tab {
    height: 60px;
  }

  .my_coupon .tab_coupon .tab .txt1 {
    font-size: 12px;
  }

  .my_coupon .tab_coupon .tab .txt2 {
    font-size: 14px;
  }

  .my_coupon .tab_coupon .tab .txt3 {
    font-size: 17px;
  }

  .my_coupon .tab_coupon .tab span em {
    font-size: 20px;
  }

  .my_coupon .tab_coupon .tab.active {
    border-radius: 8px;
  }

  .my_coupon .tab_coupon .tab.active::before {
    width: 26px;
    height: 12px;
    top: calc(100% - 0.5px);
    background-image: url("https://www.h-point.co.kr/assets/app/img/mypage/mo/bg_tab_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .my_coupon .board_list_type1 > ul > li .wrap_txt .subject {
    font-size: 19px;
    line-height: 28px;
  }

  .my_coupon .search_bundle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .my_coupon .search_bundle .select_ui {
    width: 50%;
  }

  .my_coupon .search_bundle .inp_search {
    width: 50%;
    margin-top: 0;
    margin-left: 10px;
  }

  .my_coupon .search_bundle .inp_search .inp_self,
  .my_coupon .search_bundle .inp_search .inp_self2,
  .my_coupon .search_bundle .inp_search .inp_self2 {
    width: 100%;
  }

  .my_coupon .box_coupon .d_day {
    width: 44px;
    height: 26px;
    right: 4.2%;
    font-size: 12px;
    line-height: 26px;
  }

  #mypage .qna .tab_ui.type2 {
    margin-top: 20px;
  }

  #mypage .qna .sub_bottom_blank2 {
    height: 100px;
  }

  #mypage .qna .acodi_type1 .ac_head {
    padding: 17px 0 17px;
  }

  #mypage .qna .acodi_type1 .ac_panel {
    padding: 0 0 23px;
  }

  #mypage .qna .acodi_type1 .ac_panel .inner {
    padding: 20px 0;
  }

  #mypage .qna .acodi_type1 .ac_panel .reply {
    font-size: 12px;
    margin-bottom: 0;
  }

  #mypage .qna .acodi_type1 .ac_panel .con_area {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #111;
  }

  #mypage .qna .acodi_type1 .ac_panel .btn_wrap {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  #mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1 {
    font-size: 12px;
    margin-right: 22px;
  }

  #mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1::after {
    width: 3px;
    height: 3px;
    margin-top: -1.5px;
    right: -13px;
  }

  #mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1:last-child {
    margin-right: 0;
  }

  #mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1:last-child::after {
    display: none;
  }

  #mypage .qna .acodi_type1 .ac_panel .btn_wrap .btn_type1 span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }

  #mypage .qna .acodi_type1 .state_box {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-bottom: 6px;
  }

  #mypage .qna .acodi_type1 .state_box .date {
    color: #111;
    font-size: 11px;
  }

  #mypage .qna .acodi_type1 .state_box .state {
    width: 32px;
    height: 16px;
    font-size: 9px;
    line-height: 16px;
    border-radius: 4px;
  }

  #mypage .qna .acodi_type1 .state_box .state.answer {
    line-height: 14px;
  }

  #mypage .qna .inquiry {
    margin-top: 40px;
  }

  #mypage .qna .inquiry .con_desc {
    font-size: 14px;
    margin-bottom: 25px;
  }

  #mypage .qna .inquiry .form {
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 30px 0;
  }

  #mypage .qna .inquiry .form .wrap_inp .inp_bundle + .checkbox_ui {
    margin-top: 15px;
  }

  #mypage .qna .inquiry .form .inq_type .inp_bundle {
    max-width: 100%;
  }

  #mypage .qna .inquiry .use_guide {
    margin-top: 40px;
  }

  #mypage .qna .inquiry .use_guide .tit {
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 12px;
    color: #111;
    margin-bottom: 10px;
  }

  #mypage .qna .inquiry .btn_area {
    margin-top: 30px;
  }

  .my_infomation .wrap_box {
    border: none;
    border-radius: 0;
    padding: 0;
  }

  .my_infomation .check_pw {
    margin-top: 40px;
  }

  .my_infomation .check_pw .con_txt {
    font-size: 14px;
    margin-bottom: 35px;
  }

  .my_infomation .check_pw .wrap_box {
    margin-top: 30px;
    border-top: 1px solid #333;
    padding-top: 35px;
  }

  .my_infomation .check_pw .btn_area {
    margin-top: 40px;
  }

  .my_infomation .modify_form {
    margin-top: 40px;
  }

  .my_infomation .modify_form .persnal_info .field1 {
    margin-top: 30px;
    border-top: 1px solid #333;
    padding-top: 35px;
  }

  .my_infomation .modify_form .persnal_info .field1 .btn_typeC2 {
    padding: 0 15px;
  }

  .my_infomation .modify_form .persnal_info .banner {
    margin: 40px -20px;
    padding-bottom: 0;
    border-bottom: none;
  }

  .my_infomation .modify_form .persnal_info .banner .swiper-tools {
    margin-bottom: 0;
  }

  .my_infomation .modify_form .persnal_info .chk_cont {
    margin-bottom: 15px;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .agree_all {
    top: 0;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box {
    padding: 12px 20px 15px;
    margin-top: 15px;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box .tit {
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #111;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk {
    padding-left: 0;
    margin-top: 5px;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui,
  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui {
    margin-right: 5%;
    margin-bottom: 5px;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui:last-child,
  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui:last-child {
    margin-right: 0;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .checkbox_ui label,
  .my_infomation .modify_form .persnal_info .chk_cont .box .wrap_chk .radio_ui label {
    color: #999;
  }

  .my_infomation .modify_form .persnal_info .chk_cont .box .txt_emp {
    font-size: 12px;
    margin-top: 8px;
  }

  .my_infomation .modify_form .channel_info .list {
    margin-top: 5px;
  }

  .my_infomation .modify_form .channel_info .list li {
    width: calc((100% - 16px) / 2);
    margin: 20px 16px 0 0;
  }

  .my_infomation .modify_form .channel_info .list li:nth-child(2n) {
    margin-right: 0;
  }

  .my_infomation .modify_form .channel_info .list li .img_box {
    height: 80px;
    border: 1px solid #eee;
    padding: 15px;
  }

  .my_infomation .modify_form .channel_info .list li .site_name {
    font-size: 12px;
    margin-top: 5px;
  }

  .my_infomation .modify_form .channel_info .wrap_comment {
    margin-top: 40px;
  }

  .my_infomation .modify_form .channel_info .wrap_comment strong {
    font-size: 12px;
    margin-bottom: 10px;
  }

  .my_infomation .modify_form .btn_area {
    position: relative;
    padding-bottom: 60px;
  }

  .my_infomation .modify_form .btn_area a:last-child {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
  }

  .my_infomation .modify_complete .txt_complete {
    font-size: 16px;
    padding-top: 80px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_completed1.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center top;
  }

  .my_infomation .modify_complete .marketing_agree {
    margin-top: 40px;
  }

  .my_infomation .modify_complete .marketing_agree .t_desc1 {
    font-size: 14px;
    line-height: 23px;
  }

  .my_infomation .modify_complete .marketing_agree .marketing_chk {
    margin-top: 20px;
  }

  .my_infomation .modify_complete .marketing_agree .marketing_chk .inp_tit {
    font-size: 14px;
  }

  .my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 {
    padding: 15px 20px;
    margin-top: 10px;
  }

  .my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li {
    margin-right: 15px;
    font-size: 14px;
  }

  .my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li::before {
    top: 13px;
    width: 10px;
    height: 7px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/chk_bg2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
  }

  .my_infomation .modify_complete .marketing_agree .marketing_chk .box.box_type2 .list li.on::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/chk_bg2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 -7px;
  }

  .my_infomation .modify_complete .btn_area {
    margin-top: 40px;
  }

  .my_infomation .modify_complete + .banner .swiper-pagination {
    margin-bottom: 0;
  }

  #collect .btn_gray1 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 25px;
  }

  #collect .btn_gray1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #4e2bf4;
  }

  #collect .enjoy .tit1 {
    font-size: 20px;
    line-height: 25px;
    margin-top: 24px;
  }

  #collect .enjoy .tit2 {
    font-size: 28px;
    line-height: 38px;
  }

  #collect .enjoy .desc1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
  }

  #collect .enjoy .part:not(.part1) .inner {
    min-height: initial !important;
    padding-top: 75px !important;
    padding-left: 10px !important;
    padding-right: 10px;
  }

  #collect .enjoy .img_box {
    position: relative;
    width: 80% !important;
    margin: 45px auto 0;
  }

  #collect .enjoy .part1 .inner {
    padding: 60px 0 75px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .playSwiper {
    padding-top: 90px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide {
    margin: 0 5px;
    width: 180px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .slide_inner {
    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;
    width: 160px;
    height: 180px;
    padding-top: 0;
    -webkit-box-shadow: 0px 5px 8px 2px rgba(25, 48, 88, 0.1);
    box-shadow: 0px 5px 8px 2px rgba(25, 48, 88, 0.1);
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .ic_box {
    width: 45px;
    height: 45px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .img_tit {
    font-size: 14px;
    margin-top: 16px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .swiper-slide .img_desc {
    font-size: 9px;
    line-height: 1.5;
    margin-top: 6px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img {
    max-width: 376px;
    width: 210px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list {
    width: 100%;
    top: 15%;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li {
    font-size: 6px;
    margin-right: 2.5%;
    padding-left: 5px;
  }

  #collect .enjoy .part1 .swiper_img .wrap_slide_play .bg_img .area_list li::before {
    width: 2px;
    height: 2px;
    margin-top: -1px;
  }

  #collect .enjoy .part1 .swiper_img .slide_mockup .img_mockup1 {
    width: 210px;
  }

  #collect .enjoy .part2 .inner {
    padding-bottom: 65px;
  }

  #collect .enjoy .part2 .img_box {
    margin-top: 30px;
    top: 0;
    right: 0;
  }

  #collect .enjoy .part3 .tit2 br {
    display: block;
  }

  #collect .enjoy .part3 .img_box {
    margin-bottom: -9%;
    left: 0;
    bottom: 0;
  }

  #collect .enjoy .part4 .img_box {
    right: 0;
    bottom: 0;
  }

  #collect .enjoy .part5 .inner {
    padding-bottom: 65px;
  }

  #collect .enjoy .part5 .img_box {
    left: 0;
    top: 0;
  }

  #collect .enjoy .part6 .img_box {
    right: 0;
    bottom: 0;
  }

  #collect .enjoy .part7 .tit2 br {
    display: block;
  }

  #collect .enjoy .part7 .img_box {
    margin-bottom: -8.3%;
    left: 0;
    bottom: 0;
  }

  #collect .collect_transform .tit1 {
    font-size: 17px;
  }

  #collect .collect_transform .desc1 {
    font-size: 14px;
    line-height: 23px;
  }

  #collect .collect_transform .visual {
    height: auto;
    padding: 55px 0 48px;
    background: #e8ebff;
  }

  #collect .collect_transform .visual::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 35px auto 0;
    padding-bottom: 51.5%;
    background-image: url("https://www.h-point.co.kr/assets/app/img/collect/mo/img_vis_transform.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
  }

  #collect .collect_transform .visual .inner {
    padding: 0 10px;
  }

  #collect .collect_transform .visual h3 {
    font-size: 28px;
    line-height: 38px;
  }

  #collect .collect_transform .visual .desc1 {
    margin-top: 18px;
  }

  #collect .collect_transform .visual .cmt_guide1.mark1 {
    margin-top: 8px;
  }

  #collect .collect_transform .visual .btn_typeB2 {
    margin-top: 30px;
    width: 140px;
  }

  #collect .collect_transform .transform_info {
    padding-top: 58px;
  }

  #collect .collect_transform .transform_info .info_box {
    margin-top: 50px;
  }

  #collect .collect_transform .transform_info .info_box:first-child {
    margin-top: 0;
  }

  #collect .collect_transform .transform_info .info_box .desc1 {
    margin-top: 13px;
  }

  #collect .collect_transform .transform_info .info_box .brand_list {
    margin-top: 14px;
  }

  #collect .collect_transform .transform_info .info_box .brand_list li {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
    margin-top: 17px;
  }

  #collect .collect_transform .transform_info .info_box .brand_list li:last-child {
    margin-right: 0;
  }

  #collect .collect_transform .transform_info .info_box .brand_list li:nth-child(even) {
    margin-right: 0;
  }

  #collect .collect_transform .transform_info .info_box .brand_list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #collect .collect_transform .transform_info .info_box .brand_list li .img_box {
    height: 80px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #collect .collect_transform .transform_info .info_box .brand_list li .brand_name {
    font-size: 12px;
    margin-top: 8px;
  }

  #collect .collect_receipt .tit1 {
    font-size: 28px;
    line-height: 38px;
  }

  #collect .collect_receipt .desc1 {
    font-size: 14px;
    line-height: normal;
    margin-top: 20px;
  }

  #collect .collect_receipt .bullet_type3.mark1 {
    margin-top: 20px;
  }

  #collect .collect_receipt .receipt_coupon {
    padding-bottom: 0px;
  }

  #collect .collect_receipt .receipt_coupon .part {
    padding: 0 10px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner {
    min-height: initial;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .txt_box {
    padding-top: 55px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box {
    position: static;
    width: 100%;
    padding-bottom: 0;
    margin: 42px auto 0;
    padding-bottom: 70px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt {
    position: static;
    width: 95%;
    margin: 0 auto;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .img_main {
    margin: 3.1% auto 0;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change {
    width: 70%;
    min-width: 240px;
    top: 40%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2 {
    width: 100%;
    min-height: 24px;
    border-radius: 4px;
    font-size: 9px;
    padding: 4px 0 4px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 8px 2px rgba(25, 48, 88, 0.1);
    box-shadow: 0px 5px 8px 2px rgba(25, 48, 88, 0.1);
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2 .num {
    padding-right: 5px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .scale_change .desc2:first-child::after {
    width: 11px;
    height: 11px;
    background-size: 11px;
    bottom: -8px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .mockup_inner .img_barcode {
    top: 66.5%;
    width: 57%;
    left: 50.3%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .desc3 {
    font-size: 12px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide .desc3 .num {
    font-size: 9px;
    margin-right: 6px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .scale_change {
    top: 31%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .scale_change .desc2 {
    padding: 4px 0;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .wrap_slide_receipt .swiper-slide.slide2 .mockup_inner .img_barcode {
    top: 62%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img {
    position: static;
    padding-top: 3%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .img_box .fix_img .circle2 {
    top: 3%;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .swiper-tools {
    margin-top: 20px;
  }

  #collect .collect_receipt .receipt_coupon .part1 .inner .swiper-tools .swiper-pagination.type1 {
    width: 120px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .inner {
    min-height: initial;
    padding-bottom: 55px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .txt_box {
    padding-left: 0;
    padding-top: 75px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box {
    position: relative;
    width: 85%;
    margin: -95px auto 140px;
    left: 0;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box .img_coupon {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    margin-top: -140px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box .img_coupon .barcode {
    margin-top: 19px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box .img_coin {
    position: absolute;
    top: 10%;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box .img_coin > img.coin1 {
    width: 47.5px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box .img_coin > img.coin2 {
    width: 40px;
  }

  #collect .collect_receipt .receipt_coupon .part2 .img_box .img_coin > img.coin3 {
    width: 42px;
  }

  #collect .collect_receipt .receipt_coupon .part3 .inner {
    min-height: initial;
    padding-bottom: 80px;
  }

  #collect .collect_receipt .receipt_coupon .part3 .txt_box {
    padding-left: 0;
    padding-top: 75px;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box {
    position: relative;
    width: 85%;
    margin: 45px auto 0;
    left: 0;
    padding-bottom: 130px;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    margin-top: -140px;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coupon .barcode {
    margin-top: 19px;
  }

  #collect .collect_receipt .receipt_coupon .part3 .img_box .img_coin {
    position: absolute;
    top: 15%;
  }

  #collect .collect_receipt .receipt_coupon .part4 {
    padding-bottom: 100px !important;
  }

  #collect .collect_receipt .receipt_coupon .part4 .inner {
    min-height: initial;
  }

  #collect .collect_receipt .receipt_coupon .part4 .txt_box {
    padding-left: 0;
    padding-top: 80px;
  }

  #collect .collect_receipt .receipt_coupon .part4 .img_box {
    position: static;
    width: 100%;
    margin: 42px auto 0;
    padding-left: 8%;
  }

  #collect .recharge .wrap_con {
    margin-top: 50px;
  }

  #collect .recharge .top_banner {
    margin-bottom: 40px;
  }

  #collect .recharge .top_banner .swiper-pagination {
    margin-bottom: 0;
  }

  #collect .recharge .recharge_method .acodi_type1 {
    margin-top: 20px;
  }

  #collect .recharge .recharge_method .acodi_type1 .ac_head {
    padding: 17px 0 18px;
  }

  #collect .recharge .recharge_method .acodi_type1 .ac_panel {
    padding: 15px 0 40px;
  }

  #collect .recharge .recharge_method .acodi_type1 .con_area .desc1 {
    font-size: 14px;
    margin-bottom: 25px;
  }

  #collect .recharge .recharge_method .acodi_type1 .con_area .desc_emp {
    font-size: 12px;
  }

  #collect .recharge .recharge_method .acodi_type1 .con_area .btn_area {
    margin-top: 30px;
  }

  #collect .recharge .recharge_method .payment_area .method {
    margin-top: 24px;
  }

  #collect .recharge .recharge_method .payment_area .method .wrap_rdo .radio_ui {
    display: block;
    margin: 0 0 15px 0;
  }

  #collect .recharge .recharge_method .payment_area .method .wrap_rdo .radio_ui:last-child {
    margin-bottom: 0;
  }

  #collect .recharge .recharge_method .payment_area .agree {
    margin-top: 30px;
  }

  #collect .recharge .recharge_method .payment_area .agree .inp_tit {
    display: none;
  }

  #collect .recharge .recharge_method .payment_area .agree .wrap_terms_agree {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
  }

  #collect .recharge .recharge_method .mobile_code .wrap_inp {
    margin-top: 24px;
  }

  #collect .recharge .recharge_method .mobile_code .wrap_inp:first-child {
    margin-top: 0;
  }

  #collect .recharge .recharge_method .mobile_code .wrap_flex .inp_bundle {
    margin-left: 5px;
  }

  #collect .recharge .recharge_method .mobile_code .cert_num .inp_bundle {
    width: 100%;
  }

  #collect .recharge .recharge_method .intro_area {
    padding-left: 0;
    padding-top: 200px;
  }

  #collect .recharge .recharge_method .intro_area.small_change {
    background-image: url("https://www.h-point.co.kr/assets/app/img/collect/mo/img_charge1.png");
    background-repeat: no-repeat;
    background-size: 166px;
    background-position: top center;
  }

  #collect .recharge .recharge_method .intro_area.voucher {
    background-image: url("https://www.h-point.co.kr/assets/app/img/collect/mo/img_charge2.png");
    background-repeat: no-repeat;
    background-size: 166px;
    background-position: top center;
  }

  #collect .recharge .recharge_method .intro_area .tit {
    font-size: 14px;
    margin-bottom: 15px;
  }

  #collect .recharge .recharge_method .intro_area .btn_small1 {
    margin: 15px 0 0 12px;
  }

  #collect .recharge .recharge_guide {
    margin: 40px 0 100px;
  }

  #collect .recharge .recharge_guide .wrap_box {
    padding: 30px 20px;
  }

  #collect .recharge .recharge_guide .wrap_box dl dt {
    font-size: 12px;
    margin: 20px 0 5px;
  }

  #collect .recharge .recharge_guide .wrap_box dl .bullet_type1.mark3 {
    margin-top: 3px;
  }

  #collect .recharge .recharge_introduce .tit1 {
    font-size: 28px;
    line-height: 38px;
  }

  #collect .recharge .recharge_introduce .tit2 {
    font-size: 20px;
  }

  #collect .recharge .recharge_introduce .desc1 {
    font-size: 14px;
    line-height: 22px;
    color: #333;
  }

  #collect .recharge .recharge_introduce .desc2 {
    font-size: 14px;
    line-height: 22px;
  }

  #collect .recharge .recharge_introduce .visual {
    height: auto;
    padding: 75px 0 85px;
    background: #e8ebff;
  }

  #collect .recharge .recharge_introduce .visual .vis_top {
    position: relative;
  }

  #collect .recharge .recharge_introduce .visual .vis_top::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 40px auto 0;
    padding-bottom: 73%;
    background-image: url("https://www.h-point.co.kr/assets/app/img/collect/mo/img_vis_recharge_intro.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
  }

  #collect .recharge .recharge_introduce .visual .desc1 {
    margin-top: 20px;
  }

  #collect .recharge .recharge_introduce .visual .bullet_type4.mark1 {
    margin-top: 40px;
  }

  #collect .recharge .recharge_introduce .smart_recharge {
    padding: 75px 0 100px;
  }

  #collect .recharge .recharge_introduce .smart_recharge .swiper-tools {
    position: static;
    margin-top: 25px;
  }

  #collect .recharge .recharge_introduce .smart_recharge .swiper-tools .swiper-pagination.type1 {
    width: 186px;
  }

  #collect .recharge .recharge_introduce .smart_recharge .swiper-tools .btn_typeB2 {
    margin-top: 35px;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper {
    margin-top: 25px;
    height: auto;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box {
    position: static;
    width: 85%;
    padding-bottom: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto;
    overflow: hidden;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .img_box .fix_img {
    position: relative;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .txt_box {
    padding-left: 0;
    text-align: center;
    padding-top: 30px;
  }

  #collect .recharge .recharge_introduce .rechargeSwiper .info_box .txt_box .desc2 {
    margin-top: 8px;
  }

  #use .sub_bottom_blank1 {
    height: 100px;
  }

  #use .use_pointshop .wrap_pointshop .info_area {
    padding-bottom: 60px;
    overflow: hidden;
  }

  #use .use_pointshop .wrap_pointshop .info_area::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  #use .use_pointshop .wrap_pointshop .info_area .tit1 {
    font-size: 28px;
    line-height: 38px;
  }

  #use .use_pointshop .wrap_pointshop .info_area .desc1 {
    font-size: 14px;
    line-height: 21px;
  }

  #use .use_pointshop .wrap_pointshop .info_area .txt_box {
    padding: 0 10px !important;
    padding-top: 54px !important;
  }

  #use .use_pointshop .wrap_pointshop .info_area .img_box {
    position: absolute;
    min-width: 206px;
    max-width: 412px;
    width: 50%;
    margin-right: 10px;
    left: auto;
    right: 30px;
    bottom: 0;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area1 .layout1 {
    min-height: 50 5px;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area1 .img_box .object {
    width: 80%;
    max-width: 324px;
    left: -2.8%;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area2 .layout1 {
    min-height: 550px;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area2 .img_box .object {
    width: 88%;
    max-width: 364px;
    left: -12.5%;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area3 .layout1 {
    min-height: 475px;
    padding-bottom: 0;
  }

  #use .use_pointshop .wrap_pointshop .info_area.info_area3 .img_box .object {
    width: 113%;
    max-width: 460px;
    left: -7.5%;
    bottom: -5%;
  }

  #use .use_pointshop .wrap_pointshop .btn_typeB2 {
    width: 100%;
  }

  #use .use_gift .wrap_gift {
    padding-top: 60px;
  }

  #use .use_gift .wrap_gift .desc1 br,
  #use .use_gift .wrap_gift .desc2 br {
    display: initial;
  }

  #use .use_gift .wrap_gift .tit1 {
    font-size: 28px;
    line-height: 38px;
  }

  #use .use_gift .wrap_gift .desc1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
  }

  #use .use_gift .wrap_gift .desc2 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
  }

  #use .use_gift .wrap_gift .gift_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #use .use_gift .wrap_gift .gift_list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    margin-right: 0px;
    padding: 165px 21px 40px;
    border-radius: 8px;
    margin-bottom: 15px;
  }

  #use .use_gift .wrap_gift .gift_list li:nth-child(2) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  #use .use_gift .wrap_gift .gift_list li:last-child {
    margin-bottom: 0;
  }

  #use .use_gift .wrap_gift .gift_list li .btn_typeC2 {
    position: static;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    margin-left: 0;
    margin-top: 35px;
  }

  #use .use_gift .wrap_gift .gift_list li.list1 {
    background-image: url("https://www.h-point.co.kr/assets/app/img/use/mo/img_gift1.png");
    background-repeat: no-repeat;
    background-size: 169px;
    background-position: 50% 33px;
  }

  #use .use_gift .wrap_gift .gift_list li.list2 {
    background-image: url("https://www.h-point.co.kr/assets/app/img/use/mo/img_gift2.png");
    background-repeat: no-repeat;
    background-size: 169px;
    background-position: 50% 33px;
  }

  #use .use_gift .wrap_gift .gift_list li.list3 {
    background-image: url("https://www.h-point.co.kr/assets/app/img/use/mo/img_gift3.png");
    background-repeat: no-repeat;
    background-size: 169px;
    background-position: 50% 33px;
  }

  #use .use_donate .wrap_donate_introduce .visual {
    height: 425px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/use/mo/img_donate_vis1.jpg");
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: 50% 100%;
    background-color: #e8ebff;
    padding-top: 55px;
  }

  #use .use_donate .wrap_donate_introduce .visual .tit1 {
    font-size: 28px;
    line-height: 38px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup {
    min-height: auto;
    padding-left: 0;
    padding-top: 80px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box {
    position: relative;
    width: calc(100% - 50px);
    min-width: 271px;
    max-width: 542px;
    margin: 0 auto;
    left: auto;
    top: auto;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .bg_circle {
    width: 100%;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .mockup {
    margin-left: -33%;
    min-width: 179px;
    max-width: 358px;
    width: 66%;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .wrap_slide_mockup {
    margin-left: -29%;
    width: 57.8%;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .mockup_box .wrap_slide_mockup img {
    width: 100%;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box {
    text-align: center;
    margin-top: -5px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .tit2 {
    font-size: 20px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .desc1 {
    font-size: 14px;
    line-height: 21px;
    margin-top: 13px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .desc1 br {
    display: block;
  }

  #use .use_donate .wrap_donate_introduce .introduce .wrap_mockup .txt_box .btn_typeB2 {
    margin-top: 25px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .organization {
    margin-top: 40px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .organization li {
    float: left;
    display: block;
    max-width: inherit;
    width: calc((100% - 16px)/2);
    margin-right: 16px;
    margin-top: 16px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .organization li:nth-child(even) {
    margin-right: 0;
  }

  #use .use_donate .wrap_donate_introduce .introduce .organization li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #use .use_donate .wrap_donate_introduce .introduce .organization li .img_box {
    height: 80px;
    padding: 0 20px;
  }

  #use .use_donate .wrap_donate_introduce .introduce .organization li .brand_name {
    font-size: 12px;
    margin-top: 7px;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .wrap_txt {
    height: auto;
    padding: 25px 20px 25px 20px;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .subtit {
    position: static;
    font-size: 14px;
    margin-bottom: 10px;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .goal {
    position: absolute;
    right: 20px;
    bottom: 25px;
    font-size: 14px;
  }

  #use .use_donate .wrap_donate_list .board_list_type1 li .info {
    font-size: 14px;
    margin-top: 8px;
  }

  #use .use_donate .wrap_donate_view .btn_area {
    margin-top: 40px;
  }

  #benefit .search_bundle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #benefit .search_bundle .select_ui {
    width: 50%;
  }

  #benefit .search_bundle .inp_search {
    width: 50%;
    margin-top: 0;
    margin-left: 10px;
  }

  #benefit .search_bundle .inp_search .inp_self,
  #benefit .search_bundle .inp_search .inp_self2,
  #benefit .search_bundle .inp_search .inp_self2 {
    width: 100%;
  }

  #benefit .event .wrap_board_list {
    margin-top: 50px;
  }

  #benefit .event .board_list_type1 > ul > li .wrap_txt .subject {
    font-size: 19px;
    line-height: 28px;
    height: 56px;
  }

  #benefit .coupon .box_coupon .d_day {
    width: 44px;
    height: 26px;
    right: 4.2%;
    font-size: 12px;
    line-height: 26px;
  }

  #benefit .mission .wrap_mission .tit1 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 30px;
  }

  #benefit .mission .wrap_mission .tit2 {
    font-size: 20px;
  }

  #benefit .mission .wrap_mission .desc1 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
  }

  #benefit .mission .wrap_mission .cmt_guide3.mark1 {
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
  }

  #benefit .mission .wrap_mission .cmt_guide3.mark1::before {
    top: 3px;
  }

  #benefit .mission .wrap_mission .btn_gray1 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
    margin: 20px auto 0;
  }

  #benefit .mission .wrap_mission .btn_gray1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #4e2bf4;
  }

  #benefit .mission .wrap_mission .info_box .img_box {
    position: relative;
    left: 0;
    top: 0;
    right: auto;
    padding-bottom: 0;
    height: auto;
    min-width: 271px;
    width: 85%;
    margin: 0 auto;
  }

  #benefit .mission .wrap_mission .info_box .img_box .fix_img {
    position: relative;
  }

  #benefit .mission .wrap_mission .info_box .txt_box {
    text-align: center;
    padding: 0 !important;
  }

  #benefit .mission .wrap_mission .part1::after {
    width: 22px;
    height: 22px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/benefit/mo/img_mission_obj1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    left: auto;
    right: -5px;
    bottom: 190px;
    margin-left: 0;
  }

  #benefit .mission .wrap_mission .part1 .inner {
    min-height: auto;
    padding: 74px 0;
  }

  #benefit .mission .wrap_mission .part1 .missionSwiper {
    height: auto;
  }

  #benefit .mission .wrap_mission .part1 .missionSwiper .info_box {
    height: auto;
  }

  #benefit .mission .wrap_mission .part1 .missionSwiper .txt_box {
    height: auto;
  }

  #benefit .mission .wrap_mission .part1 .swiper-tools {
    position: static;
    margin-top: 5px;
  }

  #benefit .mission .wrap_mission .part2::after {
    width: 74px;
    height: 72px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/benefit/mo/img_mission_obj2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    margin-left: 0;
    top: -45px;
    left: auto;
    right: 11px;
  }

  #benefit .mission .wrap_mission .part2 .inner {
    padding: 80px 0;
    min-height: auto;
  }

  #benefit .mission .wrap_mission .part3::after {
    width: 64px;
    height: 71px;
    background-image: url("../../../../assets/app/img/benefit/mo/img_mission_obj3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    left: 40px;
    margin-left: 0;
    top: -45px;
  }

  #benefit .mission .wrap_mission .part3 .inner {
    padding: 80px 0;
    min-height: auto;
  }

  #benefit .magazine .wrap_board_list,
  #hmagazine .magazine .wrap_board_list {
    margin-top: 40px;
  }

  #benefit .magazine .board_list_type1 .wrap_txt,
  #hmagazine .magazine .board_list_type1 .wrap_txt {
    height: 105px;
  }

  #benefit .affiliate_card .wrap_card_list {
    margin-top: 50px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item {
    margin-top: 10px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item:first-child {
    margin-top: 0;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head {
    padding: 17px 0 30px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .card_img {
    position: static;
    margin: 27px auto 0;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .tit_area .sub_desc1 {
    font-size: 14px;
    margin-top: 13px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .link_wrap {
    margin-top: 20px;
    text-align: center;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_head .link_wrap .btn_typeC2 {
    width: 72px;
    margin: 0 auto;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel {
    padding: 25px 0 35px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box {
    margin-top: 10px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box:first-child {
    margin-top: 0;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_tit1 {
    font-size: 14px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_desc1 {
    font-size: 14px;
    margin-top: 10px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_panel .con_area .con_box .con_desc1 .small {
    font-size: 14px;
  }

  #benefit .affiliate_card .wrap_card_list .acodi_type1 .ac_item.on .ac_head::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  #club .tit1 {
    font-size: 17px;
    line-height: 18px;
  }

  #club .tit2 {
    font-size: 15px;
    line-height: 23px;
  }

  #club .desc1 {
    font-size: 14px;
    line-height: 23px;
  }

  #club .desc2 {
    font-size: 12px;
    line-height: 18px;
  }

  #club .sub_bottom_blank1 {
    display: none;
  }

  #club .club_vis {
    height: auto;
    padding: 40px 0 55px;
    text-align: center;
  }

  #club .club_vis.vis1 {
    background: none;
    background-color: #fff;
  }

  #club .club_vis.vis1::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 61%;
    background-image: url("../../../../assets/app/img/club/mo/img_club_vis1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0;
  }

  #club .club_vis .vis_tit {
    margin-top: 25px;
    font-size: 20px;
  }

  #club .club_vis .vis_tit .c_blue1 {
    font-size: 29px;
  }

  #club .club_vis .vis_desc1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }

  #club .club_vis .vis_desc2 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }

  #club .club_vis.vis2 {
    background: none;
    background-color: #fff;
  }

  #club .club_vis.vis2::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 61%;
    background-image: url("../../../../assets/app/img/club/mo/img_club_vis2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0;
  }

  #club .club_vis .vis_tit {
    margin-top: 25px;
    font-size: 20px;
  }

  #club .club_vis .vis_tit .c_blue1 {
    font-size: 29px;
  }

  #club .club_vis .vis_desc1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }

  #club .club_vis .vis_desc2 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }

  #club .club_vis.vis3 {
    background: none;
    background-color: #fff;
  }

  #club .club_vis.vis3::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 61%;
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/img_club_vis3.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0;
  }

  #club .club_vis .vis_tit {
    margin-top: 25px;
    font-size: 20px;
  }

  #club .club_vis .vis_tit .c_blue1 {
    font-size: 29px;
  }

  #club .club_vis .vis_desc1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }

  #club .club_vis .vis_desc2 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }

  #club .club_vis.vis4 {
    background: none;
    background-color: #fff;
  }

  #club .club_vis.vis4::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 61%;
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/img_club_vis4.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0;
  }

  #club .club_vis.vis5 {
    background: none;
    background-color: #fff;
  } 

  #club .club_vis.vis5::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 61%;
        background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/img_club_vis5_mo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 50% 0;
    }
  
  #club .club_vis.vis6 {
    background: none;
    background-color: #fff;
  } 

  #club .club_vis.vis6::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 61%;
        background-image: url("../../../../club/clubtravel/mobile_clubtravel_banner.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 50% 0;
    }

  #club .club_vis .vis_tit {
    margin-top: 25px;
    font-size: 20px;
  }

  #club .club_vis .vis_tit .c_blue1 {
    font-size: 29px;
  }

  #club .club_vis .vis_desc1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }

  #club .club_vis .vis_desc2 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }

  #club .wrap_club {
    margin-top: 0;
  }

  #club .wrap_club .inner .club_con {
    padding: 38px 0;
  }

  #club .wrap_club .inner .club_con.pdt53 {
    padding-top: 38px;
  }

  #club .wrap_club .inner .club_con .division_box {
    padding-left: 0;
  }

  #club .wrap_club .inner .club_con .division_box .tit1 {
    position: static;
  }

  #club .wrap_club .inner .club_con .explain .tit2 {
    margin-top: 14px;
  }

  #club .wrap_club .inner .club_con .explain .ex_inner {
    padding: 0;
    border-top: none;
  }

  #club .wrap_club .inner .apply_btn {
    margin-top: 2px;
  }

  #club .wrap_club .inner .apply_btn > a {
    display: block;
    padding: 0;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }

  #club .wrap_club .inner .diagram {
    display: block;
    margin-top: 15px;
  }

  #club .wrap_club .inner .diagram > * {
    margin: 0 auto;
  }

  #club .wrap_club .inner .diagram > *:last-child {
    margin: 0 auto;
  }

  #club .wrap_club .inner .diagram .circle_info {
    max-width: inherit;
    width: 100%;
    margin-bottom: 10px;
  }

  #club .wrap_club .inner .diagram .circle_info:last-of-type {
    margin-bottom: 0;
  }

  #club .wrap_club .inner .diagram .circle_info .circle {
    width: 138px;
    height: 138px;
    padding-bottom: 0;
  }

  #club .wrap_club .inner .diagram .circle_info .circle .txt {
    font-size: 15px;
  }

  #club .wrap_club .inner .diagram .circle_info .desc2 {
    margin-top: 7px;
  }

  #club .wrap_club .inner .diagram .arrow {
    max-width: inherit;
    width: 21px;
    height: 30px;
    margin-bottom: 5px;
  }

  #club .wrap_club .inner .diagram .arrow span {
    height: 100%;
    background-image: url("../../../../assets/app/img/club/mo/ic_arrow1.png");
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 50% 50%;
  }

  #club .wrap_club .inner .diagram.has_bottom_txt {
    padding-bottom: 0;
  }

  #club .wrap_club .inner .diagram.has_bottom_txt .circle_info {
    position: relative;
  }

  #club .wrap_club .inner .diagram.has_bottom_txt .circle_info .desc2 {
    width: 100%;
    min-width: initial;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  #club .benefit {
    margin-top: 27px;
  }

  #club .benefit > .tit2 {
    font-size: 15px;
  }

  #club .benefit .benefit_list {
    margin-top: 10px;
    display: block;
  }

  #club .benefit .benefit_list > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
  }

  #club .benefit .benefit_list > li:nth-child(-n + 3) {
    margin-top: inherit;
  }

  #club .benefit .benefit_list > li:first-of-type {
    margin-top: 0;
  }

  #club .benefit .benefit_list > li .has_ic {
    padding: 18px 30px 18px 95px;
  }

  #club .benefit .benefit_list > li .has_ic .tit2 span {
    font-weight: 700;
  }

  #club .benefit .benefit_list > li .has_ic .bullet_type1.mark1 li:not(:first-of-type) {
    margin-top: 5px;
  }

  #club .benefit .benefit_list > li .btn_more_benefit {
    height: 72px;
    padding-top: 10px;
    font-size: 12px;
  }

  #club .benefit .benefit_list > li .btn_more_benefit span {
    padding-top: 40px;
    background-size: 30px;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }

  #club .benefit .benefit_list > li .btn_more_benefit:hover span {
    background-size: 30px;
  }

  #club .benefit.benefit_com .benefit_list li:nth-child(1) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com1.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .benefit.benefit_com .benefit_list li:nth-child(2) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com2.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .benefit.benefit_com .benefit_list li:nth-child(3) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com3.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .benefit.benefit_com .benefit_list li:nth-child(4) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com4.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .benefit.benefit_com .benefit_list li:nth-child(5) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com5.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .benefit.benefit_com .benefit_list li,
  #club .benefit.benefit_branch .benefit_list li {
    margin-right: 0;
  }

  #club .club_friends .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
    background-image: url("../../../../assets/app/img/club/mo/ic_benefit_branch1.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_friends .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
    background-image: url("../../../../assets/app/img/club/mo/ic_benefit_branch2.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_friends .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_branch3.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_wedding .btn_more_question {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    margin-left: 12px;
  }

  #club .club_wedding .benefit .benefit_list > li {
    margin: 15px 0 0 0;
    border-radius: 8px;
    -webkit-box-shadow: 2.5px 3px 6px 0.3px rgba(25, 48, 88, 0.1);
    box-shadow: 2.5px 3px 6px 0.3px rgba(25, 48, 88, 0.1);
  }

  #club .club_wedding .benefit .benefit_list > li:nth-of-type(-n + 3) {
    margin-top: 15px;
  }

  #club .club_wedding .benefit .benefit_list > li:first-of-type {
    margin-top: 0;
  }

  #club .club_wedding .benefit .benefit_list > li.pdb115 {
    padding-bottom: 77px;
  }

  #club .club_wedding .benefit .benefit_list > li .tit2 {
    font-size: 14px;
    line-height: 23px;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info {
    padding-left: 115px;
    min-height: 95px;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .logo {
    width: 95px;
    height: 95px;
    padding: 0 15px;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .explain .branch_tit {
    font-size: 18px;
    line-height: 29px;
  }

  #club .club_wedding .benefit .benefit_list > li .main_info .explain .tit2 {
    margin-top: 8px;
  }

  #club .club_wedding .benefit .benefit_list > li .sub_info .tit2 {
    margin-top: 23px;
  }

  #club .club_wedding .benefit .benefit_list > li .btn_typeC2 {
    width: 72px;
    margin-left: -36px;
    bottom: 30px;
  }

  #club .club_moms .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
    background-image: url("../../../../assets/app/img/club/mo/ic_benefit_branch4.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_moms .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com2.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_moms .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
    background-image: url("../../../../assets/app/img/club/mo/ic_benefit_branch5.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_beauty .benefit.benefit_branch .benefit_list li:nth-child(1) .has_ic {
    background-image: url("../../../../assets/app/img/club/mo/ic_benefit_branch4.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_beauty .benefit.benefit_branch .benefit_list li:nth-child(2) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_com2.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #club .club_beauty .benefit.benefit_branch .benefit_list li:nth-child(3) .has_ic {
    background-image: url("https://www.h-point.co.kr/assets/app/img/club/mo/ic_benefit_branch6.png");
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 25px 24px;
  }

  #hpay .hpay_introduce .wrap_intro .desc1 {
    font-size: 14px;
    text-align: left;
  }

  #hpay .hpay_introduce .wrap_intro .desc2 {
    font-size: 20px;
  }

  #hpay .hpay_introduce .wrap_intro .tit1 {
    font-size: 28px;
  }

  #hpay .hpay_introduce .wrap_intro .tit2 {
    font-size: 20px;
    line-height: initial;
  }

  #hpay .hpay_introduce .wrap_intro .tit3 {
    font-size: 28px;
  }

  #hpay .hpay_introduce .wrap_intro .tit3 .small {
    font-size: 18px;
  }

  #hpay .hpay_introduce .wrap_intro .hpay_logo {
    width: 142px;
    height: 29px;
    background-image: url("https://www.h-point.co.kr/images_customer/logo/img_logo_hpay_1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    margin: 0;

  }

  #hpay .hpay_introduce .wrap_intro .part1 .inner {
    padding: 30px 0 75px;
  }

  #hpay .hpay_introduce .wrap_intro .part1 .inner::before {
    position: relative;
    width: 364px;
    height: 195px;
    padding-bottom: 0;
    margin: 0 0 30px -182px;
    left: 50%;
    background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/mo/img_hpay_part1.png");
    background-repeat: no-repeat;
    background-size: 364px;
    background-position: 0 0;
  }

  #hpay .hpay_introduce .wrap_intro .part1 .desc1 {
    margin-top: 25px;
  }

  #hpay .hpay_introduce .wrap_intro .part2 {
    background: #e8ebff;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .inner {
    padding: 75px 0;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list {
    margin-top: 30px;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 113px;
    height: 90px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/mo/img_part2_obj1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list::after {
    content: '';
    position: absolute;
    right: 20px;
    bottom: 0px;
    width: 55px;
    height: 41px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/mo/img_part2_obj4.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li {
    margin: 55px auto 0;
    overflow: visible;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li:first-child {
    margin-top: 0;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li .img_box {
    float: none !important;
    width: 65%;
    min-width: 195px;
    margin: 0 auto;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li .txt_box {
    width: 100%;
    text-align: center !important;
    float: none !important;
    padding: 22px 0 0 0;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li .txt_box .desc2 {
    margin-top: 6px;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(2) {
    position: relative;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(2)::before {
    content: '';
    position: absolute;
    right: 7px;
    top: 5px;
    width: 28px;
    height: 28px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/mo/img_part2_obj2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(3) {
    position: relative;
  }

  #hpay .hpay_introduce .wrap_intro .part2 .method_list li:nth-child(3)::before {
    content: '';
    position: absolute;
    left: -20px;
    top: -25px;
    width: 43px;
    height: 53px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/hpay/mo/img_part2_obj3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }

  #hpay .hpay_introduce .wrap_intro .part3 .inner {
    padding: 75px 0 100px;
  }

  #hpay .hpay_introduce .wrap_intro .part3 .desc1 {
    margin-top: 10px;
    text-align: center;
  }

  #hpay .hpay_introduce .wrap_intro .part3 .brand_list {
    display: block;
    width: 100%;
  }

  #hpay .hpay_introduce .wrap_intro .part3 .brand_list li {
    width: calc(50% - 8px);
    height: 80px;
    margin-right: 15px;
  }

  #customer .wrap_con .wrap_paging {
    margin-top: 50px;
  }

  #customer .wrap_con .no_data_type1 {
    margin-bottom: 75px;
  }

  #customer .sub_bottom_blank2 {
    height: 100px;
  }

  #customer .bn_contact {
    max-width: 100%;
  }

  #customer .bn_contact li {
    margin: 0 0 10px 0;
  }

  #customer .bn_contact li .box {
    -webkit-box-shadow: 3px 3px 5px 1px rgba(25, 48, 88, 0.13);
    box-shadow: 3px 3px 5px 1px rgba(25, 48, 88, 0.13);
    padding: 20px;
  }

  #customer .bn_contact li .s_txt {
    font-size: 16px;
  }

  #customer .bn_contact li .b_txt {
    font-size: 20px;
  }

  #customer .bn_contact li .ic_arr::after {
    right: -25px;
    width: 16px;
    height: 16px;
    background-image: url("../../../../assets/app/img/common/mo/ic_arrow3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  #customer .bn_contact li.kakao .box::after {
    right: 20px;
    bottom: auto;
    top: 25px;
    width: 33px;
    height: 31px;
    background-size: contain;
  }

  #customer .faq .tab_ui.type2 {
    margin: 15px 0 40px;
  }

  #customer .notice .wrap_con {
    margin-top: 40px;
  }

  #introduce .h_introduce .tit1 {
    font-size: 30px;
    line-height: 40px;
  }

  #introduce .h_introduce .tit2 {
    font-size: 25px;
    line-height: 33px;
  }

  #introduce .h_introduce .tit3 {
    font-size: 20px;
  }

  #introduce .h_introduce .tit4 {
    font-size: 25px;
    line-height: 33px;
  }

  #introduce .h_introduce .desc1 {
    font-size: 14px;
    line-height: 22px;
  }

  #introduce .h_introduce .desc2 {
    font-size: 12px;
    line-height: 20px;
  }

  #introduce .h_introduce .btn_gray1 {
    font-size: 12px;
    margin-top: 25px;
  }

  #introduce .h_introduce .btn_blue1 {
    font-size: 12px;
    margin-top: 25px;
    padding-right: 13px;
    background-image: url("../../../../assets/app/img/common/mo/ic_arrow8.png");
    background-repeat: no-repeat;
    background-size: 5px;
    background-position: right 2px;
  }

  #introduce .h_introduce .btn_blue2 {
    bottom: -18px;
    margin-left: -67px;
    width: 134px;
    height: 36px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 36px;
  }

  #introduce .h_introduce .btn_blue2 span {
    padding-right: 20px;
    background-image: url("../../../../assets/app/img/common/mo/ic_download2.png");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: right 50%;
  }

  #introduce .h_introduce .btn_type1 {
    width: 100%;
    height: 50px;
    margin-top: 45px;
    font-size: 14px;
  }

  #introduce .h_introduce .part1 .inner,
  #introduce .h_introduce .part2 .inner {
    margin: 0;
    padding: 68px 0 0 0;
    text-align: center;
  }

  #introduce .h_introduce .part1 .desc1,
  #introduce .h_introduce .part2 .desc1 {
    margin-top: 17px;
  }

  #introduce .h_introduce .part1 .img_box,
  #introduce .h_introduce .part2 .img_box {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 50px auto 0;
    width: 95%;
  }

  #introduce .h_introduce .part2 .img_box {
    margin: 0 auto 0;
  }

  #introduce .h_introduce .part2 .img_box .video .video_box {
    min-width: auto;
    width: 74%;
    right: 6%;
    top: 14%;
    bottom: auto;
  }

  #introduce .h_introduce .part3 .inner {
    padding: 54px 0 60px;
  }

  #introduce .h_introduce .part3 .btn_move_use::before,
  #introduce .h_introduce .part3 .btn_move_use::after {
    display: none;
  }

  #introduce .h_introduce .part3 .img_box {
    width: auto;
    margin: 30px 30px 0;
  }

  #introduce .h_introduce .part3 .img_box .wrap_ul:first-child {
    width: 1306px;
    margin-left: -72.5px;
    margin-bottom: 15px;
  }

  #introduce .h_introduce .part3 .img_box .wrap_ul:last-child {
    width: 1450px;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
  }

  #introduce .h_introduce .part3 .img_box .brand_list li {
    width: 100px;
    height: 100px;
    margin-right: 45px;
    padding: 0 15px;
  }

  #introduce .h_introduce .part3 .img_box .brand_list li img {
    max-width: 100%;
    max-height: 43px;
  }

  #introduce .h_introduce .part3.on .img_box {
    -webkit-animation: both;
    animation: both;
  }

  #introduce .h_introduce .part3.on .img_box .wrap_ul:first-child {
    -webkit-animation: moveSlideshow2 20s linear infinite;
    animation: moveSlideshow2 20s linear infinite;
  }

  #introduce .h_introduce .part3.on .img_box .wrap_ul:last-child {
    animation: moveSlideshow2 20s linear infinite reverse;
  }

  #introduce .h_introduce .sect_brand .quick {
    width: 124px;
    top: 60px;
    height: 43px;
  }

  #introduce .h_introduce .sect_brand .quick.on {
    width: 320px;
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav {
    margin-left: 0;
    width: 124px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 22px;
    -webkit-box-shadow: 2.5px 3px 6px 0.3px rgba(25, 48, 88, 0.3);
    box-shadow: 2.5px 3px 6px 0.3px rgba(25, 48, 88, 0.3);
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav .quick_choice {
    line-height: 43px;
    font-size: 16px;
    padding-left: 30px;
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav.quick_collect .quick_choice {
    background-image: url("../../../../assets/app/img/introduce/mo/ic_tab_collect.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 50%;
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav.quick_collect.move {
    left: 62px;
    margin-left: 0;
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav.quick_enjoy .quick_choice {
    background-image: url("../../../../assets/app/img/introduce/mo/ic_tab_enjoy.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 50%;
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav.quick_share .quick_choice {
    background-image: url("../../../../assets/app/img/introduce/mo/ic_tab_share.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 50%;
  }

  #introduce .h_introduce .sect_brand .quick .quick_nav.quick_share.move {
    left: calc(100% - 62px);
    margin-left: 0;
  }

  #introduce .h_introduce .sect_brand .quick .quick_list {
    border-radius: 22px;
    width: 320px;
  }

  #introduce .h_introduce .sect_brand .quick .quick_list > button {
    width: 106px;
    font-size: 16px;
    line-height: 43px;
  }

  #introduce .h_introduce .sect_brand .quick.fixed {
    position: fixed;
    top: 70px;
  }

  .hasTopBnr #introduce .h_introduce .sect_brand .quick.fixed {
    top: 260px;
  }

  #introduce .h_introduce .sect_brand .part .img_box .change_img {
    height: auto;
    top: 1.9%;
    border-radius: 7%;
    background-color: #fff;
  }

  #introduce .h_introduce .part7 .tit1 {
    font-size: 25px;
  }

  #introduce .h_introduce .part7 .inner {
    padding: 75px 0 95px;
  }

  #introduce .h_introduce .part7 .img_box {
    max-width: 472px;
    min-width: 236px;
    width: 75%;
    margin: 23px auto 0;
    z-index: 3;
  }

  #introduce .h_introduce .part7 .img_box .fix_img {
    width: 100%;
  }

  #introduce .h_introduce .part7 .img_box .fix_img img {
    width: 100%;
  }

  #introduce .h_introduce .part7 .img_box .fix_img .bg_bg {
    -webkit-transition: .2s ease-in-out 0.1s;
    transition: .2s ease-in-out 0.1s;
  }

  #introduce .h_introduce .part7 .img_box .fix_img .bg_bg.circle2 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }

  #introduce .h_introduce .part7 .img_box .fix_img .img_hpoint {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8) 0.1s;
    transition: opacity 0.5s 0.1s, -webkit-transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8) 0.1s;
    transition: transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8) 0.1s, opacity 0.5s 0.1s;
    transition: transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8) 0.1s, opacity 0.5s 0.1s, -webkit-transform 0.6s cubic-bezier(0.47, 1.64, 0.41, 0.8) 0.1s;
  }

  #introduce .h_introduce .part7 .bg_items {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 190px);
    z-index: 4;
  }

  #introduce .h_introduce .part7 .bg_items img {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s .4s,top .4s .3s,left .4s .3s;
    transition: opacity .3s .4s,top .4s .3s,left .4s .3s;
  }

  #introduce .h_introduce .part7 .bg_items .img_items1 {
    min-width: 95px;
    max-width: 190px;
    width: 28%;
  }

  #introduce .h_introduce .part7 .bg_items .img_items2 {
    min-width: 147px;
    width: 42%;
    max-width: 294px;
  }

  #introduce .h_introduce .part7 .bg_items .img_items3 {
    min-width: 161px;
    max-width: 322px;
    width: 30%;
  }

  #introduce .h_introduce .part7 .bg_items .img_items4 {
    min-width: 70px;
    max-width: 140px;
    width: 20%;
  }

  #introduce .h_introduce .part7 .bg_items .img_items5 {
    min-width: 120px;
    max-width: 240px;
    width: 29%;
  }

  #introduce .h_introduce .part7.on .bg_items img {
    opacity: 1;
  }

  #introduce .h_introduce .part7.on .bg_items .img_items1 {
    left: 1%;
    top: 0%;
  }

  #introduce .h_introduce .part7.on .bg_items .img_items2 {
    left: -15%;
    top: 55%;
  }

  #introduce .h_introduce .part7.on .bg_items .img_items3 {
    left: 78%;
    top: 80%;
  }

  #introduce .h_introduce .part7.on .bg_items .img_items4 {
    top: 33%;
    left: 87%;
  }

  #introduce .h_introduce .part7.on .bg_items .img_items5 {
    top: 110%;
    left: 82%;
  }

  #introduce .h_introduce .part8 .inner {
    padding: 55px 0 60px;
    background-image: url("../../../../assets/app/img/introduce/mo/img_part8_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }

  #introduce .h_introduce .part8 .sns_list {
    margin-top: 25px;
  }

  #introduce .h_introduce .part8 .sns_list li {
    margin-right: 25px;
  }

  #introduce .h_introduce .part8 .sns_list li:last-child {
    margin-right: 0;
  }

  #introduce .h_introduce .part8 .sns_list li a {
    width: 60px;
    height: 60px;
    font-size: 8px;
    padding-top: 30px;
    letter-spacing: -0.4px;
  }

  #introduce .h_introduce .part8 .sns_list li.youtube a {
    background-size: 13px;
    background-position: center 15px;
  }

  #introduce .h_introduce .part8 .sns_list li.kakao a {
    background-size: 13px;
    background-position: center 15px;
  }

  #introduce .h_introduce .part8 .sns_list li.facebook a {
    background-size: 13px;
    background-position: center 15px;
  }

  #introduce .h_introduce .part9 .inner {
    padding-top: 55px;
  }

  #introduce .h_introduce .part9 .bi_download {
    margin-top: 35px;
    padding: 47px 0;
    border-radius: 8px;
  }

  #introduce .h_introduce .part9 .bi_download .logo span {
    width: 142px;
    height: 63px;
    background-image: url("../../../../assets/app/img/common/mo/logo3.png");
    background-repeat: no-repeat;
    background-size: 142px;
    background-position: 0 0;
  }

  #introduce .h_introduce .part9 .desc1 {
    margin-top: 50px;
  }

  #introduce .where_use .wrap_inner {
    padding: 40px 0 100px;
  }

  #introduce .where_use .wrap_inner .use_list li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
    -webkit-box-shadow: 2.5px 3px 6.2px 0.325px rgba(24, 48, 88, 0.1);
    box-shadow: 2.5px 3px 6.2px 0.325px rgba(24, 48, 88, 0.1);
    border-radius: 8px;
  }

  #introduce .where_use .wrap_inner .use_list li:first-child {
    margin-top: 0;
  }

  #introduce .where_use .wrap_inner .use_list li:not(:nth-child(-n + 3)) {
    margin-top: 15px;
  }

  #introduce .where_use .wrap_inner .use_list li > a,
  #introduce .where_use .wrap_inner .use_list li > button {
    position: relative;
  }

  #introduce .where_use .wrap_inner .use_list li > a > span,
  #introduce .where_use .wrap_inner .use_list li > button > span {
    display: block;
    width: 100%;
    min-height: auto;
    padding: 30px 20px 30px 134px;
  }

  #introduce .where_use .wrap_inner .use_list li > a::after,
  #introduce .where_use .wrap_inner .use_list li > button::after {
    display: none;
  }

  #introduce .where_use .wrap_inner .use_list li .img_box {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -48px;
    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;
    width: 96px;
    height: 96px;
    padding: 0 10px;
  }

  #introduce .where_use .wrap_inner .use_list li .img_box img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    max-height: 50px;
  }

  #introduce .where_use .wrap_inner .use_list li .brand_txt {
    text-align: left;
    margin-top: 0;
    padding: 0;
  }

  #introduce .where_use .wrap_inner .use_list li .brand_txt .tit {
    font-size: 17px;
  }

  #introduce .where_use .wrap_inner .use_list li .brand_txt .desc {
    font-size: 14px;
    margin-top: 4px;
    line-height: 20px;
  }

  #introduce .where_use .wrap_inner .use_list li .btn_more1 {
    display: inline-block !important;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 11px;
    color: #9a9a9a;
    letter-spacing: -0.4px;
    margin-top: 30px;
    padding-right: 10px;
    background-image: url("../../../../assets/app/img/common/mo/ic_mo_arrow1.png");
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 100% 50%;
  }

  #introduce .sign_benefit .wrap_benefit {
    padding: 65px 0 25px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box h3 {
    font-size: 30px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px;
    padding: 0 20px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li {
    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-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    min-height: 60px;
    height: auto;
    max-width: calc(50% - 5px);
    margin-top: 10px;
    padding: 13px 10px 13px 50px;
    font-size: 8px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(odd) {
    margin-right: 10px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li em {
    font-size: 18px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(1)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(2)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(3)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li:nth-child(4)::after {
    width: 17px;
    height: 15px;
    left: 18px;
    top: 50%;
    margin-top: -7.5px;
  }

  #introduce .sign_benefit .wrap_benefit .right_box .point_list li.on {
    -webkit-box-shadow: 2.5px 3px 6px 0.3px rgba(24, 48, 88, 0.3);
    box-shadow: 2.5px 3px 6px 0.3px rgba(24, 48, 88, 0.3);
  }

  #introduce .sign_benefit .wrap_benefit .right_box .btn_typeB2 {
    width: 100%;
    margin: 40px auto 0;
  }

  #etc .terms .pageTitle {
    padding: 60px 0;
  }

  #etc .terms .wrap_con {
    padding-top: 37px;
  }

  #etc .terms .wrap_inquire {
    display: block;
  }

  #etc .terms .wrap_inquire .tit {
    font-size: 13px;
  }

  #etc .terms .wrap_inquire .inquire_area {
    margin-top: 6px;
    padding-left: 0;
  }

  #etc .terms .wrap_inquire .inquire_area .inquire_bundle .select_ui {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 100%;
  }

  #etc .terms .wrap_inquire .inquire_area .inquire_bundle .btn_inquire {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 72px;
    max-width: 72px;
    height: 40px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 40px;
  }

  #etc .terms .terms_area {
    margin-top: 25px;
    padding-top: 35px;
  }

  #etc .terms .terms_area .tit {
    font-size: 17px;
  }

  #etc .terms .terms_area .txt {
    font-size: 12px;
    line-height: 20px;
  }

  #etc .terms .terms_area .txt2 {
    font-size: 12px;
    line-height: 20px;
    text-indent: -22px;
    margin-left: 22px;
  }

  #etc .terms .terms_area .table {
    width: 100%;
  }

  #etc .terms .terms_area .table table {
    table-layout: fixed;
  }

  #etc .terms .terms_area .table th {
    padding: 10px 0;
    font-size: 12px;
  }

  #etc .terms .terms_area .table td {
    padding: 10px 15px;
    font-size: 12px;
    line-height: auto;
  }

  #etc .terms .terms_area .table td:first-child {
    border-left: 0;
  }

  #etc .terms .terms_area .table .shadow {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: url("../../../../images_customer/icon/table_shadow.png") repeat-y 100% 0;
  }

  #etc .landing .pageTitle {
    padding: 60px 0;
  }

  #etc .landing .Verificate {
    padding-top: 75px;
  }

  #etc .landing .Verificate::before {
    width: 60px;
    height: 60px;
  }

  #etc .landing .Verificate .desc1 {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
  }

  #etc .landing .Verificate .btn_typeB1 {
    margin-top: 43px;
  }

  #etc .landing .Verificate.completed::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_completed1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }

  #etc .landing .Verificate.already::before {
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_caution1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }

  #etc .errorpage .box {
    padding: 60px 20px;
  }

  #etc .errorpage .tit {
    font-size: 16px;
    padding-top: 80px;
    background-image: url("https://www.h-point.co.kr/assets/app/img/common/mo/ic_caution1.png");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center top;
  }

  #etc .errorpage .txt1 {
    font-size: 15px;
  }

  #etc .errorpage .txt2 {
    font-size: 14px;
  }

  .popup_ui .alert_common .tit {
    font-size: 16px;
  }

  .popup_ui .alert_common .t_txt1 {
    margin-top: 15px;
  }

  .popup_ui .alert_common .btn_ac {
    margin-top: 30px;
  }

  .pop_video .pop_tit {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .pop_coupon_detail .coupon_area {
    padding: 45px 30px 30px 35px;
  }

  .pop_coupon_detail .coupon_area .box_coupon .d_day {
    top: 10px;
    width: 34px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
  }

  .pop_coupon_detail .coupon_area .box_coupon .subject {
    font-size: 12px;
    line-height: 16px;
  }

  .pop_coupon_detail .coupon_area .box_coupon .subject.elps2 {
    min-height: 32px;
  }

  .pop_coupon_detail .coupon_area .box_coupon .subject.elps3 {
    min-height: 48px;
  }

  .pop_coupon_detail .coupon_area .box_coupon .date {
    font-size: 10px;
  }

  .pop_coupon_detail .content_area {
    padding: 0 20px 40px;
  }

  .pop_coupon_detail .content_area .detail_info {
    height: 280px;
    margin-right: -20px;
    overflow-y: auto;
    padding: 25px 20px 0 0;
  }

  .pop_coupon_detail .content_area .btn_ac {
    margin-top: 30px;
  }

  .pop_registered_member .tit {
    font-size: 16px;
  }

  .pop_registered_member .t_txt1 {
    margin-top: 15px;
  }

  .pop_registered_member .btn_ac {
    margin-top: 30px;
  }

  .pop_terms .terms_cont {
    max-height: 250px;
  }

  .pop_terms .btn_ac {
    margin-top: 25px;
  }

  .pop_marketing_agree .pop_tit2 {
    margin-bottom: 15px;
  }

  .pop_marketing_agree p.txt {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 14px;
    color: #333;
  }

  .pop_marketing_agree .box_tit {
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 14px;
    color: #111;
    margin: 25px 0 10px;
  }

  .pop_marketing_agree .box {
    padding: 15px 20px 17px;
    margin-bottom: 25px;
  }

  .pop_marketing_agree .box a,
  .pop_marketing_agree .box button {
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 14px;
    color: #111;
  }

  .pop_marketing_agree .btn_ac {
    margin-top: 25px;
  }

  .pop_marketing_agree .btn_ac a,
  .pop_marketing_agree .btn_ac button {
    margin-left: 15px;
  }

  .pop_marketing_agree .btn_ac a:first-child,
  .pop_marketing_agree .btn_ac button:first-child {
    margin-left: 0;
  }

  .pop_member_resign .pop_tit {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .pop_member_resign .pop_body .desc1 {
    font-size: 12px;
    line-height: 20px;
  }

  .pop_member_resign .pop_body .btn_area.btn_ac {
    margin-top: 35px;
  }

  .pop_member_resign .pop_body .btn_area.btn_ac a,
  .pop_member_resign .pop_body .btn_area.btn_ac button {
    margin-left: 15px;
  }

  .pop_verify_phone .wrap_info_cert,
  .pop_verify_email .wrap_info_cert {
    margin-top: 30px;
  }

  .pop_verify_phone .suggestion,
  .pop_verify_email .suggestion {
    padding-top: 28px;
    margin-top: 32px;
  }

  .pop_verify_phone .suggestion a,
  .pop_verify_email .suggestion a {
    font-size: 12px;
    margin-left: 25px;
    white-space: nowrap;
  }

  .pop_verify_phone .btn_area,
  .pop_verify_email .btn_area {
    margin-top: 30px;
  }

  .pop_verify_phone .tel_bundle {
    padding-bottom: 65px;
  }

  .pop_verify_phone .tel_bundle .inp_bundle:first-child {
    max-width: 80px;
    margin-right: 17px;
  }

  .pop_verify_phone .tel_bundle .btn_cert {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid #4e2bf4;
    color: #4e2bf4;
    font-size: 14px;
    background: transparent;
  }

  .pop_addr_search .pop_layer {
    padding: 40px 20px !important;
  }

  .pop_addr_search .pop_tit2 {
    margin-bottom: 20px;
  }

  .pop_addr_search .wrap_tab .tab {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    padding: 0 20px;
    margin-left: 12px;
  }

  .pop_addr_search .tab_con {
    margin-top: 20px;
    padding-top: 20px;
  }

  .pop_addr_search .wrap_rdo {
    margin-bottom: 20px;
  }

  .pop_addr_search .wrap_rdo .radio_ui {
    margin-right: 20px;
  }

  .pop_addr_search .txt {
    font-size: 14px;
  }

  .pop_addr_search .search_area {
    margin-top: 15px;
  }

  .pop_addr_search .search_area .btn_typeC2 {
    width: auto;
  }

  .pop_addr_search .result_area {
    margin-top: 20px;
  }

  .pop_addr_search .result_area .t_head .tit {
    display: inline-block;
    font-size: 14px;
    padding: 0;
  }

  .pop_addr_search .result_area .t_head .tit:first-child {
    padding: 12px 20px;
  }

  .pop_addr_search .result_area .t_body {
    max-height: 200px;
  }

  .pop_addr_search .result_area .t_body ul {
    padding: 12px 0;
  }

  .pop_addr_search .result_area .t_body li {
    margin-top: 12px;
  }

  .pop_addr_search .result_area .t_body .zip,
  .pop_addr_search .result_area .t_body .addr {
    font-size: 14px;
  }

  .pop_addr_search .result_area .t_body .zip {
    width: 90px;
  }

  .pop_addr_search .result_area .t_body .addr {
    width: calc(100% - 90px);
    padding-left: 0;
  }

  .pop_addr_search .result_area .no_data {
    font-size: 14px;
  }

  .pop_more_benefit .pop_layer {
    max-width: 808px !important;
    padding: 40px 20px !important;
  }

  .pop_more_benefit .pop_tit {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .pop_more_benefit .pop_body .tit1 {
    font-size: 15px;
    line-height: 23px;
  }

  .pop_more_benefit .pop_body .desc1 {
    font-size: 12px;
    line-height: 20px;
  }

  .pop_more_benefit .pop_body .desc2 {
    font-size: 12px;
    line-height: 20px;
    word-break: break-all;
  }

  .pop_more_benefit .pop_body .tab_ui.type1 {
    margin-top: 38px;
    height: auto;
    padding: 0;
  }

  .pop_more_benefit .pop_body .tab_ui.type1 .tab_inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pop_more_benefit .pop_body .tab_ui.type1 .tab {
    margin-top: 8px;
  }

  .pop_more_benefit .pop_body .tab_ui.type1 .tab a {
    height: 32px;
  }

  .pop_more_benefit .pop_body .benefit_contents {
    max-height: calc(100vh - 400px);
    margin: 35px -20px 0 0;
    padding-right: 20px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category {
    padding: 30px 0;
    border-top: 1px solid #999;
  }

  .pop_more_benefit .pop_body .benefit_contents .category:first-of-type {
    border-top: 2px solid #333;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box {
    padding-left: 0;
    margin-top: 12px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .cmt_guide2.mark1,
  .pop_more_benefit .pop_body .benefit_contents .category .info_box .desc2,
  .pop_more_benefit .pop_body .benefit_contents .category .info_box .bullet_type2.mark1 {
    margin-left: 6px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .tit1 {
    padding-left: 6px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .tit1::after {
    width: 3px;
    height: 3px;
    top: 10px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box:not(:first-of-type) {
    margin-top: 20px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .wrap_logo {
    position: relative;
    left: 0;
    top: 0;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .logo {
    width: 64px;
    height: 64px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .logo_name {
    position: absolute;
    margin-top: 0;
    text-align: left;
    font-size: 12px;
    top: 50%;
    left: 74px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner {
    padding-top: 14px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner:first-of-type {
    padding-top: 10px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner .tit1 {
    margin-bottom: 5px;
  }

  .pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner .bullet_type2.mark1,
  .pop_more_benefit .pop_body .benefit_contents .category .info_box .explain .ex_inner .cmt_guide2.mark1 {
    padding-top: 2px;
  }

  .pop_more_question .pop_tit {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .pop_more_question .pop_body .pop_wedding_list {
    border-top: 1px solid #4d4d4d;
  }

  .pop_more_question .pop_body .pop_wedding_list > li {
    padding: 13px 0 13px 90px;
  }

  .pop_more_question .pop_body .pop_wedding_list > li .tit {
    font-size: 13px;
    left: 10px;
  }

  .pop_more_question .pop_body .pop_wedding_list > li .bullet_type1.mark1 li {
    font-size: 13px;
  }

  .pop_more_question .pop_body .pop_wedding_list > li .bullet_type1.mark1 li::before {
    top: 8px;
  }

  .pop_where_use .logo_area {
    border-radius: 12px 12px 0 0;
    padding: 48px 30px 40px;
  }

  .pop_where_use .logo_area .division {
    padding-left: 115px;
    min-height: 95px;
  }

  .pop_where_use .logo_area .division .img_box {
    width: 95px;
    height: 95px;
    margin: -47.5px auto 0;
    padding: 0 10px;
  }

  .pop_where_use .logo_area .division .img_box img {
    max-height: 50px;
  }

  .pop_where_use .logo_area .division .brand_txt {
    width: 100%;
  }

  .pop_where_use .logo_area .division .brand_txt .tit1 {
    font-size: 14px;
    line-height: 17px;
  }

  .pop_where_use .logo_area .division .brand_txt .desc1 {
    margin-top: 8px;
    font-size: 11px;
    line-height: inherit;
  }

  .pop_where_use .logo_area .division .brand_txt .desc2 {
    font-size: 10px;
    line-height: inherit;
  }

  .pop_where_use .logo_area .btn_wrap {
    width: 100%;
    margin-top: 24px;
  }

  .pop_where_use .logo_area .btn_wrap .btn_typeC2 {
    height: 30px;
    line-height: 30px;
    width: 72px;
    font-size: 12px;
    padding: 0;
  }

  .pop_where_use .logo_area .btn_wrap .btn_typeC2 .mo_only {
    display: none !important;
  }

  .pop_where_use .content_area {
    padding: 0 20px 40px 20px;
  }

  .pop_where_use .content_area .detail_info {
    height: auto;
    max-height: 310px;
    margin-right: -20px;
    overflow-y: auto;
  }

  .pop_where_use .content_area .detail_info .scroll_area {
    padding: 27px 20px 0 0;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt {
    margin-top: 20px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt:first-child {
    margin-top: 0;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .tit1 {
    font-size: 14px;
    line-height: inherit;
    margin-bottom: 7px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .tit1 .link {
    font-size: 12px;
    line-height: 12px;
    padding-top: 13px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .tit2 {
    font-size: 13px;
    margin-bottom: 0;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .desc3 {
    font-size: 12px;
    margin-top: 7px;
    padding-left: 13px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .desc4 {
    font-size: 12px;
    margin-top: 10px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .desc5 {
    margin-top: 0;
    font-size: 13px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .bullet_type2.mark1 li {
    margin-top: 7px;
  }

  .pop_where_use .content_area .detail_info .scroll_area .info_txt .bullet_type2.mark1 li .pd {
    padding-left: 0;
  }

  .pop_modify_name .btn_ac {
    position: relative;
    padding-bottom: 60px;
  }

  .pop_modify_name .btn_ac a:first-child,
  .pop_modify_name .btn_ac button:first-child {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .pop_modify_name .btn_ac a:nth-child(2),
  .pop_modify_name .btn_ac button:nth-child(2) {
    margin-left: 0;
  }

  .pop_modify_pw .btn_ac,
  .pop_modify_tel .btn_ac,
  .pop_modify_email .btn_ac {
    margin-top: 30px;
  }

  .pop_modify_tel .tit_area {
    position: relative;
    margin-bottom: 25px;
  }

  .pop_modify_tel .tit_area .txt_right {
    display: block;
    position: static;
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 14px;
    color: #111;
    margin-top: 10px;
  }

  .pop_modify_tel .tel_bundle {
    padding-bottom: 65px;
  }

  .pop_modify_tel .tel_bundle .inp_bundle:first-child {
    max-width: 80px;
    margin-right: 17px;
  }

  .pop_modify_tel .tel_bundle .btn_cert {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid #4e2bf4;
    color: #4e2bf4;
    font-size: 14px;
    background: transparent;
  }

  .pop_modify_email .tit_area {
    position: relative;
    margin-bottom: 25px;
  }

  .pop_modify_email .tit_area .txt_right {
    display: block;
    position: static;
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 14px;
    color: #111;
    margin-top: 10px;
  }

  .pop_periodic_pw_change .con_txt {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 30px;
  }

  .pop_periodic_pw_change .wrap_inp + .wrap_inp {
    margin-top: 25px;
  }

  .pop_periodic_pw_change .btn_area {
    margin-top: 30px;
  }

  .pop_qna_change .pop_tit2 {
    margin-bottom: 8px;
  }

  .pop_qna_change .pop_desc {
    font-size: 12px;
    margin-bottom: 30px;
  }

  .pop_qna_change .divider {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .pop_qna_change .divider:last-child {
    margin-bottom: 30px;
  }

  .pop_qna_change .checkbox_ui.type1 {
    margin-top: 15px;
  }

  .pop_app_download .pop_layer {
    padding: 36px 20px 43px !important;
  }

  .pop_app_download .pop_tit {
    font-size: 20px;
    margin-bottom: 7px;
  }

  .pop_app_download .tit1 {
    font-size: 11px;
  }

  .pop_app_download .desc1 {
    font-size: 14px;
  }

  .pop_app_download .qr_list {
    margin-top: 25px;
  }

  .pop_app_download .qr_list li {
    width: calc(50% - 7px);
    height: 128px;
    border-radius: 8px;
    padding-top: 20px;
  }

  .pop_app_download .qr_list li:first-child {
    margin-right: 14px;
  }

  .pop_app_download .qr_list li > img {
    width: 53px;
    margin: 0 auto 7px;
  }

  .pop_app_download .send_url {
    margin-top: 35px;
  }

  .pop_app_download .send_url .tit1 {
    font-size: 15px;
  }

  .pop_app_download .send_url .inp_bundle {
    margin: 10px 0;
  }

  .pop_app_download .send_url .inp_bundle .btn_right {
    width: 90px;
  }

  .pop_mobal_banner .swiper-slide img {
    border-radius: 12px;
  }

  .pop_mobal_banner .swiper-pagination {
    margin-top: 15px;
  }

  .pop_mobal_banner .btn_not_today {
    position: absolute;
    right: 25px;
    top: -33px;
  }

  .pop_mobal_banner .btn_not_today label {
    font-size: 13px;
    padding-left: 20px;
  }

  .pop_mobal_banner .btn_not_today label::before {
    top: 3px;
    width: 13px;
    height: 13px;
  }

  .pop_mobal_banner .btn_not_today label::after {
    left: 4px;
    top: 7px;
    width: 5px;
    height: 5px;
  }

  .pop_mobal_banner .btn_pop_close {
    right: 0;
    top: -30px;
    background-image: url("../../../../assets/app/img/common/mo/ic_x2.png");
    background-position: right center;
  }

  .page_top_banner .wrap_banner_pc {
    display: none;
  }

  .page_top_banner .wrap_banner_mo {
    display: block;
  }

  .page_top_banner .wrap_close {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 40px;
  }

  .page_top_banner .wrap_close .inner {
    padding: 5px 20px 0;
  }

  .page_top_banner .wrap_close .btn_not_today {
    position: relative;
    right: auto;
    top: auto;
  }

  .page_top_banner .wrap_close .btn_not_today label {
    font-size: 12px;
    padding-left: 20px;
  }

  .page_top_banner .wrap_close .btn_not_today label::before {
    top: 8px;
    width: 13px;
    height: 13px;
  }

  .page_top_banner .wrap_close .btn_not_today label::after {
    left: 4px;
    top: 12px;
    width: 5px;
    height: 5px;
  }

  .page_top_banner .wrap_close .btn_close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-indent: 0;
    padding-right: 0;
  }

  .page_top_banner .wrap_close .btn_close > span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }

  .page_top_banner .wrap_close .btn_close::before {
    display: none;
  }

  .page_top_banner.guest .wrap_close {
    background-color: #4520af;
  }

  .page_top_banner.member .wrap_close {
    background-color: #333;
  }

  .btm_float_banner .wrap_banner_pc {
    display: none;
  }

  .btm_float_banner .wrap_banner_mo {
    display: block;
  }

  .btm_float_banner .wrap_banner_mo img {
    width: 100%;
    border-radius: 20px 20px 0 0;
  }

  .btm_float_banner .wrap_banner_mo .swiper-pagination {
    position: absolute;
    left: auto;
    right: 16px;
    top: 15px;
    bottom: auto;
    width: auto;
  }

  .btm_float_banner .wrap_close {
    position: static;
    height: 50px;
    padding-top: 12px;
  }

  .btm_float_banner .wrap_close .inner {
    padding: 0 20px;
  }

  .btm_float_banner .wrap_close .btn_not_today {
    position: relative;
    right: auto;
  }

  .btm_float_banner .wrap_close .btn_not_today label {
    font-size: 13px;
    color: #808080;
    padding-left: 20px;
  }

  .btm_float_banner .wrap_close .btn_not_today label::before {
    top: 8px;
    width: 13px;
    height: 13px;
  }

  .btm_float_banner .wrap_close .btn_not_today label::after {
    left: 4px;
    top: 12px;
    width: 5px;
    height: 5px;
  }

  .btm_float_banner .wrap_close .btn_close {
    position: absolute;
    right: 20px;
    top: 3px;
    font-size: 13px;
    padding-right: 0;
  }

  .btm_float_banner .wrap_close .btn_close > span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }

  .btm_float_banner .wrap_close .btn_close::before {
    display: none;
  }
  
/* 포인트 */
/* 포인트 제휴 */
#customer .collect_transform .point_visual {
    height: auto;
    padding: 55px 0 48px;
    background: #ffffff;
  }

  #customer .collect_transform .point_visual::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 35px auto 0;
    padding-bottom: 90.5%;
    background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_point_mobile_1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
  }

  #customer .collect_transform .point_visual .inner {
    padding: 0 10px;
  }

  #customer .collect_transform .point_visual h3 {
    font-size: 28px;
    line-height: 38px;
  }

  #customer .collect_transform .point_visual .desc1 {
    margin-top: 18px;
  }

  #customer .collect_transform .point_visual .cmt_guide1.mark1 {
    margin-top: 8px;
  }



  /* 문화/여가 */
  #customer .collect_transform .culture_visual {
    height: auto;
    padding: 55px 0 48px;
    background: #ffffff;
  }

  
  #customer .collect_transform .culture_visual::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0px auto 0;
    padding-bottom: 68.5%;
    background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_culture_mobile_3.png");
    background-repeat: no-repeat;
    background-size: 100% ;
    background-position: 0 0;
  }

  #customer .collect_transform .culture_visual .inner {
    padding: 0 10px;
  }

  #customer .collect_transform .culture_visual h3 {
    font-size: 28px;
    line-height: 38px;
  }

  #customer .collect_transform .culture_visual .desc1 {
    margin-top: 18px;
  }

  #customer .collect_transform .culture_visual .cmt_guide1.mark1 {
    margin-top: 8px;
  }



  /* 기부 */
  #customer .collect_transform .donate_visual {
    height: auto;
    padding: 55px 0 48px;
    background: #ffffff;
  }
  
  #customer .collect_transform .donate_visual::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 35px auto 0px;
    padding-bottom: 75.5%;
    background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_donation_mobile_1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
  }
  
  #customer .collect_transform .donate_visual .inner {
    padding: 0 10px;
  }
  
  #customer .collect_transform .donate_visual h3 {
    font-size: 28px;
    line-height: 38px;
  }
  
  #customer .collect_transform .donate_visual .desc1 {
    margin-top: 18px;
  }
  
  #customer .collect_transform .donate_visual .cmt_guide1.mark1 {
    margin-top: 8px;
  }
  
  

  /* 설문/퀴즈 */
  #customer .collect_transform .quiz_visual {
    height: auto;
    padding: 55px 0 48px;
    background: #ffffff;
  }

  #customer .collect_transform .quiz_visual::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 35px auto 0;
    padding-bottom: 60.5%;
    background-image: url("https://www.h-point.co.kr/images_customer/alli/img_vis_add_quiz_mobile_1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
  }


  #customer .collect_transform .quiz_visual .inner {
    padding: 0 10px;
  }

  #customer .collect_transform .quiz_visual h3 {
    font-size: 28px;
    line-height: 38px;
  }

  #customer .collect_transform .quiz_visual .desc1 {
    margin-top: 18px;
  }

  #customer .collect_transform .quiz_visual .cmt_guide1.mark1 {
    margin-top: 8px;
  }
  
  /***후크 체험단***/
  #hook .hook_introduce .wrap_intro .desc1 {
     font-size: 14px;
     text-align: left;
  }
  
  #hook .hook_introduce .wrap_intro .desc2 {
    font-size: 20px;
  }
  
  #hook .hook_introduce .wrap_intro .tit1 {
    font-size: 28px;
  }
  
  #hook .hook_introduce .wrap_intro .tit2 {
    font-size: 20px;
    line-height: initial;
  }
  
  #hook .hook_introduce .wrap_intro .tit3 {
    font-size: 28px;
  }
  
  #hook .hook_introduce .wrap_intro .tit3 .small {
    font-size: 18px;
  }
  
  #hook .hook_introduce .wrap_intro .hook_logo {
    width: 142px;
    height: 29px;
    background-image: url("https://www.h-point.co.kr/images_customer/logo/img_logo_hpay_1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    margin: 0;
  
  }
  
  #hook .hook_introduce .wrap_intro .part1 .inner {
    padding: 30px 0 75px;
  }
  
  #hook .hook_introduce .wrap_intro .part1 .inner::before {
    position: relative;
    width: 364px;
    height: 195px;
    padding-bottom: 0;
    margin: 0 0 30px -182px;
    left: 50%;
    background-image: url("https://hpoint.speedgabia.com/WEB/hook/web_hook_img_1.png");
    background-repeat: no-repeat;
    background-size: 364px;
    background-position: 0 0;
  }
  
  #hook .hook_introduce .wrap_intro .part1 .desc1 {
    margin-top: 25px;
  }
  
    #hook .hook_introduce .wrap_intro .part2 {
      background: #e8ebff;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .inner {
      padding: 75px 0;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list {
      margin-top: 0px;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 113px;
      height: 90px;
      background-image: url("https://www.h-point.co.kr/assets/app/css/screen.ui.css?version=202202170001");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list::after {
      content: '';
      position: absolute;
      right: 20px;
      bottom: 0px;
      width: 55px;
      height: 41px;
      background-image: url("https://www.h-point.co.kr/assets/app/css/screen.ui.css?version=202202170001");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li {
      margin: 55px auto 0;
      overflow: visible;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li:first-child {
      margin-top: 0;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li .img_box {
      float: none !important;
      width: 65%;
      min-width: 195px;
      margin: 0 auto;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li .txt_box {
      width: 100%;
      text-align: center !important;
      float: none !important;
      padding: 22px 0 0 0;
    }

   #hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(4) .txt_box {
      text-align: right;
      padding-left: 0;
      padding-right: 0px;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li .txt_box .desc2 {
      margin-top: 6px;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(2) {
      position: relative;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(2)::before {
      content: '';
      position: absolute;
      right: 7px;
      top: 5px;
      width: 28px;
      height: 28px;
      background-image: url("https://www.h-point.co.kr/assets/app/css/screen.ui.css?version=202202170001");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
    }

  
    #hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(3) {
      position: relative;
    }
  
    #hook .hook_introduce .wrap_intro .part2 .method_list li:nth-child(3)::before {
      content: '';
      position: absolute;
      left: -20px;
      top: -25px;
      width: 43px;
      height: 53px;
      background-image: url("https://www.h-point.co.kr/assets/app/css/screen.ui.css?version=202202170001");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
    }
  
    #hook .hook_introduce .wrap_intro .part3 .inner {
      padding: 75px 0 100px;
    }
  
    #hook .hook_introduce .wrap_intro .part3 .desc1 {
      margin-top: 10px;
      text-align: center;
    }
  
    #hook .hook_introduce .wrap_intro .part3 .brand_list {
      display: block;
      width: 100%;
    }
  
    #hook .hook_introduce .wrap_intro .part3 .brand_list li {
      width: calc(50% - 8px);
      height: 80px;
      margin-right: 15px;
    }  
}

@media screen and (max-width: 400px) {
  .box_coupon .wrap_txt {
    padding-top: 4.5%;
  }

  .pop_coupon_detail .coupon_area .box_coupon .wrap_txt {
    padding-top: 4.5%;
  }
}

@media screen and (max-width: 370px) {
  .pop_coupon_detail .coupon_area .box_coupon .wrap_txt {
    padding-top: 10%;
  }
}

@media screen and (max-width: 350px) {
  .box_coupon .thumbnail {
    padding: 0 15px 0 17px;
  }

  .box_coupon .wrap_txt {
    padding-top: 10%;
  }

  .box_coupon .subject {
    font-size: 14px;
  }

  .box_coupon .date {
    font-size: 9px;
  }

  .pop_coupon_detail .coupon_area {
    padding: 45px 20px 30px 20px;
  }
}

@media screen and (max-width: 320px) {
  .wrap_paging .pagination-prev {
    margin-right: 10px;
  }

  .wrap_paging .pagination-next {
    margin-left: 10px;
  }
}
/*# sourceMappingURL=../../../sourcemaps/assets/app/css/screen.ui.css.map */