@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; line-height: 1.15; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: .67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; outline: 0; }

a:focus, button:focus, textarea:focus { outline: 0; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: .35em .75em .625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; resize: none; }

[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

[hidden], template { display: none; }

html, body { box-sizing: border-box; }

button, a { background: inherit; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer; text-decoration: none; }

button:hover, a:hover { color: inherit; }

button:disabled, a:disabled { cursor: default; }

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

em { font-style: normal; }

fieldset { margin: 0; padding: 0; border: 0; margin: 0; padding: 0; border: 0; -webkit-padding-before: 0; padding-block-start: 0; -webkit-padding-after: 0; padding-block-end: 0; -webkit-padding-start: 0; padding-inline-start: 0; -webkit-padding-end: 0; padding-inline-end: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; min-inline-size: auto; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

p { -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0; margin-block-end: 0; }

caption, legend, .hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

:root { --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --body-font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif; --body-font-size: 62.5%; --body-font-weight: 400; --body-line-height: $line-heigth-md; --body-color: $black; --body-bg: #fff; --neutral-900: #212121; --neutral-800: #353535; --neutral-700: #444447; --neutral-600: #5e5e66; --neutral-500: #7e7e8f; --neutral-400: #a5a5ba; --neutral-300: #c0c0cf; --neutral-200: #dcdce4; --neutral-150: #eaeaef; --neutral-100: #f6f6f9; --neutral-0: #ffffff; --neutral-boxshadow: #eaeaef; --primary-700: #00aa6c; --primary-600: #35a336; --primary-500: #5cb176; --primary-200: #c6f0c2; --primary-100: #eafbe7; --primary-boxshadow: #aecc53; --success-700: #005729; --success-600: #008551; --success-500: #5cb176; --success-200: #c6f0c2; --success-100: #eafbe7; --success-boxshadow: #5cb176; --danger-700: #d02b20; --danger-600: #dc3545; --danger-500: #ee5e52; --danger-200: #f5c0b8; --danger-100: #fcecea; --danger-boxshadow: #ee5e52; --warning-700: #f69220; --warning-600: #ffaa00; --warning-500: #ffba31; --warning-200: #fae7b9; --warning-100: #fdf4dc; --warning-boxshadow: #ffba31; --secondary-700: #028bb6; --secondary-600: #06aadd; --secondary-500: #4bc6ec; --secondary-200: #b8e1ff; --secondary-100: #eaf5ff; --secondary-boxshadow: #4bc6ec; --alternative-700: #7ea012; --alternative-600: #9cc125; --alternative-500: #c2e35a; --alternative-200: #d3ee7d; --alternative-100: #ebfeaf; --alternative-boxshadow: #c2e35a; --boxshadow-primaty: #aecc53; --boxshadow-gray: rgba(0,0,0,.15); --gutter-x: 1rem ; --gutter-y: 1.5rem ; --container-padding-x: --gutter-x * .5 ; --row-margin-x: --gutter-x * -1 ; --selex-zero: 0; --selex-xxxl: 2.4rem; --selex-xxl: 2rem; --selex-xl: 1.9rem; --selex-lg: 1.8rem; --selex-md: 1.6rem; --selex-sm: 1.5rem; --selex-xs: 1.4rem; --selex-xxs: 1.3rem; --selex-xxxs: 1.2rem; --body-font-size: 1.4rem; --selex--green: #00a972; --selex--yellow: #ffde00; --selex--blue: #296df6; --selex--gray-100: #f2f2f2; --selex--gray-200: #e9e9e9; --selex--gray-300: #bbb; --selex--gray-400: #9a9a9a; --selex--gray-500: #636363; --selex--gray-600: #0a0a0a; --selex--danger: #ff6161; --selex--sucesse: #4194f3; }

/*******************************************************************
font - Pretendard
********************************************************************/
@font-face { font-family: 'Pretendard'; font-weight: 700; src: local("Pretendard Bold"), url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 600; src: local("Pretendard SemiBold"), url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 500; src: local("Pretendard Medium"), url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 400; src: local("Pretendard Regular"), url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: local('NotoSansKR Thin'), url('../fonts/NotoSansKR-Thin.ttf') format('ttf'), url('../fonts/NotoSansKR-Thin.ttf') format('ttf'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: local('NotoSansKR Light'), url('../fonts/NotoSansKR-Light.ttf') format('ttf'), url('../fonts/NotoSansKR-Light.ttf') format('ttf'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: local('NotoSansKR Regular'), url('../fonts/NotoSansKR-Regular.ttf') format('ttf'), url('../fonts/NotoSansKR-Regular.ttf') format('ttf'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: local('NotoSansKR Medium'), url('../fonts/NotoSansKR-Medium.ttf') format('ttf'), url('../fonts/NotoSansKR-Medium.ttf') format('ttf'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: local('NotoSansKR Bold'), url('../fonts/NotoSansKR-Bold.ttf') format('ttf'), url('../fonts/NotoSansKR-Bold.ttf') format('ttf'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: local('NotoSansKR Black'), url('../fonts/NotoSansKR-Black.ttf') format('ttf'), url('../fonts/NotoSansKR-Black.ttf') format('ttf'); }

html { min-width: 320px; overflow-x: auto; overflow-y: scroll; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin: 0; font-family: var(--body-font-family); font-size: 62.5%; font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); text-align: var(--body-text-align); background-color: var(--body-bg); text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */ }

html::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */ }

#test * { font-family: var(--body-font-family); }

img { width: 100%; height: auto; }

hr { margin: 20px 0; border-top: 1px solid #ccc; border-bottom: 0; }

a { color: inherit; text-decoration: none; }

a:hover { color: inherit; }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0); }

/* SkipNavi */
#skipNav { position: relative; z-index: 9999; }

#skipNav a { position: absolute; top: -200px; left: 0; width: 100%; line-height: 30px; border: 1px solid #dedede; background-color: #333; }

#skipNav a:focus, #skipNav a:active { top: 0; }

.wrap { width: 100%; position: relative; }

.section + .section { margin-top: 2rem; }

.section.is-fullwidth { padding: 0; }

.section--title-box { display: flex; justify-content: space-between; align-items: center; }

.section--title { color: #555; }

.section .title-h2 { font-size: 2.4rem; font-weight: 600; color: #0a0a0a; }

.section .title-h2.is-regular { font-weight: normal; }

.section .title-h2.is-small { font-size: 2rem; }

.container { flex-grow: 1; position: relative; padding-left: 2rem; padding-right: 2rem; margin: 0 auto; width: auto; }

body.view--pc.is-clipped { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden !important; }

.dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 5; }

.dimmed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 6; }

.dimmed--transparent { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 9; }

@-webkit-keyframes ani-opacity-active { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes ani-opacity-active { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes ani-opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes ani-opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

.dot-list { margin-left: .8rem; }

.dot-list li { position: relative; }

.dot-list li::before { content: ''; width: 4px; height: 4px; background-color: #313131; border-radius: 50%; top: 50%; transform: translateY(-50%); position: absolute; left: -.8rem; }

.dot-list li + li { margin-top: 8px; }

.dot-list li p { margin: 0; font-size: 14px; font-weight: 400; color: #363940; line-height: 24px; }

.dot-list li b { font-weight: 400; color: #1f4799; }

.dot-list.dot--top li::before { top: 0; transform: translateY(0); margin-top: 8px; }

.side-nav--pc { display: none; width: 100%; max-width: 64rem; }

.view--pc { background-color: #fff; }

.view--pc a[href^="tel:"] { pointer-events: none; }

.view--pc .wrap { max-width: 64rem; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.view--pc .container { max-width: 64rem; }

.view--pc .side-nav--pc { display: none; position: relative; background: rgba(255, 255, 255, 0.2); }

.view--pc::before { display: none; }

.view--pc .main { background-color: #fff; }

.view--pc .main.bg--gray { background-color: #f2f2f2; }

@media (min-width: 1280px) { .view--pc .side-nav--pc { display: block; width: 100%; left: 0; }
  .view--pc .side-nav--pc .container { position: fixed; display: block; width: 100%; }
  body.view--pc .flex-box .wrap { width: 64rem; right: 0;}
  body.view--pc .flex-box { width: 128rem; margin: auto; justify-content: normal;}
}

@media (max-width: 640px) { .view--pc .wrap { min-width: 100%; }
  body.view--pc .flex-box { justify-content: center; }
}

.msg { display: block; margin-top: 5rem; font-size: 1.2rem; }

.msg-box { padding: 2rem; background-color: #f2f2f2; }

.msg-box.--bottom { position: absolute; left: 0; right: 0; bottom: 0; }

.msg-box.--above-btn { position: absolute; left: 0; right: 0; bottom: 60px; }

.msg-box.is-normal { padding: 0; background-color: #fff; }

.msg-box .desc { margin-top: 1rem; font-size: 1.4rem; color: #242424; }

.msg__title { display: flex; justify-content: flex-start; align-items: center; font-size: 1.1rem; font-weight: 500; color: #0a0a0a; line-height: 1; }

.msg__title::before { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url(../images//ico/ico_tip1.svg); background-position: center; background-repeat: no-repeat; background-size: cover; /* vertical-align: middle; */ margin-right: 0.2rem; }

.msg__title.--large { font-size: 1.4rem; font-weight: 600; }

.msg__title.--large::before { display: none; }

.msg__list { margin-top: 1.2rem; font-size: 1.2rem; color: #636363; line-height: 1.5rem; }

.msg__list li { position: relative; margin-left: .6rem; word-break: keep-all; }

.msg__list li + li { margin-top: .8rem; }

.msg__list li::before { content: ""; position: absolute; top: .5rem; left: -.4rem; width: .2rem; height: .2rem; background-color: #636363; border-radius: 50%; }

.msg__list li .tel { color: #2b2b2b; text-decoration: underline; }

.msg__list li .black { color: #0a0a0a; }

.msg.msg--succese { color: #4194f3; }

.msg.msg--error { color: #ff6161; }

.main { position: relative; z-index: 2; min-height: calc(100vh - 4.8rem); padding-bottom: 6rem; }

body.view--pc { display: block !important; }

body.view--pc .flex-box { display: flex; flex-direction: row-reverse; }

.more__list > li { display: none; }

.banner--img { font-size: 0; padding: 0; }

.banner--img .btn { padding: 0; font-size: 0; border: 0; }

.tabs--search { display: none; }

.tabs--search.is-active { display: block; }

.is-nodeite * { background-color: transparent !important; }

.is-nodeite p { text-align: left !important; font-size: 1.4rem !important; line-height: 2rem !important; }

.is-nodeite s { text-decoration: none !important; }

.is-nodeite sub, .is-nodeite sup { font-size: 100% !important; line-height: 2rem !important; position: relative !important; vertical-align: middle !important; }

.is-nodeite sub { bottom: 0 !important; }

.is-nodeite sup { top: 0 !important; }

.is-nodeite em, .is-nodeite p, .is-nodeite s, .is-nodeite u, .is-nodeite strong, .is-nodeite sup, .is-nodeite sub, .is-nodeite span { font-family: 'Pretendard', '-apple-system', 'BlinkMacSystemFont', system-ui, sans-serif !important; }

.is-nodeite a { color: #00a972 !important; text-decoration: underline; }

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

input[type="number"]:focus { outline: 0; }

input[type=number] { -moz-appearance: textfield; }

*::-moz-selection { background-color: #00a870; color: #fff; }

*::selection { background-color: #00a870; color: #fff; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { background-color: transparent !important; -webkit-box-shadow: 0 0 0 50px white inset; }

.logo { display: inline-block; overflow: hidden; height: 100%; padding: .4rem 0; }

.logo img { width: auto; height: 100%; }

.is-top-shadow > *::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; display: block; height: 4px; width: 100%; background-image: url(/assets/images/sd_4px.png); }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #0a0a0a; box-shadow: 0 0 0px 1000px #fff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }

input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active { -webkit-text-fill-color: #0a0a0a; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; }

.renewal .msg-box + .msg-box { margin-top: 2rem; }

.renewal .msg-box { padding: 0; background-color: transparent; }

.renewal .msg__title { margin-bottom: 1.2rem; font-size: 1.8rem; color: #636363; }

.renewal .msg__list { margin-top: 0; font-size: 1.6rem; color: #666; line-height: 1.5; }

.renewal .msg__list li::before { top: 0.8rem; left: -1rem; width: 0.4rem; height: 0.4rem; background-color: #666; }

.renewal .msg__list li + li { margin-top: 0.4rem; }

.renewal .msg__list.--light { color: #9a9a9a; }

.renewal .msg__list.--black { 
  color: #0a0a0a;
}

.renewal .msg__list.--black li::before {
  background-color: #0a0a0a;
}

.renewal .type-list {
  display: flex;
  justify-content: space-around;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 1px solid #e7e7e7;
}

.renewal .type-list li {
  width: auto;
  color: #666;
}

.select__box { position: relative; margin-right: -1.4rem; font-size: 1.6rem; }

.select__btn { margin: 1.2rem 1.4rem; white-space: nowrap; }

.select__btn::after { content: ''; display: inline-block; width: 1.4rem; height: 1.4rem; margin-left: 0.5rem; background-image: url(../images/ico/ico_arrow_down_gray.svg); background-size: cover; }

.select__list { display: none; position: absolute; z-index: 2; top: 0; right: 1.4rem; padding: 1.2rem 0; text-align: center; white-space: nowrap; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(61, 139, 114, 0.2); }

.select__list.is-visible { display: block; }

.select__list--btn { padding: 1.2rem 2.4rem; }

.btn { display: inline-block; padding: 1rem 1.6rem; margin-bottom: 0; font-size: 14px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 2rem; text-decoration: none; outline: 0; transition: all .1s ease-in-out; color: #0a0a0a; }

.btn.--arrow::after {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4rem;
  vertical-align: bottom;
  background-image: url(../images/ico/ico_next.svg);
  background-size: cover;
}

.btn-small { padding-top: .75rem; padding-bottom: .6rem; font-size: 1.5rem; }

.btn-small--radius { border-radius: .6rem; }

.btn-xlarge { padding-top: 1.4rem; padding-bottom: 1.3rem; font-size: 1.9rem; border-top-left-radius: 2.4rem; border-top-right-radius: 2.4rem; border-bottom-left-radius: 2.4rem; border-bottom-right-radius: 2.4rem; }

.btn-large { padding: 1.2rem 2rem; font-size: 1.4rem; }

.btn-primary { background-color: #00a972; color: #fff; }

.btn-primary--nobackground { background-color: #fff; color:#0a0a0a; border:solid 1.5px  #0a0a0a; }

.btn-primary.btn-outline { color: #00a972; border-color: #00a972; background-color: #fff; }

.btn-primary:hover { color: #fff; }

.btn-link { margin: -1rem -1.6rem; font-size: 1.4rem; color: #0a0a0a; }

.btn-link::after { content: ''; display: block; height: 1px; background-color: #0a0a0a; }

.btn-link.is-bold { font-size: 1.3rem; font-weight: 700; }

.btn-outline-primary { background-color: #fff; border: solid 1px #00a972; font-weight: normal; color: #00a972; }

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus { color: #00a972; }

.btn.is-fullwidth { width: 100%; }

.btn.font-large { font-size: 1.9rem; }

.btn--line--black { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #0a0a0a; border-radius: 0.8rem; border: 1px solid #bbb; background-color: #fff; }

.btn--line--black.is-small { padding: 1.2rem 0; font-size: 1.4rem; }

.btn--line--black:disabled { background-color: #e9e9e9; color: #9a9a9a; border-color: #e9e9e9; cursor: auto; }

.btn--solid--black { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #fff !important; border-radius: 0.8rem; border: 1px solid #0a0a0a; background-color: #0a0a0a; }

.btn--solid--black.is-small { padding: 1.2rem 0; font-size: 1.4rem; }

.btn--solid--black:hover { color: #fff; }

.btn--solid--black.is-order { width: auto; border-radius: 0; padding: 0 1.6rem; white-space: nowrap; }

.btn--solid--black:disabled { color: #fff; border-color: #9a9a9a; background-color: #9a9a9a; cursor: auto; }

.btn--solid--black.is-disabled { color: #fff; border-color: #9a9a9a; background-color: #9a9a9a; cursor: auto; }

.btn--solid--black.--type2:disabled { color: #9a9a9a !important; border-color: #f2f2f2; background-color: #f2f2f2; }

.btn--solid--gray { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #fff; border-radius: 0.8rem; background-color: #9a9a9a; }

.btn--solid--gray.is-order { width: auto; border-radius: 0; padding: 0 1.6rem; white-space: nowrap; }

.btn--solid--gray.font-large { font-size: 1.9rem; }

.btn--solid--green { width: 100%; padding: 1.5rem 0; font-size: 1.6rem; color: #fff !important; border-radius: 0.8rem; background-color: var(--selex--green); }

a.btn--solid--gray:hover, button.btn--solid--gray:hover { color: #fff; }

.btn-input { margin-left: 0.4rem; }

.btn--line--gray { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #0a0a0a; border-radius: 0.8rem; border: 1px solid #bbb !important; background-color: #fff; }

.btn-area { margin-top: 4rem; }

.btn-area.is-vertical .btn + .btn { margin-top: 0.8rem; }

.btn-area.is-half { display: flex; justify-content: space-between; }

.btn-area.is-half .btn { width: 100%; }

.btn-area.is-half .btn + .btn { margin-left: 0.8rem; }

.btn-area.is-right { text-align: right; }

.btn-area.is-center { text-align: center; }

.btn .yellow { color: #ffde00; }

.btn--edit { width: 2.2rem; height: 2.2rem; position: relative; top: -0.3rem; background-image: url(../images/ico/ico_edit.svg); background-size: 2.2rem; background-repeat: no-repeat; }

.btn--edit.is-disabled { background-image: url(../images/ico/ico_edit_disabled.svg); }

.btn--solid--light-gray { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #0a0a0a; border-radius: 0.8rem; background-color: #f2f2f2; }

.btn--solid--white { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #0a0a0a; border-radius: 0.8rem; background-color: #fff; }

.btn--arrow { font-size: 1.5rem; color: #0a0a0a; }

.btn--arrow::after { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url(../images/ico/ico_arrow_r.svg); background-size: 1.2rem; background-repeat: no-repeat; transform: translate(0.4rem, 0.1rem); }

.btn--refresh { width: 2.8rem; height: 2.8rem; background-image: url(../images/ico/ico_refresh.svg); background-position: 50%; background-size: 2.8rem; }

.btn--line--green { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: var(--selex--green); border-radius: 0.8rem; border: 1px solid var(--selex--green); background-color: #fff; }

.btn--line--green:hover { color: var(--selex--green); }

.btn-maeil .maeil { display: inline-block; width: 3.2rem; margin-right: 0.2rem; vertical-align: text-bottom; }

.renewal .tooltip__btn::after { width: 2.2rem; height: 2.2rem; background-image: url(../images/ico/icon_info.svg); }

.renewal .btn--refresh { width: 2.4rem; height: 2.4rem; }

.renewal .btn--refresh.is-active { transform: rotate(360deg); transition: all 0.3s; }

.renewal .btn--line--gray { width: 100%; padding: 1rem 0; font-size: 1.6rem; color: #333; /* color: #0a0a0a; */ border-radius: 2rem; border: 0.5px solid #999 !important; background-color: #fff; }

.renewal .btn--line--gray.is-disabled { color: #a7a7a7; border: 0.5px solid #f0f0f0 !important; background-color: #f0f0f0; }

.renewal .btn.--point::before { content: ''; display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: 0.6rem; background-image: url(../images/ico/icon_point_coin.svg); background-size: cover; vertical-align: bottom; }

.renewal .btn__date.--select::after { content: ''; display: inline-block; width: 1.4rem; height: 1.4rem; margin-left: 0.4rem; background-image: url(../images/ico/ico_arrow_down_gray.svg); background-size: cover; vertical-align: inherit; }

.field.is-readonly input[type="text"], .field.is-readonly input[type="email"], .field.is-readonly input[type="password"] { border-color: transparent; }

.field label, .order__field label { position: relative; font-size: 1.4rem; font-weight: 500; color: #0a0a0a; }

.field.is-required > .title::after, .field.is-required > label::after, .order__field.is-required > .title::after, .order__field.is-required > label::after { content: ''; position: absolute; top: 0; right: -.4rem; width: .4rem; height: .4rem; background-color: #ff4b4b; border-radius: 50%; }

.field > .title { position: relative; font-size: 1.4rem; font-weight: 700; color: #0a0a0a; }

.field + .field { margin-top: 2rem; }

.field .msg { display: none; margin-top: .4rem; }

.field.is-active .control__btn { display: block; }

.field.is-error { color: #ff6161; }

.field.is-error .msg { display: block; }

.field.is-error .control input[type="text"], .field.is-error .control input[type="email"], .field.is-error .control input[type="password"] { border-color: #ff6161; }

.field.is-sussece { color: #4194f3; }

.field.is-sussece .msg { display: block; }

.field.is-sussece .control input[type="text"], .field.is-sussece .control input[type="email"], .field.is-sussece .control input[type="password"] { border-color: #4194f3; }

.field.is-grouped .control { display: flex; justify-content: flex-start; align-items: center; }

.field.is-grouped .btn { margin-left: 1rem; }

.field.is-grouped .btn:disabled { background-color: #f2f2f2; color: #9a9a9a; cursor: auto; }

.field.is-grouped .promotion .btn:disabled { border-color: #9a9a9a; background-color: #9a9a9a; color: #9a9a9a; cursor: auto; }

.field.is-readonly .control input[type="text"], .field.is-readonly .control input[type="email"], .field.is-readonly .control input[type="password"] { border-color: transparent; }

.field.--line label { font-size: 1.8rem; font-weight: 600; }

.field.--line .control + .control { margin-top: 0.8rem; }

.field.--line input[type="text"] { padding: 1.3rem 0; font-size: 1.5rem; }

.field.--line input[type="text"]:focus { border-color: #0a0a0a; }

.field.--line + .field.--line { margin-top: 3.2rem; }

.control { position: relative; margin-top: .4rem; }

.control__btn { display: none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30px; height: 30px; }

.control__btn img { max-width: 1.6rem; vertical-align: middle; }

input[type="text"], input[type="email"], input[type="password"], input[type="number"] { position: relative; display: inline-block; padding: .6rem 0 .5rem; border: 0; border-bottom: 1px solid #bbb; width: 100%; font-size: 1.6rem; color: #0a0a0a; line-height: 1.9rem; border-radius: 0; }

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder { font-size: inherit; color: #bbb; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder { font-size: inherit; color: #bbb; }

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder { font-size: inherit; color: #bbb; }

input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled { background-color: transparent; border-bottom: 1px solid #bbb; }

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus { border-color: #00a972; outline: 0; }

input[type="radio"], input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 2.2rem; cursor: pointer; font-size: 1.3rem; color: #0a0a0a; vertical-align: middle; }

input[type="radio"] + label span input[type="checkbox"] + label span { vertical-align: middle; }

/* input[type="checkbox"] + label:before {
    content:'';
    position:absolute;
    left: 0;
    top: 0;
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    background: #fff;
    border: 1px solid #bbb;
    box-sizing: border-box;
    border-radius: 3px;
    background-image: url(../images/ico/ico_check_d.svg);
    background-size: 1.4rem;
    background-position: center;

}

input[type="checkbox"]:checked + label:after {
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #00a972;
    background-image: url(../images/ico/ico_check_p.svg);
    background-size: 1.4rem;
    background-position: center;
    border-radius: 3px;
} */
input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.6rem; text-align: center; background: #fff; border: 1px solid #bbb; box-sizing: border-box; border-radius: 3px; background-image: url(../images/ico/ico_check_d.svg); background-repeat: no-repeat; background-size: 1rem; background-position: center; }

input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 0; left: 0; width: 1.6rem; height: 1.6rem; background-color: #00a972; background-image: url(../images/ico/ico_check_p.svg); background-repeat: no-repeat; background-size: 1rem; background-position: center; border-radius: 3px; }

.select-box { position: relative; width: auto; height: auto; border-color: transparent; display: inline-block; border-bottom: 1px solid #0a0a0a; }

.select-box .select { width: inherit; height: inherit; background: transparent; border: 0 none; outline: 0 none; padding: 4px 30px 4px 0; border-radius: 0; position: relative; background-image: url(../images/ico/ico_select_up.svg); background-repeat: no-repeat; background-position: center right; background-size: contain; z-index: 3; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-weight: 700; }

.select-box .select option { background: #fff; color: #0a0a0a; }

.textarea { display: block; max-width: 100%; min-width: 100%; height: 15rem; resize: none; border: 1px solid #bbb; color: #0a0a0a; line-height: 1.9rem; padding: 1.2rem 1.6rem 1.2rem 1.6rem; font-size: 1.6rem; }

.textarea::-moz-placeholder { font-size: inherit; color: #bbb; }

.textarea:-ms-input-placeholder { font-size: inherit; color: #bbb; }

.textarea::placeholder { font-size: inherit; color: #bbb; }

.textarea:focus { border-color: #0a0a0a; }

.textarea-box { position: relative; padding-bottom: 3.5rem; border: 1px solid #bbb; }

.textarea-box:focus-within { border-color: #00a972; }

.textarea-box .textarea { padding-bottom: 0; border: none; }

.txt_num { position: absolute; bottom: 1.2rem; right: 1.6rem; font-size: 1.2rem; color: #9a9a9a; }

.select { position: relative; display: inline-block; border: 0; width: 100%; font-size: 1.6rem; color: #0a0a0a; line-height: 1.9rem; margin-top: 0.4rem; border-bottom: 1px solid #bbb; }

.select select { cursor: pointer; display: block; font-size: 1.3rem; /* max-width: 100%; */ outline: none; color: #bbb; border: 0; width: calc(100% + 2rem); font-weight: 400; padding: 0.6rem 0 0.5rem; min-height: 3.2rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1; background-image: url(../images/ico/ico_selcet.svg); background-size: 1.2rem; background-repeat: no-repeat; background-position: top 50% right 1rem; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; background-color: transparent; }

.select select option { color: #0a0a0a; font-size: 1.6rem; padding-left: 10px; }

.select select option[value=""][disabled] { display: none; }

.select::after { content: ' '; display: block; border-color: #333; right: 1.2rem; z-index: 10; }

.select--line--black { width: 100%; padding: 1.2rem 4.4rem 1.2rem 1.6rem; border: 1px solid #bbb; font-size: 1.6rem; color: #0a0a0a; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/ico/ico_arrow_down.svg) no-repeat top 50% right 1.6rem; background-size: 2rem; }

.select--line--black:focus { border: 1px solid #0a0a0a; }

.file--photo { margin-top: .4rem; display: flex; justify-content: flex-start; align-items: center; margin-left: -.75rem; margin-right: -.75rem; }

.file--photo li { flex: 1; max-width: calc(25% - 1.5rem); margin-left: .75rem; margin-right: .75rem; }

.file--photo-box { position: relative; display: flex; background-image: url(../images/ico/ico_camera_gray.svg); background-size: 3.5rem; background-position: center; background-repeat: no-repeat; }

.file--photo-box::before { content: ''; display: block; padding-top: 100%; }

.file--photo-box img { -o-object-fit: contain; object-fit: contain; }

.file--photo-box .btn--remove { display: none; position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.65); width: 2rem; height: 2rem; background-image: url(../images/ico/ico_close_w.svg); background-size: 1.6rem; background-position: center; background-repeat: no-repeat; }

.file--photo-box.is-active { background-image: none; }

.file--photo-box.is-active .btn--remove { display: block; }

.file--photo__thumb { overflow: hidden; display: flex; position: absolute; width: 100%; height: 100%; border: 1px solid #bbb; font-size: 0; }

.file--photo--label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; }

.file--photo--msg { display: block; margin-top: 1.8rem; font-size: 1.1rem; color: #9a9a9a; }

.field label.file--photo--label { display: block; cursor: pointer; height: 100%; position: absolute; width: 100%; background-size: 2.8rem; background-position: center; background-repeat: no-repeat; }

input[type="file"] { position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0); }

.radio-box { display: flex; align-items: center; cursor: pointer; }

.radio-box input[type="radio"] { width: 2rem; height: 2rem; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #bbb; border-radius: 50%; cursor: pointer; }

.radio-box input[type="radio"]:checked { border: 1px solid #00a972; }

.radio-box input[type="radio"]:checked::before { content: ''; width: 1rem; height: 1rem; position: absolute; top: 50%; left: 50%; border-radius: 50%; background-color: #00a972; transform: translate(-50%, -50%); }

.radio-box input[type="radio"] + span { margin-left: 1rem; }

input[type="checkbox"].is-disable + label:before { background-color: #bbb; background-image: url(../images/ico/ico_check_p.svg); }

.checkbox-large input[type="checkbox"] + label { padding-left: 3.2rem; font-size: 1.4rem; display: inline; line-height: 1.4; display: block; width: 100%; word-break: keep-all; }

.checkbox-large input[type="checkbox"] + label::before { top: -2px; width: 2.4rem; height: 2.4rem; background-size: 1.6rem; }

.checkbox-large input[type="checkbox"]:checked + label:after { top: -2px; width: 2.4rem; height: 2.4rem; background-size: 1.6rem; }

.checkbox-large.is-over { max-width: calc(100% - 4rem); }

input[type='text'].is-disable, .textarea.is-disable { background-color: #f2f2f2; }

.form-box .field.is-sussece .control input[type="text"], .form-box .field.is-sussece .control input[type="email"], .form-box .field.is-sussece .control input[type="password"] { border-color: #00a972; }

.semi-donut { --percentage: 0; --fill: #ff0; width: 300px; height: 150px; position: relative; color: #fff; font-size: 22px; font-weight: 700; overflow: hidden; color: var(--fill); display: flex; align-items: flex-end; justify-content: center; box-sizing: border-box; }

.semi-donut:after { content: ''; width: 300px; height: 300px; border: 50px solid; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill); position: absolute; border-radius: 50%; left: 0; top: 0; box-sizing: border-box; transform: rotate(calc( 1deg * ( -45 + var(--percentage) * 1.8 ))); -webkit-animation: fillAnimation 1s ease-in; animation: fillAnimation 1s ease-in; }

.semi-donut-model-2 { width: 300px; height: 150px; position: relative; text-align: center; color: #fff; font-size: 22px; font-weight: 700; border-radius: 150px 150px 0 0; overflow: hidden; color: var(--fill); display: flex; align-items: flex-end; justify-content: center; box-sizing: border-box; }

.semi-donut-model-2:before, .semi-donut-model-2:after { content: ''; width: 300px; height: 150px; border: 50px solid var(--fill); border-top: none; position: absolute; transform-origin: 50%  0% 0; border-radius: 0 0 300px 300px; box-sizing: border-box; left: 0; top: 100%; }

.semi-donut-model-2:before { border-color: rgba(0, 0, 0, 0.15); transform: rotate(180deg); }

.semi-donut-model-2:after { z-index: 3; -webkit-animation: 1s fillGraphAnimation ease-in; animation: 1s fillGraphAnimation ease-in; transform: rotate(calc( 1deg * ( var(--percentage) * 1.8 ))); }

.semi-donut-model-2:hover:after { opacity: .8; cursor: pointer; }

.multi-graph { width: 300px; height: 150px; position: relative; color: #fff; font-size: 22px; font-weight: 700; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; box-sizing: border-box; }

.multi-graph:before { content: ''; width: 300px; height: 150px; border: 50px solid rgba(0, 0, 0, 0.15); border-bottom: none; position: absolute; box-sizing: border-box; transform-origin: 50%  0%; border-radius: 300px 300px 0 0; left: 0; top: 0; }

.multi-graph .graph { width: 300px; height: 150px; border: 50px solid var(--fill); border-top: none; position: absolute; transform-origin: 50%  0% 0; border-radius: 0 0 300px 300px; left: 0; top: 100%; z-index: 5; -webkit-animation: 1s fillGraphAnimation ease-in; animation: 1s fillGraphAnimation ease-in; transform: rotate(calc( 1deg * ( var(--percentage) * 1.8 ))); box-sizing: border-box; cursor: pointer; }

.multi-graph .graph:after { content: attr(data-name) " " counter(varible) "%"; counter-reset: varible var(--percentage); background: var(--fill); box-sizing: border-box; border-radius: 2px; color: #fff; font-weight: 200; font-size: 12px; height: 20px; padding: 3px 5px; top: 0px; position: absolute; left: 0; transform: rotate(calc( -1deg * var(--percentage) * 1.8)) translate(-30px, 0px); transition: 0.2s ease-in; transform-origin: 0 50% 0; opacity: 0; }

.multi-graph .graph:hover { opacity: 0.8; }

.multi-graph .graph:hover:after { opacity: 1; left: 30px; }

@-webkit-keyframes fillAnimation { 0% { transform: rotate(-45deg); } }

@keyframes fillAnimation { 0% { transform: rotate(-45deg); } }

@-webkit-keyframes fillGraphAnimation { 0% { transform: rotate(0deg); } }

@keyframes fillGraphAnimation { 0% { transform: rotate(0deg); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-pd { padding: 0 !important; }

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

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

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

.bg--gray { background-color: #f2f2f2; }

.bg--white { background-color: #fff; }

.color-danger { color: #ff4646; }

.is-heightfull { height: 100%; }

.over-hidden { overflow: hidden; max-width: 100%; }

.is-noellipsis { overflow: visible !important; text-overflow: inherit !important; display: inherit !important; -webkit-line-clamp: inherit !important; -webkit-box-orient: inherit !important; }

/**
* SassFlexbox
* Manage Flexbox in Sass easily.
*
* @author     Samuel Marchal (zessx)
* @version    0.1
*/
/* Display */
.flex, .container-center, .flex-column, .flex-row-start-center, .flex-center-center, .flex-center-space-between, .flex-center-space-around, .flex-center-center-wrap-stretch, .flex-row-space-around-wrap-stretch { display: -webkit-flexbox; display: flex; }

/* Flex direction */
.flex-row-start-center, .flex-center-center, .flex-center-space-between, .flex-center-space-around, .flex-row-space-around-wrap-stretch { -moz-flex-direction: row; flex-direction: row; }

.container-center, .flex-column { -moz-flex-direction: column; flex-direction: column; }

/* Flex wrap */
.flex-center-center-wrap-stretch, .flex-row-space-around-wrap-stretch { flex-wrap: wrap; }

/* Flex flow */
/* Order */
/* Flex grow */
/* Flex shrink */
/* Flex basis */
/* Flex */
/* Justify content */
.flex-row-start-center { -webkit-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; }

.container-center, .flex-center-center, .flex-center-center-wrap-stretch { -webkit-flex-pack: center; -moz-justify-content: center; justify-content: center; }

.flex-center-space-between { -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; }

.flex-center-space-around, .flex-row-space-around-wrap-stretch { -moz-justify-content: space-around; justify-content: space-around; }

/* Align items */
.container-center, .flex-row-start-center, .flex-center-center, .flex-center-space-between, .flex-center-space-around, .flex-center-center-wrap-stretch { -moz-align-items: center; align-items: center; }

.flex-row-space-around-wrap-stretch { -moz-align-items: stretch; align-items: stretch; }

/* Align self */
.align-self-auto { align-self: auto; }

.align-self-start { align-self: flex-start; }

.align-self-end { align-self: flex-end; }

.align-self-center { align-self: center; }

/* Align content */
.flex-left { align-content: flex-start; }

.flex-center-center-wrap-stretch { align-content: stretch; }

.expand { flex: 1; }

.flex-right { margin-left: auto; }

/**
* SassFlexbox
* Manage Flexbox in Sass easily.
*
* @author     Samuel Marchal (zessx)
* @version    0.1
*/
/* Display */
.flex, .container-center, .flex-column, .flex-row-start-center, .flex-center-center, .flex-center-space-between, .flex-center-space-around, .flex-center-center-wrap-stretch, .flex-row-space-around-wrap-stretch { display: -webkit-flexbox; display: flex; }

/* Flex direction */
.flex-row-start-center, .flex-center-center, .flex-center-space-between, .flex-center-space-around, .flex-row-space-around-wrap-stretch { -moz-flex-direction: row; flex-direction: row; }

.container-center, .flex-column { -moz-flex-direction: column; flex-direction: column; }

/* Flex wrap */
.flex-center-center-wrap-stretch, .flex-row-space-around-wrap-stretch { flex-wrap: wrap; }

/* Flex flow */
/* Order */
/* Flex grow */
/* Flex shrink */
/* Flex basis */
/* Flex */
/* Justify content */
.flex-row-start-center { -webkit-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; }

.container-center, .flex-center-center, .flex-center-center-wrap-stretch { -webkit-flex-pack: center; -moz-justify-content: center; justify-content: center; }

.flex-center-space-between { -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; }

.flex-center-space-around, .flex-row-space-around-wrap-stretch { -moz-justify-content: space-around; justify-content: space-around; }

/* Align items */
.container-center, .flex-row-start-center, .flex-center-center, .flex-center-space-between, .flex-center-space-around, .flex-center-center-wrap-stretch { -moz-align-items: center; align-items: center; }

.flex-row-space-around-wrap-stretch { -moz-align-items: stretch; align-items: stretch; }

/* Align self */
.align-self-auto { align-self: auto; }

.align-self-start { align-self: flex-start; }

.align-self-end { align-self: flex-end; }

.align-self-center { align-self: center; }

/* Align content */
.flex-left { align-content: flex-start; }

.flex-center-center-wrap-stretch { align-content: stretch; }

/*! jQuery UI - v1.13.2 - 2022-07-14 http://jqueryui.com Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ }

.ui-front { z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; }

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }

.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }

.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; }

.ui-menu .ui-menu { position: absolute; }

.ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }

/* icon support */
.ui-menu-icons { position: relative; }

.ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon { left: auto; right: 0; }

.ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only { text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; }

.ui-controlgroup { vertical-align: middle; display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span { font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; }

.ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; }

.ui-checkboxradio-disabled { pointer-events: none; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }

.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; }

.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }

.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; }

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; }

.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }

.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }

.ui-dialog .ui-resizable-n { height: 2px; top: 0; }

.ui-dialog .ui-resizable-e { width: 2px; right: 0; }

.ui-dialog .ui-resizable-s { height: 2px; bottom: 0; }

.ui-dialog .ui-resizable-w { width: 2px; left: 0; }

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; }

.ui-dialog .ui-resizable-se { right: 0; bottom: 0; }

.ui-dialog .ui-resizable-sw { left: 0; bottom: 0; }

.ui-dialog .ui-resizable-ne { right: 0; top: 0; }

.ui-dialog .ui-resizable-nw { left: 0; top: 0; }

.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-draggable-handle { touch-action: none; }

.ui-resizable { position: relative; }

.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }

.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }

.ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }

.ui-selectable { touch-action: none; }

.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }

.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }

.ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }

.ui-selectmenu-open { display: block; }

.ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; }

.ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; }

.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-sortable-handle { touch-action: none; }

.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }

.ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; }

.ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; }

.ui-spinner-up { top: 0; }

.ui-spinner-down { bottom: 0; }

.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; }

body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }

.ui-widget.ui-widget-content { /* width: 100%; */ border: 1px solid #c5c5c5; }

.ui-widget-content { width: 100%; border: 1px solid #dddddd; background: #ffffff; color: #333333; }

.ui-widget-content a { color: #333333; }

.ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; }

.ui-widget-header a { color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; }

.ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; }

.ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; }

.ui-state-checked { border: 1px solid #dad55e; background: #fffa90; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; }

.ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; }

.ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); }

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; }

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -65px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ }

.ui-widget-shadow { box-shadow: 0px 0px 5px #666666; }

/** Swiper 8.1.4 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2022 Vladimir Kharlampidi Released under the MIT License Released on: April 24, 2022 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color:#007aff; }

.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-pointer-events { touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; }

.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; }

.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

:root { --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white { --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color:#000; }

@-webkit-keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube { overflow: visible; }

.swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; }

.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); }

.swiper-flip { overflow: visible; }

.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height; }

.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

.pagination { display: flex; justify-content: center; align-items: center; margin-top: 2rem; }

.pagination-box { display: flex; padding-left: 0; list-style: none; }

.pagination-item + .pagination-item { margin-left: 2px; }

.pagination-link { position: relative; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; color: #353535; text-decoration: none; background-color: #fff; border: 1px solid transparent; border-radius: 4px; transition: color .15s ease-in-out,
 background-color .15s ease-in-out,
 box-shadow .15s ease-in-out; font-size: 1.2rem; }

.pagination-link i { width: 32px; vertical-align: middle; text-align: center; font-weight: inherit; }

.pagination-link:hover, .pagination-link:focus { z-index: 2; color: #08800a; text-decoration: underline; box-shadow: 0 1px 4px 0 rgba(26, 26, 67, 0.1); font-weight: bold; }

.pagination-link:hover i, .pagination-link:focus i { color: #08800a; }

.dropdown { display: inline-flex; position: relative; vertical-align: top; }

.dropdown .dropdown-trigger { min-width: inherit; }

.dropdown .dropdown-trigger button { justify-content: space-between; min-width: inherit; border-color: #ccc; }

.dropdown .dropdown-menu { min-width: inherit; margin-top: -1px; padding-top: 0; }

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; }

.dropdown.is-right .dropdown-menu { left: auto; right: 0; }

.dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 10px; padding-top: initial; top: auto; }

.dropdown-menu { display: none; left: 0; min-width: inherit; padding-top: 10px; position: absolute; top: 100%; z-index: 2; }

.dropdown-content { background-color: #fff; border-radius: 4px; box-shadow: 2px 2px 4px #000; padding-bottom: 1rem; padding-top: 1rem; border: 1px solid #333; }

.dropdown-item { color: #000; display: block; line-height: 1.5; padding: 4px 10px; position: relative; }

a.dropdown-item, button.dropdown-item { padding-right: 30px; text-align: left; white-space: nowrap; width: 100%; font-size: 14px; }

a.dropdown-item:hover, a.dropdown-item:focus, button.dropdown-item:hover, button.dropdown-item:focus { background-color: #f2f2f2; border-color: #00a972; }

a.dropdown-item.is-active, button.dropdown-item.is-active { background-color: #f2f2f2; border-color: #00a972; }

.dropdown-divider { background-color: pink; border: none; display: block; height: 1px; margin: 5px 0; }

.modal-box { margin: 2.8rem; }

.modal-full { width: 100%; height: 100%; border-radius: 0; top: 0; left: 0; transform: none; overflow: hidden; }

.modal-full .modal__body .scroll-box .scroll { height: 100vh; max-height: calc(100vh - 185px); }

.modal__header .essential { color: #949494; margin-right: .4rem; }

.modal__header .date { display: block; margin-top: .4rem; font-size: 1.4rem; color: #9a9a9a; }

.modal__header + .modal__body { margin-top: 2rem; }

.modal__body .thumb { margin-top: 2rem; margin-bottom: 2rem; text-align: center; }

.modal__body .thumb img { max-width: 9rem; }

.modal__body .desc.cart::before { content: ''; display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/ico/ico_cart.svg); background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: .4rem; vertical-align: middle; }

.modal__body .desc > span { display: block; }

.modal__body .desc > span + span { margin-top: .4rem; }

.modal__body .scroll-box { overflow: hidden; margin-top: 2rem; border: 1px solid #bbb; border-radius: 1rem; font-size: 1.4rem; line-height: 2rem; color: #949494; }

.modal__body .scroll-box.bg--gray { border: 0; color: #0a0a0a; }

.modal__body .scroll-box.bg--gray .policy-box p, .modal__body .scroll-box.bg--gray .policy-box li { margin-top: 0; color: #0a0a0a; }

.modal__body .scroll-box.bg--gray .--text p + p, .modal__body .scroll-box.bg--gray .--text p + .list-box, .modal__body .scroll-box.bg--gray .--text .list-box + .list-box, .modal__body .scroll-box.bg--gray .--text .list-box + p { margin-top: 1.6rem; }

.modal__body .scroll-box.bg--gray .--text .list { margin-top: 0; padding-left: 0.6rem; }

.modal__body .scroll-box.bg--gray .--text .list li { position: relative; }

.modal__body .scroll-box.bg--gray .--text .list li::before { content: ""; position: absolute; top: 0.9rem; left: -0.6rem; width: 0.2rem; height: 0.2rem; background-color: #636363; border-radius: 50%; }

.modal__body .scroll-box .scroll { overflow-y: auto; height: 100%; max-height: 30rem; padding: 1.4rem; }

.modal__body .scroll-box .scroll.termspolicy { max-height: calc(100vh - 257px); }

.modal__body .mbr__header { margin-top: 0; margin-bottom: 1.2rem; }

.modal__body .mbr__header .title { font-size: 1.6rem; color: #0a0a0a; }

.modal__body .marketing__list { display: flex; justify-content: flex-start; align-items: flex-start; }

.modal__body .marketing__list::before { content: ''; display: inline-block; width: 2.8rem; height: 2.8rem; background-size: cover; background-position: center; background-repeat: no-repeat; }

.modal__body .marketing__list dt { display: block; font-size: 1.6rem; color: #0a0a0a; }

.modal__body .marketing__list dd { display: block; margin-top: .6rem; margin-left: 0; font-size: 1.4rem; color: #9a9a9a; }

.modal__body .marketing__list.mail::before { background-image: url(../images/ico/ico_email.svg); }

.modal__body .marketing__list.sms::before { background-image: url(../images/ico/ico_sms.svg); }

.modal__body .marketing__list.push::before { background-image: url(../images/ico/ico_noti.svg); }

.modal__body .marketing__list + .marketing__list { margin-top: 1.8rem; }

.modal__body .marketing__agree { margin-left: 1.6rem; }

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

.modal__footer--area .btn { flex: 1; }

.modal__footer--area .btn + .btn { margin-left: .4rem; }

.modal__footer--area.is-vertical { flex-direction: column; }

.modal__footer--area.is-vertical .btn { width: 100%; }

.modal__footer--area.is-vertical .btn + .btn { margin-left: 0; margin-top: .8rem; }

.modal__close { position: absolute; top: .1rem; right: 0; width: 2rem; height: 2rem; background-image: url(../images/ico/ico_close.svg); background-size: 1.5rem; background-repeat: no-repeat; background-position: center; }

.modal--bottom { overflow: hidden; max-width: calc(64rem); max-height: calc(100vh - 6rem); top: auto; transform: translate(-50%, 0); border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: bottom .3s; bottom: -100%; width: 100%; }

.modal--bottom.is-active { bottom: 0; }

@media (max-width: 380px) { .modal--toast { max-width: 28rem; } }

.toast__content { overflow: hidden; display: none; position: fixed; top: 50%; left: 50%; width: 100%; max-width: 64rem; background-color: #fff; border-radius: 2.4rem; -webkit-overflow-scrolling: touch; outline: 0; z-index: 5; padding: 2.8rem; transform: translate(-50%, -50%); box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.3); }

.toast__content .desc { display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: #0a0a0a; line-height: 1.4; text-align: center; }

.toast__content .desc.cart::before { content: ''; display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/ico/ico_cart.svg); background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: .4rem; }

.toast__content.is-none { -webkit-animation: ani-toast .2s both; animation: ani-toast .2s both; }

.toast__content.is-active { -webkit-animation: ani-toast-active .2s both; animation: ani-toast-active .2s both; }

@-webkit-keyframes ani-toast-active { 0% { top: 0;
    opacity: 0; }
  100% { top: 50%;
    opacity: 1; } }

@keyframes ani-toast-active { 0% { top: 0;
    opacity: 0; }
  100% { top: 50%;
    opacity: 1; } }

#toast-container.toast-center-center .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(12rem, -50%); }

@media (min-width: 1200px) { .view--pc #toast-container.toast-center-center .toast { transform: translate(12rem, -50%); } }

#toast-container > div { padding: 2.8rem; width: 100%; max-width: 30rem; height: auto; box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.3) !important; color: #0a0a0a; border-radius: 2.4rem; text-align: center; line-height: 2.3rem; font-size: 1.6rem; opacity: 1; }

#toast-container > .toast-success { background-image: none !important; background-color: #fff; border-radius: 2.4rem; color: #0a0a0a; -webkit-animation: ani-toast-active2 2s both; animation: ani-toast-active2 2s both; }

.modal { overflow: hidden; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 64rem; -webkit-overflow-scrolling: touch; outline: 0; z-index: 7; word-break: keep-all; opacity: 0; -webkit-animation: ani-opacity .3s both; animation: ani-opacity .3s both; }

/* .modal__con-box { padding: 0 0 .1rem 0; background-color: #fff; border-radius: 5rem; width: calc(100% - 4rem); margin: 0 auto; } */

.modal__con-box { padding: .1rem 0; background-color: #fff; border-radius: 1.6rem; width: calc(100% - 4rem); margin: 0 auto; }

.modal__con-box.app-down-modal { padding: 0 0 .1rem 0; background-color: #fff; border-radius: 5rem; width: calc(100% - 4rem); margin: 0 auto; }

.modal-full { border-radius: 0; width: 100%; max-width: 64rem; }

.modal__header { position: relative; text-align: center; margin-top: 2.7rem; padding-bottom: 2rem; border-bottom: 1px solid #d4d4d4; }

.modal__header--close { position: absolute; top: 0; right: 2.8rem; width: 2.3rem; height: 2.3rem; background-image: url(../images/ico/ico_close.svg); background-size: 2rem; background-position: center; background-repeat: no-repeat; z-index: 1; }

.modal__title { padding: 0 2rem; font-size: 1.9rem; font-weight: 600; color: #0a0a0a; line-height: 2.3rem; word-break: keep-all; text-align: center; }

.modal__title.is-small { font-size: 1.6rem; font-weight: 500; }

.modal__subtitle { margin-top: 2rem; font-size: 1.6rem; line-height: 2rem; color: #0a0a0a; }

.modal__telephone { padding: 0; font-size: 1.8rem; font-weight: 600; text-align: center; }

.modal__body { margin-top: 2rem; margin-bottom: 2.7rem; }

.modal__body .desc { font-size: 1.6rem; line-height: 2.3rem; color: #0a0a0a; text-align: center; }

.modal__footer { padding-bottom: 2.7rem; margin-top: 3.2rem; text-align: center; }

.modal__footer .btn { flex: 1; width: 100%; padding: 1.2rem 0; font-size: 1.4rem; color: #fff; border-radius: .8rem; border: 1px solid #0a0a0a; background-color: #0a0a0a; }

.modal__footer.is-green .btn { border: 1px solid var(--selex--green); background-color: var(--selex--green); }

.modal__btn--area { display: flex; justify-content: space-around; align-items: center; }

.modal__container { position: relative; padding-left: 2.8rem; padding-right: 2.8rem; }

.modal__btn--area.is-half .btn { color: #0a0a0a; border-color: #cfcfcf; background-color: #fff; }

.modal__btn--area.is-half .btn + .btn { margin-left: .8rem; color: #fff; border-color: #0a0a0a; background-color: #0a0a0a; }

.modal__btn--area.is-vertical { flex-wrap: wrap; }

.modal__btn--area.is-vertical .btn { flex: auto; color: #0a0a0a; border-color: #cfcfcf; background-color: #fff; }

.modal__btn--area.is-vertical .btn + .btn { margin-top: .8rem; color: #fff; border-color: #0a0a0a; background-color: #0a0a0a; }

.modal__btn--area.is-vertical .btn.btn--solid--black { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #fff; border-radius: 0.8rem; border: 1px solid #0a0a0a; background-color: #0a0a0a; }

.modal__btn--area.is-vertical .btn.btn--line--black { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #0a0a0a; border-radius: 0.8rem; border: 1px solid #bbb; background-color: #fff; }

.modal__btn--area.is-full { margin-left: -2.8rem; margin-right: -2.8rem; margin-bottom: -2.8rem; border-top: 1px solid #0a0a0a; }

.modal__btn--area.is-full .btn { padding: 1.9rem 0; border-radius: 0; font-size: 1.9rem; border: 0; }

.modal__btn--area.is-full .btn:first-child { background-color: #fff; color: #0a0a0a; }

.modal__btn--area.is-full .btn.is-black { color: #fff; background-color: #0a0a0a; border-color: #0a0a0a; }

.modal__btn--area.is-full.no-shadow { box-shadow: none; }

.modal--toast { transform: translate(-50%, -50%); overflow: visible; }

.modal--toast .modal__body { margin: 0 auto; padding: 2.8rem 0; max-width: calc(100% - 4rem); background-color: #fff; box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.3); text-align: center; border-radius: 1.6rem; }

.modal--toast .desc { display: flex; justify-content: center; align-items: center; }

.modal--toast .desc.cart::before { content: ''; display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/ico/ico_cart.svg); background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: .4rem; }

.modal--toast.is-active { -webkit-animation: ani-toast-active .2s both; animation: ani-toast-active .2s both; }

.modal--toast.is-none { -webkit-animation: ani-toast .2s both; animation: ani-toast .2s both; }

.modal.modal--toast { z-index: 10; }

.modal.modal--alert { z-index: 9; }

.modal.modal--alert.is-full { height: calc(100vh - 4rem); }

.modal.modal--alert.is-full .modal__con-box { height: 100%; }

.modal.modal--alert.is-full .modal__header--close { display: block; }

.modal.modal--alert .modal__header--close { display: none; }

.modal.modal--alert .modal__header--close.is-block { display: block; }

.modal.modal--confirm { z-index: 8; }

.modal.modal--confirm .modal__header--close { display: none; }

.modal.modal--confirm .modal__header--close.is-block { display: block; }

.modal.modal--msgConfirm { z-index: 8; }

.modal.modal--msgConfirm .modal__header--close { display: none; }

.modal.modal--msgConfirm .modal__header--close.is-block { display: block; }

.modal.modal--msgConfirm .msg__list { text-align: center; }

.modal.modal--msgConfirm .msg__list li { display: inline-block; }

.modal.modal--msgConfirm .msg__list li::before { display: none; }

.modal.modal--bottom { overflow: hidden; max-width: calc(64rem); max-height: calc(100vh - 6rem); top: auto; transform: translate(-50%, 0); border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: all .3s; bottom: -100%; width: 100%; display: block; }

.modal.modal--bottom .modal__con-box { width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.modal.modal--bottom.is-active { bottom: 0; }

.modal.modal-full .modal__con-box { width: 100%; height: 100%; border-radius: 0; }

.modal.is-active { display: block; }

.modal--imgPointAlert .point { display: block; text-align: center; font-size: 2.8rem; color: var(--selex--green); }

.modal--imgPointAlert .point-desc { text-align: center; display: block; font-size: 1.8rem; margin-top: 0.4rem; }


@-webkit-keyframes ani-bottom-show { 0% { display: none;
    bottom: -100%;
    opacity: 0; }
  100% { display: block;
    bottom: 0;
    opacity: 1; } }

@keyframes ani-bottom-show { 0% { display: none;
    bottom: -100%;
    opacity: 0; }
  100% { display: block;
    bottom: 0;
    opacity: 1; } }

@-webkit-keyframes ani-bottom-show { 0% { display: none;
    bottom: -100%;
    opacity: 0; }
  100% { display: block;
    bottom: 0;
    opacity: 1; } }

@keyframes ani-bottom-hide { 0% { display: block;
    bottom: 0;
    opacity: 1; }
  100% { display: none;
    bottom: -100%;
    opacity: 0; } }

@-webkit-keyframes ani-bottom-hide { 0% { display: block;
    bottom: 0;
    opacity: 1; }
  100% { display: none;
    bottom: -100%;
    opacity: 0; } }

@-webkit-keyframes ani-opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes ani-opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes ani-toast { 0% { display: block;
    top: 50%;
    opacity: 1; }
  100% { display: none;
    top: 0;
    opacity: 0; } }

@keyframes ani-toast { 0% { display: block;
    top: 50%;
    opacity: 1; }
  100% { display: none;
    top: 0;
    opacity: 0; } }

@media (min-width: 1280px) { .view--pc .modal { transform: translate(0, -50%); }
  .view--pc .modal--bottom { transform: translate(0, 0); }
  .view--pc .modal--bottom.is-active { transform: translate(0, 0); }
  .view--pc .modal-full { transform: translate(0, -50%); transform: none; top: 0; }
  .view--pc .toast__content { transform: translate(9.5rem, -50%); } }

#modal-change-deli .modal__body { padding-bottom: 4rem; margin-bottom: 0; max-height: calc(100vh - 20.2rem); padding-top: 1rem; }

.btn-box--fixed.before-shadow { box-shadow: none; }

.btn-box--fixed.before-shadow::before { content: ''; display: block; position: absolute; top: -3.9rem; left: 0; width: 100%; height: 4rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 40%, white 70%); content: ''; z-index: -1; }

#modal-coupon .modal__body { padding-bottom: 4rem; margin-bottom: 0; max-height: calc(100vh - 13.2rem); padding-top: 1rem; }

#modal-coupon.modal--bottom .modal__body { padding-bottom: 0rem; }

.modal--alert .modal__header, .modal--imgalert .modal__header, .modal--confirm .modal__header, .modal--msgConfirm .modal__header, .modal--select .modal__header, .modal--bottom .modal__header, .modal--slide .modal__header { padding-bottom: 0; border-bottom: 0; }

#exerciseGuide .img { border-radius: 1.2rem; border: 1px solid #cfcfcf; overflow: hidden; }

#exerciseGuide .text-box { margin-top: 2.8rem; }

#exerciseGuide .text-box .title { margin-bottom: 1.2rem; font-size: 1.9rem; font-weight: 600; }

#exerciseGuide .text-box .txt { position: relative; padding-left: 1.1rem; font-size: 1.6rem; line-height: 1.44; }

#exerciseGuide .text-box .txt::before { content: '-'; display: inline-block; position: absolute; top: 0; left: 0; }

#exerciseGuide .text-box .txt + .txt { margin-top: 0.8rem; }

#modalProfileSetting .section + .section { margin-top: 4rem; }

#modalProfileSetting .title { display: inline-block; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 600; }

#modalProfileSetting .nickname { display: flex; align-items: center; }

#modalProfileSetting .nickname .thum { width: 10.8rem; height: 10.8rem; position: relative; margin-right: 2rem; border: 1px solid #bbb; border-radius: 50%; background-color: #f2f2f2; }

#modalProfileSetting .nickname .thum img { width: 8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#modalProfileSetting .nickname input { width: calc(100% - 12.8rem); }

#modalProfileSetting .character { display: flex; flex-wrap: wrap; margin: -0.6rem; }

#modalProfileSetting .character li { margin: 0.6rem; }

#modalProfileSetting .character li:last-child { margin-right: 0; }

#modalProfileSetting .character .control { display: inline-block; margin: 0; }

#modalProfileSetting .character input[type="radio"] + label { display: flex; justify-content: center; align-items: center; width: 10rem; height: 10rem; padding: 0; border-radius: 50%; background-color: #f2f2f2; }

#modalProfileSetting .character .img { width: 6rem; }

#modalProfileSetting .character .img.--default { width: 6.4rem; }

#modalProfileSetting .character input[type='radio']:checked + label { background-color: #fff; }

#modalProfileSetting .character input[type='radio']:checked + label::after { content: ''; position: absolute; top: -5px; right: -8px; width: 3.6rem; height: 3.6rem; background-image: url(/assets/images/ico/check_ps_certification.svg); background-size: cover; }

#modalProfileSetting .character input[type='radio']:checked + label::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 10rem; height: 10rem; border: 2px solid #2ccc98; border-radius: 50%; }

#modalProfileSetting .character .is-disabled { opacity: 0.5; }

@media (max-width: 380px) { #modalProfileSetting .character input[type="radio"] + label { width: 8rem; height: 8rem; }
  #modalProfileSetting .character input[type='radio']:checked + label::after { width: 3rem; height: 3rem; }
  #modalProfileSetting .character input[type='radio']:checked + label::before { width: 8rem; height: 8rem; } }

.modal--my_point .modal__title { padding: 0; font-size: 1.6rem; font-weight: 400; text-align: left; }

.modal--my_point .point { margin-top: 0.8rem; font-size: 2.2rem; font-weight: 600; text-align: left; }

.modal--my_point .scroll-box { margin: -0.6rem -1.4rem -1.4rem -1.4rem; border: 0; border-radius: 0; }

.modal--my_point table { width: 100%; text-align: center; border-collapse: collapse; }

.modal--my_point tr:nth-child(odd) { background-color: #f2f2f2; }

.modal--my_point th, .modal--my_point td { font-weight: normal; padding: 1.6rem 1rem; border-right: 1px solid #bbb; }

.modal--my_point tr:first-child { border-bottom: 1px solid #bbb; }

.modal--my_point tr:first-child td { padding: 1.8rem 1rem; }

.modal--my_point tr th:last-child, .modal--my_point tr td:last-child { border-right: 0; }

.modal--my_point .table-point { color: #0a0a0a; font-weight: 600; }

.modal--slide { overflow: visible; /* .modal__footer { padding-bottom: 0; margin-top: 0; } .modal__btn--area.is-full { margin-left: 0; margin-right: 0; } */ }

.modal--slide .modal__con-box { padding: 0; border-radius: 0; background-color: transparent; }

.modal--slide .modal__title { padding: 2rem 0; margin-bottom: 0; background-color: #fff; }

.modal--slide .modal__body { margin-top: 2.7rem; margin-bottom: 0; }

.modal--slide .modal__body .modal__container { margin-left: -2.8rem; margin-right: -2.8rem; }

.modal--slide .modal__body .swiper-container { height: 100%; border-top-left-radius: 1.6rem; border-top-right-radius: 1.6rem; overflow: hidden; }

.modal--slide .slide-img { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; background-color: #fff; }

.modal--slide .slide-img img { width: calc(100% + 1px); }

.modal--slide .swiper-pagination { top: -3rem; bottom: auto !important; }

.modal--slide .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; background-color: #cfcfcf; border-radius: 0.4rem; opacity: 1; transition: width .3s; }

.modal--slide .swiper-pagination-bullet-active { width: 1.6rem; background-color: #fff; }

.accordion-group-wrap { border-top: 1px solid #bbb; }

.accordion-group-wrap.--noborder { border-top: 0; }

.accordion-group-wrap.--noborder .accordion__btn { border-bottom: 0; }

.accordion-group-wrap.cscenter .accordion__btn { position: relative; z-index: 0; width: 100%; min-height: 5rem; padding: 1.5rem 3rem 1.5rem 0; border-bottom: 1px solid #bbb; background-color: #fff; font-size: 1.8rem; text-align: left; cursor: pointer; }

.accordion-group-wrap.cscenter .accordion__btn::after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 2rem; height: 2rem; transform: rotate(180deg); margin-top: -1rem; transition: all .5s; background-image: url(../images/ico/ico_arrow.svg); background-size: cover; }

.accordion-group-wrap.cscenter .accordion__btn[aria-expanded="true"]::after { transform: rotate(0deg); }

.accordion-group-wrap.cscenter .accordion__btn > span { display: inline-block; width: calc(100% - 3rem); word-break: keep-all; }

.accordion-group-wrap.cscenter .accordion__panel { overflow: hidden; background-color: #f2f2f2; }

.accordion-group-wrap.cscenter .accordion__contents { padding: 2rem; font-size: 1.6rem; color: #0a0a0a; line-height: 2.6rem; border-bottom: 1px solid #bbb; }

.accordion-group-wrap.cscenter .accordion__contents .textarea { display: inline-block; height: 100%; border: 0; padding: 0; }

.accordion-group-wrap.cscenter .accordion__contents .text-box { display: inline-block; width: 100%; }

.accordion-group-wrap.search { border-top: 0; }

.accordion-group-wrap.search .accordion__btn { padding-top: 3rem; padding-bottom: 3rem; font-size: 1.8rem; font-weight: 500; border-bottom: 0; border-top: 1px solid #cfcfcf; }

.accordion-group-wrap.search .accordion__btn:first-child { border-top: 0; }

.accordion-group-wrap.search .accordion__contents { padding-top: 0; padding-bottom: 0; }

.accordion-group-wrap.search .list-box { font-size: 0; margin: -1.6rem; padding-bottom: 1.4rem; }

.accordion-group-wrap.search .list-box li { display: inline-block; width: calc(25% - 3.2rem); margin: 1.6rem; text-align: center; vertical-align: top; }

.accordion-group-wrap.search .list-box li .thumb { display: block; position: relative; width: 100%; background-position: center; background-size: 52%; background-repeat: no-repeat; background-color: #f2f2f2; border-radius: 50%; }

.accordion-group-wrap.search .list-box li .thumb::after { content: ""; display: block; padding-bottom: 100%; }

.accordion-group-wrap.search .list-box li .title { display: block; margin-top: .8rem; font-size: 1.5rem; color: #0a0a0a; font-weight: 500; }

.accordion-group-wrap.search .list-box li:last-child .thumb { background-image: url(../images/ico/ico_search_cate_all.svg); }

.accordion-group-wrap.search .list-box.effect li:first-child .thumb { background-image: url(../images/ico/ico_search_cate_effect01.svg); }

.accordion-group-wrap.search .list-box.effect li:nth-child(2) .thumb { background-image: url(../images/ico/ico_search_cate_effect02.svg); }

.accordion-group-wrap.search .list-box.effect li:nth-child(3) .thumb { background-image: url(../images/ico/ico_search_cate_effect03.svg); }

.accordion-group-wrap.search .list-box.effect li:nth-child(4) .thumb { background-image: url(../images/ico/ico_search_cate_effect04.svg); }

.accordion-group-wrap.search .list-box.effect li:nth-child(5) .thumb { background-image: url(../images/ico/ico_search_cate_effect05.svg); }

.accordion-group-wrap.search .list-box.effect li:nth-child(6) .thumb { background-image: url(../images/ico/ico_search_cate_effect06.svg); }

.accordion-group-wrap.search .list-box.effect li:nth-child(7) .thumb { background-image: url(../images/ico/ico_search_cate_effect07.svg); }

.accordion-group-wrap.search .list-box.ingredient li:first-child .thumb { background-image: url(../images/ico/ico_search_cate_ingredient01.svg); }

.accordion-group-wrap.search .list-box.ingredient li:nth-child(2) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient02.svg); }

.accordion-group-wrap.search .list-box.ingredient li:nth-child(3) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient03.svg); }

.accordion-group-wrap.search .list-box.ingredient li:nth-child(4) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient04.svg); }

.accordion-group-wrap.search .list-box.ingredient li:nth-child(5) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient05.svg); }

.accordion-group-wrap.search .list-box.ingredient li:nth-child(6) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient06.svg); }

.accordion__btn { position: relative; z-index: 0; width: 100%; min-height: 5rem; padding: 1.6rem 0; border-bottom: 1px solid #bbb; background-color: #fff; font-size: 1.6rem; text-align: left; cursor: pointer; color: #0a0a0a; }

.accordion__btn::after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 2rem; height: 2rem; transform: rotate(180deg); margin-top: -1rem; transform-origin: center; transition: all .5s; background-image: url(../images/ico/ico_arrow.svg); background-size: cover; }

.accordion__btn[aria-expanded="true"]::after { transform: rotate(0deg); }

.accordion__btn > span { display: inline-block; width: calc(100% - 5rem); word-break: keep-all; }

.accordion__panel { overflow: hidden; transition: height .2s; }

.accordion__panel.is-active { height: 100%  !important; }

.accordion__panel.is-none { height: 0; }

.accordion__contents { padding: 1.6rem 0; font-size: 1.4rem; color: #636363; line-height: 2rem; }

.accordion__contents > p { display: inline-block; width: calc(100% - 2rem); }

.accordion__contents .text-box { display: inline-block; }

.accordion__contents .text-box.is-nodeite * { background-color: transparent !important; }

.accordion__contents .text-box.is-nodeite > p { text-align: left !important; font-size: 1.4rem !important; line-height: 2rem !important; }

.accordion__contents .text-box.is-nodeite s { text-decoration: none !important; }

.accordion__contents .text-box.is-nodeite sub, .accordion__contents .text-box.is-nodeite sup { font-size: 100% !important; line-height: 2rem !important; position: relative !important; vertical-align: middle !important; }

.accordion__contents .text-box.is-nodeite sub { bottom: 0 !important; }

.accordion__contents .text-box.is-nodeite sup { top: 0 !important; }

.accordion__contents .text-box.is-nodeite em, .accordion__contents .text-box.is-nodeite p, .accordion__contents .text-box.is-nodeite s, .accordion__contents .text-box.is-nodeite u, .accordion__contents .text-box.is-nodeite strong, .accordion__contents .text-box.is-nodeite sup, .accordion__contents .text-box.is-nodeite sub, .accordion__contents .text-box.is-nodeite span { font-family: 'Pretendard', '-apple-system', 'BlinkMacSystemFont', system-ui, sans-serif !important; }

.accordion__contents .text-box.is-nodeite a { color: #00a972 !important; text-decoration: underline; }

.accordion__contents .profile__list { padding: 0 1.6rem; background-color: #f2f2f2; }

.accordion__contents .profile__list li + li { border-top: 1px solid #bbb; }

.accordion__contents .profile__list li:last-child { border-bottom: 0; }

.accordion__contents .profile__list .list-wrap::after { width: 1.4rem; height: 1.4rem; }

.accordion__contents .profile__list .title { display: inline-block; width: auto; font-size: 1.5rem; font-weight: normal; }

.accordion-box.detail__info .accordion__btn::after { width: 1.6rem; height: 1.6rem; }

.filed.--acc { display: flex; justify-content: space-between; align-items: center; padding-top: 2rem; padding-bottom: 2rem; }

.filed.--acc .checkbox-large { width: 100%; max-width: calc(100% - 3rem); }

.filed.--acc .accordion__btn { width: 2rem; }

.table { width: 100%; border-collapse: collapse; table-layout: fixed; background-color: #fff; color: #333; border-bottom: 1px solid #eee; }

.table thead, .table tbody { background-color: transparent; }

.table th, .table td { padding: 10px; font-size: 1.6rem; vertical-align: middle; text-align: center; border: 1px solid #eee; border-width: 0 0 1px; }

.table th.table__title, .table td.table__title { overflow: hidden; text-align: left; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; }

.table th { font-weight: 700; }

.table-box { border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; }

.table--alarm { border: 0; }

.table--alarm .table { background-color: transparent; border: 1px solid #bbb; }

.table--alarm .table th, .table--alarm .table td { font-size: 1.2rem; color: #636363; padding: 0.4rem 0.8rem; text-align: left; border: 1px solid #bbb; word-break: keep-all; }

.table--alarm .table th { font-weight: 500; background-color: #ddd; border-bottom: 0; }

.tabs { -webkit-overflow-scrolling: touch; display: flex; align-items: stretch; font-size: 1.6rem; justify-content: space-between; white-space: nowrap; position: relative; }

.tabs::after { content: ''; position: absolute; bottom: -4px; left: 0; right: 0; display: block; height: 4px; width: 100%; background-image: url(/assets/images/sd_4px.png); }

.tabs ul { overflow: auto; align-items: center; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: space-around; align-items: flex-end; }

.tabs ul li { flex: 1; position: relative; background-color: #fff; }

.tabs ul li.is-active .tab__btn { z-index: 1; color: #0a0a0a; }

.tabs ul li.is-active .tab__btn::after { border-bottom: 2px solid #0a0a0a; }

.tabs.tabs--block .container > ul { justify-content: flex-start; }

.tabs.tabs--block .container > ul > li { flex: none; }

.tabs .tab__btn { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; padding: 1.7rem 2rem; font-size: 1.6rem; color: #636363; line-height: 1.4; }

.tabs .tab__btn::after { content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 0; }

.tabs .tab__btn .title { display: block; color: #00a972; font-size: 1.8rem; font-weight: 500; }

.tabs .tab__btn .user__character { display: flex; align-items: center; line-height: 2.5rem; }

.tabs .tab__btn .user__character .title { margin-left: 1rem; }

.tabs--sub { overflow: auto; white-space: nowrap; }

.tabs--sub li { display: inline-block; font-size: 0; }

.tabs--sub li .btn { font-size: 1.5rem; color: #636363; }

.tabs--sub li.is-active .btn { color: #00a972; }

.tabs--sub li + li { position: relative; }

.tabs--sub li + li::before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background-color: #9a9a9a; vertical-align: middle; }

.tabs__panel { padding: .7rem 0; background-color: #fff; z-index: 2; }

.tabs.--rate .tab__btn span { font-weight: 600; }

.tabs.--rate .family { color: #00a972; }

.tabs.--rate .vip { color: #6195FF; }

.tabs.--rate .vvip { color: #BE85FF; }

.tabs { position: relative; z-index: 3; }

.tabs.bg-gray { background-color: #f2f2f2; }

.tabs__btn { flex: 1; padding: 1.3rem 0; font-size: 1.9rem; color: inherit; text-align: center; }

.tabs__btn.is-active { color: #00a972; border-radius: 0; border-bottom: 2px solid #00a972; }

.tabs--top { padding-top: 5.5rem; background-color: #fff; -webkit-overflow-scrolling: touch; }

.tabs--top .container { position: fixed; top: 4.8rem; width: 100%; padding: 0; display: flex; justify-content: space-between; align-self: center; background-color: #fff; transition: .3s; z-index: 1; border-bottom: 1px solid #d4d4d4; }

.tabs--top.is-left .container { justify-content: flex-start; }

.tab__swiper .btn.tab__btn { padding: 1.6rem 1rem; }

.product-box { position: relative; background-color: #fff; z-index: 1; }

.product__items.is-square .product__thumb { width: 100%; }

.product__items.is-square .product__thumb::after { content: ''; display: block; padding-top: 100%; }

.product__items.is-round .product__thumb { border-radius: 1rem; }

.product__item { display: flex; justify-content: space-between; }

.product__item-box { position: relative; }

.product__item-box.is-small .product__thumb { 
  width: 6rem;
  height: 6rem;
  border-radius: 0.6rem;
}

.product__item-box.is-small .product__title {
  font-size: 1.4rem;
  line-height: 1.3;
  -webkit-line-clamp: 2;
}

.product__item-box.is-small .product__info { width: calc(100% - 6rem); }

.product__item-box .soldout { display: none; }

.product__item-box.is-soldout .soldout { display: block; position: absolute; bottom: 0; width: 100%; padding: 0.8rem 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 1.4rem; text-align: center; z-index: 2; }

.product__item-box .checkbox-large input[type="checkbox"] + label::before, .product__item-box .checkbox-large input[type="checkbox"]:checked + label::after { top: 50%; transform: translateY(-50%); }

.product__info { display: flex; justify-content: flex-start; flex-direction: column; width: calc(100% - 12rem); padding-left: 1.6rem; }

.product__info--body { margin-top: 1.2rem; font-size: 0; }

.product__link { display: block; width: 100%; height: 100%; cursor: pointer; }

.product--list li + li { margin-top: .8rem; }

.product--list .product__thumb { width: 12rem; }

.product--list .product__info { justify-content: center; }

.product--list .product__info--body { display: flex; align-items: center; flex-wrap: wrap; }

.product--list .product__price .num { font-size: 1.7rem; }

.product--list .product__price .unit { margin-left: 0; font-size: 1.7rem; }

.product--list .product__del { margin-left: .4rem; margin-bottom: 0; font-size: 1.3rem; color: #b8b8b8; }

.product--list .product__title { font-size: 1.7rem; }

.product--list .product__title.is-ellipsis-two { height: auto; }

.product--list .product__title.is-line-two { height: 4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.product--list .product__kcal .num { font-size: 1.7rem; }

.product--list .product__kcal .unit { margin-left: 0; font-size: 1.7rem; }

.product--list .product__kcal::after { content: ''; display: inline-block; width: 1px; height: 1.4rem; margin: 0 0.6rem; background-color: #b8b8b8; transform: translateY(1px); }

.product--list .product__cap .num { font-size: 1.7rem; }

.product--list .product__cap .unit { margin-left: 0; font-size: 1.7rem; }

.product--list .product__arrow { width: 2.8rem; display: flex; align-items: center; }

.product--list.--regular > li + li { border-top: 1px solid #ccc; padding-top: 4rem; }

.product--list.--desc li + li { margin-top: 4rem; }

.product--gallery .product__info { width: 100%; padding-left: 0; margin-top: 1.6rem; }

.product--gallery .product__item { flex-direction: column; }

.product--gallery .product__thumb { width: 100%; }

.product--gallery .product__thumb.is-wide::after { content: ''; display: block; padding-top: 50%; }

.product--gallery .product__title { line-height: 2.6rem; }

.product--gallery .product__title.is-ellipsis-two { height: 5.2rem; }

.product--gallery .product__subtitle { margin-bottom: .4rem; font-size: 1.3rem; }

.product--gallery .product__price .unit { margin-left: 0; }

.product--gallery.--col-2 { margin: -2rem -.8rem; font-size: 0; }

.product--gallery.--col-2 > li { display: inline-block; width: calc(50% - 1.6rem); margin: 2rem .8rem; }

.product__order > li + li { margin-top: 1.2rem; }

.product__order .product__link { border: 1px solid #bbb; border-radius: .8rem; padding: 1.4rem 1.6rem; }

.product__order .product__thumb { width: 8rem; }

.product__order .product__info { width: calc(100% - 8rem); }

.product__order .product__title { font-weight: 400; }

.product__order--date { display: block; font-size: 1.3rem; color: #636363; margin-bottom: .8rem; }

.product__order--price { margin-top: .6rem; font-size: 1.4rem; color: #0a0a0a; }

.product__desc { margin-top: 1.2rem; padding: 1.2rem; border-radius: 1.2rem; background-color: #f2f2f2; }

.product__desc .title-box { display: inline-block; padding: 0.4rem 1rem; margin-bottom: 0.8rem; border-radius: 1.4rem; background-color: #fff; }

.product__desc .title-box .ico { display: inline-block; width: 2rem; margin-right: 0.4rem; }

.product__desc .title-box .title { display: inline-block; margin-bottom: 0; font-size: 1.3rem; vertical-align: super; }

.product__desc .txt { font-size: 1.3rem; line-height: 1.38; }

.product__delete { width: 2.8rem; height: 2.8rem; position: absolute; top: 2rem; right: 2rem; border-radius: 50%; background-image: url(/assets/images/ico/ico_input_del.svg); background-size: cover; }

.product__thumb { overflow: hidden; position: relative; display: inline-flex; justify-content: center; align-items: center; font-size: 0; }

.product__thumb img { position: absolute; width: 100%; height: auto; z-index: 1; }

.product__thumb::after { content: ''; display: block; padding-top: 100%; }

.product__thumb.is-wide::after { content: ''; display: block; padding-top: 75%; }

.product__thumb.is-noafter::after { display: none; }

.product__thumb.is-thumb70 { height: 100%; width: 100%; }

.product__thumb.is-thumb70::after { content: ''; display: block; padding-top: 70%; }

@-webkit-keyframes spinner { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

@keyframes spinner { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.product__subtitle { overflow: hidden; display: block; width: 100%; margin-bottom: .8rem; font-size: 1.2rem; color: #00a972; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; }

.product__subtitle.is-ellipsis-two { -webkit-line-clamp: 2; }

.product__subtitle.is-ellipsis-one { -webkit-line-clamp: 1; }

.product__subtitle.is-small { font-size: 1.3rem; }

.product__title { overflow: hidden; width: 100%; max-height: 6rem; font-size: 1.4rem; color: #0a0a0a; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 2rem; }

.product__title.is-ellipsis-two { height: 4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.product__title.is-ellipsis-one { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; }

.product__title.is-large { font-size: 1.8rem; }

.product__del { display: inline-block; font-size: 1.3rem; color: #b8b8b8; margin-left: .4rem; }

.product__del.is-block { display: block; margin-left: 0; margin-bottom: .4rem; }

.product__discount { margin-right: .8rem; font-size: 1.8rem; font-weight: 700; color: #fe4a4a; }

.product__review { display: flex; justify-content: flex-start; align-items: center; margin-top: .8rem; }

.product__star { width: 1.6rem; }

.product__grade { margin-left: 1px; font-size: 1.2rem; color: #0a0a0a; }

.product__cart { position: absolute; bottom: 0; right: 0; width: 2.4rem; }

.product__price { font-size: 0; color: #0a0a0a; }

.product__price .num { font-size: 1.8rem; }

.product__price .unit { margin-left: .4rem; font-size: 1.8rem; }

.product__period { margin-top: .9rem; font-size: 1.3rem; color: #636363; }

.product__quantity { margin-left: 0.8rem; font-size: 1.5rem; }

.product__quantity::before { content: ''; display: inline-block; width: 1px; height: 1.2rem; margin-right: 0.8rem; background: #b8b8b8; }

.product__quantity { margin-left: 0; }

.product__quantity.is-nobefore::before { display: none; }

.badge { display: inline-block; padding: .4rem .6rem; font-size: 1.2rem; font-weight: 700; color: #fff; }

.badge + .badge { margin-left: 1px; }

.badge-box { position: absolute; top: 0; left: 0; font-size: 0; z-index: 1; }

.badge-box.--count { top: .9rem; left: auto; right: 2rem; }

.badge-box.--count .badge { display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; background-color: rgba(10, 10, 10, 0.65); border-radius: 50%; font-size: 1.3rem; font-weight: 700; line-height: 1.9rem; color: #fff; text-align: center; }

.badge-box.--prd .badge { padding: 0; }

.badge-box.--prd img { position: relative; height: 2.4rem; width: auto; }

.badge--free { background-color: #a06bef; }

.badge--regularly { background-color: #618ffb; }

.badge--coupon { background-color: #f66262; }

.badge--event { background-color: #d373ef; }

.badge--reserves { background-color: #00a972; }

.badge--count { background-color: #ff4646; font-size: 1.1rem; font-weight: 500; }

.badge--count b { font-size: 1.2rem; }

.badge--kit { background-color: #296df6; }

.product__detail--thumb { margin-left: -2rem; margin-right: -2rem; }

.product__detail--thumb .thumb { overflow: hidden; position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: #ddd; font-size: 0; width: 100%; }

.product__detail--thumb .thumb::after { content: ''; display: block; padding-top: 100%; }

.product__detail--thumb .thumb img { position: relative; width: 100%; height: auto; z-index: 1; }

.product__detail--thumb .swiper-pagination { bottom: 2rem; }

.product__detail--thumb .swiper-pagination-bullet { width: .8rem; height: .8rem; background-color: #cfcfcf; border-radius: .4rem; opacity: 1; transition: width .3s; }

.product__detail--thumb .swiper-pagination-bullet-active { width: 1.6rem; background-color: #0a0a0a; }

.product__detail--top { position: relative; display: flex; justify-content: space-between; align-items: center; }

.product__detail--top .badge-box { position: relative; }

.product__detail--top .badge { padding: 0; font-size: 0; }

.product__detail--top .badge--coupon { background-color: #ff4646; }

.product__detail--top .badge--event { background-color: #0a0a0a; }

.product__detail--top .badge img { width: auto; height: 100%s; max-height: 2.6rem; }

.product__detail--top .btn-share { width: 3.5rem; height: 3.5rem; color: #fff; background-image: url(../images/ico/ico_sharing.svg); background-size: contain; }

.product__detail--tag { margin-top: 2.1rem; font-size: 1.6rem; color: #0a0a0a; }

.product__detail--title { overflow: hidden; margin-top: 1.2rem; font-size: 2.1rem; color: #0a0a0a; line-height: 2.9rem; }

.product__detail--stars { display: flex; justify-content: flex-start; align-items: center; margin-top: 1.2rem; }

.product__detail--stars .stats-rate--bg { display: inline-block; overflow: hidden; position: relative; white-space: nowrap; vertical-align: middle; background-image: url(../images/ico/ico_stats_rate.svg); background-size: cover; background-position: 0 0; background-repeat: no-repeat; width: 88px; height: 16px; }

.product__detail--stars .stats-rate__star { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: url(../images/ico/ico_stats_rate_over.svg); background-size: cover; }

.product__detail--stars .stats-rate__star--00 { width: 0% !important; }

.product__detail--stars .stats-rate__star--05 { width: 9% !important; }

.product__detail--stars .stats-rate__star--10 { width: 19% !important; }

.product__detail--stars .stats-rate__star--15 { width: 29% !important; }

.product__detail--stars .stats-rate__star--20 { width: 40% !important; }

.product__detail--stars .stats-rate__star--25 { width: 50% !important; }

.product__detail--stars .stats-rate__star--30 { width: 61% !important; }

.product__detail--stars .stats-rate__star--35 { width: 71% !important; }

.product__detail--stars .stats-rate__star--40 { width: 80% !important; }

.product__detail--stars .stats-rate__star--45 { width: 92% !important; }

.product__detail--stars .stats-rate__star--50 { width: 100% !important; }

.product__detail--stars .stats-rate--text { margin-left: .2rem; font-size: 1.3rem; color: #0a0a0a; }

.product__detail--stars .btn-review { padding: 0; margin-left: .8rem; font-size: 1.3rem; font-weight: 500; color: #9a9a9a; }

.product__detail--discount { display: flex; justify-content: flex-start; align-items: center; margin-top: 2rem; font-size: 1.5rem; color: #ff4646; }

.product__detail--discount em { margin-right: .8rem; font-size: 2.1rem; }

.product__detail--discount em b { font-weight: 700; }

.product__detail--price { margin-top: .8rem; color: #0a0a0a; font-size: 0; }

.product__detail--price em { font-size: 2.1rem; }

.product__detail--price del { margin-left: .8rem; font-size: 1.5rem; color: #b8b8b8; }

.product__detail--v2 { margin-top: 1rem; }

.product__detail--discount--v2 { display: flex; justify-content: flex-start; align-items: center; font-size: 1.5rem; color: #ff4646; }

.product__detail--discount--v2 em { font-size: 1.8rem; }

.product__detail--discount--v2 em b { font-weight: 700; }

.product__detail--price--v2 { display: flex; align-items: center; color: #0a0a0a; font-size: 0; white-space: nowrap;}

.product__detail--price--v2 em { font-size: 2.1rem; }

.product__detail--price--v2 del { font-size: 1.5rem; color: #b8b8b8; }

.product__detail--price--v2--3rd--description { margin-top: 0.6rem; }

.product__detail--price--v2--3rd--description em { font-size: 1.8rem; text-decoration: underline; text-underline-offset: 0.4rem; }

.normal--price--area { display: flex; gap: 1rem; margin-top: 0.4rem; }

.normal--price--area .description { display:flex; align-items: center; font-size: 1.8rem; white-space: nowrap; }

.regular--price--area { display: flex; flex-wrap: wrap; column-gap: 1rem; margin-top: 0.4rem; }

.regular--price--area .description { display:flex; align-items: center; font-size: 1.8rem; white-space: nowrap; }

.product__detail--btn-box { margin-top: 2rem; }

.product__detail--btn-box .btn { width: 100%; border-color: #0a0a0a; }

.product__detail--btn-box .btn .text { display: flex; justify-content: center; align-items: center; line-height: 2rem; }

.product__detail--btn-box .btn .text::after { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-left: .8rem; background-image: url(../images/ico/ico_down_black.svg); background-size: contain; vertical-align: middle; }

.product__detail--banner { margin-top: 2rem; }

.product__detail--banner .swiper-pagination { left: auto; right: 2rem; top: auto; bottom: .8rem; width: auto; }

.product__detail--banner .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: .6; margin: 0 .2rem; }

.product__detail--banner .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

.product__detail--analysis .title { display: block; margin-bottom: 1.2rem; font-size: 1.6rem; font-weight: 400; color: #0a0a0a; }

.product__detail--analysis .title + .title { margin-top: -.6rem; margin-bottom: 0; }

.product__detail--analysis .title strong { display: inline-block; }

.product__detail--analysis .title strong::after { content: ''; display: block; height: .8rem; margin-top: -.8rem; background-color: #fff127; }

.product__detail--analysis .analysis--keyword { font-size: 0; margin: -.4rem; }

.product__detail--analysis .analysis--keyword .keyword { display: inline-block; padding: .5rem 1.2rem .5rem 3.2rem; margin: .4rem; border: 1px solid #b8b8b8; border-radius: 1.5rem; font-size: 1.7rem; background-image: url(../images/ico/ico_check.svg); background-size: 1.6rem; background-repeat: no-repeat; background-position: top 50% left 1.2rem; }

.product__detail--analysis + .product__detail--analysis { margin-top: 4rem; }

.product__detail--analysis .analysis--ico-list { font-size: 0; margin: -.6rem 0; }

.product__detail--analysis .analysis--ico-list li { display: inline-block; width: 50%; margin: .6rem 0; }

.product__detail--analysis .analysis--ico-list .analysis { display: flex; justify-content: flex-start; align-items: center; }

.product__detail--analysis .analysis--ico-list .analysis::before { content: ''; display: inline-block; width: 6rem; min-width: 6rem; height: 6rem; min-height: 6rem; border-radius: 50%; background-color: #f2f2f2; background-position: center; background-repeat: no-repeat; background-size: 3.2rem; }

.product__detail--analysis .analysis--ico-list .analysis.analysis--alarm::before { background-image: url(../images/ico/ico_alarm.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--collagen::before { background-image: url(../images/ico/ico_ingre.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--effect::before { background-image: url(../images/ico/ico_effect.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--intake::before { background-image: url(../images/ico/ico_ingest.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--point::before { background-image: url(../images/ico/ico_point_s.svg); }

.product__detail--analysis .analysis--ico-list .text-box { margin-left: .8rem; }

.product__detail--analysis .analysis--ico-list span { display: block; }

.product__detail--analysis .analysis--ico-list .sub-title { font-size: 1.2rem; font-weight: 500; color: #9a9a9a; }

.product__detail--analysis .analysis--ico-list .title { margin-top: .6rem; margin-bottom: 0; font-size: 1.6rem; color: #0a0a0a; }

.product__detail--analysis .text-box--gifts .subtitle { display: block; margin-bottom: 2rem; font-size: 1.2rem; color: #9a9a9a; font-weight: 600; }

.product__detail--tabs { background-color: #fff; border-bottom: 1px solid #d4d4d4; position: -webkit-sticky; position: sticky; top: 4rem; z-index: 2; }

.product__detail--tabs ul { display: flex; justify-content: space-around; align-items: center; }

.product__detail--tabs li { flex: 1; text-align: center; }

.product__detail--tabs li.is-active span::after { content: ''; display: block; width: 100%; height: 2px; background-color: #0a0a0a; position: absolute; bottom: 0; }

.product__detail--tabs a { font-size: 1.6rem; color: #0a0a0a; }

.product__detail--tabs span { display: block; padding: 1.7rem 0; position: relative; }

.product__detail--tabs.is-fixed { width: 100%; max-width: 640px; }

.product__detail--item { padding: 2rem 0; }

.product__detail--item .img-box { overflow: hidden; position: relative; height: 130rem; }

.product__detail--item .img-box img { width: 100% !important; }

.product__detail--item .img-box::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3.2rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 40%, white 70%); content: ''; z-index: 1; }

.product__detail--item .img-box.is-nobefore::before { display: none; }

.product__detail--item .ico-arr { display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url(../images/ico/ico_arrow.svg); background-size: contain; background-repeat: no-repeat; transform: rotate(180deg); margin-left: 1.2rem; vertical-align: middle; }

.product__detail--title-box { margin-bottom: 1.8rem; }

.product__detail--title-box .title { font-size: 1.6rem; font-weight: 400; }

.product__detail--title-box .satisfaction { font-size: 1.6rem; }

.product__review--body { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 2rem; }

.product__review--body .stats-rate { display: flex; justify-content: flex-start; align-items: center; margin-right: 3rem; font-size: 1.6rem; color: #0a0a0a; }

.product__review--body .stats-rate::before { content: ''; display: inline-block; width: 1.7rem; height: 1.7rem; margin-right: .6rem; background-image: url(../images/ico/ico_stats_rate_one.svg); background-size: contain; }

.product__review--list { flex: 1; }

.product__review--list li + li { margin-top: .5rem; }

.product__review--list li .prograss__inner { background-color: #00a972; }

.product__review--content { display: flex; justify-content: space-between; align-items: center; }

.product__review--content .title { width: 6rem; font-size: .9rem; color: #9a9a9a; }

.product__review--content .prograss { width: calc(100% - 9rem); padding: 0 .8rem 0 1.2rem; }

.product__review--content .prograss__outer { overflow: hidden; display: block; position: relative; width: 100%; height: .4rem; background-color: #f2f2f2; border-radius: .2rem; }

.product__review--content .prograss__inner { position: absolute; top: 0; left: 0; height: 100%; background-color: #cfcfcf; border-radius: .2rem; }

.product__review--content .total { width: 3rem; font-size: .9rem; font-weight: 500; color: #9a9a9a; text-align: right; }

.poroduct--recommend { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.is-section-contour::after { content: ''; display: block; height: .8rem; margin-top: 4rem; background-color: #f2f2f2; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }

.is-section-contour.contour--nomargin::after { margin-top: 0; }

.btn-box--fixed { position: fixed; bottom: 0; width: 100%; max-width: 640px; background-color: #fff; box-shadow: 0px -4px 4px 0 #ccc; z-index: 2; text-align: center; }

.btn-box--fixed .btn { border-radius: 0; padding: 0; height: 6rem; font-size: 1.9rem; }

.btn-box--fixed .btn-gift { width: 6rem; border-right: 1px solid #cfcfcf; background-image: url(../images/ico/ico_gift.svg); background-position: center; background-size: 3.6rem; background-repeat: no-repeat; }

.btn-box--fixed .btn-periodic { flex: 1; font-size: 1.9rem; color: #0a0a0a; }

.btn-box--fixed .btn-payment { flex: 1; background-color: #0a0a0a; font-size: 1.9rem; color: #fff; }

.btn-box--fixed .btn-area { margin-top: 0; }

.btn-box--fixed .btn-area.is-half .btn + .btn { margin-left: 0; }

.btn-box--fixed--in--product { position: fixed; bottom: 0; width: 100%; height: 60px; max-width: 640px; background-color: #F2F2F2; box-shadow: 0px -2px 2px 0 #ccc; z-index: 3; text-align: center; }

.btn-box--fixed--in--product .btn { border-radius: 0; padding: 0; height: 6rem; font-size: 1.9rem; }

.btn-box--fixed--in--product .btn-periodic { flex: 1; font-size: 1.9rem; color: #0a0a0a; }

.btn-box--fixed--in--product .btn-payment { flex: 1; background-color: #0a0a0a; font-size: 1.9rem; color: #fff; }

.btn-box--fixed--in--product .btn-payment-v2 { flex: 1; font-size: 1.9rem; color: #fff; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 4px;}

.btn-box--fixed--in--product .btn-payment-v2 .present { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.btn-box--fixed--in--product .btn-payment-v2 .present .ico { width: 100%; height: 100%; object-fit: contain; }

.btn-box--fixed--in--product .btn-payment-v2 .typo { color: #000000; }

.btn-box--fixed--in--product .btn-area { margin-top: 0; }

.btn-box--fixed--in--product .btn-area.is-half .btn + .btn { margin-left: 0; }

.btn-box--fixed--in--product .btn-gift { background-color: #ECECEC; background-image: url(../images/ico/ico_gift.svg); background-position: center; background-size: 3.6rem; background-repeat: no-repeat; padding: 10px 20px; height: 100%; width: 12%;}

@media (max-width: 768px) {
  .btn-box--fixed--in--product .btn-gift {
    width: 16%;
  }
}

.btn-box--fixed--in--product .btn-gift-gen { background-color: #ECECEC; background-image: url(../images/ico/ico_gift.svg); background-position: center; background-size: 3.6rem; background-repeat: no-repeat; padding: 10px 20px; height: 100%; width: 16%;}

@media (max-width: 768px) {
  .btn-box--fixed--in--product .btn-gift-gen {
    width: 24%;
  }
}

.btn-box--fixed--in--product .btn-normal { background-color: black; color: white; font-size: 1.9rem; font-weight: 400;  padding: 10px 20px; width:45%; height: 100%;}

.btn-box--fixed--in--product .btn-normal-full { background-color: black; color: white; font-size: 1.9rem; font-weight: 400; border: 1px solid black; border-radius: 1rem; padding: 10px 20px; width: 99%; height: 50px;}

.btn-box--fixed--in--product .btn-normal-half-full { background-color: black; color: white; font-size: 1.9rem; font-weight: 400; border: 1px solid black; border-radius: 1rem; padding: 10px 20px; width: 49%; height: 50px;}

.btn-box--fixed--in--product .btn-normal-quarter-full { background-color: black; color: white; font-size: 1.9rem; font-weight: 400; height: 100%; width: 100%;}

.btn-box--fixed--in--product .btn-normal-quarter-half-full { background-color: black; color: white; font-size: 1.9rem; font-weight: 400; height: 100%; width: 50%;}

.btn-box--fixed--in--product .btn-regular { position: relative; background-color: white; color: black; font-size: 1.9rem; font-weight: 400; padding: 10px 20px; width: 45%; height: 100%;}

.btn-box--fixed--in--product .btn-regular-half-full { position: relative; background-color: white; color: black; font-size: 1.9rem; font-weight: 400; border: 1px solid black; border-radius: 1rem; padding: 10px 20px; width: 49%; height: 50px;}

.btn-box--fixed--in--product .btn-regular--full { background-color: black; color: white; font-size: 1.9rem; font-weight: 400; padding: 10px 20px; width: 100%; height: 100%;}

.btn-box--fixed--in--product .btn-present--full { background-color: black; color: white; font-size: 1.9rem; font-weight: 400; border: 1px solid black; border-radius: 1rem; padding: 10px 20px; width: 79%; height: 50px;}

@media (min-width: 768px) {
  .btn-box--fixed--in--product .btn-regular .tooltip {
    visibility: visible;
    width: 120px;
    background-color: #00985D;
    color: #fff;
    text-align: center;
    border-radius: 3rem;
    padding: 5px;
    position: absolute;
    z-index: 9;
    bottom: 87%;
    left: 52%;
    margin-left: -60px;
    opacity: 1;
    font-size: 1.6rem;
    font-weight: 700;
  }

  .btn-box--fixed--in--product .btn-regular .tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #00985D transparent transparent transparent;
    z-index: 9;
  }
}

@media (min-width: 434px) {
  .btn-box--fixed--in--product .btn-regular .tooltip {
    visibility: visible;
    width: 120px;
    background-color: #00985D;
    color: #fff;
    text-align: center;
    border-radius: 3rem;
    padding: 5px;
    position: absolute;
    z-index: 9;
    bottom: 87%;
    left: 52%;
    margin-left: -60px;
    opacity: 1;
    font-size: 1.6rem;
    font-weight: 700;
  }

  .btn-box--fixed--in--product .btn-regular .tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #00985D transparent transparent transparent;
    z-index: 9;
  }
}


@media (max-width: 434px) {
  .btn-box--fixed--in--product .btn-regular .tooltip {
    visibility: visible;
    width: 95px;
    background-color: #00985D;
    color: #fff;
    text-align: center;
    border-radius: 3rem;
    padding: 5px;
    position: absolute;
    z-index: 9;
    bottom: 87%;
    left: 61%;
    margin-left: -60px;
    opacity: 1;
    font-size: 1.4rem;
    font-weight: 700;
  }

  .btn-box--fixed--in--product .btn-regular .tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #00985D transparent transparent transparent;
    z-index: 9;
  }
}

@media (max-width: 400px) {
  .btn-box--fixed--in--product .btn-regular-half-full .tooltip {
    visibility: visible;
    width: 120px;
    background-color: #00a972;
    color: #fff;
    text-align: center;
    border-radius: 3rem;
    padding: 5px;
    position: absolute;
    z-index: 9;
    bottom: 95%;
    left: 50%;
    margin-left: -60px;
    opacity: 1;
    font-size: 1.6rem;
  }

  .btn-box--fixed--in--product .btn-regular-half-full .tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #00a972 transparent transparent transparent;
    z-index: 9;
  }
}

@media (min-width: 400px) {
  .btn-box--fixed--in--product .btn-regular-half-full .tooltip {
    visibility: visible;
    width: 180px;
    background-color: #00a972;
    color: #fff;
    text-align: center;
    border-radius: 3rem;
    padding: 5px;
    position: absolute;
    z-index: 9;
    bottom: 95%;
    left: 50%;
    margin-left: -90px;
    opacity: 1;
  }

  .btn-box--fixed--in--product .btn-regular-half-full .tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #00a972 transparent transparent transparent;
    z-index: 9;
  }
}

.is-flex--around { display: flex; justify-content: space-around; align-items: center; }

@media (max-width: 400px) { .product--gallery .product__price { display: block; }
  .product--list .product__thumb { width: 10rem; height: 10rem; }
  .product--list .product__info { width: calc(100% - 10rem); }
  .product--list .product__price, .product--list .product__del, .product--list .product__quantity { width: 100%; margin-left: 0; margin-right: 0; }
  .product--list .product__quantity::before { display: none; }
  .badge-box.--prd img { height: 2rem; } }

.shop__main--swiepr .product__thumb { display: block; background-color: rgba(0, 155, 93, 0.2); }

.shop__main--swiepr .product__thumb::after { content: ''; display: block; padding-top: 70%; }

.shop__main--swiepr-wrap { margin-left: -2rem; margin-right: -2rem; }

.shop__main--swiepr-wrap::after { content: ''; display: block; padding-top: 70%; }

.shop__main--swiepr-wrap .shop__main--swiepr { position: absolute; width: 100%; height: 100%; margin-left: 0; margin-right: 0; }

.product__detail--top .badge > span { padding: .6rem .8rem; font-size: 1.1rem; color: #fff; font-weight: 500; }

.product__detail--top .badge .badge--regular { background-color: #ff9216; }

.product__detail--top .badge .badge--event { background-color: #be85ff; }

.product__detail--top .badge .badge--reserves { background-color: #00a972; }

.product__detail--top .badge .badge--delivery { background-color: #296df6; }

.product__detail--top .badge .badge--gifts { background-color: #0a0a0a; }

.product__detail--top .badge .badge--coupon { background-color: #ff4646; }

.product__detail--top .badge .badge--special { background-color: #f651c5; }

.section-tabs { padding-top: 15px; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

/* .swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0);
} */
.section-tabs .swiper-tabs-nav .swiper-slide { text-align: center; padding-bottom: 10px; border-bottom: 2px solid #f4f6f5; font-weight: 700; transition: all 0.3s ease-in-out; cursor: pointer; font-size: 2rem; }

.section-tabs .swiper-tabs-nav .swiper-slide.swiper-slide-thumb-active { font-weight: 700; color: #CB0001; border-color: #CB0001; }

.section-tabs .swiper-tabs-content .swiper-slide { padding: 25px 15px; font-size: 2rem; }

.section-tabs .swiper-tabs-content .swiper-slide .full-height { display: flex; flex-direction: column; min-height: calc(65vh - 25px); }

.section-tabs .swiper-tabs-content .swiper-slide .row { margin: 0 -5px; }

.section-tabs .swiper-tabs-content .swiper-slide .row .col-6, .section-tabs .swiper-tabs-content .swiper-slide .row .col { padding: 0 5px; }

.section-tabs .swiper-tabs-content .swiper-slide .custom-select { border-radius: 0; }

.section-tabs .swiper-tabs-content .swiper-slide textarea.form-control { border-radius: 0; background-color: #FFF; }

.section-tabs .swiper-tabs-content .swiper-slide .radio-courier .item-radio input ~ label { border-radius: 0; text-align: center; }

.section-tabs .swiper-tabs-content .swiper-slide .radio-courier .item-radio input ~ label h6 { color: #b8026f; }

.section-tabs .swiper-tabs-content .swiper-slide .radio-courier .item-radio input ~ label p { color: #989898; }

.section-tabs .swiper-tabs-content .swiper-slide .bottom { margin-top: auto; }

.section-tabs .swiper-tabs-content .swiper-slide .bottom .btn { text-transform: uppercase; font-weight: 700; font-family: 'Cairo', sans-serif !important; position: relative; }

.section-tabs .swiper-tabs-content .swiper-slide .bottom .btn .icon { position: absolute; left: 15px; top: 60%; transform: translateY(-50%); }

.section-tabs .swiper-tabs-content .swiper-slide .bottom .btn .icon img { height: 20px; width: auto; filter: invert(1); }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }

.swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background: #bbb; opacity: 1; }

.swiper-pagination-bullet-active { background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); }

.board--title-box { margin-top: 2.6rem; margin-bottom: 2rem; }

.board--title-box .title { font-size: 1.6rem; color: #0a0a0a; }

.board-box { margin-left: -2rem; margin-right: -2rem; }

.board__lists.notice { margin-top: 2.4rem; border-top: 1px solid #bbb; }

.board__lists li { border-bottom: 1px solid #bbb; }

.board__lists--title { font-size: 2.2rem; font-weight: 600; color: #0a0a0a; padding: 3.2rem 2rem 2rem; }

.board__link { display: flex; align-items: center; flex-wrap: wrap; padding: 2rem; }

.board__link .badge { width: 4rem; height: 2.5rem; padding: 0; background-color: #00a972; border-radius: 1.25rem; text-align: center; font-size: 1.4rem; font-weight: bold; line-height: 2.5rem; color: #fff; }

.board__link .badge + .title { margin-left: .8rem; width: calc(100% - 4.8rem); }

.board__link .badge + .title + .date { margin-left: 4.8rem; }

.board__link .title { font-size: 1.8rem; color: #0a0a0a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-weight: 600; }

.board__link .date { display: inline-block; width: 100%; margin-left: 0; margin-top: .9rem; font-size: 1.5rem; color: #9a9a9a; }

.board__more { width: 100%; padding: 2.2rem 0; text-align: center; color: #0a0a0a; font-size: 1.5em; }

.board__more > span { display: inline-block; }

.board__more > span::after { content: ''; display: block; height: 1px; background-color: #0a0a0a; }

.board__view--header { padding: 3.2rem 2rem 2rem; border-bottom: 1px solid #bbb; margin-left: -2rem; margin-right: -2rem; }

.board__view--header .title { display: inline-block; width: 100%; font-size: 1.9rem; font-weight: 600; color: #0a0a0a; }

.board__view--header .date { margin-top: .8rem; display: block; font-size: 1.5rem; color: #9a9a9a; }

.board__view--create { color: #9a9a9a; margin: 0; margin-top: 2rem; }

.board__view--create .box { font-size: 0; }

.board__view--create .box + .box { margin-top: 1.1rem; }

.board__view--create .box.order-num .txt, .board__view--create .box.attachment .txt { color: #0a0a0a; word-break: break-all; }

.board__view--create dt { display: inline-block; width: 6rem; margin-right: 1.6rem; vertical-align: top; font-size: 1.5rem; }

.board__view--create dd { display: inline-block; width: calc(100% - 7.6rem); margin: 0; vertical-align: top; font-size: 1.5rem; }

.board__view--body { padding-top: 2.1rem; }

.board__view--body img { display: block; width: 100% !important; height: auto !important; }

.board__view--body .img__horizontally a { width: 50% !important;}

.board__view--body .img__horizontally a img { display: block; width: 100% !important; height: auto !important; }

.board__view--body .img__horizontally img { display: block; width: 50% !important; height: auto !important; }

.board__view--body .img__horizontally p { display: flex; }

.board__view--body.is-end { position: relative; z-index: -1; cursor: default; }

.board__view--body.is-end::before { content: ''; display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; }

.board__view--body.is-end::after { content: '종료된 이벤트 입니다.'; position: absolute; top: 5rem; left: 0; width: 100%; color: #fff; font-size: 4rem; text-align: center; font-weight: bold; word-break: keep-all; }

.board__view--contents { padding: 2.4rem 2rem 4rem; background-color: #f2f2f2; font-size: 1.6rem; color: #0a0a0a; line-height: 2.4rem; word-break: break-all;}

.board__view--contents .inquiry { display: block; margin-bottom: 1rem; font-size: 1.2rem; color: #9a9a9a; }

.board__view--answer { padding: 1.2rem 0 10rem; }

.board__view--answer--header { display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; }

.board__view--answer--header .con { color: #636363; }

.board__view--answer--header .date { color: #9a9a9a; }

.board__view--answer--body { padding: 2rem; margin-top: 1rem; font-size: 1.6rem; color: #636363; line-height: 2.4rem; background-color: #f2f2f2; word-break: break-all;}

.board__view--answer--body img { width: 100% !important; height: auto !important; }

.board__ask--body { margin-left: -2rem; margin-right: -2rem; padding-bottom: 2rem; }

.board__ask--lists li { border-bottom: 1px solid #bbb; }

.board__ask--lists li.is-active .board__ask--current { background-color: #00a972; }

.board__ask--link { display: block; padding: 2rem; }

.board__ask--contents .title { display: block; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem; color: #0a0a0a; font-weight: 600; margin-bottom: 1rem; }

.board__ask--contents .date { font-size: 1.5rem; color: #9a9a9a; }

.board__ask--current { display: inline-block; padding: .8rem 1rem; margin-bottom: 1.2rem; background-color: #636363; font-size: 1.4rem; font-weight: 600; color: #fff; border-radius: 1.6rem; }

.board__write-box { padding-top: 2.6rem; }

.board__write--footer { margin-top: 4rem; }

.board--dl { margin: 0; }

.board--dl__div { display: flex; }

.board--dl__div dt, .board--dl__div dd { margin: 0; font-size: 1.2rem; border-bottom: 1px solid #bbb; padding: .7rem; vertical-align: top; word-break: keep-all; }

.board--dl__div dt { width: 24%; border-right: 1px solid #bbb; }

.board--dl__div dd { width: 76%; }

.no-search { margin: 6rem auto; text-align: center; font-size: 1.4rem; color: #9a9a9a; }

.breadcrumb { position: relative; display: inline-block; margin: 0 -10px; line-height: 1; font-size: 0; }

.breadcrumb__item { position: relative; padding: 0 0 0 10px; vertical-align: middle; font-size: 14px; }

.breadcrumb__item::before { content: '>'; display: inline-block; margin-right: 10px; color: #000; }

.breadcrumb__item:first-child::before { display: none; }

.breadcrumb__item.is-active { color: var(--primary-700); }

.tooltip-wrap { display: inline-block; position: relative; }

.tooltip-wrap.is-active .tooltip-box { display: flex; }

.tooltip__btn { display: inline-flex; color: #888; align-items: center; padding: 0; margin: 0; line-height: 1; font-size: 1.4rem; }

.tooltip__btn.is-underline > span { border-bottom: 1px solid #242424; color: #242424; font-size: 1.6rem; }

.tooltip__btn::after { content: ''; width: 2rem; height: 2rem; margin-left: .4rem; background-image: url(../images/ico/ico_tip2.svg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.tooltip__btn.--gray::after { opacity: 0.3; transform: translate(-4px, 3px); }

.tooltip__btn.--green { color: var(--selex--green); }

.tooltip__btn.is-left::after { display: none; }

.tooltip__btn.is-left::before {
  content: '';
  width: 2rem;
  height: 2rem;
  margin-right: .4rem;
  background-image: url(../images/ico/icon_info.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 }

 .tooltip__btn.--green::before { 
  width: 1.6rem;
  height: 1.6rem;  
  background-image: url(../images/ico/icon_info_green.svg);
}

.tooltip-box { display: none; position: absolute; left: 0; z-index: 10; width: 25rem; padding: 1.4rem; background-color: #2480e9; box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.63); border-radius: .8rem; color: #fff; line-height: 1.8rem; font-size: 1.2rem; text-align: left; word-break: keep-all; }

.tooltip-box .title { margin-bottom: 1.2rem; font-size: 1.4rem; font-weight: 600; color: #fff; }

.tooltip-box.is-bottom { top: 3.6rem; left: 50%; transform: translateX(-50%); z-index: 1; }

.tooltip-box.is-bottom::before { content: ''; width: 0; height: 0; border-bottom: 1.2rem solid #2480e9; border-left: 0.7rem solid transparent; border-right: 0.7rem solid transparent; position: absolute; top: -1.2rem; left: 50%; transform: translateX(-50%); z-index: 2; }

.tooltip-box.is-white { background-color: #fff; }

.tooltip-box.is-white .title { color: #0a0a0a; }

.tooltip-box.is-white .tooltip__body { color: #636363; }

.tooltip-box.is-fullwidth { flex: 1; width: 100%; }

.renewal .tooltip-wrap.is-active .tooltip-box { display: block; }

.renewal .tooltip-box { padding: 2rem 2.4rem; border: 1px solid var(--selex--green); background-color: #FAFFFD; box-shadow: 0px 0px 20px 0px rgba(61, 139, 114, 0.2); }

.renewal .tooltip-box.is-bottom::before { top: -0.8rem; border-bottom: 1rem solid #FAFFFD; left: auto; }

.renewal .tooltip-box.is-bottom::after { content: ''; width: 0; height: 0; border-bottom: 1rem solid var(--selex--green); border-left: 0.7rem solid transparent; border-right: 0.7rem solid transparent; position: absolute; top: -1rem; transform: translateX(-50%); z-index: 1; }

.renewal .tooltip-box table { width: 100%; font-size: 1.4rem; color: #666; text-align: center; border-top: 1px solid #CFE9DB; border-left: 1px solid #CFE9DB; }

.renewal .tooltip-box table td { padding: 1rem 0.5rem; border-bottom: 1px solid #CFE9DB; border-right: 1px solid #CFE9DB; }

.switch__box { position: relative; display: block; width: 10rem; height: 2.4rem; background: #e9e9e9; border-radius: 1.2rem; }

.switch__box input:checked + .switch__slider:before { transform: translate(4.6rem, -50%); }

.switch__box input:checked ~ .switch__title::after { font-weight: 700; color: #fff; transition: color 0.3s ease 0s; }

.switch__box input:checked ~ .switch__title::before { font-weight: 500; color: #0a0a0a; transition: color 0.3s ease 0s; }

.switch__title { display: flex; justify-content: space-around; max-width: calc(100% - 0.4rem); align-items: center; margin-left: 0.2rem; height: 100%; }

.switch__title::before { content: "기능별"; position: relative; z-index: 5; font-weight: 700; font-size: 1.1rem; color: #fff; cursor: pointer; transition: color 0.3s ease 0s; }

.switch__title::after { content: "성분별"; position: relative; z-index: 5; font-weight: 500; font-size: 1.1rem; color: #0a0a0a; cursor: pointer; transition: color 0.3s ease 0s; }

.switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: 0.3s; }

.switch__slider::before { position: absolute; content: ""; width: 5rem; height: 2rem; left: .2rem; top: 50%; background-color: #000; transition: all 0.4s ease 0s; border-radius: 1rem; transform: translate(0, -50%); }

.switch--small { position: relative; font-size: 0; margin-top: 3px; }

.switch--small-box { display: flex; justify-content: space-between; align-items: flex-start; font-size: 0; }

.switch--small-box .title { font-size: 1.4rem; color: #0a0a0a; }

.switch--small-box + .switch--small-box { margin-top: 2.7rem; }

.switch--small-box .sub-title { margin-top: .4rem; font-size: 1.2rem; color: #9a9a9a; }

.switch--small__input { position: absolute; /* hidden */ appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.switch--small__input + .switch--small__label { position: relative; cursor: pointer; display: inline-block; width: 4.6rem; height: 1.2rem; background-color: #bbb; border-radius: 0.6rem; transition: 0.2s; padding-left: 0; font-size: 0; line-height: 1; vertical-align: middle; }

.switch--small__input + .switch--small__label::before { display: none; }

.switch--small__input:checked + .switch--small__label { background-color: #00a972; }

.switch--small__input:checked + .switch--small__label::after { display: none; }

.switch--small__input:checked + .switch--small__label .switch--small__btn { left: 22px; }

.switch--small__btn { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 20px; transition: 0.2s; background-color: #fff; border: solid 1px #f2f2f2; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4); }

.toggle-box { position: relative; margin-top: 4px; font-size: 0; }

.toggle-box::before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #dcdce4; border-radius: 4px; }

.toggle-box.is-false .toggle__btn:first-child { background-color: #fcecea; color: #dc3545; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.toggle-box.is-false .toggle__btn:first-child::after { border-color: red; border-top-left-radius: 4px; border-bottom-left-radius: 4px; z-index: 1; }

.toggle-box.is-true .toggle__btn:last-child { background-color: #eafbe7; color: #35a336; }

.toggle-box.is-true .toggle__btn:last-child::after { border-color: #35a336; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.toggle__btn { width: 90px; height: 38px; position: relative; overflow: hidden; color: #5e5e66; font-size: 12px; font-weight: bold; transition: all .2s ease-in-out; }

.toggle__btn::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid transparent; transition: all .2s ease-in-out; }

.toggle__btn + .toggle__btn { margin-left: -1px; }

.title-wrap { display: flex; justify-content: space-between; align-items: center; }

.title__h2 { font-size: var(--h2-font-size); }

.title__h3 { font-size: var(--h3-font-size); }

.title__h4 { font-size: var(--h4-font-size); }

.title__h5 { font-size: var(--h5-font-size); }

.title__h6 { font-size: var(--h6-font-size); }

.title__desc { margin: 0; margin-top: .5rem; font-size: var(--font-size-md); }

.title__more { display: flex; }

.title__link { display: flex; background-color: #f4f4f4; border-radius: 50%; width: 3rem; height: 3rem; vertical-align: middle; align-items: center; justify-content: center; }

.title__link + .title__link { margin-left: .2rem; }

.header { position: relative; padding-top: 4.8rem; z-index: 5; }

.header.is-bottomline .container { border-bottom: 1px solid #d4d4d4; }

.header.is-active.no-shadow .container, .header.is-up.no-shadow .container { box-shadow: none; }

.header.is-active.no-shadow .container::after, .header.is-up.no-shadow .container::after { display: none; }

.header.is-gray .container { background-color: #f2f2f2; }

.header .container { display: flex; justify-content: space-between; align-items: center; height: 4.8rem; }

.header .container-btn-right { display: block; }

.header .container-btn-right .header__utile { height: inherit; }

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

.header__utile .header__btn + .header__btn { margin-left: 1.6rem; }

.header .btn--barcode { padding: 10px 16px; border-radius: 1.6rem; background-color: #0a0a0a; font-size: 1.2rem; text-align: center; color: #fff; line-height: 1; }

.header__btn { position: relative; font-size: 0; }

.header__btn img { width: 2.8rem; }

.header__btn.has-msg .header__msg { display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 1.9rem; transform: translateY(-50%); width: auto; min-width: 2rem; height: 2rem; padding: 0 .3rem; background-color: #ff6161; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 1rem; font-weight: 500; color: #fff; }

.header--main { padding-top: 6rem; background-color: #f2f2f2; }

.header--main .container { position: fixed; top: 6.8rem; height: 4.8rem; transform: translateY(0); transition: .3s; width: 100%; }

.header--main.is-up .container { transform: translateY(-6.8rem); }

.header--main.is-up .container::after { content: ''; position: absolute; bottom: -24px; left: 0; display: block; background-image: url(../images/bg_tab_sd.png); background-repeat: repeat-x; height: 24px; width: 100%; }

.header--shop { background-color: #fff; }

.header--shop .container { position: fixed; top: 0; height: 4.8rem; transform: translateY(0); transition: .3s; width: 100%; background-color: #fff; }

.header--shop.is-up .container::after { content: ''; position: absolute; bottom: -24px; left: 0; display: block; background-image: url(../images/bg_tab_sd.png); background-repeat: repeat-x; width: 100%; }

.header--shop.is-detail { padding-top: 4.8rem; }

.header--etc { padding-top: 4.8rem; background-color: #fff; }

.header--etc .container { position: fixed; top: 0; transform: translateY(0); transition: .3s; width: 100%; background-color: #fff; height: 4.8rem; }

.header__title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #0a0a0a; font-size: 1.8rem; font-weight: 500; }

.header--sub { padding-top: 6rem; background-color: #fff; }

.header--sub .container { position: fixed; top: 0; transform: translateY(0); transition: .3s; width: 100%; background-color: #fff; height: 6rem; }

.header--sub.is-active .container { height: 4rem; }

.header--sub.is-active.no-shadow .container { box-shadow: none; }

.btn__home { display: none; }

.has-home .btn__home { display: block; }

.footer { position: relative; padding-top: 2.8rem; background-color: #e9e9e9; color: #0a0a0a; line-height: 1.6rem; }

.footer .container { padding-bottom: 9.8rem; }

.footer__call { font-size: 0; font-weight: 600; line-height: 1; }

.footer__call span { font-size: 1.4rem; }

.footer__call a { margin-left: 1.2rem; font-size: 1.4rem; }

.footer__info { margin-top: .75rem; font-size: 1.3rem; color: #636363; line-height: 1.8rem; }

.footer__sns { display: flex; justify-content: flex-start; align-items: center; margin-top: 1rem; font-size: 0; }

.footer__sns li + li { margin-left: 1.6rem; }

.footer__sns .thumb { overflow: hidden; width: 2.4rem; height: 2.4rem; background-color: #9a9a9a; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 0.5rem; }

.footer__company { margin-top: 2.8rem; }

.footer__company .btn { display: flex; justify-content: flex-start; align-items: center; margin-top: -1rem; margin-left: -1.6rem; margin-right: -1.6rem; font-size: 1.4rem; font-weight: 600; color: #0a0a0a; }

.footer__company .btn::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: .8rem; background-image: url(../images/ico/btn_arr_up.svg); background-size: cover; transform: rotate(180deg); }

.footer__company.is-active .footer__address { display: block; }

.footer__company.is-active .btn::after { content: ''; transform: rotate(0); }

.footer__address { display: none; margin-top: .3rem; font-size: 1.3rem; font-style: normal; color: #636363; line-height: 2rem; padding-bottom: 2rem; }

.footer__address li { display: block; }

.footer__address--btn { font-weight: 700; }

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

.footer__nav li { position: relative; }

.footer__nav li::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 1.2rem; background-color: #9a9a9a; }

.footer__nav li a { font-size: 1.3rem; padding: .8rem; color: #636363; }

.footer__nav li:first-child { margin-left: -.8rem; }

.footer__nav li:last-child::after { display: none; }

.footer__nav li:nth-child(4) a { font-weight: 700; }

.footer__escrow { margin-top: 2.8rem; }

.gnb-box { position: relative; width: 100%; z-index: 3; }

.gnb-box .container { position: fixed; bottom: 0; transform: translateY(7rem); transition: transform 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); background-color: #fff; width: 100%; padding: 1rem 0; }

.gnb-box.is-active .container { transform: translateY(0); }

.gnb-box.is-active .container::before { content: ''; position: absolute; top: -24px; left: 0; display: block; background-image: url(../images/bg_tab_sd.png); background-repeat: repeat-x; height: 24px; width: 100%; transform: rotate(180deg); }

.gnb-list { display: flex; justify-content: space-between; align-items: center; }

.gnb-list--item { flex: 1; }

.gnb-list--item svg { max-width: 3.2rem; }

.gnb-list--item:hover .gnb__title, .gnb-list--item.is-active .gnb__title { color: #0a0a0a; }

.gnb__link { display: flex; justify-content: center; align-items: center; flex-direction: column; max-height: 5.1rem; }

.gnb__title { display: block; margin-top: .5rem; font-size: 1.1rem; text-align: center; color: #636363; }

.gnb-list--item .gnb__ico .fill--color { fill: #636363; transition: 0.1s; }

.gnb-list--item:hover .fill--color, .gnb-list--item.is-active .fill--color { fill: #090909; }

.gnb-list--item #gnbBasket .gnb--animation { transform-box: fill-box; transform-origin: bottom; transition: 0.3s; transform: scaleY(0); }

.gnb-list--item #gnbSearch .gnb--animation { opacity: 0; transition: 0.3s; transform-box: fill-box; }

.gnb-list--item #gnbHome .gnb--animation { transform-box: fill-box; transform-origin: center; transform: scale(0); transition: 0.3s; opacity: 0; }

.gnb-list--item #gnbMisson .gnb--animation { transform-box: fill-box; transform-origin: center; transform: scale(0); transition: .3s; opacity: 0; }

.gnb-list--item #gnbData .gnb--animation { transform-box: fill-box; transform-origin: bottom; transition: 0.3s; transform: scaleY(0); }

.gnb-list--item #gnbMy .gnb--animation { transform-box: fill-box; transform-origin: center; transition: 0.3s; transform: scaleY(0); }

.gnb-list--item.is-active #gnbData .gnb--animation { transform: scaleY(1); }

.gnb-list--item.is-active #gnbBasket .gnb--animation { transform: scaleY(1); }

.gnb-list--item.is-active #gnbSearch .gnb--animation { opacity: 1; }

.gnb-list--item.is-active #gnbHome .gnb--animation { transform: scale(1); opacity: 1; }

.gnb-list--item.is-active #gnbMisson .gnb--animation { transform: scale(1); opacity: 1; }

.gnb-list--item.is-active #gnbMy .gnb--animation { transform: scaleY(1); }

.view--pc .gnb-box { max-width: 640px; }

.floating-box { position: fixed; bottom: 0; right: 0.8rem; z-index: 2; transform: translateY(-1rem); transition: transform 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); max-width: 5.6rem; }

.floating-box.is-active { transform: translateY(-8.8rem); }

.floating-box.vitaminD { transform: translateY(-8.8rem); }

.floating-box.no-chat .floating__menu { display: none; }

.floating-box.no-chat .floating__btn.open { display: none; }

.floating-box:not(.vitaminD) .floating__btn.vitaminD { display: none; }

.floating-box.no-scroll .floating__btn.scroll-top { display: none; }

.floating__btn { display: block; z-index: 1; width: 5.6rem; height: 5.6rem; padding: 1.2rem; background-color: #0a0a0a; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }

.floating__btn + .floating__btn { margin-top: 1.2rem; }

.floating__btn.open { position: relative; z-index: 2; transition: all .2s; background-color: rgba(10, 10, 10, 0.8); }

.floating__btn.open.is-active { transform: rotate(135deg); background-color: #0a0a0a; }

.floating__btn.scroll-top { background-color: rgba(255, 255, 255, 0.8); }

.floating__btn.scroll-top img { transform: rotate(180deg); }

.floating__menu { position: relative; width: 100%; height: 100%; bottom: -5.6rem; margin: 0 auto; }

.floating__menu .floating__btn { display: flex; position: absolute; opacity: 0; bottom: 0; border: none; outline: none; color: #fff; justify-content: flex-end; transform: scale(0.9); transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.floating__menu.is-active { bottom: -7.7rem; }

.floating__menu.is-active .floating__btn { transform: scale(1); opacity: 1; }

.floating__menu.is-active .floating__btn:nth-child(1) { bottom: 23rem; }

.floating__menu.is-active .floating__btn:nth-child(2) { bottom: 16rem; }

.floating__menu.is-active .floating__btn:nth-child(3) { bottom: 9rem; }

.view--pc .side-nav--pc .container { height: 100%; padding-right: 0; padding-left: 0; max-width: 41.2rem; }

.sidebar__body { margin-top: 20rem; }

.sidebar__title-area { margin-bottom: 5.6rem; }

.sidebar__title { font-size: 3.2rem; font-weight: 600; }

.sidebar__title img { display: inline-block; width: 3.2rem; margin-left: 0.6rem; }

.sidebar__desc { margin-top: 0.8rem; font-size: 1.8rem; color: #636363; }

.sidebar__content .tab-list { font-size: 0; margin: -0.6rem; }

.sidebar__content .tab-list li { display: inline-block; width: calc(50% - 1.2rem); margin: 0.6rem; text-align: center; }

.sidebar__content .tab-list li.is-active .list-wrap { color: #fff; border-color: #00a972; background-color: #00a972; }

.sidebar__content .tab-list .list-wrap { display: block; padding: 1rem; font-size: 1.6rem; border: 1px solid #9a9a9a; border-radius: 2rem; background-color: #fff; }

.sidebar__content .tab-list .list-wrap.--red { border-color: #ff4b4b; color: #ff4b4b; }

.sidebar__footer { position: absolute; bottom: 2rem; width: 100%; }

.sidebar__footer--wrap { display: flex; justify-content: space-between; align-items: flex-end; }

.sidebar__footer .down { width: calc(100% - 11rem); padding-bottom: .8rem; }

.sidebar__footer .qr-code { width: 6.4rem; }

.sidebar__footer .text-area { margin-top: 0.8rem; }

.sidebar__footer .text-area .title { font-size: 1.6rem; font-weight: 600; }

.sidebar__footer .text-area .desc { margin-top: 0.8rem; font-size: 1.4rem; color: #636363; line-height: 1.43; }

.sidebar__footer .smbti { width: 11rem; }

.paging-box { display: flex; align-items: center; justify-content: flex-end; }

.swiper-pagination-count { color: #fff; }

.swiper-control-box { color: #fff; }

.swiper-control-wrapper { width: 100%; display: block; }

.siwper-link { font-size: 0; }

.swiper-slide { font-size: 0; }

/* keyVisual */
.swiper-control-box-wrap { display: flex; position: relative; margin-top: 35px; height: 50px; justify-content: center; align-items: center; }

.swiper-control-box-wrap .swiper-button-prev, .swiper-control-box-wrap .swiper-button-next { position: static; margin: 0; }

.swiper-control-box-wrap .swiper-control-box { margin-left: 30px; }

.paging-box.paging-box-progress1 { position: relative; width: 555px; height: 60px; }

.paging-box.paging-box-progress1 .swiper-pagination-bullet-wrap { padding-top: 11px; }

.paging-box.paging-box-progress1 .swiper-pagination-outer { position: relative; width: 400px; margin: 9px auto 0; }

.paging-box.paging-box-progress1 .swiper-pagination-progressbar { width: 400px; height: 1px; top: 4px; }

.paging-box.paging-box-progress1 .swiper-pagination-progressbar-fill { height: 1px; background-color: #000; }

.paging-box.paging-box-progress1 .swiper-pagination-number { font-weight: 400; }

.paging-box.paging-box-progress1 .swiper-pagination-number-active { color: #000; }

.swiper-control-box { display: inline-flex; align-content: center; }

.swiper-control-box .swiper-button-pause, .swiper-control-box .swiper-button-play { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; cursor: pointer; }

.swiper-control-box .swiper-button-pause:hover, .swiper-control-box .swiper-button-pause:focus, .swiper-control-box .swiper-button-play:hover, .swiper-control-box .swiper-button-play:focus { border: 1px solid #eee; }

.swiper-control-box .swiper-button-plus { width: 40px; height: 40px; font-size: 0; }

.swiper-control-box .swiper-button-plus:hover, .swiper-control-box .swiper-button-plus:focus { border: 1px solid #eee; }

/* 해당 #3f51b5 색상코드 변경 시 디자인 일괄적용 */
/* datepicker Style */
.ui-datepicker { width: 270px; padding: 0; display: none; border: 0; margin-top: 10px; }

.ui-widget.ui-widget-content { border: 0; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); z-index: 10 !important; }

.ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 36px 0; border: 0; background: #3f51b5; color: #fff; border-radius: 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(0, 0, 0, 0.15) url(images/arrow-button.png) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }

.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(0, 0, 0, 0.3) url(/assets/images/arrow-button.png) 100% -27px no-repeat; }

.ui-datepicker select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }

.ui-datepicker .ui-datepicker-title { line-height: 1.8em; text-align: center; margin: 0px 2.3em; font-size: 13px; font-weight: bold; letter-spacing: 0; }

.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #333; }

.ui-datepicker .ui-datepicker-calendar { position: relative; width: 260px; padding-top: 100px; margin: 0 auto; }

.ui-datepicker-calendar thead tr { position: absolute; top: -24px; left: 5px; right: 5px; }

.ui-datepicker-calendar thead th { float: left; display: block; padding: 0; width: 14.2857%; color: #fff; font-size: 11px; letter-spacing: 1px; opacity: 0.6; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width: 1.8em; height: 1.8em; text-indent: -9999px; cursor: pointer; }

.ui-datepicker .ui-datepicker-prev { left: 5px; }

.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0, 0, 0, 0.1); border: 0; }

.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(/assets/images/arrow-button.png) 0 0 no-repeat; }

.ui-datepicker .ui-datepicker-next { right: 5px; }

.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0, 0, 0, 0.1); border: 0; }

.ui-datepicker .ui-datepicker-next .ui-icon { background: url(/assets/images/arrow-button.png) -16px 0 no-repeat; }

.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 4px auto; font-size: 12px; text-align: center; background: #fff; font-weight: normal; color: #333; box-sizing: border-box; }

.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0, 0, 0, 0.05); }

.ui-datepicker-today .ui-state-default { color: #3f51b5; font-weight: bold; }

.ui-datepicker-current-day .ui-state-default { background: #3f51b5 !important; color: #fff; font-weight: bold; }

.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }

.ui-datepicker-buttonpane button[data-handler="today"] { color: #3f51b5; opacity: 0.75; }

/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-corner-all { border-radius: 3px; }

.ui-icon { display: block; width: 16px; height: 16px; }

/* mobile Responsive */
@media screen and (max-width: 480px) { .ui-datepicker { width: 270px !important; left: 50% !important; margin-left: -135px !important; }
  .renewal .ui-datepicker { width: 100% !important; margin-left: auto !important; } }

.renewal .ui-datepicker { width: 100%; margin-top: 0; padding-top: 1.6rem; padding-bottom: 1.2rem; font-family: var(--body-font-family); }

.renewal .ui-datepicker .ui-datepicker-calendar { position: relative; width: 100%; }

.renewal .ui-datepicker .ui-datepicker-calendar thead tr { position: inherit; }

.renewal .ui-datepicker .ui-datepicker-calendar thead th { float: inherit; display: table-cell; font-size: 1.4rem; color: #000; opacity: 1; }

.renewal .ui-datepicker .ui-datepicker-calendar thead th span { display: inline-block; padding: 1rem; }

.renewal .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child a { color: #E52C1E; /* &.ui-state-default { color: #fff; } */ }

.renewal .ui-datepicker th { font-weight: normal; }

.renewal .ui-datepicker .ui-widget-header { padding-bottom: 1rem; background-color: #fff; }

.renewal .ui-datepicker .ui-datepicker-title { margin: 0; padding-bottom: 1rem; font-size: 1.8rem; color: #0a0a0a; }

.renewal .ui-datepicker .ui-datepicker-year { color: #B7B7B7; }

.renewal .ui-datepicker .ui-state-default { margin: 0.5rem auto; font-size: 1.4rem; font-weight: 700; color: #000; }

.renewal .ui-datepicker .ui-datepicker-current-day .ui-state-default { background-color: var(--selex--green) !important; }

.renewal .ui-datepicker .ui-datepicker-current-day .ui-state-default.ui-state-active { color: #fff; }

.renewal .ui-datepicker .ui-datepicker-prev, .renewal .ui-datepicker .ui-datepicker-next { width: 2.8rem; height: 2.8rem; }

.renewal .ui-datepicker .ui-datepicker-prev span, .renewal .ui-datepicker .ui-datepicker-next span { margin-left: 0; }

.renewal .ui-datepicker .ui-datepicker-next { right: 2rem; }

.renewal .ui-datepicker .ui-datepicker-next .ui-icon { background: url(../images/ico/btn_right.svg) 0 0 no-repeat; background-size: cover; }

.renewal .ui-datepicker .ui-datepicker-prev { left: 2rem; }

.renewal .ui-datepicker .ui-datepicker-prev .ui-icon { background: url(../images/ico/btn_left.svg) 0 0 no-repeat; background-size: cover; }

.renewal .ui-datepicker .ui-icon { width: 2.8rem; height: 2.8rem; margin-top: 0; left: 0; top: 0; }

.renewal .ui-widget.ui-widget-content { box-shadow: 0px 20px 20px -20px rgba(61, 139, 114, 0.2); }

.container.banner--main { padding: 0; }

.banner--full { margin-left: -2rem; margin-right: -2rem; }

.banner--full + .product-box { padding: 1.25rem; margin-top: -4rem; }

.dashboard { padding-top: 2rem; padding-bottom: 2rem; }

.dashboard__header { color: #0a0a0a; }

.dashboard__header .name { display: block; font-size: 2.1rem; font-weight: bold; line-height: 1.4; }

.dashboard__header .msg { margin-top: .6rem; font-size: 1.8rem; line-height: 1.5; }

.dashboard__link { display: block; overflow: hidden; padding: 2px; background-image: linear-gradient(139deg, #4bd2a6 16%, #4bd2a6 21%, #11b187 32%, #81bcff 70%, #164f90 83%); border-radius: 50%; }

.dashboard__simple { position: relative; margin-top: 1.6rem; }

.dashboard__simple--list { display: flex; justify-content: flex-start; align-items: center; width: calc(100% - 2.6rem); }

.dashboard__simple--list li { flex: 1; }

.dashboard__simple--list li + li { margin-left: 1.2rem; }

.dashboard__simple--list li .thumb { display: block; width: 100%; background-position: center; background-size: 54%; background-repeat: no-repeat; background-color: #f2f2f2; border: 2px solid #fff; border-radius: 50%; }

.dashboard__simple--list li .thumb:after { content: ""; display: block; padding-bottom: 100%; }

.dashboard__simple--list li:first-child .thumb { background-image: url(../images/ico/ico_meal.svg); }

.dashboard__simple--list li:nth-child(2) .thumb { background-image: url(../images/ico/ico_selex.svg); }

.dashboard__simple--list li:nth-child(3) .thumb { background-image: url(../images/ico/ico_exercise.svg); }

.dashboard__simple--list li:nth-child(4) .thumb { background-image: url(../images/ico/ico_walk.svg); }

.dashboard__simple--list li.has-success .dashboard__link { padding: 0; background-image: none; }

.dashboard__simple--list li.has-success .thumb { background-color: #ebebeb; border: solid 2px #bbb; }

.dashboard__simple--list li.has-success:first-child .thumb { background-image: url(../images/ico/ico_meal_d.svg); }

.dashboard__simple--list li.has-success:nth-child(2) .thumb { background-image: url(../images/ico/ico_selex_d.svg); }

.dashboard__simple--list li.has-success:nth-child(3) .thumb { background-image: url(../images/ico/ico_exercise_d.svg); }

.dashboard__simple--list li.has-success:nth-child(4) .thumb { background-image: url(../images/ico/ico_walk_d.svg); }

.dashboard__btn { display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: 0; transform: rotate(180deg); background-image: url(../images/ico/ico_arr_v.svg); background-size: contain; background-repeat: no-repeat; transition: all .3s; }

.dashboard__btn.is-active { transform: rotate(0); }

.dashboard__detail { overflow: hidden; position: relative; max-height: 0; transition: all .3s ease-in-out; z-index: 0; }

.dashboard__detail--list { font-size: 0; margin: -.4rem; margin-top: .8rem; }

.dashboard__detail--list li { display: inline-block; margin: .4rem; width: calc(50% - .8rem); }

.dashboard__detail--list li .dashboard__card { background-position: top 12px right 12px; background-repeat: no-repeat; }

.dashboard__detail--list li:first-child .dashboard__card { background-image: url(../images/ico/ico_meal.svg); }

.dashboard__detail--list li:nth-child(2) .dashboard__card { background-image: url(../images/ico/ico_selex.svg); }

.dashboard__detail--list li:nth-child(3) .dashboard__card { background-image: url(../images/ico/ico_exercise.svg); }

.dashboard__detail--list li:nth-child(4) .dashboard__card { background-image: url(../images/ico/ico_walk.svg); }

.dashboard__detail--list li.is-success .dashboard__card--title { color: #9a9a9a; }

.dashboard__detail--list li.is-success .dashboard__card--desc { font-size: 1.1rem; font-weight: 400; color: #9a9a9a; vertical-align: bottom; }

.dashboard__detail--list li.is-success:first-child .dashboard__card { background-image: url(../images/ico/ico_meal_d.svg); }

.dashboard__detail--list li.is-success:nth-child(2) .dashboard__card { background-image: url(../images/ico/ico_selex_d.svg); }

.dashboard__detail--list li.is-success:nth-child(3) .dashboard__card { background-image: url(../images/ico/ico_exercise_d.svg); }

.dashboard__detail--list li.is-success:nth-child(4) .dashboard__card { background-image: url(../images/ico/ico_walk_d.svg); }

.dashboard__card { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; height: 6.8rem; padding: 1.2rem; border-radius: 8px; border: solid 1px #bbb; background-color: #fff; color: #0a0a0a; }

.dashboard__card--title { font-size: 1.4rem; font-weight: 400; }

.dashboard__card--desc { display: inline-flex; justify-content: flex-start; align-items: center; margin-top: .8rem; font-size: 1.6rem; font-weight: bold; }

.dashboard__card--desc small { margin-left: .4rem; font-size: 1.1rem; font-weight: normal; }

.best-product-swiper { margin-left: -2rem; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem; }

.best-product-swiper .product__thumb { width: 100%; }

.best-product-swiper.--shop { margin-top: 2rem; margin-bottom: 5rem; }

.mainVisual .profile { align-items: center; }

.mainVisual .profile .txt-box { padding: 1.5rem 2.2rem; border-radius: 1.2rem; background-color: #fff; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3); }

.mainVisual .profile .img { width: 8rem; margin-right: 1.6rem; }

.mainVisual .profile .txt { font-size: 1.5rem; line-height: 1.4; }

.mainVisual .benefit { margin-top: 2.3rem; }

.mainVisual .benefit .benefit-list { display: flex; justify-content: space-between; flex-direction: row; }

.mainVisual .benefit .benefit-list li { display: inline-block; }

.mainVisual .benefit .benefit-list .list-wrap { display: flex; flex-direction: column; align-items: center; height: 100%; padding: 1rem; border-radius: 1.2rem; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3); background-color: #fff; }

.mainVisual .benefit .benefit-list .ico { display: flex; justify-content: center; align-items: center; width: 4.8rem; height: 4.8rem; border-radius: 1.6rem; background-color: #f2f2f2; }

.mainVisual .benefit .benefit-list .ico img { width: 3.6rem; }

.mainVisual .benefit .benefit-list .txt { margin-top: 0.4rem; font-size: 1.4rem; text-align: center; }

.mainVisual .main__top { padding-top: 1.6rem; }

.mainVisual .main__top.--logout .benefit-list li { width: 33%; }

.mainVisual .main__top.--logout .benefit-list li + li { margin-left: 1rem; }

.mainVisual .main__top.--login .benefit-list li { width: calc(25% - 0.8rem); }

.mainVisual .main__top.--login .benefit-list li + li { margin-left: 0.8rem; }

.mainVisual .main__top.--login .benefit-list .ico { position: relative; }

.mainVisual .main__top.--login .benefit-list .ico::after { position: absolute; top: 0; right: 0; display: inline-block; content: ''; width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid #fff; background-color: #ff4646; }

.mainVisual .main__top.--login .benefit-list .sucess .ico::after { display: none; }

.mainVisual .main__top.--login .benefit-list .sucess .ico::before { position: absolute; top: -5px; right: -4px; display: inline-block; content: ''; width: 2.9rem; height: 2.9rem; background-image: url(/assets/images/ico/ico_mission_ok.svg); background-size: cover; }

.mainVisual .btn { margin-top: 0.8rem; }

@media (max-width: 400px) { .mainVisual .benefit-list .list-wrap .block { display: block; }
  .mainVisual .benefit-list .list-wrap .block.one { line-height: 3.2rem; } }

.main__card { padding: 2.4rem; border-radius: 1.2rem; background-color: #fff; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.3); overflow: hidden; }

.main__card.--border {
  padding: 2rem;
  border: 2px solid var(--selex--green);
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.25);
}

.main__card.--gift {
  position: relative;
}

.main__card.--gift::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: '';
  width: 7rem;
  height: 7rem;
  background-image: url(/assets/images/ico/gift_ribbon.svg);
  background-size: cover;
}

.main__card.--gift .dotted-line-box {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
 }

.main__card img { width: 100% !important; height: auto !important; }

.main__card .link { display: block; margin: -2.4rem; padding: 2.4rem; }

.main__card .title-box { margin-bottom: 2rem; }

.main__card .title-box.--bottom { margin-top: 2rem; margin-bottom: 0; }

.main__card .title-box .title { font-size: 1.9rem; font-weight: normal; line-height: 1.36; }

.main__card .title-box.--large .title { font-size: 2rem; font-weight: 700; line-height: 1.3; }

.main__card .title-box .desc { margin-top: 0.8rem; font-size: 1.6rem; color: #636363; line-height: 1.41; word-break: keep-all; }

.main__card .content-img { width: 100%; }

.main__card--txt { display: flex; justify-content: space-between; align-items: center; }

.main__card--txt .txt { flex: 1; font-size: 1.6rem; line-height: 1.44; word-break: keep-all; }

.main__card--txt .ico { width: 4.8rem; margin-left: 1rem; }

.main__card--top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.main__card--top .title { margin-bottom: 1rem; margin-right: 1rem; font-size: 1.7rem; font-weight: normal; line-height: 1.41; }

.main__card .btn { margin-top: 2rem; font-size: 1.4rem; }

.main__card .btn-link { font-size: 1.5rem; }

.main__card--subject { display: flex; align-items: center; margin-bottom: 0.8rem; }

.main__card--subject .ico { display: inline-block; width: 2rem; margin-right: 0.4rem; }

.main__card--subject .title { font-size: 1.7rem; font-weight: normal; }

.main__demography { margin-bottom: 1rem; }

.main__demography .txt { display: inline-block; padding: 0.4rem 0.8rem; font-size: 1.6rem; border: 1px solid #0a0a0a; border-radius: 1.4rem; }

.main__demography .txt + .txt { margin-left: 0.8rem; }

.main__product .product--list .product__title { font-size: 1.4rem; line-height: 1.3; -webkit-line-clamp: 3; }

.main__product .product--list .product__price .num, .main__product .product--list .product__price .unit { font-size: 1.5rem; }

.main__product .product--list .product__del { font-size: 1.1rem; }

.main__product .product__title { font-size: 1.4rem; -webkit-line-clamp: 3; }

.main__product .product__del { font-size: 1.1rem; }

.main__product .product__price .num, .main__product .product__price .unit { font-size: 1.4rem; }

.main__product .product__subtitle { margin-bottom: 0.6rem; }

.main__product .product__subtitle.is-small { font-size: 1.2rem; }

.main__product .product--gallery .product__title { line-height: inherit; }

.main__product .product--gallery .product__info { margin-top: 1.4rem; }

.main__product .product--gallery .product__subtitle { margin-bottom: 0.6rem; font-size: 1.2rem; }

.mainCardkeyVisual04 .main__card--top { margin-bottom: 1rem; }

.mainCardkeyVisual05 .title-box { margin-bottom: 1.2rem; }

.mainCardkeyVisual05 .point__total { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1.6rem; border-radius: 0.8rem; background-color: #f2f2f2; }

.mainCardkeyVisual05 .point__total .title { display: inline-block; font-size: 1.6rem; font-weight: normal; }

.mainCardkeyVisual05 .point__total .title::before { display: inline-block; content: ''; width: 2.4rem; height: 2.4rem; margin-right: 0.4rem; vertical-align: middle; background-image: url(/assets/images/ico/ico_point_join.svg); background-size: cover; }

.mainCardkeyVisual05 .point__total .total-point { font-size: 1.9rem; font-weight: bold; }

.mainCardkeyVisual05 .point__total .total-point::after { display: inline-block; content: ''; width: 2rem; height: 2rem; vertical-align: bottom; background-image: url(/assets/images/ico/ico_point_blk.svg); background-size: cover; }

.mainCardkeyVisual05 .point__save { margin-top: 2rem; }

.mainCardkeyVisual05 .point__save--title { margin-bottom: 1rem; font-size: 1.6rem; font-weight: 600; }

.mainCardkeyVisual05 .point__save--list { margin-bottom: 1rem; }

.mainCardkeyVisual05 .point__save--list li + li { margin-top: 1.2rem; }

.mainCardkeyVisual05 .point__save--list .title-box { margin-bottom: 0; display: flex; align-items: center; }

.mainCardkeyVisual05 .point__save--list .list-wrap { display: flex; justify-content: space-between; align-items: center; }

.mainCardkeyVisual05 .point__save--list .ico { display: inline-block; width: 2rem; margin-right: 0.4rem; }

.mainCardkeyVisual05 .point__save--list .title { font-size: 1.4rem; font-weight: normal; }

.mainCardkeyVisual05 .point__save--list .point { font-size: 1.4rem; font-weight: normal; }

.mainCardkeyVisual05 .point__save--list .criterion { color: #9a9a9a; }

.mainCardkeyVisual05 .point__save--total { display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; border-top: 1px solid #bbb; }

.mainCardkeyVisual05 .point__save--total .title { font-size: 1.7rem; font-weight: 600; }

.mainCardkeyVisual05 .point__save--total .point { font-size: 1.9rem; font-weight: 600; }

.mainCardkeyVisual05 .point__save--total .point::after { display: inline-block; content: ''; width: 2.4rem; height: 2.4rem; vertical-align: sub; background-image: url(/assets/images/ico/ico_point_blk.svg); background-size: cover; }

.mainCardkeyVisual05 .point__disappear { margin-top: 2rem; padding: 0.7rem; font-size: 1.4rem; color: #fff; text-align: center; border-radius: 1.6rem; background-color: #00a972; word-break: keep-all; }

.mainCardkeyVisual05 .point__disappear::before { display: inline-block; content: ''; width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; vertical-align: bottom; background-image: url(/assets/images/ico/ico_tip1_white.svg); background-size: cover; }

.mainCardkeyVisual07 .product-box--shop { padding-left: 2.4rem; padding-right: 2.4rem; margin-left: -2.4rem; margin-right: -2.4rem; }

.mainCardkeyVisual07 .main__demography, .mainCardkeyVisual08 .main__demography { margin-bottom: 0.9rem; }

.mainCardkeyVisual07 .product-box--shop, .mainCardkeyVisual07 .swiper-container, .mainCardkeyVisual08 .product-box--shop, .mainCardkeyVisual08 .swiper-container { padding-left: 2.4rem; padding-right: 2.4rem; margin-left: -2.4rem; margin-right: -2.4rem; }

.mainCardkeyVisual09 .graph-desc { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem; padding: 1rem; border-radius: 0.8rem; background-color: #f2f2f2; }

.mainCardkeyVisual09 .graph-desc li { margin: 0.6rem; font-size: 1.2rem; color: #636363; }

.mainCardkeyVisual09 .graph-desc li::before { display: inline-block; content: ''; width: 1rem; height: 1rem; margin-right: 0.4rem; border-radius: 50%; vertical-align: middle; }

.mainCardkeyVisual09 .graph-desc li.--blue::before { background-color: #6195ff; }

.mainCardkeyVisual09 .graph-desc li.--green::before { background-color: #2ccc98; }

.mainCardkeyVisual09 .graph-desc li.--red::before { background-color: #ff5c5c; }

@media (max-width: 382px) { .mainCardkeyVisual09 .graph-desc { justify-content: flex-start; } }

.mainCardkeyVisual06 .main__card .title-box, .mainCardkeyVisual07 .main__card .title-box, .mainCardkeyVisual08 .main__card .title-box { margin-bottom: 2rem; }

.mainCardkeyVisual11 .smbti-title { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2rem; }

.mainCardkeyVisual11 .smbti-title .sub-title { display: block; margin-bottom: 0.8rem; font-size: 1.7rem; color: #636363; }

.mainCardkeyVisual11 .smbti-title .title { font-size: 2.2rem; font-weight: normal; line-height: 1.36; }

.mainCardkeyVisual11 .title-area { flex: 1; }

.mainCardkeyVisual11 .smbti-character { width: 9rem; margin-left: 1.2rem; }

.mainCardkeyVisual11 .product--gallery .product__title { line-height: inherit; }

.mainCardkeyVisual11 .product--gallery .product__info { margin-top: 0.8rem; }

.mainCardkeyVisual11 .product__info--body { display: flex; align-items: baseline; flex-wrap: wrap; }

.mainCardkeyVisual11 .product__discount { margin-right: 0.4rem; font-size: 1.4rem; }

.mainCardkeyVisual12 .main__card .title-box { margin-bottom: 0.4rem; }

.mainCardkeyVisual12 .chart-desc { font-size: 1.3rem; color: #9a9a9a; }

.mainCardkeyVisual12 .walk-graph { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 1.7rem -1.5rem -1.5rem -1.5rem; }

.mainCardkeyVisual12 .walk-graph--wrap { margin: 1.5rem; }

.mainCardkeyVisual12 .donut-progrees.--walk { width: 15rem; height: 15rem; }

.mainCardkeyVisual12 .donut-progrees.--walk .donut-progrees__con { width: 15rem; height: 15rem; }

.mainCardkeyVisual12 .kcal-consume { text-align: right; }

.mainCardkeyVisual12 .kcal-area .img { width: 10rem; }

.mainCardkeyVisual12 .txt-box { margin-top: 0.4rem; text-align: center; }

.mainCardkeyVisual12 .txt-box .food-name { display: block; font-size: 1.7rem; }

.mainCardkeyVisual12 .txt-box .kcal { font-size: 2rem; font-weight: bold; }

.mainCardkeyVisual12 .btn--tooltip { width: 2rem; height: 2rem; padding: 1rem; margin-top: 0; background-image: url(/assets/images/ico/ico_tip1_gray.svg); background-size: cover; }

#kcalTooltipModal .scroll-box { margin-top: 0; border: 0; border-radius: 0; font-size: 0; line-height: inherit; color: inherit; }

#kcalTooltipModal .tooltip-content { text-align: center; }

#kcalTooltipModal .tooltip-content .title { margin-bottom: 0.8rem; font-size: 1.9rem; font-weight: 600; }

#kcalTooltipModal .tooltip-content .txt { font-size: 1.6rem; line-height: 2.3rem; word-break: break-all; }

#kcalTooltipModal .tooltip-content .txt .link { color: #6195ff; }

#kcalTooltipModal .tooltip-content + .tooltip-content { margin-top: 2rem; }

.header.header--transition .container { background-color: #f2f2f2; }

.header.header--transition.is-up .container { background-color: #fff; }

.product-box { position: relative; background-color: #fff; z-index: 1; }

.product__items.is-square .product__thumb { width: 100%; }

.product__items.is-square .product__thumb::after { content: ''; display: block; padding-top: 100%; }

.product__items.is-round .product__thumb { border-radius: 1rem; }

.product__item { display: flex; justify-content: space-between; }

.product__item-box { position: relative; }

.product__item-box .soldout { display: none; }

.product__item-box.is-soldout .soldout { display: block; position: absolute; bottom: 0; width: 100%; padding: 0.8rem 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 1.4rem; text-align: center; z-index: 2; }

.product__item-box .checkbox-large input[type="checkbox"] + label::before, .product__item-box .checkbox-large input[type="checkbox"]:checked + label::after { top: 50%; transform: translateY(-50%); }

.product__info { display: flex; justify-content: flex-start; flex-direction: column; width: calc(100% - 12rem); padding-left: 1.6rem; }

.product__info--body { margin-top: 1.2rem; font-size: 0; }

.product__info--footer { margin-top: 1.2rem; font-size: 0; }

.product__link { display: block; width: 100%; height: 100%; cursor: pointer; }

.product--list li + li { margin-top: .8rem; }

.product--list .product__thumb { width: 12rem; }

.product--list .product__info { justify-content: center; }

.product--list .product__info--body { display: flex; align-items: center; flex-wrap: wrap; }

.product--list .product__info--footer { display: flex; align-items: center; flex-wrap: wrap; }

.product--list .product__price .num { font-size: 1.7rem; }

.product--list .product__price .unit { margin-left: 0; font-size: 1.7rem; }

.product--list .product__del { margin-left: .4rem; margin-bottom: 0; font-size: 1.3rem; color: #b8b8b8; }

.product--list .product__title { font-size: 1.7rem; }

.product--list .product__title.is-ellipsis-two { height: auto; }

.product--list .product__title.is-line-two { height: 4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.product--list .product__kcal .num { font-size: 1.7rem; }

.product--list .product__kcal .unit { margin-left: 0; font-size: 1.7rem; }

.product--list .product__kcal::after { content: ''; display: inline-block; width: 1px; height: 1.4rem; margin: 0 0.6rem; background-color: #b8b8b8; transform: translateY(1px); }

.product--list .product__cap .num { font-size: 1.7rem; }

.product--list .product__cap .unit { margin-left: 0; font-size: 1.7rem; }

.product--list .product__arrow { width: 2.8rem; display: flex; align-items: center; }

.product--list.--regular > li + li { border-top: 1px solid #ccc; padding-top: 4rem; }

.product--list.--desc li + li { margin-top: 4rem; }

.product--gallery .product__info { width: 100%; padding-left: 0; margin-top: 1.6rem; }

.product--gallery .product__item { flex-direction: column; }

.product--gallery .product__thumb { width: 100%; }

.product--gallery .product__thumb.is-wide::after { content: ''; display: block; padding-top: 50%; }

.product--gallery .product__title { line-height: 2.6rem; }

.product--gallery .product__title.is-ellipsis-two { height: 5.2rem; }

.product--gallery .product__subtitle { margin-bottom: .4rem; font-size: 1.3rem; }

.product--gallery .product__price .unit { margin-left: 0; }

.product--gallery.--col-2 { margin: -2rem -.8rem; font-size: 0; }

.product--gallery.--col-2 > li { display: inline-block; width: calc(50% - 1.6rem); margin: 2rem .8rem; }

.product__order > li + li { margin-top: 1.2rem; }

.product__order .product__link { border: 1px solid #bbb; border-radius: .8rem; padding: 1.4rem 1.6rem; }

.product__order .product__thumb { width: 8rem; }

.product__order .product__info { width: calc(100% - 8rem); }

.product__order .product__title { font-weight: 400; }

.product__order--date { display: block; font-size: 1.3rem; color: #636363; margin-bottom: .8rem; }

.product__order--price { margin-top: .6rem; font-size: 1.4rem; color: #0a0a0a; }

.product__desc { margin-top: 1.2rem; padding: 1.2rem; border-radius: 1.2rem; background-color: #f2f2f2; }

.product__desc .title-box { display: inline-block; padding: 0.4rem 1rem; margin-bottom: 0.8rem; border-radius: 1.4rem; background-color: #fff; }

.product__desc .title-box .ico { display: inline-block; width: 2rem; margin-right: 0.4rem; }

.product__desc .title-box .title { display: inline-block; margin-bottom: 0; font-size: 1.3rem; vertical-align: super; }

.product__desc .txt { font-size: 1.3rem; line-height: 1.38; }

.product__delete { width: 2.8rem; height: 2.8rem; position: absolute; top: 2rem; right: 2rem; border-radius: 50%; background-image: url(/assets/images/ico/ico_input_del.svg); background-size: cover; }

.product__thumb { overflow: hidden; position: relative; display: inline-flex; justify-content: center; align-items: center; font-size: 0; }

.product__thumb img { position: absolute; width: 100%; height: auto; z-index: 1; }

.product__thumb::after { content: ''; display: block; padding-top: 100%; }

.product__thumb.is-wide::after { content: ''; display: block; padding-top: 75%; }

.product__thumb.is-noafter::after { display: none; }

.product__thumb.is-thumb70 { height: 100%; width: 100%; }

.product__thumb.is-thumb70::after { content: ''; display: block; padding-top: 70%; }

@keyframes spinner { from { transform: rotate(0deg); }
                     to { transform: rotate(360deg); } }

.product__subtitle { overflow: hidden; display: block; width: 100%; margin-bottom: .8rem; font-size: 1.2rem; color: #00a972; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; }

.product__subtitle.is-ellipsis-two { -webkit-line-clamp: 2; }

.product__subtitle.is-ellipsis-one { -webkit-line-clamp: 1; }

.product__subtitle.is-small { font-size: 1.3rem; }

.product__title { overflow: hidden; width: 100%; max-height: 6rem; font-size: 1.4rem; color: #0a0a0a; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 2rem; }

.product__title.is-ellipsis-two { height: 4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.product__title.is-ellipsis-one { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; }

.product__title.is-large { font-size: 1.8rem; }

.product__del { display: inline-block; font-size: 1.3rem; color: #b8b8b8; margin-left: .4rem; }

.product__del.is-block { display: block; margin-left: 0; margin-bottom: .4rem; }

.product__discount { margin-right: .8rem; font-size: 1.8rem; font-weight: 700; color: #fe4a4a; }

.product__review { display: flex; justify-content: flex-start; align-items: center; margin-top: .8rem; }

.product__star { width: 1.6rem; }

.product__grade { margin-left: 1px; font-size: 1.2rem; color: #0a0a0a; }

.product__cart { position: absolute; bottom: 0; right: 0; width: 2.4rem; }

.product__price { font-size: 0; color: #0a0a0a; }

.product__price .num { font-size: 1.8rem; }

.product__price .unit { margin-left: .4rem; font-size: 1.8rem; }

.product__period { margin-top: .9rem; font-size: 1.3rem; color: #636363; }

.product__quantity { margin-left: 0.8rem; font-size: 1.5rem; }

.product__quantity::before { content: ''; display: inline-block; width: 1px; height: 1.2rem; margin-right: 0.8rem; background: #b8b8b8; }

.product__quantity { margin-left: 0; }

.product__quantity.is-nobefore::before { display: none; }

.badge { display: inline-block; padding: .4rem .6rem; font-size: 1.2rem; font-weight: 700; color: #fff; }

.badge + .badge { margin-left: 1px; }

.badge-box { position: absolute; top: 0; left: 0; font-size: 0; z-index: 1; }

.badge-box.--count { top: .9rem; left: auto; right: 2rem; }

.badge-box.--count .badge { display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; background-color: rgba(10, 10, 10, 0.65); border-radius: 50%; font-size: 1.3rem; font-weight: 700; line-height: 1.9rem; color: #fff; text-align: center; }

.badge-box.--prd .badge { padding: 0; }

.badge-box.--prd img { position: relative; height: 2.4rem; width: auto; }

.badge--free { background-color: #a06bef; }

.badge--regularly { background-color: #618ffb; }

.badge--coupon { background-color: #f66262; }

.badge--event { background-color: #d373ef; }

.badge--reserves { background-color: #00a972; }

.badge--count { background-color: #ff4646; font-size: 1.1rem; font-weight: 500; }

.badge--count b { font-size: 1.2rem; }

.badge--kit { background-color: #296df6; }

.product__detail--thumb { margin-left: -2rem; margin-right: -2rem; }

.product__detail--thumb .thumb { overflow: hidden; position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: #ddd; font-size: 0; width: 100%; }

.product__detail--thumb .thumb::after { content: ''; display: block; padding-top: 100%; }

.product__detail--thumb .thumb img { position: relative; width: 100%; height: auto; z-index: 1; }

.product__detail--thumb .swiper-pagination { bottom: 2rem; }

.product__detail--thumb .swiper-pagination-bullet { width: .8rem; height: .8rem; background-color: #cfcfcf; border-radius: .4rem; opacity: 1; transition: width .3s; }

.product__detail--thumb .swiper-pagination-bullet-active { width: 1.6rem; background-color: #0a0a0a; }

.product__detail--top { position: relative; display: flex; justify-content: space-between; align-items: center; }

.product__detail--top .badge-box { position: relative; }

.product__detail--top .badge { padding: 0; font-size: 0; }

.product__detail--top .badge--coupon { background-color: #ff4646; }

.product__detail--top .badge--event { background-color: #0a0a0a; }

.product__detail--top .badge img { width: auto; height: 100%s; max-height: 2.6rem; }

.product__detail--top .btn-share { width: 3.5rem; height: 3.5rem; color: #fff; background-image: url(../images/ico/ico_sharing.svg); background-size: contain; }

.product__detail--tag { margin-top: 2.1rem; font-size: 1.6rem; color: #0a0a0a; }

.product__detail--title { overflow: hidden; margin-top: 1.2rem; font-size: 2.1rem; color: #0a0a0a; line-height: 2.9rem; }

.product__detail--stars { display: flex; justify-content: flex-start; align-items: center; margin-top: 1.2rem; }

.product__detail--stars .stats-rate--bg { display: inline-block; overflow: hidden; position: relative; white-space: nowrap; vertical-align: middle; background-image: url(../images/ico/ico_stats_rate.svg); background-size: cover; background-position: 0 0; background-repeat: no-repeat; width: 88px; height: 16px; }

.product__detail--stars .stats-rate__star { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: url(../images/ico/ico_stats_rate_over.svg); background-size: cover; }

.product__detail--stars .stats-rate__star--00 { width: 0% !important; }

.product__detail--stars .stats-rate__star--05 { width: 9% !important; }

.product__detail--stars .stats-rate__star--10 { width: 19% !important; }

.product__detail--stars .stats-rate__star--15 { width: 29% !important; }

.product__detail--stars .stats-rate__star--20 { width: 40% !important; }

.product__detail--stars .stats-rate__star--25 { width: 50% !important; }

.product__detail--stars .stats-rate__star--30 { width: 61% !important; }

.product__detail--stars .stats-rate__star--35 { width: 71% !important; }

.product__detail--stars .stats-rate__star--40 { width: 80% !important; }

.product__detail--stars .stats-rate__star--45 { width: 92% !important; }

.product__detail--stars .stats-rate__star--50 { width: 100% !important; }

.product__detail--stars .stats-rate--text { margin-left: .2rem; font-size: 1.3rem; color: #0a0a0a; }

.product__detail--stars .btn-review { padding: 0; margin-left: .8rem; font-size: 1.3rem; font-weight: 500; color: #9a9a9a; }

.product__detail--discount { display: flex; justify-content: flex-start; align-items: center; margin-top: 2rem; font-size: 1.5rem; color: #ff4646; }

.product__detail--discount em { margin-right: .8rem; font-size: 2.1rem; }

.product__detail--discount em b { font-weight: 700; }

.product__detail--price { margin-top: .8rem; color: #0a0a0a; font-size: 0; }

.product__detail--price em { font-size: 2.1rem; }

.product__detail--price del { margin-left: .8rem; font-size: 1.5rem; color: #b8b8b8; }

.product__detail--btn-box { margin-top: 2rem; }

.product__detail--btn-box .btn { width: 100%; border-color: #0a0a0a; }

.product__detail--btn-box .btn .text { display: flex; justify-content: center; align-items: center; line-height: 2rem; }

.product__detail--btn-box .btn .text::after { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-left: .8rem; background-image: url(../images/ico/ico_down_black.svg); background-size: contain; vertical-align: middle; }

.product__detail--banner { margin-top: 2rem; }

.product__detail--banner .swiper-pagination { left: auto; right: 2rem; top: auto; bottom: .8rem; width: auto; }

.product__detail--banner .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: .6; margin: 0 .2rem; }

.product__detail--banner .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

.product__detail--analysis .title { display: block; margin-bottom: 1.2rem; font-size: 1.6rem; font-weight: 400; color: #0a0a0a; }

.product__detail--analysis .title + .title { margin-top: -.6rem; margin-bottom: 0; }

.product__detail--analysis .title strong { display: inline-block; }

.product__detail--analysis .title strong::after { content: ''; display: block; height: .8rem; margin-top: -.8rem; background-color: #fff127; }

.product__detail--analysis .analysis--keyword { font-size: 0; margin: -.4rem; }

.product__detail--analysis .analysis--keyword .keyword { display: inline-block; padding: .5rem 1.2rem .5rem 3.2rem; margin: .4rem; border: 1px solid #b8b8b8; border-radius: 1.5rem; font-size: 1.7rem; background-image: url(../images/ico/ico_check.svg); background-size: 1.6rem; background-repeat: no-repeat; background-position: top 50% left 1.2rem; }

.product__detail--analysis + .product__detail--analysis { margin-top: 4rem; }

.product__detail--analysis .analysis--ico-list { font-size: 0; margin: -.6rem 0; }

.product__detail--analysis .analysis--ico-list li { display: inline-block; width: 50%; margin: .6rem 0; }

.product__detail--analysis .analysis--ico-list .analysis { display: flex; justify-content: flex-start; align-items: center; }

.product__detail--analysis .analysis--ico-list .analysis::before { content: ''; display: inline-block; width: 6rem; min-width: 6rem; height: 6rem; min-height: 6rem; border-radius: 50%; background-color: #f2f2f2; background-position: center; background-repeat: no-repeat; background-size: 3.2rem; }

.product__detail--analysis .analysis--ico-list .analysis.analysis--alarm::before { background-image: url(../images/ico/ico_alarm.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--collagen::before { background-image: url(../images/ico/ico_ingre.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--effect::before { background-image: url(../images/ico/ico_effect.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--intake::before { background-image: url(../images/ico/ico_ingest.svg); }

.product__detail--analysis .analysis--ico-list .analysis.analysis--point::before { background-image: url(../images/ico/ico_point_s.svg); }

.product__detail--analysis .analysis--ico-list .text-box { margin-left: .8rem; }

.product__detail--analysis .analysis--ico-list span { display: block; }

.product__detail--analysis .analysis--ico-list .sub-title { font-size: 1.2rem; font-weight: 500; color: #9a9a9a; }

.product__detail--analysis .analysis--ico-list .title { margin-top: .6rem; margin-bottom: 0; font-size: 1.6rem; color: #0a0a0a; }

.product__detail--analysis .text-box--gifts .subtitle { display: block; margin-bottom: 2rem; font-size: 1.2rem; color: #9a9a9a; font-weight: 600; }

.product__detail--tabs { background-color: #fff; border-bottom: 1px solid #d4d4d4; position: -webkit-sticky; position: sticky; top: 4rem; z-index: 2; }

.product__detail--tabs ul { display: flex; justify-content: space-around; align-items: center; }

.product__detail--tabs li { flex: 1; text-align: center; }

.product__detail--tabs li.is-active span::after { content: ''; display: block; width: 100%; height: 2px; background-color: #0a0a0a; position: absolute; bottom: 0; }

.product__detail--tabs a { font-size: 1.6rem; color: #0a0a0a; }

.product__detail--tabs span { display: block; padding: 1.7rem 0; position: relative; }

.product__detail--tabs.is-fixed { width: 100%; max-width: 640px; }

.product__detail--item { padding: 2rem 0; }

.product__detail--item .img-box { overflow: hidden; position: relative; height: 130rem; }

.product__detail--item .img-box img { width: 100% !important; }

.product__detail--item .img-box::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3.2rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 40%, white 70%); content: ''; z-index: 1; }

.product__detail--item .img-box.is-nobefore::before { display: none; }

.product__detail--item .ico-arr { display: inline-block; width: 1.2rem; height: 1.2rem; background-image: url(../images/ico/ico_arrow.svg); background-size: contain; background-repeat: no-repeat; transform: rotate(180deg); margin-left: 1.2rem; vertical-align: middle; }

.product__detail--title-box { margin-bottom: 1.8rem; }

.product__detail--title-box .title { font-size: 1.6rem; font-weight: 400; }

.product__detail--title-box .satisfaction { font-size: 1.6rem; }

.product__review--body { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 2rem; }

.product__review--body .stats-rate { display: flex; justify-content: flex-start; align-items: center; margin-right: 3rem; font-size: 1.6rem; color: #0a0a0a; }

.product__review--body .stats-rate::before { content: ''; display: inline-block; width: 1.7rem; height: 1.7rem; margin-right: .6rem; background-image: url(../images/ico/ico_stats_rate_one.svg); background-size: contain; }

.product__review--list { flex: 1; }

.product__review--list li + li { margin-top: .5rem; }

.product__review--list li .prograss__inner { background-color: #00a972; }

.product__review--content { display: flex; justify-content: space-between; align-items: center; }

.product__review--content .title { width: 6rem; font-size: .9rem; color: #9a9a9a; }

.product__review--content .prograss { width: calc(100% - 9rem); padding: 0 .8rem 0 1.2rem; }

.product__review--content .prograss__outer { overflow: hidden; display: block; position: relative; width: 100%; height: .4rem; background-color: #f2f2f2; border-radius: .2rem; }

.product__review--content .prograss__inner { position: absolute; top: 0; left: 0; height: 100%; background-color: #cfcfcf; border-radius: .2rem; }

.product__review--content .total { width: 3rem; font-size: .9rem; font-weight: 500; color: #9a9a9a; text-align: right; }

.poroduct--recommend { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.is-section-contour::after { content: ''; display: block; height: .8rem; margin-top: 4rem; background-color: #f2f2f2; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }

.is-section-contour.contour--nomargin::after { margin-top: 0; }

.btn-box--fixed { position: fixed; bottom: 0; width: 100%; max-width: 640px; background-color: #fff; box-shadow: 0px -4px 4px 0 #ccc; z-index: 3; text-align: center; }

.btn-box--fixed .btn { border-radius: 0; padding: 0; height: 6rem; font-size: 1.9rem; }

.btn-box--fixed .btn-gift { width: 6rem; border-right: 1px solid #cfcfcf; background-image: url(../images/ico/ico_gift.svg); background-position: center; background-size: 3.6rem; background-repeat: no-repeat; }

.btn-box--fixed .btn-periodic { flex: 1; font-size: 1.9rem; color: #0a0a0a; }

.btn-box--fixed .btn-payment { flex: 1; background-color: #0a0a0a; font-size: 1.9rem; color: #fff; }

.btn-box--fixed .btn-area { margin-top: 0; }

.btn-box--fixed .btn-area.is-half .btn + .btn { margin-left: 0; }

.is-flex--around { display: flex; justify-content: space-around; align-items: center; }

@media (max-width: 400px) { .product--gallery .product__price { display: block; }
  .product--list .product__thumb { width: 10rem; height: 10rem; }
  .product--list .product__info { width: calc(100% - 10rem); }
  .product--list .product__price, .product--list .product__del, .product--list .product__quantity { width: 100%; margin-left: 0; margin-right: 0; }
  .product--list .product__quantity::before { display: none; }
  .badge-box.--prd img { height: 2rem; } }

.shop__main--swiepr .product__thumb { display: block; background-color: rgba(0, 155, 93, 0.2); }

.shop__main--swiepr .product__thumb::after { content: ''; display: block; padding-top: 70%; }

.shop__main--swiepr-wrap { margin-left: -2rem; margin-right: -2rem; }

.shop__main--swiepr-wrap::after { content: ''; display: block; padding-top: 70%; }

.shop__main--swiepr-wrap .shop__main--swiepr { position: absolute; width: 100%; height: 100%; margin-left: 0; margin-right: 0; }

.product__detail--top .badge > span { padding: .6rem .8rem; font-size: 1.1rem; color: #fff; font-weight: 500; }

.product__detail--top .badge .badge--regular { background-color: #ff9216; }

.product__detail--top .badge .badge--event { background-color: #be85ff; }

.product__detail--top .badge .badge--reserves { background-color: #00a972; }

.product__detail--top .badge .badge--delivery { background-color: #296df6; }

.product__detail--top .badge .badge--gifts { background-color: #0a0a0a; }

.product__detail--top .badge .badge--coupon { background-color: #ff4646; }

.product__detail--top .badge .badge--special { background-color: #f651c5; }

.lookup-wrap { display: flex; justify-content: space-between; font-size: 1.4rem; }

.lookup-wrap .btn { padding: 1.4rem 2rem; background-color: #0a0a0a; border-radius: 0; font-size: 1.4rem; color: #fff; }

.lookup-wrap .btn.is-disabled { color: #fff; border-color: #9a9a9a; background-color: #9a9a9a; cursor: auto; }

.lookup-box { display: flex; justify-content: space-around; align-items: center; width: 100%; background-color: #fff; border: 1px solid #bbb; height: 4.4rem; }

.lookup-box .control { margin: 0; }

.lookup-box input[type="date"] { width: 100%; max-width: 13rem; margin: 0; border: 0; font-size: 1.4rem; color: #0a0a0a; line-height: normal; outline: 0; text-align: center; background-color: #fff; }

.lookup-box input[type="date"]::-webkit-calendar-picker-indicator { display: block; width: 3.4rem; height: 3.4rem; background-image: url(/assets/images/ico/ico_input_calendar.svg); background-size: 2rem; background-position: center; background-repeat: no-repeat; color: rgba(0, 0, 0, 0); opacity: 1; }

.lookup-box input[type="date"]:focus, .lookup-box input[type="date"]:focus-visible, .lookup-box input[type="date"]:active { outline: 0; border: 0; outline: -webkit-focus-ring-color auto 0; }

@media (max-width: 540px) { .lookup-wrap { flex-wrap: wrap; }
  .lookup-wrap .btn { display: block; width: 100%; margin-top: .4rem; } }

.cart .section + .section { margin-top: 0; }

.cart__pay--section { border-top: 1px solid #d4d4d4; background-color: #fff; }

.cart__product--section { padding: 4rem 0; background-color: #fff; }

.cart-box { background-color: transparent; }

.cart-box > ul > li + li { margin-top: 2rem; }

.cart-box .product__items > li + li { margin-top: 2rem; }

.cart-box.--curent .product__items + .product__items { margin-top: 2rem; }

.cart-box.--curent .cart__header { margin-bottom: 0; }

.cart-box.--curent .cart__card + .cart__card { margin-top: 0.4rem; }

.cart-box.--curent .cart__card .btn { margin-top: 2rem; }

.cart-box.--curent .delivery__status { margin-bottom: 1.6rem; }

.cart-box.--curent .delivery__status .title { font-size: 1.8rem; }

.cart-box.--curent .product--list li + li { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #d4d4d4; }

.cart__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.4rem; }

.cart__header .title { display: inline-block; font-size: 1.8rem; font-weight: 700; color: #0a0a0a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cart__header .link { display: flex; justify-content: flex-start; align-items: center; margin-right: 0.4rem; font-size: 1.5rem; color: #00a972; white-space: nowrap; }

.cart__header .link::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; background-image: url(../images/ico/ico_next_green.svg); background-size: cover; background-repeat: no-repeat; transform: translate(0.4rem, -1px); }

.cart__header .link.--gray { color: #636363; }

.cart__header .link.--gray::after { background-image: url(../images/ico/ico_next_gray.svg); }

.cart__no-item { padding: 10rem 0; text-align: center; color: #0a0a0a; }

.cart__no-item::before { content: ''; display: block; height: 5.6rem; margin-bottom: 1.2rem; background-image: url(../images/ico/ico_cart_gray.svg); background-size: 5.6rem; background-position: center; background-repeat: no-repeat; }

.cart__no-item .title { font-size: 2rem; font-weight: 600; }

.cart__no-item .desc { display: inline-block; margin-top: 1.2rem; font-size: 1.5rem; line-height: 1.53; }

.cart__login { overflow: hidden; padding: 1.6rem; margin-bottom: 4rem; background-color: #fff; border: 1px solid #bbb; border-radius: .8rem; font-size: 1.6rem; color: #0a0a0a; }

.cart__login .link { display: inline-block; color: #00a972; margin-top: .8rem; }

.cart__login .link::after { content: ''; display: block; border-bottom: 1px solid #00a972; }

.cart__choice { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }

.cart__filter { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.6rem; }

.cart__filter .control { margin-top: 0; }

.cart__filter .btn-area { display: flex; justify-content: flex-start; align-items: center; margin-top: 0; }

.cart__filter .btn { padding: .6rem; font-size: 1.3rem; border-radius: .6rem; }

.cart__filter .btn + .btn { margin-left: .8rem; }

.cart__filter label { height: 2.4rem; }

.cart__card { overflow: hidden; position: relative; padding: 2rem; border-radius: .8rem; border: solid 1px #bbb; background-color: #fff; }

.cart__card .order-form .order__info + .order__info { margin-top: 0.8rem; }

.cart__card .order-form + .order-form { padding-top: 1.6rem; margin-top: 1.6rem; border-top: 1px solid #eee; }

.cart__card .msg { margin-top: 2rem; color: #ff4646; font-size: 1.2rem; }

.cart__card .delivery__info { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #d4d4d4; }

.cart__card .delivery__info .btn { padding: 0.6rem; border: 1px solid #00a972; border-radius: 0.6rem; font-size: 1.3rem; color: #00a972; }

.cart__card .delivery__info .btn.is-danger { border-color: #bbb; color: #0a0a0a; }

.cart__card .delivery__items { display: flex; justify-content: space-between; align-items: center; font-size: 1.6rem; color: #0a0a0a; }

.cart__card .delivery__items .desc { font-weight: 600; }

.cart__card .delivery__items + .delivery__items { margin-top: 1.6rem; }

.cart__card .delivery__status { display: flex; justify-content: space-between; align-items: center; }

.cart__card .delivery__status .title { font-size: 1.6rem; color: #0a0a0a; font-weight: 600; line-height: 2.8rem; }

.cart__card .delivery__status .title.is-success { color: #9a9a9a; }

.cart__card.is-soldout .product__thumb::before { display: none; }

.cart__card.is-soldout img { opacity: .6; }

.cart__card.is-soldout .colcart--subtitle { color: #9a9a9a; }

.cart__card.is-soldout .btn { color: #9a9a9a; }

.cart__card.is-soldout .btn::after { border-color: #9a9a9a; }

.cart__card.is-soldout .product__title { color: #9a9a9a; }

.cart__card.is-soldout .delivery__items { color: #9a9a9a; }

.cart__card.is-soldout input[type="checkbox"] + label:before { background-color: #bbb; background-image: url(../images/ico/ico_check_p.svg); }

.cart__card.is-soldout .cart--subtitle .no-user-change { color: #9a9a9a; }

.cart__card.is-soldout .badge--reserves { background-color: #bbbbbb; }

.cart__card .product__thumb .control { position: absolute; z-index: 1; top: 1.2rem; left: 0; margin-top: 0; }

.cart__card .detail__pay-box { margin-top: 0.8rem; }

.cart__card .reg-deli-info { margin-top: 2rem; border-top: 1px solid #d4d4d4; }

.cart__card .reg-deli-info li { margin-top: 0; padding-top: 2rem; }

.cart__card .reg-deli-info .text-wrap { display: flex; justify-content: space-between; }

.cart__card .reg-deli-info .title { font-size: 1.6rem; white-space: nowrap; margin-right: .8rem; }

.cart__card .reg-deli-info .cont-box { text-align: right; }

.cart__card .reg-deli-info .info-txt { display: block; font-size: 1.6rem; font-weight: 600; line-height: 1.19; }

.cart__card .reg-deli-info .info-txt em { display: inline-block; margin-top: .4rem; font-weight: 400; }

.cart__card .reg-deli-info .btn.btn-link { margin: 0rem -1.6rem -1rem -1.6rem; font-size: 1.5rem; }

.cart__card.type2 { padding-top: 2.4rem; }

.cart__card.type2 .badge-box { position: relative; margin-bottom: .8rem; }

.cart__card.type2 .control { margin-top: 0; }

.cart__card.type2 .price { width: 12rem; }

.cart__card.type2 .detail__pay-box .price del { margin-right: 0; }

.cart__card.type2 .checkbox-large input[type="checkbox"] + label { padding-left: 0; z-index: 1; font-size: 0; }

.cart__card.type2 .product__item-box .checkbox-large input[type="checkbox"] + label::before, .cart__card.type2 .product__item-box .checkbox-large input[type="checkbox"]:checked + label::before { z-index: 2; }

.cart__card.type2 .product__item-box .checkbox-large input[type="checkbox"] + label::before, .cart__card.type2 .product__item-box .checkbox-large input[type="checkbox"]:checked + label::after { top: 0; transform: none; z-index: 2; }

.cart__detail-list li + li { padding-top: 2rem; border-top: 1px solid #eee; }

.cart__detail-list .product__info { width: 100%; padding-left: 0; }

.cart--subtitle { font-size: 1.6rem; color: #9a9a9a; width: calc(100% - 2rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .8rem; }

.cart--subtitle b { color: #00a972; }

.cart--subtitle .btn { padding: 0; color: #00a972; background-image: url(../images/ico/ico_arrow_down.svg); background-size: 1.2rem; background-repeat: no-repeat; background-position: center right; padding-right: 2.6rem; font-weight: 600; font-size: 1.6rem; }

.cart--subtitle .btn::after { content: ''; display: block; margin-top: .2rem; width: calc(100% + 2.6rem); border-bottom: 1px solid #0a0a0a; }

.cart--subtitle .no-user-change { display: inline-block; padding: 0; color: #00a972; background-size: 1.2rem; background-repeat: no-repeat; background-position: center right; font-weight: 600; position: relative; padding-bottom: .2rem; vertical-align: middle; }

.cart--subtitle .no-user-change::after { content: ''; position: absolute; bottom: 0; display: block; margin-top: 0.2rem; width: 100%; border-bottom: 1px solid #0a0a0a; }

.cart--subtitle .text { display: inline-block; }

.user__selet > ul > li + li { margin-top: 1.8rem; }

.user__selet > ul > li input[type="radio"] + label { display: block; padding: 1rem 0; font-size: 1.5rem; }

.user__selet > ul > li input[type="radio"]:checked + label { color: #00a972; }

@media (max-width: 400px) { .cart__card.type2 .price { width: 10rem; } }

.mycoupon__item { position: relative; }

.mycoupon__item::before, .mycoupon__item::after { content: ''; position: absolute; top: calc(68% + 1px); width: 1.8rem; height: 1.8rem; background-color: #fff; border-radius: 50%; z-index: 1; }

.mycoupon__item::before { left: -10px; }

.mycoupon__item::after { right: -10px; }

.mycoupon__item + .mycoupon__item { margin-top: 1.6rem; }

.mycoupon__card { overflow: hidden; position: relative; background-color: #fff; border: 1px solid #bbb; border-radius: 1.2rem; }

.mycoupon__card::before, .mycoupon__card::after { content: ''; position: absolute; top: 68%; width: 1rem; height: 2rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.3); z-index: 1; }

.mycoupon__card::before { left: -1px; border-radius: 0 1rem 1rem 0; }

.mycoupon__card::after { right: -1px; border-radius: 1rem 0 0 1rem; }

.mycoupon__header { display: flex; justify-content: space-between; align-items: center; padding: 2rem 2.4rem 0; }

.mycoupon__header .discount { font-size: 2.4rem; color: #00a972; }

.mycoupon__header .dday { height: 3.4rem; padding: 0 1.2rem; background-color: #2ccc98; font-size: 1.8rem; font-weight: bold; color: #fff; line-height: 3.4rem; border-radius: 1.7rem; }

.mycoupon__body { position: relative; padding: 1.2rem 2.4rem 2em; }

.mycoupon__body .title { font-size: 1.9rem; color: #0a0a0a; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mycoupon__body .subtitle { margin-top: .6rem; font-size: 1.6rem; color: #0a0a0a; }

.mycoupon__body .period { margin-top: 1rem; font-size: 1.3rem; color: #9a9a9a; }

.mycoupon__footer { position: relative; }

.mycoupon__footer::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: inline-block; width: calc(100% - 4.8rem); border-top: 1px solid #EBEFF4; }

.mycoupon__link { display: flex; justify-content: center; align-items: center; padding: 1.6rem 0; font-size: 1.5rem; color: #0a0a0a; text-align: center; }

.mycoupon__link::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; margin-left: .4rem; background-image: url(/assets/images/ico/ico_next.svg); background-size: cover; }

.mycoupon__count .title { font-size: 2.2rem; color: #0a0a0a; font-weight: 600; }

.mycoupon__count .title b { color: #00a972; }

.mycoupon__count .btn-area { font-size: 0; padding: 0 2rem; margin: -.4rem; white-space: nowrap; overflow: auto; }

.mycoupon__count .btn-area li { display: inline-block; margin: .4rem; }

.mycoupon__count .btn-area li.is-active .btn { color: #fff; border-color: #0a0a0a; background-color: #0a0a0a; }

.mycoupon__count .btn-area .btn { padding: 0 1.6rem; font-size: 1.6rem; color: #636363; height: 4.4rem; line-height: 4.4rem; background-color: #fff; border: 1px solid #bbb; border-radius: 2.2rem; }

.mycoupon__tab { padding: 2rem 0; margin: 0 -1.6rem; }

.mycoupon__add { margin: 0 -2rem; padding: 3.2rem 2rem 0; background-color: #fff; }

.mycoupon__partner .title { margin-bottom: 3rem; font-size: 2.2rem; font-weight: 700; text-align: center; }

.mycoupon__partner .period { display: block; margin-top: 2rem; font-size: 1.6rem; color: #9a9a9a; text-align: center; }

.mycoupon__partner--barcode .img { width: 60%; min-width: 18rem; max-width: 30rem; margin: 0 auto; }

.mycoupon__partner--num { /* display: flex; flex-wrap: wrap; justify-content: center; */ text-align: center; }

.mycoupon__partner--num .text { display: block; font-size: 2rem; font-weight: 500; }

.mycoupon__partner--num .number { display: block; margin: 2rem 0 2.6rem 0; font-size: 3.4rem; font-weight: 700; letter-spacing: 0.6rem; }

.mycoupon__partner .btn__coupon-copy { padding: 0.8rem 2.4rem; font-size: 1.6rem; color: #fff; border-radius: 10rem; background-color: #0a0a0a; }

.field.cscenter--search { padding-top: 2.6rem; padding-bottom: 2.6rem; }

.field.cscenter--search.is-clear .btn.btn-search { display: none; }

.field.cscenter--search.is-clear .btn.btn-clear { display: block; }

.field.cscenter--search .control { overflow: hidden; padding-left: .8rem; padding-right: .8rem; background-color: #f2f2f2; border: 1px solid #bbb; border-radius: .4rem; }

.field.cscenter--search input { height: 4rem; background-color: transparent; border: 0; font-size: 1.6rem; color: #0a0a0a; }

.field.cscenter--search input::-moz-placeholder { font-size: inherit; color: #9a9a9a; }

.field.cscenter--search input:-ms-input-placeholder { font-size: inherit; color: #9a9a9a; }

.field.cscenter--search input::placeholder { font-size: inherit; color: #9a9a9a; }

.field.cscenter--search input:focus { border: 0; }

.field.cscenter--search .btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 4rem; height: 4rem; padding: 0; background-position: center; background-repeat: no-repeat; border-radius: 0; }

.field.cscenter--search .btn.btn-search { background-size: 2.4rem; background-image: url(../images/ico/ico_search.svg); }

.field.cscenter--search .btn.btn-clear { display: none; background-size: 1.4rem; background-image: url(../images/ico/ico_input_del.svg); }

.tab--block-box { position: relative; z-index: 1; }

.tab--block-box ul { display: flex; flex-wrap: wrap; width: 100%; background-color: #f2f2f2; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }

.tab--block-box li { position: relative; border-left: 1px solid #bbb; box-sizing: border-box; width: calc((100% / 3) + 1px); margin-left: -1px; margin-bottom: -1px; border-top: 1px solid #bbb; }

.tab--block-box li:first-child, .tab--block-box li:nth-child(4) { border-left: 0; margin-left: 0; width: calc((100% / 3)); }

.tab--block-box li:nth-child(-n+3) { border-top: 0; margin-top: 0; }

.tab--block-box li:last-child, .tab--block-box li:nth-child(3) { border-right: 0; }

.tab--block-box li.is-active { z-index: 2; }

.tab--block-box li.is-active button { color: #636363; font-weight: 700; }

.tab--block-box button { width: 100%; height: 3.9rem; font-size: 1.3rem; color: #9a9a9a; word-break: keep-all; word-wrap: break-word; }

.board--accodian .section--title-box { margin-top: 2.6rem; }

.board--accodian .title { font-size: 1.6rem; font-weight: 700; color: #0a0a0a; }

.one-to-one .radio-list { display: flex; justify-content: flex-start; align-items: center; margin-top: 1.7rem !important; margin-left: -.4rem; margin-right: -.4rem; }

.one-to-one .radio-list .radio { margin-left: .4rem; margin-right: .4rem; }

.one-to-one .radio-list .radio input[type="radio"] + label { display: flex; justify-content: center; align-items: center; height: 3rem; padding: 0 1.2rem; border: 1px solid #b8b8b8; border-radius: 1.5rem; font-size: 1.7rem; color: #0a0a0a; line-height: 3rem; cursor: pointer; text-align: center; }

.one-to-one .radio-list .radio input[type="radio"]:checked + label { color: #fff; background-color: #0a0a0a; border-color: #0a0a0a; }

.one-to-one .file--photo { margin-top: .8rem; }

.one-to-one .file--photo-box { background-color: #f2f2f2; border-radius: .8rem; border: 1px solid transparent; background-image: url(/assets/images/ico/ico_plus_gray_large.svg); background-size: 2.8rem; }

.one-to-one .file--photo-box.is-active { border-color: #bbb; }

.one-to-one .file--photo-box img { -o-object-fit: cover; object-fit: cover; }

.one-to-one .file--photo__thumb { border: 0; border-color: transparent; }

.one-to-one .file--photo--msg { margin-top: 1.6rem; font-size: 1.2rem; color: #636363; }

.one-to-one .file--photo .btn--remove { width: 2rem; height: 2rem; top: 0.4rem; right: 0.4rem; border-radius: 50%; opacity: .7; background-size: 1rem; }

.one-to-one .textarea { padding: 1.6rem; font-size: 1.5rem; }

.one-to-one .btn-ordernum { width: auto; padding-left: 1.6rem; padding-right: 1.6rem; }

.one-to-one .title { font-size: 1.8rem; }

.one-to-one .result__filter { margin-top: .8rem; border-bottom: 1px solid #bbb; }

.one-to-one .result__filter .btn { position: relative; width: 100%; font-size: 1.5rem; color: #9a9a9a; text-align: left; padding: 1.3rem 0; line-height: 1.9rem; }

.one-to-one .result__filter .btn::after { content: ''; position: absolute; top: 50%; right: 0; width: 2rem; height: 2rem; margin-top: -1rem; background-image: url(/assets/images/ico/btn_arr_up.svg); background-size: cover; transform: rotate(-180deg); }

.one-to-one .result__filter .btn.is-active { color: #0a0a0a; }

.one-to-one .control { margin-top: .8rem; }

.one-to-one input[type="text"] { padding: 1.3rem 0; font-size: 1.5rem; }

.one-to-one .field + .field { margin-top: 3.2rem; }

.alarm__setting.is-section-contour::after { margin-top: 2rem; }

.alarm__setting.is-nobefore::before { display: none; }

.alarm__setting .section--title-box { display: block; padding-top: 1.6rem; }

.alarm__setting .section--title-box .title { font-size: 2rem; color: #0a0a0a; font-weight: 600; padding: 1.6rem 0; border-bottom: 1px solid #bbb; }

.alarm__setting .section--title-box .desc { display: block; font-size: 1.5rem; color: #636363; padding: 1.6rem 0 0; }

.alarm__setting--body .desc { font-size: 1.4rem; color: #636363; }

.alarm__setting--body .accordion-group-wrap { margin-top: -2rem; border-top: 0; }

.alarm__setting--body .accordion__btn { padding-right: 5rem; word-break: keep-all; font-weight: 400; line-height: 2rem; color: #636363; border-bottom: 0; padding-bottom: 0; }

.alarm__setting--body .accordion__btn::before { display: none; }

.alarm__setting--body .accordion__btn::after { top: 2rem; margin-top: 0; }

.alarm__setting--body .accordion__btn[aria-expanded="true"] { background-color: transparent; }

.alarm__setting--body .accordion__panel { margin-left: -2rem; margin-right: -2rem; background-color: transparent; }

.alarm__setting--body .accordion__contents { margin: 2rem; margin-top: 2rem; margin-bottom: 0; padding: 1.5rem; background-color: #f2f2f2; }

.alarm__setting--body .accordion__contents::before { display: none; }

.alarm__setting--body .board--dl { border: 1px solid #bbb; border-bottom: 0; }

.alarm__setting--body .board--dl__div dt, .alarm__setting--body .board--dl__div dd { font-size: 1.4rem; }

.alarm__setting--body .msg-box { margin-top: 2rem; padding: 0; font-size: 1.4rem; }

.alarm__setting--body .msg-box li::before { content: '*'; display: inline-block; vertical-align: middle; margin-right: .4rem; }

.alarm__setting--link { display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; color: #636363; line-height: 2.3rem; word-break: keep-all; }

.alarm__setting--link:hover { color: #636363; }

.alarm__setting--link::after { content: ''; display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/ico/ico_arrow_r.svg); background-size: cover; }

.alarm__setting--link-box { display: flex; justify-content: space-between; align-items: center; }

.alarm__setting--link-box .title { font-size: 1.4rem; color: #0a0a0a; }

.alarm__setting--link-box .sub-title { margin-top: .4rem; font-size: 1.2rem; color: #9a9a9a; }

.alarm__setting--link-box .alarm__setting--link::after { content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background-image: url(../images/ico/ico_setting.svg); background-size: contain; }

.apppush--service .switch--small-box { padding: 2.4rem; background-color: #f2f2f2; }

.switch--small-box + .alarm__setting--link-box { margin-top: 2.7rem; }

select + .textarea-box { margin-top: 0.4rem; }

.mypage .date__choice { margin-top: 1.2rem; }

.mypage .field label { font-weight: normal; }

.mypage .control { margin-top: 2rem; }

.mypage__order-filter { padding-top: 5rem; background-color: #fff; }

.mypage__order-filter .container { position: fixed; top: 0; transform: translateY(4.8rem); transition: .3s; width: 100%; max-width: 64rem; padding-top: 1rem; padding-bottom: 1rem; background-color: #ffff; z-index: 3; }

.mypage__order-filter.no-fixed { padding-top: 0; }

.mypage__order-filter.no-fixed .container { position: relative; top: 0; transform: none; transition: none; width: 100%; max-width: 64rem; padding-top: 1rem; padding-bottom: 1rem; background-color: #ffff; z-index: 3; }

.mypage__order-filter .msg { margin-top: 0.4rem; }

.mypage__deli-address li { padding: 2rem; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3); border-radius: 0.8rem; background-color: #fff; }

.mypage__deli-address li + li { margin-top: 2rem; }

.mypage__deli-address .label-box { display: flex; align-items: center; }

.mypage__deli-address .top-box { display: flex; justify-content: space-between; align-items: center; }

.mypage__deli-address .name { margin-right: 0.8rem; font-size: 1.8rem; font-weight: 600; }

.mypage__deli-address .label { padding: 0.4rem 0.8rem; font-size: 1.3rem; border: 1px solid #bbb; border-radius: 1.6rem; }

.mypage__deli-address .default-deli { padding: 0.4rem 0.8rem; font-size: 1.1rem; color: #fff; border-radius: 1.6rem; background-color: #636363; }

.mypage__deli-address .address-txt { margin-top: 1.6rem; font-size: 1.5rem; line-height: 1.53; }

.mypage__deli-address .phone { margin-top: 1.2rem; font-size: 1.5rem; color: #9a9a9a; }

.mypage__deli-address .edit-btn { margin-top: 1.6rem; padding-top: 1.6rem; text-align: center; border-top: 1px solid #bbb; }

.mypage__deli-address .edit-btn .btn { width: 49%; padding: 0; }

.mypage__deli-address .edit-btn span { display: inline-block; border-bottom: 1px solid #090909; }

.mypage__deli-address .edit-btn .btn-del { color: #636363; }

.mypage__deli-address .edit-btn .btn-del span { border-color: #636363; }

.mypage .field.is-active input[type="text"] { border-color: #bbb; }

.mypage .control__btn { margin-right: 0.8rem; }

.mypage__small-title { font-size: 1.6rem; font-weight: normal; }

.mypage__small-title .bold { font-weight: 600; }

.mypage__inquiry--content { margin-top: 2rem; }

.mypage__inquiry .answer-label { display: inline-block; padding: 0.7rem 1rem; font-size: 1.4rem; color: #fff; border-radius: 1.8rem; background-color: #636363; }

.mypage__inquiry .answer-label.is-complete { background-color: #00a972; }

.mypage__inquiry .product-name { display: inline-block; margin-top: 1.2rem; font-size: 1.7rem; font-weight: normal; }

.mypage__inquiry .date { display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: normal; color: #9a9a9a; }

.mypage__inquiry .inquiry-text { margin-bottom: 2.4rem; }

.mypage__inquiry .txt { margin-top: 2rem; font-size: 1.6rem; line-height: 1.63; }

.mypage__inquiry--answer { padding-top: 2.4rem; border-top: 1px solid #bbb; }

.mypage__inquiry--answer img { width: 100% !important; height: auto !important; }

.mypage__inquiry .answer-title { font-size: 1.8rem; font-weight: 600; color: #00a972; }

.mypage__inquiry .answer-title::before { content: 'A.'; display: inline-block; margin-right: 0.4rem; }

.mypage__inquiry .btn-evaluate > .btn { padding: 0; }

.mypage__inquiry .btn-evaluate input[type='radio'] + label { border-radius: 0.8rem; font-size: 1.4rem; border: 1px solid #bbb; background-color: #fff; }

.mypage__inquiry .btn-evaluate input[type='radio'] + label::before { content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; margin-right: 0.6rem; background-size: cover; vertical-align: middle; }

.mypage__inquiry .btn-evaluate input[type='radio'] + label.btn-satisfy::before { background-image: url(/assets/images/ico/ico_smile_black.svg); }

.mypage__inquiry .btn-evaluate input[type='radio'] + label.btn-dissatisfy::before { background-image: url(/assets/images/ico/ico_nodata_black.svg); }

.mypage__inquiry .btn-evaluate input[type='radio']:checked + label { border-color: #0a0a0a; color: #fff; background-color: #0a0a0a; }

.mypage__inquiry .btn-evaluate input[type='radio']:checked + label.btn-satisfy::before { background-image: url(/assets/images/ico/ico_smile_white.svg); }

.mypage__inquiry .btn-evaluate input[type='radio']:checked + label.btn-dissatisfy::before { background-image: url(/assets/images/ico/ico_nodata_white.svg); }

.mypage__inquiry .accordion__btn { padding: 2rem 0 0 0; border-bottom: 0; }

.mypage__inquiry .accordion__btn::after { top: 3.3rem; }

.mypage__inquiry .accordion__btn[aria-expanded="true"] .inquiry-title, .mypage__inquiry .accordion__btn[aria-expanded="false"] .inquiry-title { width: calc(100% - 3rem); font-size: 1.8rem; font-weight: 600; line-height: 1.44; }

.mypage__inquiry .accordion__btn[aria-expanded="true"] .inquiry-title::before, .mypage__inquiry .accordion__btn[aria-expanded="false"] .inquiry-title::before { content: 'Q.'; display: inline-block; margin-right: 0.4rem; }

.mypage__inquiry .accordion__btn[aria-expanded="true"] .date, .mypage__inquiry .accordion__btn[aria-expanded="false"] .date { display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: normal; color: #9a9a9a; }

.mypage__select { flex: 1; position: relative; margin-left: 4.5rem; border-bottom: 1px solid #bbb; }

.mypage__select .select-input { width: 100%; padding-bottom: 2px; font-size: 2rem; font-weight: 600; text-align: right; color: #0a0a0a; }

.mypage__select .select-input::after { content: ''; display: inline-block; min-width: 3rem; width: 2rem; height: 2rem; margin-left: 0.8rem; background-image: url(/assets/images/ico/ico_arrow_down.svg); background-size: 2rem; background-repeat: no-repeat; background-position: 100% 0; vertical-align: top; }

.mypage__select .value { font-size: 1.9rem; text-align: right; }

.mypage__select--box { display: none; position: absolute; z-index: 2; top: 5.8rem; left: 0; width: 100%; border-radius: 0.8rem; box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.3); background-color: #fff; overflow: hidden; }

.mypage__select--box.is-active { display: block; }

.mypage__select--box li + li { border-top: 1px solid #bbb; }

.mypage__select--box .label { display: block; width: 100%; padding: 1.6rem 0; font-size: 1.8rem; text-align: center; }

.mypage__select--box input[type='radio']:checked + label { background-color: #f2f2f2; }

.product__check li { padding: 2rem 0; }

.product__check li + li { border-top: 1px solid #cfcfcf; }

.product__check .product__thumb { width: 8rem; }

.product__check .product__info { width: calc(100% - 8rem); }

.product__check .--check { display: flex; align-items: center; }

.product__check .detail__pay-box { width: calc(100% - 3.2rem); margin-top: 1.2rem; margin-left: auto; }

.review__create .field { margin-top: 4rem; }

.review__create--title { position: relative; display: inline-block; font-size: 1.8rem; font-weight: normal; }

.review__create--title.is-required::after { position: absolute; top: 0; right: -1.2rem; display: inline-block; content: ''; width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: #ff4646; }

.star-point { display: flex; align-items: center; }

.star-point--radio { display: inline-block; direction: rtl; }

.star-point--radio input[type="radio"] + label, .star-point--radio input[type="checkbox"] + label { padding-left: 0; }

.star-point--radio input[type=radio] + label { width: 3.3rem; height: 3.3rem; background-image: url(../images/ico/ico_stats_rate_one_gray.svg); background-repeat: no-repeat; }

.star-point--radio input[type=radio]:checked ~ label { background-image: url(../images/ico/ico_stats_rate_one.svg); }

.star-point--txt { margin-left: 1.2rem; font-size: 1.7rem; color: #9a9a9a; white-space: nowrap; }

.msg-bg { padding: 2.8rem 2rem; background-color: #f2f2f2; }

.msg-bg .msg__list { margin-top: 0; }

.btn--detail-inquiry { padding: 0.6rem 0.6rem 0.6rem 2rem; border-radius: 0.6rem; background-image: url(../images/ico/ico_check_d.svg); background-color: #fff; background-size: 1.2rem; background-repeat: no-repeat; background-position: 8% 50%; font-size: 1.3rem; }

.btn--detail-inquiry.is-active { border: 1px solid #00a972; background-image: url(../images/ico/ico_check.svg); }

.gift__delivery { margin-top: 3.2rem; }

.gift__delivery .btn-link { margin: 0; font-size: 1.5rem; }

.gift__destination { margin-top: 0.4rem; }

.gift__msg { padding-bottom: 2rem; border-bottom: 1px solid #d4d4d4; }

.gift__msg--header { margin-bottom: 0.8rem; }

.gift__msg .ico { width: 2.8rem; display: inline-block; margin-right: 0.8rem; vertical-align: middle; }

.gift__msg .title { font-size: 1.8rem; font-weight: 600; }

.gift__msg--content { font-size: 1.6rem; line-height: 1.5; }

.gift__msg--box { padding: 2rem; border: 1px solid #bbb; border-radius: 0.8rem; }

.gift__product { margin-top: 2rem; }

.gift__product .product__quantity::before { display: none; }

.gift__info { margin-top: 2rem; }

.gift__info li { display: flex; justify-content: space-between; font-size: 1.8rem; }

.gift__info li + li { margin-top: 1.6rem; }

.gift__info .cancel { display: block; text-align: right; }

.gift__info .cancel .btn { font-size: 1.2rem; color: #9a9a9a; }

.gift__nodata .is-nodata { background-color: transparent; border-radius: 0; }

.gift__nodata .is-nodata.--small { padding: 0; }

.mypage__order-filter .user--choice { overflow: auto; white-space: nowrap; }

.mypage__order-filter .swiper-slide { width: auto !important; }

@media (min-height: 600px) { .view--mo .modal__body .date__choice { max-height: 40rem; overflow: auto; } }

.profile__area .basic-info { display: flex; align-items: center; margin-bottom: 2rem; }

.profile__thum { width: 6.2rem; height: 6.2rem; position: relative; margin-right: 1.2rem; border: 1px solid #bbb; border-radius: 50%; background-color: #f2f2f2; overflow: hidden; }

.profile__thum img { width: 4.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.profile__info { width: calc(100% - 8.2rem); }

.profile__info--rate { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }

.profile__info--rate .btn-link { font-size: 1.5rem; color: #636363; }

.profile__info .user-name { font-size: 2.2rem; }

.profile__info .user-name .is-block { display: inline-block; }

.profile__info .user-name .link::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; background-image: url(/assets/images/ico/ico_arrow_r.svg); background-size: cover; }

.profile__box { display: flex; border: 1px solid #bbb; border-radius: 0.8rem; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

.profile__box li { width: 33.333%; display: inline-block; position: relative; box-sizing: border-box; }

.profile__box li + li::after { content: ''; display: inline-block; position: absolute; top: 50%; width: 1px; height: 2rem; background-color: #bbb; transform: translateY(-50%); }

.profile__box .box-wrap { padding: 1.6rem 0; text-align: center; }

.profile__box .title { display: block; margin-bottom: 1.1rem; font-size: 1.3rem; }

.profile__box .content { font-size: 1.9rem; }

.profile__list--title { margin-bottom: 1.6rem; font-size: 2.2rem; font-weight: 400; }

.profile__list.--account { margin: 0.2rem 0; }

.profile__list.--account li:last-child { border-bottom: 0; }

.profile__list.--account .title { font-size: 1.7rem; }

.profile__list li + li { border-top: 1px solid #bbb; }

.profile__list li:last-child { border-bottom: 1px solid #bbb; }

.profile__list.no-borderbottom li:last-child { border-bottom: 0; }

.profile__list .list-wrap { display: flex; justify-content: space-between; align-items: center; padding: 2rem 0; }

.profile__list .list-wrap::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.4rem; background-image: url(/assets/images/ico/ico_arrow_r.svg); background-size: cover; }

.profile__list .title { display: block; width: calc(100% - 5.6rem); font-size: 1.6rem; font-weight: 600; }

.profile__list .title.--employee::after { content: ''; display: inline-block; width: 4rem; height: 1.8rem; margin-left: 0.4rem; background-image: url(/assets/images/CI_maeil.svg); background-size: cover; vertical-align: text-top; }

.profile__list .accordion-group-wrap { border-top: 0; }

.profile__list .accordion__btn { font-weight: 600; }

.profile__list .accordion__btn::after { margin-top: auto; width: 1.5rem; height: 1px; position: absolute; top: 50%; right: 0.8rem; background-color: #0a0a0a; transition: all .3s; /* transform: rotate(0deg) translate(50%, -50%); */ /* transform-origin: center; */ margin: auto; display: block; content: ''; transform: rotate(-90deg); }

.profile__list .accordion__btn::before { content: ''; display: block; width: 1.5rem; height: 1px; position: absolute; top: 50%; right: 0.8rem; background-color: #0a0a0a; /* transform: rotate(0deg) translate(-50%, 0); */ /* transition: all .5s; */ /* transform-origin: center; */ margin: auto; }

.profile__list .accordion__btn[aria-expanded="true"]::after { transform: rotate(0deg); background-color: transparent; }

.profile__list .accordion__contents { padding: 0; }

.profile__number { display: inline-flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; font-size: 1.4rem; color: #fff; background-color: #0a0a0a; }

.profile__setting .basic-info { padding-bottom: 2.4rem; border-bottom: 1px solid #bbb; text-align: center; }

.profile__setting--thum { display: inline-block; position: relative; margin-bottom: 1.7rem; }

.profile__setting--thum .thum { width: 9.2rem; height: 9.2rem; position: relative; border: 1px solid #bbb; border-radius: 50%; background-color: #f2f2f2; overflow: hidden; }

.profile__setting--thum .thum img { width: 5.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.profile__setting--thum .btn--setting { width: 2.8rem; height: 2.8rem; position: absolute; bottom: 0; right: 0; padding: 0; border-radius: 50%; background-color: #636363; }

.profile__setting--thum .btn--setting::after { content: ''; display: inline-block; width: 2rem; height: 2rem; background-image: url(/assets/images/ico/ico_setting_white.svg); background-size: cover; transform: translateY(1px); }

.profile__setting--name { font-size: 2.2rem; }

.profile__tab .tab-box .title-22 { margin-bottom: 1.2rem; margin-left: 2rem; }

.profile__card--list li { border-radius: 1.2rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); background-color: #fff; }

.profile__card--list li + li { margin-top: 1.6rem; }

.profile__card--list .list-wrap { display: flex; align-items: center; min-height: 8.4rem; padding: 0.6rem 2rem; }

.profile__card--list .point-list-wrap { min-height: 8.4rem; padding: 2.2rem 2rem; }

.profile__card--list .benefit-type { display: inline-block; border-radius: 1.6rem; }

.profile__card--list .benefit-type.--coupon { background-color: #2ccc98; }

.profile__card--list .benefit-type.--benefit { background-color: #6195ff; }

.profile__card--list .benefit-type.--save { background-color: #be85ff; }

.profile__card--list .benefit-type.--member { background-color: #ff9216; }

.profile__card--list .benefit-type.--notice { background-color: #f651c5; }

.profile__card--list .benefit-type .txt { display: inline-block; padding: 0.4rem 0.8rem; font-size: 1.2rem; font-weight: 600; color: #fff; white-space: nowrap; }

.profile__card--list .title-area { display: flex; flex-wrap: wrap; align-items: center; }

.profile__card--list .title-box { flex: 1; width: calc(100% - 5rem); overflow: hidden; }

.profile__card--list .title { font-size: 1.8rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #0a0a0a; }

.profile__card--list .desc { margin-top: 0.6rem; font-size: 1.5rem; color: #9a9a9a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.profile__card--list.--benefit .list-wrap { min-height: 8.4rem; padding: 0.6rem 2rem; display: flex; align-items: center; }

.profile__card--list.--benefit .benefit-type { display: inline-block; margin-right: 1.2rem; border-radius: 1.6rem; }

.profile__card--list.--benefit .benefit-type.--coupon { background-color: #2ccc98; }

.profile__card--list.--benefit .benefit-type.--benefit { background-color: #6195ff; }

.profile__card--list.--benefit .benefit-type.--save { background-color: #be85ff; }

.profile__card--list.--benefit .benefit-type .txt { display: inline-block; padding: 0.4rem 0.8rem; font-size: 1.2rem; font-weight: 600; color: #fff; white-space: nowrap; }

.profile__card--list.--point .list-wrap { display: flex; justify-content: space-between; align-items: center; }

.profile__card--list.--point .ico { width: 3.6rem; height: 3.6rem; margin-right: 1.2rem; background-size: cover; }

.profile__card--list.--point .save .ico { background-image: url(/assets/images/ico/ico_save.svg); }

.profile__card--list.--point .save .point, .profile__card--list.--point .save .point-desc { color: #00a972; }

.profile__card--list.--point .use .ico { background-image: url(/assets/images/ico/ico_use.svg); }

.profile__card--list.--point .use .point, .profile__card--list.--point .use .point-desc { color: #636363; }

.profile__card--list.--point .desc { font-size: 1.3rem; }

.profile__card--list.--point .point-area { text-align: right; }

.profile__card--list.--point .point-area .point { display: block; font-size: 1.9rem; font-weight: 600; }

.profile__card--list.--point .point-area .point-desc { display: block; margin-top: 0.6rem; font-size: 1.3rem; }

.btn-lougout { font-size: 1.2rem; color: #9a9a9a; }

.user-rate { display: inline-block; border-radius: 1.6rem; }

.user-rate .txt { display: inline-block; padding: 0.4rem 0.8rem; font-size: 1.2rem; font-weight: 500; color: #fff; }

.user-rate.--green { background-color: #00a972; }

.user-rate.--family { background-color: #00a972; }

.user-rate.--gold { background-color: #ffb941; }

.user-rate.--vip { background-color: #6195FF; }

.user-rate.--vvip { background-color: #BE85FF; }

.header-msg { margin: 0 2rem; padding: 3.2rem 0; border-bottom: 1px solid #bbb; }

.header-msg .title { font-size: 2.2rem; font-weight: 400; line-height: 1.44; word-break: keep-all; }

.header-msg .title.--gray { color: #636363; }

.header-msg .desc { margin-top: 2rem; font-size: 1.8rem; color: #636363; line-height: 1.44; }

.header-msg.--bg-gray { margin: 0; padding: 3.2rem 2rem; border-bottom: 1px solid #bbb; background-color: #f2f2f2; }

.header-msg.--notice .title { font-weight: 600; }

.header-msg.--notice .msg__list { font-size: 1.6rem; line-height: 1.5; }

.header-msg.--notice .msg__list li { margin-left: 0.8rem; }

.header-msg.--notice .msg__list li::before { top: 1rem; left: -0.8rem; width: 0.3rem; height: 0.3rem; }

.form__line.--fam .title-box { padding-top: 0; margin-bottom: 1.6rem; }

.form__line.--fam input:disabled + .label { background-color: red; }

.form__line.--fam .label { display: block; }

.form__line.--fam .label.birth { padding: 1.2rem 0 1.2rem 1.2rem; color: #9a9a9a; font-size: 1.5rem; font-weight: 500; border-bottom: 1px solid #bbb; margin-bottom: 0; }

.form__line.--fam .label.birth::after { content: ''; position: absolute; top: 50%; right: 0; width: 2rem; height: 2rem; margin-top: -1rem; background-image: url(/assets/images/ico/ico_arrow_down.svg); background-size: cover; }

.form__line.--fam .label.birth.is-active { color: #0a0a0a; }

.form__line.--fam .btn-year { position: relative; width: 100%; }

.form__line.--fam .btn-year::after { content: '년'; position: absolute; top: 1.2rem; right: 0; font-size: 1.6rem; color: #bbb; }

.form__line.--fam .control.--half { display: flex; justify-content: space-between; }

.form__line.--fam .control.year { position: relative; width: 100%; }

.form__line.--fam .control.year::after { content: '년'; position: absolute; top: 1.2rem; right: 0; font-size: 1.6rem; color: #bbb; }

.form__line.--fam .control input[type="text"] { color: #0a0a0a; }

.form__line.--fam .mypage__select { width: 50%; border-bottom: 0; margin-left: 0; }

.form__line.--fam .mypage__select .select-input { position: relative; padding: 0; color: #0a0a0a; }

.form__line.--fam .mypage__select .select-input::after { position: absolute; top: 1.2rem; right: 0; min-width: inherit; margin-left: 0; }

.form__line.--fam + .form__line.--fam { margin-top: 6rem; }

.form__line .field.--rec .control { display: flex; align-items: center; justify-content: space-between; }

.form__line .field.--rec .txt { display: inline-block; font-size: 1.5rem; }

.form__line .field + .field { margin-top: 3.2rem; }

.form__line .control { margin: 0; }

.form__line .control + .control { margin-top: 0.8rem; }

.form__line input[type="text"], .form__line input[type="number"], .form__line input[type="password"] { padding: 1.2rem 0; font-size: 1.5rem; }

.form__line input[type="text"]:focus, .form__line input[type="number"]:focus, .form__line input[type="password"]:focus { border-color: #0a0a0a; }

.form__line input[type="text"]:-moz-read-only, .form__line input[type="text"]:-moz-read-only:focus, .form__line input[type="number"]:-moz-read-only, .form__line input[type="number"]:-moz-read-only:focus, .form__line input[type="password"]:-moz-read-only, .form__line input[type="password"]:-moz-read-only:focus { color: #9a9a9a; border-color: #bbb; }

.form__line input[type="text"]:disabled, .form__line input[type="text"]:read-only, .form__line input[type="text"]:read-only:focus, .form__line input[type="number"]:disabled, .form__line input[type="number"]:read-only, .form__line input[type="number"]:read-only:focus, .form__line input[type="password"]:disabled, .form__line input[type="password"]:read-only, .form__line input[type="password"]:read-only:focus { color: #9a9a9a; border-color: #bbb; }

.form__line .is-grouped .btn { margin-left: 0.4rem; }

.form__line .label { display: inline-block; margin-bottom: 0.8rem; font-size: 1.8rem; font-weight: 600; line-height: 1.44; word-break: keep-all; }

.form__line .btn { font-size: 1.5rem; }

.form__line .btn-input { width: 8.4rem; height: 4.4rem; padding: 0; color: #fff; border-radius: 0.6rem; background-color: #0a0a0a; }

.form__line .btn-input:disabled { cursor: default; background-color: #bbb; }

.form__line .is-pw-change { display: none; }

.form__line .is-pw-change.is-active .control__btn { display: block; }

.form__line .btn-change-pw { margin-top: 0.4rem; font-size: 1.4rem; }

.form__line .msg { color: #ff4b4b; }

.form__line .msg .error { color: #ff4b4b; }

.form__line .msg .success { color: #00a972; }

.form__line .select--line--black { padding: 1.2rem 3rem 1.2rem 0; font-size: 1.5rem; border: 0; border-bottom: 1px solid #bbb; background-position: top 50% right 0; }

@media (max-width: 340px) { .form__line .survey--card input[type="radio"] + label { padding: 2rem; }
  .form__line .survey--card p { font-size: 1.8rem; width: inherit; } }

.guidance .title { font-size: 1.8rem; font-weight: 600; text-align: center; }

.guidance .desc { display: block; font-size: 1.5rem; text-align: center; }

.guidance .title + .desc { margin-top: 0.8rem; }

.guidance .content { margin-top: 2rem; }

.guidance .content .title { display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: 600; text-align: left; }

.guidance .content .txt + .title, .guidance .content .txt-list + .title { margin-top: 2.4rem; }

.guidance .content .txt + .point-list { margin-top: 1.6rem; }

.guidance .content .title + .txt, .guidance .content .title + .txt-list { margin-top: 1rem; }

.guidance .txt-box { padding: 2rem; font-size: 1.4rem; border-radius: 1rem; background-color: #f2f2f2; line-height: 1.43; }

.guidance .txt + .txt, .guidance .txt + .txt-list, .guidance .txt-list + .txt, .guidance .txt-list + .txt-list { margin-top: 2.4rem; }

.guidance .point-list li + li { margin-top: 1rem; }

.guidance .txt-list { counter-reset: number; }

.guidance .number-list { margin-left: 1rem; padding-left: 0.3rem; counter-increment: number; }

.guidance .number-list::marker { content: counter(number) ")"; }

.agree-box .checkbox-large input[type="checkbox"] + label { font-size: 1.8rem; font-weight: 600; }

.agree-box .checkbox-large input[type="checkbox"] + label::before, .agree-box .checkbox-large input[type="checkbox"] + label::after { top: 0; }

.agree-box .msg { display: inline-block; margin-top: 1.6rem; font-size: 1.5rem; line-height: 1.53; }

.scroll-box .scroll.is-border { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 0; }

.scroll-box .scroll.is-border .modal--my_point table { border: 0; }

.form__line .field.--rec .txt.is-keepall { word-break: keep-all; }

.header-profile .title-box { display: flex; justify-content: space-between; align-items: center; }

.header-profile .title { margin-bottom: 0.8rem; font-size: 2.2rem; font-weight: 600; }

.header-profile .rate { display: inline-block; border-radius: 1.6rem; }

.header-profile .rate.--family { background-color: #00a972; }

.header-profile .rate.--vip { background-color: #6195FF; }

.header-profile .rate.--vvip { background-color: #BE85FF; }

.header-profile .rate .txt { display: inline-block; width: 7.2rem; text-align: center; padding: 0.6rem 1rem; font-size: 1.6rem; font-weight: 600; color: #fff; }

.header-profile .point .txt { font-size: 2.2rem; font-weight: 600; color: #00a972; }

.header-profile .txt { display: inline-block; padding: 0.6rem 1rem; font-size: 1.6rem; color: #fff; }

.header-profile .desc { font-size: 1.2rem; color: #636363; }

.header-profile .btn-area { margin-top: 0; }

.header-profile .btn-point { display: inline-flex; align-items: center; justify-content: flex-end; font-size: 1.2rem; color: #636363; }

.header-profile .btn-point::after { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: 0.2rem; background-image: url(/assets/images/ico/ico_next_gray.svg); background-size: cover; background-color: transparent; vertical-align: text-top; }

.accrue__progress { padding-top: 2rem; border-top: 1px solid #bbb; }

.accrue__progress .progress-outer { width: 100%; height: 1.2rem; position: relative; border-radius: 0.6rem; background-color: #e9e9e9; overflow: hidden; }

.accrue__progress .progress-inner { width: 0; height: inherit; position: absolute; top: 0; left: 0; border-radius: 0.6rem; background-color: #2ccc98; }

.accrue__txt { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; font-size: 1.6rem; color: #0a0a0a; }

.accrue__txt .number { font-weight: 600; }

.accrue__txt.family .number { color: #00a972; }

.accrue__txt.vip .number { color: #6195FF; }

.accrue__txt.vvip .number { color: #BE85FF; }

.title-22 { font-size: 2.2rem; font-weight: 600; }

.white-textbox { padding: 2rem; border-radius: 1.5rem; background-color: #fff; }

.white-textbox .txt.msg { font-size: 1.6rem; line-height: 1.25; margin-top: 0; }

.white-textbox .txt.msg > li { list-style: inside; padding: .4rem 0; }

.consent__info .title { font-size: 2.4rem; color: #0a0a0a; text-align: center; font-weight: 500; }

.consent__info .title span { color: #00a972; }

.consent__info .desc { display: block; margin-top: 2.5rem; color: #636363; font-size: 2rem; text-align: center; word-break: keep-all; }

.consent__desc { font-size: 1.5rem; color: #0a0a0a; margin-top: 1.6rem; margin-bottom: 3.2rem; line-height: 2.3rem; text-align: right; }

.consent__desc > b { font-weight: 600; color: #6195ff; }

.consent .info { padding: 2rem; background-color: #f2f2f2; color: #0a0a0a; font-size: 1.5rem; word-break: keep-all; line-height: 2.3rem; }

.consent .title-box { padding-top: 2rem; margin-bottom: 2rem; }

.consent .title-box .title { font-size: 2rem; font-weight: 600; }

.consent .title-box .desc { display: inline-block; font-size: 1.6rem; word-break: keep-all; }

.consent__control + .consent__control { margin-top: .8rem; }

.consent__radio + .consent__label { border: 2px solid transparent; box-shadow: 0 0 0 1px #cfcfcf; }

.consent__radio:checked + .consent__label { border-color: #00a972; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16); }

.consent input[type="radio"].consent__radio + .consent__label { display: flex; justify-content: flex-start; align-items: center; padding: 1.6rem 2.4rem; border-radius: .8rem; }

.consent input[type="radio"].consent__radio + .consent__label .thumb { width: 6rem; height: 6rem; border-radius: 50%; background-color: #f2f2f2; padding: 1.2rem; margin-right: 2rem; }

.consent input[type="radio"].consent__radio + .consent__label .txt-box { flex: 1; }

.consent input[type="radio"].consent__radio + .consent__label .title { display: block; font-size: 1.6rem; font-weight: 600; color: #0a0a0a; }

.consent input[type="radio"].consent__radio + .consent__label .desc { display: block; margin-top: .8rem; color: #0a0a0a; font-size: 1.4rem; }

.switch__alarm--wrap { padding-top: 2rem; }

.switch__alarm--wrap .title { font-size: 1.8rem; color: #0a0a0a; font-weight: 600; }

.switch__alarm--wrap .title.no-bold { font-weight: 500; }

.switch__alarm--wrap .right { display: flex; justify-content: right; align-items: center; }

.switch__alarm--list { background-color: #f2f2f2; padding: 2.4rem 2rem; }

.switch__alarm--item + .switch__alarm--item { margin-top: 1.6rem; }

.switch__alarm--detail { display: flex; justify-content: space-between; align-items: center; }

.switch__alarm--box { display: flex; justify-content: space-between; align-items: center; }

.selex_point_info, .selex_point_list { display: none; }

.selex_point_info.is-visible, .selex_point_list.is-visible { display: block; }

.rolldate-container { color: #0a0a0a !important; }

.rolldate-container .rolldate-content { top: 0 !important; }

.rolldate-container #rolldate-hour { position: relative; }

.rolldate-container #rolldate-hour::after { content: ':'; display: inline-block; position: absolute; top: 50%; font-size: 1.6rem; right: 0; transform: translateY(-50%); }

.rolldate-container .mask-top, .rolldate-container .mask-bottom { left: 2.8rem !important; border-color: #bbb !important; width: calc(100% - 5.6rem) !important; }

.rolldate-container header.rolldate-header { position: relative; border-bottom: none; padding-top: 2.7rem; margin-top: 2.7rem; }

.rolldate-container header.rolldate-header .rolldate-cancel { position: absolute; top: 0; left: auto; right: 2.8rem; width: 2.3rem; height: 2.3rem; background-image: url(../images/ico/ico_close.svg); background-size: 2rem; background-position: center; background-repeat: no-repeat; z-index: 1; }

.rolldate-container .rolldate-panel { overflow: hidden; border-top-left-radius: 1.6rem; border-top-right-radius: 1.6rem; }

.rolldate-container .rolldate-wrapper ul { cursor: pointer; }

.rolldate-container .rolldate-mask { background-color: rgba(0, 0, 0, 0.7) !important; }

.rolldate-container .rolldate-footer { padding-bottom: 2.7rem; padding-top: 3.2rem; text-align: center; }

.rolldate-container .rolldate-footer .rolldate-btn { position: relative; left: inherit; right: inherit; color: #fff; background-color: #0a0a0a; display: block; -webkit-tap-highlight-color: #0a0a0a; padding: 1.2rem 0; font-size: 1.4rem; border-radius: 0.8rem; }

.rolldate-container .rolldate__cotainer { padding-left: 2.8rem; padding-right: 2.8rem; }

.view--pc .rolldate-container .rolldate-panel { left: 50%; }

.view--pc .rolldate-panel { max-width: 64rem; }

.view--pc .mask-top, .view--pc .mask-bottom { max-width: 58.4rem; left: 2.8rem !important; }

@media (max-width: 1280px) { .view--pc .rolldate-container .rolldate-panel { transform: translate3d(-50%, 326px, 0); }
  .view--pc .rolldate-container .rolldate-panel.fadeIn { transform: translate3d(-50%, 0, 0); }
  body.view--pc .flex-box { justify-content: center; }
}

input[type="text"].time__btn { font-size: 1.6rem; color: #0a0a0a; width: auto; max-width: 5rem; margin-right: 1.6rem; background-color: transparent; border: none !important; outline: 0; padding: 0 !important; cursor: pointer; }

input[type="text"].time__btn.is-blur { color: #9a9a9a; cursor: auto; }

input[type="text"].time__btn.is-large { font-size: 1.8rem; }

.box-sd { border-radius: 1.2rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); background-color: #fff; }

.box-sd .content-center { padding: 6rem 2rem; text-align: center; }

.box-sd .ico { display: inline-block; width: 7.6rem; margin-bottom: 1.3rem; }

.box-sd .title { font-size: 2.2rem; font-weight: 600; line-height: 1.36; word-break: keep-all; }

.box-sd .desc { margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.44; color: #636363; word-break: keep-all; }

.fam-account__list li { padding: 2rem; border-radius: 1.2rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); background-color: #fff; }

.fam-account__list li + li { margin-top: 2rem; }

.fam-account__list--info { display: flex; justify-content: space-between; align-items: center; }

.fam-account__list--info .info { display: flex; flex-direction: row; align-items: center; }

.fam-account__list--info .thum { width: 7.2rem; height: 7.2rem; position: relative; margin-right: 1.6rem; border: 1px solid #bbb; border-radius: 4rem; background-color: #f2f2f2; overflow: hidden; }

.fam-account__list--info .thum img { width: 6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.fam-account__list--info .name { font-size: 1.9rem; font-weight: 600; }

.fam-account__list--info .desc { margin-top: 0.6rem; font-size: 1.3rem; color: #9a9a9a; }

.fam-account__list--info .desc span { display: inline-block; }

.fam-account__list--info .desc .sex { margin-right: 0.8rem; }

.fam-account__list--info .desc .age { margin-left: 0.8rem; }

.fam-account__list--info .desc .age::before { content: ''; display: inline-block; width: 1px; height: 1rem; background-color: #9a9a9a; transform: translateX(-0.8rem); }

.fam-account__list--info .info-btn { display: inline-grid; }

.fam-account__list--info .info-btn .btn { display: inline-block; padding: 0.5rem 1.2rem; font-size: 1.5rem; border: 1px solid #bbb; border-radius: 1.8rem; }

.fam-account__list--info .info-btn .edit-btn { color: #00a972; border-color: #00a972; }

.fam-account__list--info .info-btn .btn + .btn { margin-top: 0.8rem; }

.fam-account__list .inqury { margin-top: 1.6rem; text-align: center; border-top: 1px solid #bbb; }

.fam-account__list .inqury .btn { display: block; padding: 1.6rem 0 0 0; }

.white-wrap .user--choice.--gray { margin: 0 -0.3rem; }

.white-wrap .user--choice.--gray li { margin: 0 0.3rem; }

.white-wrap .user--choice.--gray li .btn { width: 10.5rem; height: 4.2rem; padding: 0; text-align: center; border: 1px solid #bbb; background-color: #fff; }

.white-wrap .user--choice.--gray li.is-active { border-color: #0a0a0a; }

.card-list li + li { margin-top: 2rem; }

.card-list .cart__card .delivery__status .btn { padding: 0.6rem 0.8rem; font-size: 1.3rem; color: #00a972; border: 1px solid #00a972; border-radius: 0.6rem; }

.card-list .card-num { margin-top: 2.8rem; font-size: 1.7rem; }

.card-list .more__list { display: none; }

.health-progress { padding: 2.4rem; border-radius: 0.8rem; border: 1px solid #cfcfcf; background-color: #fff; }

.health-progress .box-wrap { display: flex; align-items: center; }

.health-progress .box-wrap + .box-wrap { margin-top: 2rem; }

.health-progress .ico { width: 6rem; height: 6rem; position: relative; margin-right: 1.4rem; border-radius: 50%; background-color: #f2f2f2; overflow: hidden; }

.health-progress .ico img { width: 3.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.health-progress .kcal-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.3rem; }

.health-progress .title { flex: 1; font-size: 1.6rem; font-weight: 600; }

.health-progress .kcal { font-size: 1.8rem; font-weight: 600; color: #00a972; }

.health-progress .content { flex: 1; }

.health-progress .progress-outer { height: 1.2rem; }

.health-progress .progress-inner { display: inline-block; height: inherit; border-radius: 8px; background-color: #2ccc98; }

.health-progress.--point { padding: 2rem 2.4rem; }

.health-progress.--point > li { position: relative; }

.health-progress.--point > li + li { padding-top: 2.4rem; }

.health-progress.--point > li + li::after { content: ''; position: absolute; top: 3px; left: 3.2rem; height: 1.8rem; width: 0; border-top-width: 0; border-bottom-width: 0; border-right-width: 0; border-left-width: 4px; border-style: solid dotted; border-color: #bbb; }

.health-progress.--point .box-wrap + .box-wrap { margin-top: 0; }

.health-progress.--point .ico { width: 6.8rem; height: 6.8rem; margin-right: 1.6rem; flex: none; }

.health-progress.--point .step { display: inline-block; margin-bottom: .4rem; padding: 0.5rem 0.8rem; font-size: 1.2rem; font-weight: 600; color: #fff; border-radius: 1.2rem; background-color: #00a972; }

.health-progress.--point .text { display: block; font-size: 1.6rem; }

.health-progress.--point.--info { padding: 2.8rem; }

.health-progress.--point.--info li::after { display: none; }

.health-progress.--point.--info .ico { width: 7.2rem; height: 7.2rem; }

.health-progress.--point.--info .ico img { width: 4rem; }

.health-progress.--point.--info .title { display: block; margin-bottom: 0.8rem; font-size: 1.8rem; font-weight: 600; }

.health-progress.--point.--info .text { font-size: 1.5rem; }

@media (max-width: 380px) { .health-progress .kcal-box { flex-wrap: wrap; }
  .health-progress .title, .health-progress .kcal { width: 100%; } }

.modal.myorder .modal__body { margin-top: 0; margin-bottom: 0; padding-top: 3.2rem; background-color: #f2f2f2; }

.modal.myorder .modal__body .product__title { font-size: 1.7rem; line-height: 2.5rem; color: #0a0a0a; }

.modal.myorder .modal__body .product__thumb { width: 9rem; height: 9rem; }

.modal.myorder .modal__body .product__order--price { margin-top: 1.5rem; color: #0a0a0a; font-size: 1.7rem; }

.modal.myorder .modal__body .product__order--price .volume { position: relative; margin-left: 0.6rem; }

.modal.myorder .modal__body .product__order--price .volume::before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 1.4rem; background-color: #b8b8b8; /* margin-left: 1.3rem; */ /* padding-left: 0.6rem; */ /* margin-right: 0.6rem; */ position: absolute; top: 50%; left: -0.6rem; transform: translateY(-50%); }

.modal.myorder .modal__body .desc { font-size: 2.2rem; color: #0a0a0a; line-height: 3rem; }

.modal.myorder .modal__body .product-box { background-color: transparent; }

.modal.myorder .modal__body .product__link { padding: 2rem; background-color: #fff; }

.modal.myorder .modal__body .product__item { position: relative; }

.modal.myorder .modal__body input[type="radio"].myorder__radio + .product__item { display: flex; align-items: center; padding-left: 0; }

.modal.myorder .modal__body input[type="radio"].myorder__radio + .product__item::before { content: ''; position: absolute; top: 0; left: 0; width: 2.4rem; height: 2.4rem; background-image: none; background-size: cover; z-index: 2; }

.modal.myorder .modal__body input[type="radio"].myorder__radio:checked + .product__item::before { background-image: url(/assets//images/ico/ico_bg_check.svg); }

.modal.myorder .modal__body .product__order--date { font-size: 1.8rem; color: #0a0a0a; font-weight: 600; margin-bottom: 2.5rem; }

.modal.myorder .modal__footer { margin-top: 0; }

@media (max-width: 420px) { .modal.myorder .modal__body .product__thumb { width: 8rem; height: 8rem; }
  .modal.myorder .modal__body .product__title { -webkit-line-clamp: 1; }
  .modal.myorder .modal__body .product__order--price .volume { display: block; margin-left: 0; }
  .modal.myorder .modal__body .product__order--price .volume::before { display: none; } }

.charct-swiper { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.select-charct { padding: -0.6rem; }

.select-charct .swiper-slide { width: auto; }

.select-charct .swiper-slide .char__item .thumb { overflow: hidden; padding: 1rem; border-radius: 50%; border: 2px solid #f2f2f2; background-color: #f2f2f2; }

.select-charct .swiper-slide .char__item .name { display: block; margin-top: 1.2rem; text-align: center; font-size: 1.6rem; color: #0a0a0a; }

.select-charct .swiper-slide.is-active .char__item .thumb { border-color: #2ccc98; background-color: #fff; }

.select-charct .swiper-slide.is-active .char__item .thumb::before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 3.6rem; height: 3.6rem; background-image: url(/assets/images/ico/check_ps_certification.svg); background-size: cover; }

.select-charct .control { text-align: center; }

.select-charct input[type="radio"] + label { padding: 0; font-size: 0; border-radius: 50%; background-color: #f2f2f2; }

.select-charct .name { display: block; margin-top: 1.2rem; font-size: 1.6rem; }

.select-charct input[type='radio']:checked + label::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #2ccc98; border-radius: 50%; }

.select-charct input[type='radio']:checked + label::after { content: ''; position: absolute; top: -5px; right: -8px; width: 3.6rem; height: 3.6rem; background-image: url(/assets/images/ico/check_ps_certification.svg); background-size: cover; }

.push__list { margin-left: -2rem; margin-right: -2rem; }

.push__list .push__item { padding-left: 2rem; padding-right: 2rem; border-bottom: 1px solid #bbb; }

.push__list .push__item:last-child { border: 0; }

.push__list .push__item .desc { display: block; margin-top: 1rem; font-size: 1.5rem; color: #636363; line-height: 1.53; }

.push__list .push__item .desc .alert-icon { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 0.4rem; }

.push__list .push__item .desc .alert-icon::before { display: inline-block; content: '!'; width: 0; height: 0; margin-right: 0.4rem; /* border-bottom: 2rem solid #fad017; */ /* border-left: 1rem solid transparent; */ /* border-right: 1rem solid transparent; */ vertical-align: middle; background-color: #fad017; width: 1.8rem; height: 1.8rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; line-height: 1.8rem; color: #fff; }

.push__list .switch--small-box { padding-top: 2.2rem; padding-bottom: 2.2rem; }

.push__list .switch--small-box.is-type2 { display: block; padding: .9rem 0; }

.push__list .switch--small-box .title { font-size: 1.9rem; color: #0a0a0a; font-weight: 600; }

.push__list .switch--small { margin-top: .5rem; }

.apppush--service { padding: 2.4rem; background-color: #f2f2f2; }

.apppush--service .switch__alarm--list { width: 100%; padding: 0; }

.translates__title { padding-top: 3.2rem; font-size: 2rem; color: #0a0a0a; font-weight: 600; }

.translates__card { padding: 2.8rem 2.4rem; margin-top: 2rem; background-color: #fff; border: 1px solid #cfcfcf; border-radius: .8rem; }

.translates__header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem; }

.translates__header .title { font-size: 1.9rem; color: #0a0a0a; font-weight: 600; }

.translates__link { margin: -.8rem; margin-right: 0; width: 2rem; height: 2rem; background-image: url(/assets/images/ico/ico_arrow.svg); background-size: cover; transform: rotate(90deg); }

.translates__list li + li { margin-top: 1.2rem; }

.translates__list .translates__header { padding: 2.6rem 2rem; border-radius: 0.8rem; background-color: #f2f2f2; }

.translates__list .translates__link { width: 1.6rem; height: 1.6rem; }

.translates__list .title { display: block; font-size: 1.6rem; font-weight: normal; }

.translates__list .desc { display: block; margin-top: 0.6rem; font-size: 1.4rem; color: #9a9a9a; }

.notified__wrap { padding: 3.2rem 2rem; margin-left: -2rem; margin-right: -2rem; background-color: #fff; border-bottom: 1px solid #bbb; }

.notified__wrap.--border-none { border-bottom: 0; }

.notified__wrap.--code { padding: 0; margin: 0; }

.notified__wrap.--code .notified__info { padding: 2.4rem; }

.notified__wrap.--code .notified__desc { font-size: 1.6rem; }

.notified__info { padding: 2rem; background-color: #f2f2f2; border-radius: .8rem; }

.notified__desc { font-size: 1.5rem; color: #0a0a0a; line-height: 2.3rem; }

.notified__link { display: flex; align-items: center; position: relative; margin-top: 1.6rem; font-size: 1.5rem; color: #1c1c1c; }

.notified__link::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; margin-left: .4rem; background-image: url(/assets/images/ico/ico_next.svg); background-size: cover; }

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

.notified__code-img img { width: 17rem; }

.tab__swiper { box-shadow: 0 0 2px 0 #bbb; }

.tab__swiper .swiper-slide { width: auto; }

.tab__swiper.tabs .tablist { overflow: visible; display: flex; flex-grow: inherit; flex-shrink: inherit; justify-content: flex-start; align-items: normal; }

.tab__swiper.tabs .tab__btn { border: 0; }

.profile__card--list.--notified li { overflow: hidden; }

.profile__card--list.--notified .list-wrap { height: auto; padding: 1.5rem 2rem; }

.profile__card--list.--notified .list-wrap.is-new { position: relative; }

.profile__card--list.--notified .list-wrap.is-new::after { content: ''; position: absolute; top: 1rem; right: 1rem; width: .8rem; height: .8rem; border-radius: 50%; background-color: #ff4b4b; }

.profile__card--list.--notified .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 2.4rem; font-size: 1.6rem; font-weight: 600; }

.profile__card--list.--notified .desc { margin-top: .8rem; font-size: 1.3rem; font-weight: 500; }

.profile__card--list.--notified .title-box { margin-left: 1.2rem; }

.profile__card--list.--notified .benefit-type .txt { width: 4.8rem; padding: 0.4rem 0; text-align: center; font-weight: bold; }

.personal__progress.--level { position: relative; padding: 0.6rem 0; }

.personal__progress.--level .outer { overflow: hidden; height: 1.2rem; background-color: #e9e9e9; border-radius: 0.6rem; }

.personal__progress.--level .inner { display: inline-block; width: 0; height: 100%; border-radius: 0.6rem; transition: none; }

.personal__progress.--level.family .inner { background-color: #00a972; }

.personal__progress.--level.vip .inner { background-color: #6195FF; }

.personal__progress.--level.vip .point:first-child { color: #6195ff; }

.personal__progress.--level.vip .point:first-child::before { border-color: #6195FF; }

.personal__progress.--level.vvip .inner { background-color: #BE85FF; }

.personal__progress.--level.vvip .point::before { border-color: #BE85FF; }

.personal__progress.--level.vvip .point:first-child { color: #9a9a9a; }

.personal__progress.--level.vvip .point:nth-child(2) { color: #BE85FF; }

.personal__progress.--level .text-box { height: 3.2rem; }

.personal__progress.--level .point { position: absolute; top: 3.2rem; display: block; width: 7rem; font-size: 1.6rem; color: #0a0a0a; text-align: center; }

.personal__progress.--level .point::before { content: ''; position: absolute; top: -3.2rem; left: calc(3.5rem - 1.2rem); width: 2.4rem; height: 2.4rem; background-color: #fff; border-radius: 50%; border: 0.6rem solid #e9e9e9; }

.personal__progress.--level .point:first-child { left: calc(50% - 3.5rem); }

.personal__progress.--level .point:nth-child(2) { left: calc(83.333% - 3.5rem); }

.personal__progress.--level .num { font-weight: 600; }

input[type="text"].datepickerInput { text-align: center; text-decoration: none; border-bottom: 0; /* width: auto; */ max-width: 13rem; z-index: 2; padding-right: 3rem; background-color: transparent; }

.lookup-box .control { position: relative; height: 3rem; }

.lookup-box .control::after { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 3rem; height: 3rem; background-image: url(/assets/images/ico/ico_input_calendar.svg); background-size: 2rem; background-position: center; background-repeat: no-repeat; z-index: 1; transform: translateY(-50%); }

.appver { font-size: 1.3rem; color: #636363; }

.field.cscenter--search { padding-top: 0; padding-bottom: 0; }

.field.cscenter--search .control { overflow: hidden; padding-left: 0; padding-right: 0; background-color: #fff; border: 0; border-bottom: 1px solid #bbb; border-radius: 0; }

.field.cscenter--search input { height: 4.4rem; background-color: transparent; border: 0; font-size: 1.5rem; color: #0a0a0a; }

.field.cscenter--search input::-moz-placeholder { color: #9a9a9a; }

.field.cscenter--search input:-ms-input-placeholder { color: #9a9a9a; }

.field.cscenter--search input::placeholder { color: #9a9a9a; }

.field.cscenter--search .btn.btn-search { background-size: 2.8rem; background-image: url(../images/ico/ico_search.svg); width: 2.8rem; height: 2.8rem; }

.category-box__swiper.customcenter { margin-left: -2rem; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem; }

.category-box__swiper.customcenter .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; display: flex; justify-content: center; align-items: center; width: auto; position: relative; }

.category-box__swiper.customcenter .swiper-slide.is-active .btn { font-weight: 600; color: #fff; background-color: #0a0a0a; border-color: #0a0a0a; }

.category-box__swiper.customcenter .swiper-slide:first-child .btn::after { content: ''; position: absolute; top: 0; left: -2px; width: 1px; height: 4.4rem; background-color: #fff; }

.category-box__swiper.customcenter .btn { height: 4.4rem; font-size: 1.5rem; color: #636363; border: 1px solid #bbb; border-radius: 2.2rem; display: flex; justify-content: center; align-items: center; }

.no-search.customcenter { background-color: #f2f2f2; color: #9a9a9a; font-size: 1.5rem; }

.search__result--title { padding-top: 2.8rem; font-size: 2.2rem; }

.board--title-box.faq { margin-top: 4rem; margin-bottom: 2rem; }

.board--title-box.faq .title { font-size: 2rem; color: #0a0a0a; }

.order { color: #0a0a0a; }

.order label { font-size: 1.8rem; }

.order .control { position: relative; margin-top: 1.2rem; }

.order .field.is-grouped .control { align-items: normal; }

.order input[type=text], .order input[type=password], .order input[type=number] { padding: 1.2rem 0.2rem 1.2rem 1.6rem; border: 1px solid #bbb; background: #fff; }

.order input[type=text]:focus, .order input[type=password], .order input[type=number]:focus { outline: 0; }

.order input[type=text].input-del { padding-right: 4.2rem; }

.order .btn-payment { width: 100%; }

.order .accordion-group-wrap { border: 0; }

.order .accordion__btn { min-height: auto; border: 0; background-color: transparent; }

.order .accordion__btn[aria-expanded="true"] { font-weight: normal; }

.order .is-section-contour::after { margin-top: 0; }

.order__title-box { height: 4rem; display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; margin-bottom: 2rem; }

.order__title-box .button-box { display: flex; align-items: center; position: relative; z-index: 1; }

.order__title-box .button-box__accordion { width: 2rem; }

.order__title-box .button-box .checkbox { margin-right: 2.6rem; }

.order__title { font-size: 2rem; color: #0a0a0a; }

.order__title .order__info { font-size: 2rem; }

.order__title + .msg { display: inline-block; margin-top: 0.8rem; font-size: 1.4rem; color: #636363; }

.order__field .msg { display: block; margin-top: 0.4rem; font-size: 1.2rem; color: #636363; }

.order__field + .order__field { margin-top: 2rem; }

.order__field.is-grouped .control { display: flex; }

.order .address-box { margin-top: 1.6rem; }

.order .address-box .order__field + .order__field { margin-top: 0.4rem; }

.order .address-box .order__field + .order__field .control { margin-top: 0; }

.order .deli-input { display: none; }

.order .deli-input .control { margin-top: 0.4rem; }

.order__content::after { content: ''; display: block; height: 4rem; }

.order .msg-box { padding: 0 2rem; background-color: transparent; }

.order__subtitle { font-size: 1.8rem; }

.order__subtitle .count { color: #ff4646; }

.order__payment-info { padding: 2rem 0; border-bottom: 1px solid #cfcfcf; }

.order__payment-info li + li { margin-top: 2rem; }

.order__payment-info--box { display: flex; justify-content: space-between; font-size: 1.6rem; }

.order__payment-info .sale-price { color: #ff4646; }

.order__payment .container { padding-left: 0; padding-right: 0; }

.order__payment .order__title-box { padding: 0 2rem 0 2rem; }

.order__payment .accordion__btn::after { right: 2rem; }

.order__payment--regular .order__payment-method > li:first-child { padding: 0 2rem; }

.order__payment--regular .order__selex-pay--wrap .swiper-slide { padding-top: 0; }

.order__payment--regular .order__selex-pay { padding-top: 0; }

.order__payment-method > li:first-child { padding: 0 2rem 2rem 2rem; }

.order__payment-method > li + li { padding: 2rem 2rem 0 2rem; border-top: 1px solid #cfcfcf; }

.order__payment-method label { width: 100%; }

.order__payment-method label .radio-box > span { font-size: 2rem; }

.order__payment-method input[type="radio"]:checked + span { font-weight: bold; }

.order__payment-method .card-info { padding-top: 2rem; margin-top: 2rem; margin-bottom: -2rem; border-top: 1px solid #cfcfcf; }

.order__selex-pay { padding-top: 1rem; }

.order__selex-pay .swiper-container { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.order__selex-pay--wrap .swiper-slide { padding-top: 10px; padding-bottom: 10px; }

.order__selex-pay--wrap .card-disc { margin-top: 0.8rem; padding: 0.8rem 1.2rem; border-radius: 0.8rem; border: 1px solid #cfcfcf; font-size: 1.3rem; }

.order__selex-pay--wrap .card-disc__title { color: #00a972; }

.order__selex-pay .selex-card { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); overflow: hidden; }

.order__selex-pay .selex-card::before { content: ''; width: 100%; height: 1rem; position: absolute; bottom: 0; display: block; border-bottom-left-radius: 0.9rem; border-bottom-right-radius: 0.9rem; background: #18c48c; border-top: 2px solid #fff; box-shadow: 0 0 0 2px #18c48c; }

.order__selex-pay--logo { overflow: hidden; width: 100%; max-width: 6rem; position: absolute; top: 1.5rem; left: 2rem; }

.order__selex-pay--amount { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; position: absolute; bottom: 2.8rem; padding: 0 2rem; font-size: 2rem; }

.order__selex-pay--amount > span { font-size: 1.3rem; font-weight: bold; }

.order__selex-pay .add-payment { display: flex; justify-content: center; align-items: center; text-align: center; border: 2px dashed #bbb; background-image: none; background-color: #f2f2f2; }

.order__selex-pay .add-payment::before { display: none; }

.order__selex-pay .add-payment--ico img { width: 3.8rem; }

@media (max-width:390px) {
  .order__selex-pay .add-payment--ico img { width: 3rem; }
}

.order__selex-pay .add-payment--btn { width: 100%; }

.order__selex-pay .add-payment--btn .content .info-text {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.order__selex-pay .add-payment--txt { display: block; margin-top: 1.2rem; font-size: 1.5rem; color: #0a0a0a; }

.order__general-pay {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 2rem;
  margin: -0.5rem;
  font-size: 0;
}

.order__general-pay li {
  flex: 1 0 calc(33.33% - 1rem);
  height: 6.5rem;
  margin: 0.5rem;
}

.order__general-pay--btn { width: 100%; height: 100%; border: 1px solid #cfcfcf; }

.order__general-pay--btn span { font-size: 1.5rem; color: #0a0a0a; }

.order__general-pay--btn.is-active { border: 1px solid #0a0a0a; background: #0a0a0a; }

.order__general-pay--btn.is-active span { color: #fff; }

.order__general-pay .samsung-pay { background: url(../images//ico/order_samsungPay.svg) no-repeat 50% 50%; background-size: 6.9rem; }

.order__general-pay .samsung-pay.is-active { background-image: url(../images//ico/order_samsungPay_wh.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #0a0a0a; }

.order__general-pay .naver-pay { background: url(../images//ico/order_naverPay.svg) no-repeat 50% 50%; background-size: 5.7rem; }

.order__general-pay .naver-pay.is-active { background-image: url(../images//ico/order_naverPay_wh.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #0a0a0a; }

.order__general-pay .kakao-pay { background: url(../images//ico/order_kakaoPay.svg) no-repeat 50% 50%; background-size: 6rem; }

.order__general-pay .kakao-pay.is-active { background-image: url(../images//ico/order_kakaoPay_wh.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #0a0a0a; }

.order__general-pay .payco { background: url(../images//ico/order_payco.svg) no-repeat 50% 50%; background-size: 6.7rem; }

.order__general-pay .payco.is-active { background-image: url(../images//ico/order_payco_wh.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #0a0a0a; }

.order__general-pay .toss-pay { background: url(../images//ico/order_tossPay.svg) no-repeat 50% 50%; background-size: 10rem; }

@media (max-width: 395px) { .order__general-pay .toss-pay { background-size: 7.5rem; } }

.order__general-pay .toss-pay.is-active { background-image: url(../images//ico/order_tossPay_wh.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #0a0a0a; }

.order__policy input[type="checkbox"] + label { padding-left: 3.2rem; font-size: 1.4rem; }

.order__policy input[type="checkbox"] + label:before { top: -2px; width: 2.4rem; height: 2.4rem; background-size: 1.6rem; }

.order__policy input[type="checkbox"]:checked + label:after { top: -2px; width: 2.4rem; height: 2.4rem; background-size: 1.6rem; }

.order__policy .checked__list--btn { font-size: 1.4rem; }

.order__policy--wrap { padding: 0 2rem 4rem 2rem; background-color: #f2f2f2; }

.order__policy--title input[type="checkbox"] + label { font-weight: bold; }

.order__policy--content { font-size: 1.3rem; }

.order__policy--content input[type="checkbox"] + label:before { border: 0; background-color: transparent; }

.order__policy--content input[type="checkbox"]:checked + label:after { background-color: transparent; background-image: url(../images/ico/ico_check.svg); }

.order__policy--content .msg-box { padding: 0; }

.order__policy--content .msg-box--gift { padding: 0; }

.order__policy--content .msg__list { font-size: 1.3rem; }

.order__policy--detail { display: flex; justify-content: space-between; align-items: center; padding-top: 1.6rem; }

.order__policy--view { color: #9A9A9A; border-bottom: 1px solid #9A9A9A; }

.order__policy--disc { padding-top: 1.6rem; color: #636363; line-height: 1.8rem; }

.order__policy--disc .underline { font-weight: 500; text-decoration: underline; }

.order__policy .essential { font-weight: 600; color: #949494; }

.order__product-box { /* li { margin-top:1.6rem; } */ }

.order__product-box .product--list li + li { margin-top: 2rem; }

.order__product-box .product__item-box .radio-box { height: 100%; }

.order__product--subtitle { margin-bottom: 0.8rem; font-size: 1.6rem; }

.order__product--recipient { color: #00a972; }

.order__product-list .product__item { width: calc(100% - 2rem); padding-left: 1rem; }

.order__coupon--box { width: 100%; position: relative; padding: 1.2rem 1.6rem; border: 1px solid #bbb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.order__coupon--box .control__btn { display: block; }

.order__coupon--box .control__btn.btn--clear { display: none; }

.order__coupon--box .control__btn.btn--clear.is-active { display: block; }

.order__coupon--box .control__btn.btn--point-clear { display: none; }

.order__coupon--box .control__btn.btn--point-clear.is-active { display: block; }

.order__coupon--txt { display: block; width: calc(100% - 1.5rem); font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.order__notavailsavemoney--txt { color: red; display: block; width: calc(100% - 1.5rem); font-size: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.order__coupon--point { display: flex; justify-content: space-between; width: calc(100% - 1.5rem); font-size: 1.6rem; }

.order__coupon--point strong { text-align: right; }

.order__coupon--point input[type=number] { padding: 0; margin-left: 1rem; border: 0; text-align: right; font-weight: 600; }

.order__coupon--point input[type=number]:focus { outline: 0; border: 0; }

.order__coupon--point input[type=number]:active { outline: 0; border: 0; }

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

.order__add-discount--title { display: flex; justify-content: space-between; align-items: center; font-size: 1.8rem; }

.order__add-discount--title-point { font-size: 1.6rem; }

.order__add-discount + .order__add-discount { padding-top: 4rem; }

.order__regular-deli li { display: flex; justify-content: space-between; font-size: 1.6rem; }

.order__regular-deli li + li { margin-top: 1.6rem; }

.order__regular-deli strong { text-align: right; }

.order__regular-deli-card { background-size: cover; }

.order .gift__msg-box { padding: 0; }

.order__modal-full .modal__body { height: 100%; padding-bottom: 17rem; overflow-y: auto; }

.order__modal-full .modal__body.hide__scroll-bar::-webkit-scrollbar { display : none !important; }

.order__modal-full .content { padding-top: 1rem; margin: 0 2.8rem; }

.order__modal-full .select-box + .select-box { margin-top: 1.2rem; }

.order__modal-full .select-box.is-active { border-color: transparent; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

.order__modal-full .select-box { width: 100%; padding: 2rem; border-radius: 0.8rem; border: 1px solid #cfcfcf; }

.order__modal-full .select-box .flex-box {
    display: flex;
    flex-direction: inherit;
    justify-content: space-between;
}

.order__modal-full .select-box .flex-box .recommend {
    height: 3.4rem;
    padding: 0 1.2rem;
    background-color: #2ccc98;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    line-height: 3.4rem;
    border-radius: 1.7rem;
}

.order__modal-full .select-name { font-size: 2rem; }

.order__modal-full .select-wrap { margin: 1.6rem 0 0 3rem; }

.order__modal-full .select--txt { display: block; font-size: 1.6rem; }

.order__modal-full .select--contact { display: block; margin-top: 1.3rem; font-size: 1.6rem; color: #9a9a9a; word-break: break-all; }

.order__modal-full .select--disc { display: block; margin-top: 0.8rem; font-size: 1.3rem; color: #636363; }

.order__modal-full .btn-area { margin-top: 6rem; }

.order__modal-full .btn-modal { width: 100%; }

.order__modal-full .btn-add-deli { width: calc(100% - 4rem); position: relative; /* z-index: 1; */ margin-bottom: 2rem; }

.order__modal-full .btn-box--fixed-bg { display: block; position: absolute; bottom: 10.5rem; left: 0; width: 100%; height: 8rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 40%, white 70%); content: ''; z-index: -1; }

.order__event .section + .section { margin-top: 2.2rem; }

.order__event .banner-img { margin-left: -2rem; margin-right: -2rem; }

.order__event-btn { margin-top: 1.6rem; }

.order__event .comment--box { margin-top: 4rem; }

.order__event .comment--box .review-box { margin-top: 1.2rem; }

.order__event .order__policy { padding-top: 4rem; margin-left: -2rem; margin-right: -2rem; }

.order__event .order__policy--wrap { padding-top: 1.6rem; }

.order__event .e-request-btn { margin-top: 4rem; }

.order__event--noti { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.order__event--noti.board__view--header { padding-top: 3.2rem; padding-bottom: 2rem; }

.order .product__result-box .container { padding-left: 0; padding-right: 0; }

.order__info { display: flex; font-size: 1.6rem; }

.order__info .title { width: auto; min-width: 8rem; display: inline-block; font-weight: normal; white-space: nowrap; }

.order__info .content { font-weight: 600; }

.order__info + .order__info { margin-top: 1.6rem; }

.review .no-search { padding-top: 6rem; margin-top: 0; }

.review .no-search img { width: 10.2rem; }

.review .no-search span { display: block; }

.review .checkbox input[type="checkbox"] + label:before, .review .checkbox input[type="checkbox"] + label:after { width: 2rem; height: 2rem; background-size: 1.2rem; }

.review .checkbox input[type="checkbox"] + label { padding-left: 2.6rem; font-size: 1.5rem; }

.review-box { border-top: 1px solid #d4d4d4; }

.review-box li { width: 100%; padding: 1.2rem 0; border-bottom: 1px solid #d4d4d4; }

.review-box .btn--more { margin-top: 1.2rem; font-size: 1.2rem; color: #00a972; text-decoration: underline; }

.review-box .comment-view { margin-top: 1.2rem; font-size: 1.2rem; color: #0a0a0a; text-decoration: underline; }

.review__unit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; }

.review__unit .product__detail--stars { margin-top: 0; }

.review__unit .btn--report { font-size: 1.2rem; color: #9a9a9a; text-decoration: underline; }

.review__unit .btn--comment { font-size: 1.2rem; color: #00a972; text-decoration: underline; }

.review__unit .badge--comment { padding: 0.6rem 0.8rem; font-size: 1.1rem; font-weight: normal; background-color: #0a0a0a; }

.review__write { font-size: 1.2rem; }

.review__write .user::after { content: ''; display: inline-block; position: relative; top: 2px; width: 1px; height: 1.2rem; margin: 0 0.8rem; background-color: #9a9a9a; }

.review__write .date { color: #636363; }

.review__write + .review__content { margin-top: 1.2rem; }

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

.review__content .thumb { display: flex; align-items: center; width: 9rem; height: 9rem; margin-right: 1.6rem; overflow: hidden; }

.review__content .thumb + .text-box { max-width: calc(100% - 10.6rem); margin-left: 1.6rem; }

.review__content .text-box { display: -webkit-box; max-height: 6rem; font-size: 1.6rem; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.review__content .text-box.is-active { max-height: 100%; -webkit-line-clamp: inherit; }

.review__report--box .desc { margin-bottom: 2rem; }

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

.review__report--list { margin: -1rem -1.5rem; }

.review__report--list li { display: inline-block; min-width: calc(45% - 1.5em); margin: 1rem 1.5rem; }

.review__report--list li:last-child { margin-bottom: 0; }

.review__report--list li.is-photo { display: block; }

.review__report--list .radio-box > span { font-size: 1.4rem; }

.review__report--list .radio-box input[type="radio"] + span { margin-left: 0.7rem; }

.review__report--txtarea { margin-top: 3rem; }

.review__report--txtarea .textarea { padding: 1.2rem 1.6rem; margin-top: 1.2rem; }

.review__comment { display: none; margin-top: 1.6rem; }

.review__comment.is-active { display: block; }

.review__comment .comment-box { padding: 2rem 3.5rem 2rem 3.5rem; background-color: #f2f2f2; }

.review__comment .comment-box + .comment-box { margin-top: 1.6rem; }

.review__comment .review__write::before { display: inline-block; content: ''; width: 1.2rem; height: 1.2rem; margin-left: -1.9rem; margin-right: 0.3rem; background-image: url(/assets/images/ico/ico_re_arrow.svg); background-size: cover; }

.total-sum .order__payment-info--box { font-size: 1.8rem; }

@media (max-width: 377px) { .review__report--list { height: 120px; margin: -1rem -1.5rem 0 -1.5rem; overflow-y: scroll; }
  .review__report--list li { display: block; margin: 0.1rem 1.5rem 2rem 1.5rem; } }

@media (min-width: 601px) { .review__report--list { height: 150px; margin: 0 -1.5rem; overflow-y: scroll; }
  .review__report--list li { display: block; margin: 0.1rem 1.5rem 2rem 1.5rem; } }

.order-complete { padding: 4rem 2rem; }

.order-complete__top { padding-bottom: 4rem; }

.order-complete__top .top-img { width: 13.6rem; margin: 0 auto 3rem auto; }

.order-complete__top .top-txt { text-align: center; }

.order-complete__top .top-txt--title { font-size: 2rem; }

.order-complete__top .top-txt--title.bold-regular { font-weight: 400; }

.order-complete__top .top-txt--content { display: inline-block; margin-top: 2rem; font-size: 1.5rem; }

.order-complete__info li { padding: 2rem 0; border-top: 1px solid #CFCFCF; }

.order-complete__info li:last-child { border-bottom: 1px solid #CFCFCF; }

.order-complete__info span { display: block; font-size: 1.5rem; }

.order-complete__info .msg { font-size: 1.2rem; }

.order-complete__destination .title { font-size: 1.8rem; margin-bottom: 2rem; }

.order-complete__destination .name strong::after { content: ''; display: inline-block; width: 1px; height: 1.2rem; margin: 0 0.8rem; background-color: #b8b8b8; }

.order-complete__destination .txt-box span + span { margin-top: 1.2rem; }

.order-complete__amount > div { display: flex; justify-content: space-between; }

.order-complete__amount div + div { margin-top: 1.4rem; }

.order-complete__amount .amount { font-size: 1.8rem; color: #ff4646; }

.order-complete__amount .account-num-txt { display: inline-block; border-bottom: 1px solid #0a0a0a; }

.order-complete__amount .account-num img { width: 1.6rem; height: 1.6rem; vertical-align: middle; }

.order-complete__benefit { display: flex; justify-content: space-between; }

.order-complete__benefit .point { text-align: right; font-size: 1.8rem; color: #00a972; }

.order-complete__benefit .msg { margin-top: 0.6rem; }

.order-complete .order__regular-deli { margin-bottom: 2rem; }

.order-complete .order__regular-deli li { font-size: 1.5rem; }

.destination--title { display: flex; justify-content: space-between; align-items: center; }

.destination .btn--line--gray { width: auto; padding: 0.6rem; border-radius: 0.6rem; font-size: 1.3rem; }

.destination--address { line-height: 2.2rem; font-size: 1.6rem; }

.destination .recipient-contact { margin-top: 0.8rem; color: #9a9a9a; }

.destination .recipient-contact span { margin-left: 0.8rem; color: #0a0a0a; }

.label-default-deli { display: inline-block; padding: 0.4rem 0.8rem; margin-left: 0.8rem; vertical-align: middle; font-size: 1.1rem; color: #666; border-radius: 10rem; background-color: #e9e9e9; }

.gift-process--box { padding-bottom: 4rem; margin: 0; }

.gift-process--box .img-category__panel { display: block; margin: 0; }

.gift-process--box .img-category__panel li { display: inline-block; width: calc(25% - 2.8rem); margin: 0 1.4rem; text-align: center; vertical-align: top; }

.gift-process--box .img-category__panel li:first-child .thumb { background-image: url(../images/ico/ico_noti_talk.svg); }

.gift-process--box .img-category__panel li:nth-child(2) .thumb { background-image: url(../images/ico/ico_deli_dest.svg); }

/*.gift-process--box .img-category__panel li:nth-child(3) .thumb { background-image: url(../images/ico/ico_deli_dest.svg); }*/

.gift-process--box .img-category__panel li:last-child .thumb { background-image: url(../images/ico/ico_gift.svg); }

.gift-process--box .img-category__panel .title { font-size: 1.3rem; word-break: keep-all; }

.btn--solid--black.btn-add-deli .text::after { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-left: 0.8rem; background-image: url(../images/ico/ico_plus_white.svg); background-size: contain; vertical-align: middle; }

.btn-add-deli .text::after { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-left: 0.8rem; background-image: url(../images/ico/ico_plus.svg); background-size: contain; vertical-align: middle; }

.btn-add-deli.type2 .text { display: flex; justify-content: center; align-items: center; line-height: 1.6rem; }

.btn-add-deli.type2 .text::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.8rem; background-image: url(../images/ico/plus.svg); background-size: contain; vertical-align: middle; }

.product-inquiry { margin-top: 2rem; }

.product-inquiry select { margin-bottom: 0.8rem; }

.final-pament { padding-top: 2rem; }

.final-pament--box { display: flex; justify-content: space-between; font-size: 2rem; }

.final-pament--point { display: block; margin-top: 0.6rem; text-align: right; font-size: 1.2rem; color: #00a972; }

.order__coupon--point input[type=number], .order__coupon--point input.count, .order__coupon--point input { padding: 0; margin-left: 1rem; border: 0; text-align: right; font-weight: 600; }

.order__coupon--point input[type=number]:focus, .order__coupon--point input.count:focus, .order__coupon--point input:focus { border: 0; outline: 0; }

.order-form--addbtn .control { display: flex; }

@media (max-width: 500px) { .order-form--addbtn .control { flex-direction: column; }
  .order-form--addbtn .control .btn-input { margin-top: 0.4rem; margin-left: 0; height: 4.5rem; } }

.order__title--type02 { margin-bottom: 1.6rem; }

.order__title--type02 .title { font-size: 1.8rem; color: #0a0a0a; font-weight: 600; line-height: 2.8rem; }

.refund { display: none; }

.refund.is-active { display: block; }

.pay__card--info { overflow: hidden; position: relative; width: 100%; background-color: #00a972; background-image: url(../images/bg/bg_card_default.svg); background-size: cover; border-radius: 1.6rem; margin-top: .6rem; }

.pay__card--info::after { content: ''; display: block; padding-bottom: 63%; }

.pay__card--info::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.85); z-index: 3; transform: scale(1.1); }

.pay__card--text { position: absolute; left: 2rem; bottom: 2.4rem; width: calc(100% - 4rem); }

.pay__card--name { display: block; color: #fff; font-size: 1.8rem; }

.pay__card--radio { position: absolute; top: 1.3rem; right: 1.4rem; background-color: red; width: 3.2rem !important; height: 3.2rem !important; border-radius: 50%; z-index: 2; margin: 0 !important; clip: auto !important; }

.pay__card--num { display: flex; justify-content: space-between; align-items: center; margin-top: .8rem; color: #fff; font-size: 0; max-width: 24rem; width: 100%; }

.pay__card--num .text { display: flex; justify-content: flex-start; }

.pay__card--num .num { font-size: 1.6rem; letter-spacing: 2px; }

.pay__card--dot { display: inline-block; width: .5rem; height: .5rem; background-color: #fff; border-radius: 50%; margin-left: .5rem; }

.pay__card--dot:first-child { margin-left: 0; }

.pay__card--dot-box { display: flex; justify-content: center; align-items: center; }

.pay__card--dot-box.--two { margin-left: .4rem; }

.order__selex-pay--wrap .swiper-slide-active .pay__card--info { background-image: url(../images/bg/bg_card_check.svg); /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); */ }

.order__selex-pay--wrap .swiper-slide-active .pay__card--info::before { display: none; }

.order__selex-pay--wrap .swiper-slide-active .pay__card--info.add-payment { background-image: none; box-shadow: none; }

.order .control.credit-number { display: flex; align-items: center; }

.order .control.credit-number input[type=text], .order .control.credit-number input[type=password] { padding: 1.2rem 0; text-align: center; }

.order .control.credit-date { display: flex; align-items: center; }

.event--list > li + li { margin-top: 4rem; }

.event--list .badge { padding: .6rem .8rem; font-weight: 500; font-size: 1.1rem; }

.event--list .badge--event { background-color: #0a0a0a; }

.event--list .product__title { font-weight: 600; }

.event--list .product__period { margin-top: .8rem; font-size: 1.2rem; color: #9a9a9a; }

.event--list .more__item { display: none; }

.event--list.-end .badge--event { background-color: #9a9a9a; }

.event--list.-end .product__title { color: #636363; }

.event--list.event--board { padding: 0 2rem; }

.event--list.event--board li { border-bottom: 1px solid #e9e9e9; }

.event--list.event--board li + li { margin-top: 0; }

.event--list.event--board li:first-child { border-top: 1px solid #e9e9e9; }

.event--list.event--board li .board__link { padding-left: 0; padding-right: 0; }

.event--list .product__thumb::after { display: none; }

.event--list .product__thumb::after img { position: relative; }

.event--list img { position: relative; }

.mbr-box .form-box { margin-top: 2.8rem; }

.mbr-box .form-box.form__join .field + .field { margin-top: 2.4rem; }

.mbr-box .form-box.form__join label { font-size: 1.8rem; color: #0a0a0a; font-weight: 600; }

.mbr-box .form-box.form__join .control { margin-top: .8rem; }

.mbr-box .form-box.form__join input:focus { color: #00a972; }

.mbr-box .form-box.form__join .address-box .control { align-items: inherit; }

.mbr-box .form-box.form__join .address-box .btn--solid--black { width: auto; padding-left: 1.6rem; padding-right: 1.6rem; border-radius: .6rem; white-space: nowrap; margin-left: .4rem; }

.mbr-box .form-box.form__join .checked__list-box { padding: 2.5rem 2rem; margin-left: -2rem; margin-right: -2rem; background-color: #f2f2f2; border-top: 1px solid #cfcfcf; }

.mbr-box .form-box.form__join .checked__list-box input[type="checkbox"] + label { padding-left: 3.2rem; line-height: 2.4rem; }

.mbr-box .form-box.form__join .checked__list-box input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem; text-align: center; background: #fff; border: 1px solid #bbb; box-sizing: border-box; border-radius: 3px; background-image: url(../images/ico/ico_check_d.svg); background-repeat: no-repeat; background-size: 1.4rem; background-position: center; }

.mbr-box .form-box.form__join .checked__list-box input[type="checkbox"]:checked + label::after { content: ''; width: 2.4rem; height: 2.4rem; background-color: #00a972; background-image: url(../images/ico/ico_check_p.svg); background-size: 1.4rem; }

.mbr-box .form-box.form__join .checked__list-box .checked__list input[type="checkbox"] + label { padding-left: 2.8rem; line-height: 1.6rem; }

.mbr-box .form-box.form__join .checked__list-box .checked__list input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.6rem; text-align: center; background: transparent; border: 0; box-sizing: border-box; border-radius: 3px; background-image: url(../images/ico/ico_check_d.svg); background-repeat: no-repeat; background-size: 1.4rem; background-position: center; }

.mbr-box .form-box.form__join .checked__list-box .checked__list input[type="checkbox"]:checked + label::before { content: ''; width: 1.6rem; height: 1.6rem; background-color: transparent; background-image: url(../images/ico/ico_check_nobg.svg); background-size: 2rem; }

.mbr-box .form-box.form__join .checked__list-box .checked__list input[type="checkbox"] + label::after { display: none; }

.mbr-box .form-box.form__join .checked__list-box label { font-size: 1.4rem; font-weight: 400; }

.mbr-box .form-box.form__join .checked__list-box label em { font-weight: 600; color: #949494; }

.mbr-box .form-box .password { color: #0a0a0a; }

.mbr-box .form-box .password:focus { color: #00a972; }

.mbr-box .form-box input[type="text"], .mbr-box .form-box input[type="email"], .mbr-box .form-box input[type="password"], .mbr-box .form-box input[type="number"] { padding: 1.3rem 0; font-size: 1.5rem; }

.mbr__thumb.log { overflow: hidden; width: 8rem; height: 8rem; margin-left: auto; margin-right: auto; margin-bottom: 2.8rem; }

.mbr__header { margin-top: 3.2rem; text-align: center; }

.mbr__header img { width: 100%; }

.mbr__header .title { font-weight: 500; }

.mbr__header .title { display: block; font-size: 2.2rem; word-break: keep-all; }

.mbr__header .desc { display: block; font-size: 1.4rem; }

.mbr__header.--login img { max-width: 8.4rem; }

.mbr__header.--login .title { margin-top: 1.2rem; font-size: 2.4rem; }

.mbr__header.--info01 { margin-top: 6rem; }

.mbr__header.--info01 img { max-width: 10.2rem; }

.mbr__header.--info01 .title { margin-top: .8rem; font-size: 2.2rem; line-height: 1.36; }

.mbr__header.--info01 .desc { margin-top: 2rem; font-size: 1.8rem; color: #636363; line-height: 1.44; }

.mbr__header.--info02 { padding-top: 4rem; margin-top: 0; }

.mbr__header.--info02 .title { font-size: 2.2rem; font-weight: bold; background-color: #f2f2f2; border-radius: 1.2rem; color: #0a0a0a; padding: 4rem 0; text-align: center; }

.mbr__header.--info02 .desc { margin-top: 4rem; line-height: 3rem; font-size: 2.2rem; }

.mbr__header.--info02 .text { display: block; padding: 0; margin-top: 2rem; background-color: transparent; font-size: 1.8rem; color: #636363; line-height: 2.6rem; }

.mbr__header.--info03 { margin-top: 6rem; }

.mbr__header.--info03 .title { font-size: 1.9rem; line-height: 2.8rem; }

.mbr__header .text { display: block; margin-top: 2rem; padding: 3.2rem 0; background-color: #f2f2f2; border-radius: 1.2rem; font-size: 1.6rem; color: #636363; text-align: center; }

.mbr-titie { display: block; margin-top: 1.2rem; font-size: 2.1rem; }

.mbr__login { max-width: 31rem; margin-top: 2.8rem; margin-left: auto; margin-right: auto; }

.mbr__util { display: flex; justify-content: flex-end; align-items: center; margin-top: 1.6rem; }

.mbr__util .checkbox + .checkbox { margin-left: 1.2rem; }

.mbr__util input[type="checkbox"] + label { font-size: 1.4rem; padding-left: 2.8rem; line-height: 2.4rem; }

.mbr__util input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem; text-align: center; background: #fff; border: 1px solid #bbb; box-sizing: border-box; border-radius: 3px; background-image: url(../images/ico/ico_check_d.svg); background-repeat: no-repeat; background-size: 1.4rem; background-position: center; }

.mbr__util input[type="checkbox"]:checked + label::after { content: ''; width: 2.4rem; height: 2.4rem; background-color: #00a972; background-image: url(../images/ico/ico_check_p.svg); background-size: 1.4rem; }

.mbr__btn-area { margin-top: 3.2rem; text-align: center; }

.mbr__btn-area .btn + .btn { margin-top: .8rem; }

.mbr__btn-area .btn.btn-link { margin-top: 1.8rem; font-size: 1.4rem; color: #0a0a0a; }

.mbr__menu { margin-top: 2rem; display: flex; justify-content: center; align-items: center; }

.mbr__menu li { position: relative; }

.mbr__menu li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; background-color: #9a9a9a; height: 1rem; }

.mbr__menu li:first-child::before { display: none; }

.mbr__menu li a { padding: 1rem 1.2rem; font-size: 1.5rem; color: #636363; }

.mbr__join--btn { margin-top: 3.2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 1.3rem 2.2rem; color: #636363; background-color: #f2f2f2; font-size: 1.5rem; border-radius: .8rem; }

.mbr__join--btn > span { display: block; margin-top: .2rem; }

.mbr__join--btn > b { display: flex; justify-content: flex-start; align-items: center; margin-top: .2rem; color: #0a0a0a; font-weight: 600; }

.mbr__join--btn > b::after { content: ''; display: block; margin-left: .8rem; width: 1.2rem; height: 1.2rem; background-image: url(/assets/images/ico/ico_next.svg); background-size: cover; }

.mbr__sns-box { margin-top: 2rem; text-align: center; }

.mbr__sns--title { position: relative; color: #9a9a9a; font-size: 1.9rem; white-space: nowrap; display: flex; align-items: center; justify-content: center; color: #0a0a0a; font-weight: 600; }

.mbr__sns--title::before, .mbr__sns--title::after { content: ''; width: 100%; max-width: 6rem; height: 1px; background-color: #636363; }

.mbr__sns--title::before { margin-right: 1.6rem; }

.mbr__sns--title::after { margin-left: 1.6rem; }

.mbr__sns--login { display: flex; justify-content: space-around; align-items: center; margin-top: 2.8rem; margin-left: auto; margin-right: auto; }

.mbr__sns__btn { display: inline-block; }

.mbr__sns__btn img { width: 6rem; height: 6rem; }

.mbr__sns__btn .title { display: block; margin-top: 1.2rem; font-size: 1.4rem; color: #0a0a0a; }

.mbr__lead { margin-top: 5rem; text-align: center; }

.mbr__lead--title { display: block; font-size: 1.4rem; color: #0a0a0a; }

.mbr__lead .btn { margin: 0; color: #00a972; }

.mbr__lead .btn::after { content: ''; background-color: #00a972; }

.join__benefits { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 2.4rem 2.8rem; border: 1px solid #cfcfcf; border-radius: 1.2rem; }

.join__benefits--wrap { margin-top: 2rem; }

.join__benefits--box { overflow: hidden; }

.join__benefits--box + .join__benefits--box { margin-top: 1rem; }

.join__benefits img { max-width: 6rem; }

.join__benefits--text { margin-right: 1rem; min-width: 15rem; word-break: keep-all; }

.join__benefits--title { font-size: 2rem; font-weight: 600; color: #0a0a0a; }

.join__benefits--desc { margin-top: .8rem; font-size: 1.8rem; color: #636363; }

.join__sign { padding: 2.8rem 0; background-color: #f2f2f2; border-radius: .8rem; }

.join__sign ol { font-size: 0; text-align: center; }

.join__sign ol li { display: inline-flex; text-align: center; padding-left: 8rem; vertical-align: middle; position: relative; transition: .1s; }

.join__sign ol li::before { content: ''; width: calc(100% - 6.6rem); height: 1px; border-style: dashed solid; border-color: #bbb; border-width: 1px; border-left: 0; border-right: 0; border-top: 0; position: absolute; top: calc(50% - 1.2rem); left: calc(0% + .8rem); }

.join__sign ol li:first-child { padding-left: 0; }

.join__sign ol li:first-child::before { display: none; }

.join__sign ol li:last-child { margin-right: 0; }

.join__sign ol li.dash { flex: 1; border-bottom: 1px dotted #bbb; }

.join__sign--step { overflow: hidden; position: relative; display: inline-flex; justify-content: center; align-items: center; width: 3.6rem; height: 3.6rem; font-size: 1.6rem; font-weight: bold; color: #9a9a9a; border: 2px solid #bbb; border-radius: 50%; }

.join__sign--title { display: block; margin-top: .8rem; font-size: 1.4rem; color: #9a9a9a; text-align: center; white-space: nowrap; }

.join__sign .is-active::before { border-color: #00a972; }

.join__sign .is-active .join__sign--step { background-color: #00a972; color: #fff; border-color: transparent; }

.join__sign .is-active .join__sign--title { color: #00a972; font-weight: 600; }

.join__sign .is-disabled .join__sign--step::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: .8rem; background-color: #f2f2f2; background-image: url(../images/ico/ico_step_check.svg); background-position: center; background-repeat: no-repeat; background-size: 1.2rem; }

@media (max-width: 390px) { .join__sign ol li { padding-left: 4rem; } }

.checked__list { margin-top: 2rem; }

.checked__list-box { margin-top: 5rem; }

.checked__list li + li { margin-top: 1.7rem; }

.checked__list .filed { display: flex; justify-content: space-between; align-items: flex-end; }

.checked__list--btn { padding: 0.4rem; margin: -0.4rem; font-size: 1.4rem; color: #9a9a9a; text-decoration: underline; }

.checked__list input[type="checkbox"] + label { padding-left: 2.6rem; color: #0a0a0a; }

.checked__list input[type="checkbox"] + label em { color: #21a272; }

.checked__list--marketing { display: flex; justify-content: flex-start; align-items: center; padding-left: 3.1rem; margin-top: 1.5rem; }

.checked__list--marketing li + li { margin-top: 0; margin-left: 2.2rem; }

.address-box { margin-top: 2.4rem; }

.address-box .field + .field { margin-top: .4rem !important; }

.address-box input[type="text"].address-user { border-color: #bbb; }

.address-box input[type="text"].address-user:focus { border-color: #bbb; }

.address__btn { display: block; }

.address__btn img { max-width: 2.8rem; }

.is-active input[type="text"].address-user { border-color: #00a972; }

.policy-box h1, .policy-box h2, .policy-box p, .policy-box ol, .policy-box ul, .policy-box li { font-size: 1.4rem; font-weight: 400; color: #949494; padding: 0; }

.policy-contents { margin-top: 1.2rem; }

.policy-contents p, .policy-contents ol, .policy-contents ul { margin-top: 0.8rem; }

.policy-contents li + li { margin-top: .4rem; }

.msg-box.mbr { padding: 2.8rem 2rem; background-color: #f2f2f2; width: 100%; max-width: 64rem; }

.msg-box.mbr .msg__list { margin-top: 0; font-size: 1.2rem; color: #636363; line-height: 1.5; }

.msg-box.mbr .msg__list li + li { margin-top: .6rem; }

.msg.--join { margin-top: 3.2rem; font-size: 1.8rem; color: #0a0a0a; text-align: center; line-height: 1.44; }

.required--msg { display: block; text-align: right; font-size: 1.2rem; color: #ff4b4b; }

.required--msg::before { content: ''; overflow: hidden; display: inline-block; width: .4rem; height: .4rem; background-color: #ff4b4b; border-radius: 50%; vertical-align: middle; margin-right: .4rem; }

.modal.advertisement .modal__header { border-bottom: 0; }

.modal.advertisement .modal__title { font-size: 1.9rem; color: #0a0a0a; line-height: 1.42; font-weight: 600; }

.modal.advertisement .modal__subtitle { display: block; margin-top: 2rem; font-size: 1.6rem; line-height: 1.44; color: #0a0a0a; }

.modal.advertisement .date { font-size: 1.4rem; color: #636363; margin-top: 1.6rem; }

.modal.advertisement .modal__body { margin-top: 0; }

.modal.advertisement .marketing-box { margin: 0; }

.modal.advertisement .marketing__list { padding: 1.9rem 2rem; border: 1px solid #cfcfcf; border-radius: .8rem; display: flex; justify-content: space-between; align-items: center; }

.modal.advertisement .marketing__list::before { display: none; }

.modal.advertisement .marketing__list.is-checked .marketing__agree { font-weight: 600; }

.modal.advertisement .marketing__list.is-checked .marketing__agree::after { background-image: url(/assets/images/ico/ico_check_marketing_p.svg); }

.modal.advertisement .marketing__list .marketing__title { font-size: 1.5rem; color: #0a0a0a; }

.modal.advertisement .marketing__list .marketing__agree { margin-top: 0; margin-left: 0; font-size: 1.6rem; display: flex; color: #0a0a0a; justify-content: flex-start; align-items: center; }

.modal.advertisement .marketing__list .marketing__agree::after { content: ''; display: inline-block; margin-left: .4rem; width: 2.4rem; height: 2.4rem; background-image: url(/assets/images/ico/ico_check_marketing.svg); background-size: 2.4rem; }

.modal.advertisement .btn--solid--black { padding: 1.4rem 0; }

.join--complete .control .btn { width: auto; padding-left: 2rem; padding-right: 2rem; color: #0a0a0a; }

.join--complete .tooltip__btn > span { font-size: 2rem; color: #0a0a0a; font-weight: 600; }

.join--complete .tooltip__btn::after { background-image: url(../images/ico/ico_tip2_gray.svg); }

.join--complete .desc { display: block; margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.44; }

.modal.dormant .modal__header { border-bottom: 0; }

.modal.dormant .modal__body { margin-top: 0; }

.modal.dormant .modal__body .desc { margin-top: 3.2rem; font-size: 1.6rem; color: #0a0a0a; }

.modal.dormant .modal__body .desc > span { display: block; text-align: center; }

.modal.dormant .modal__body .desc > span + span { margin-top: 2rem; }

.modal.dormant .mbr__header { padding: 3.2rem 0; background-color: #f2f2f2; border-radius: 1.2rem; color: #0a0a0a; font-size: 2rem; }

.modal.dormant .btn--line--black { width: 100%; padding: 1.5rem 0; font-size: 1.5rem; color: #0a0a0a; border-radius: 0.8rem; border: 1px solid #bbb; background-color: #fff; }

.mission__date-box { margin-top: 4rem; margin-bottom: 2.4rem; }

.mission__date-box .container { position: relative; display: flex; justify-content: space-between; align-items: center; }

.mission__date--title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.1rem; font-weight: 700; color: #0a0a0a; }

.mission__date--btn { width: 2.4rem; height: 2.4rem; background-position: center; background-repeat: no-repeat; }

.mission__date--btn.prev { background-image: url(../images/ico/ico_pre.svg); }

.mission__date--btn.prev:disabled { background-image: url(../images/ico/ico_pre_d.svg); cursor: auto; }

.mission__date--btn.next { background-image: url(../images/ico/ico_next.svg); }

.mission__date--btn.next:disabled { background-image: url(../images/ico/ico_next_d.svg); cursor: auto; }

.mission__category { padding-top: 3.2rem; color: #0a0a0a; }

.mission__category .title { text-align: center; font-weight: normal; font-size: 2rem; }

.mission__category .content { width: 20rem; margin: 2rem auto 0 auto; }

.mission__exercise { padding-top: 3.2rem; color: #0a0a0a; text-align: center; }

.mission__exercise .bg { width: 8.8rem; height: 8.8rem; display: inline-block; position: relative; background-color: #f2f2f2; border-radius: 50%; }

.mission__exercise .ico { width: 5.2rem; display: inline-block; margin: 0; transform: translate(0.2rem, 1.8rem); }

.mission__exercise .title { display: block; margin-top: 1.2rem; font-size: 2.4rem; }

.mission__exercise .mission__record { margin-top: 2.4rem; padding: 4rem 0.4rem; border: 1px solid #bbb; border-radius: 0.8rem; }

.mission__exercise .mission__record .title { font-size: 1.9rem; font-weight: 500; }

.mission__record { color: #0a0a0a; text-align: center; }

.mission__record .title { margin-bottom: 2.8rem; font-size: 2rem; }

.mission__record .field { width: 20rem; display: inline-block; }

.mission__record .personal__input-box { margin-left: 0; position: relative; }

.mission__record .personal__input-box::after { content: '분'; min-width: auto; font-size: 2.4rem; color: #0a0a0a; position: absolute; right: 0; margin: 0; }

.mission__record .personal__input[type="number"] { padding-bottom: 0.3rem; margin-right: -2.2rem; font-size: 2.4rem; text-align: center; }

.mission__record .disc { margin-top: 1.2rem; font-size: 1.6rem; line-height: 1.4; }

.mission__record .count-box { width: 20rem; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; border-bottom: 1px solid #bbb; }

.mission__record .count-box input.count { width: 100%; font-size: 2.4rem; font-weight: 600; text-align: center; border: 0; }

.mission__record .count-box .btn { width: 4.4rem; height: 4.4rem; background-position: center; background-repeat: no-repeat; background-size: 2.8rem; }

.mission__record .count-box .btn__minus { background-image: url(../images/ico/order_minus.svg); }

.mission__record .count-box .btn__plus { background-image: url(../images/ico/order_plus.svg); }

.mission__info--bg { padding: 5.6rem 0.4rem; background: linear-gradient(white 90%, rgba(255, 255, 255, 0)); }

.mission__info .title-h2 { display: block; text-align: center; font-size: 2.4rem; line-height: 1.4; font-weight: normal; }

.mission__info .title { margin-bottom: 1.8rem; font-size: 2.4rem; line-height: 1.25; font-weight: 500; }

.mission__info .sub-title { margin-bottom: 2.4rem; font-size: 1.9rem; line-height: 1.32; }

.mission__info--txt { padding-top: 2.8rem; margin-top: 2.8rem; font-size: 2rem; border-top: 1px solid #cfcfcf; line-height: 1.4; }

.mission__info .guide-box { margin: 2rem 0; }

.mission__info .txt-box { padding: 2.2rem 1.5rem; border-radius: 0.8rem; background-color: #f1f6fa; }

.mission__info .txt-box .txt { font-size: 1.8rem; line-height: 1.33; color: #878fa1; }

.mission__info--list { margin-top: 3.7rem; }

.mission__exam { margin: -1rem; font-size: 0; }

.mission__exam li { display: inline-block; width: calc(50% - 2rem); margin: 1rem; }

.mission__exam li:first-child .mission__exam-box { border: 4px solid #00a972; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); }

.mission__exam-box { padding: 2.4rem 0.4rem; display: flex; flex-direction: column; align-items: center; border: 1px solid #bbb; border-radius: 0.8rem; }

.mission__exam .ico { width: 4.8rem; }

.mission__exam .txt { display: block; margin-top: 1.8rem; font-size: 1.8rem; }

.mission-list li + li { margin-top: 2.5rem; }

.mission-list .list-wrap { display: flex; align-items: center; }

.mission-list .list-wrap .thum { display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; margin-right: 1.2rem; border-radius: 50%; background-color: #f2f2f2; }

.mission-list .list-wrap .thum img { width: 3.7rem; }

.mission-list .list-wrap .txt-area { flex: 1; }

.mission-list .list-wrap .txt-area .title { font-size: 1.9rem; font-weight: 600; }

.mission-list .list-wrap .txt-area .desc { margin-top: 0.4rem; font-size: 1.8rem; color: #868b96; }

.swiper-ms-info { margin-top: -1.2rem; }

.swiper-ms-info .swiper-container { padding: 2rem 0 2.6rem; }

.swiper-ms-info .card { overflow: hidden; background-color: #fff; border-radius: 1.2rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1); }

.swiper-report .swiper-container { padding: 2rem 0 2.6rem; }

.swiper-report .personal__card + .personal__card { margin-top: 0; }

.swiper-report .product__items { margin-top: 2.4rem; }

.font-green { color: var(--selex--green); }

.my-mission-swiper .swiper-pagination-outer { position: absolute; bottom: 0; width: 100%; }

.my-mission-swiper .swiper-pagination { overflow: hidden; position: relative; bottom: -.8rem; height: .4rem; background-color: #dfdfdf; border-radius: .4rem; }

.my-mission-swiper .swiper-pagination-progressbar-fill { background-color: #9a9a9a; }

.my-mission-swiper .card-box { margin-top: 2rem; }

.my-mission__header { display: flex; justify-content: space-between; align-items: center; font-size: 1.6rem; }

.my-mission__current { font-weight: 700; }

.my-mission--detail { display: flex; justify-content: space-between; align-items: center; margin-top: .8rem; font-size: 1.4rem; }

.my-mission__current2 { font-weight: 700; color: #0a0a0a; }

.my-mission__total { color: #9a9a9a; }

.my-mission__footer { margin-top: 2rem; }

.my-mission__footer > ul { display: flex; justify-content: space-between; align-items: center; }

.my-mission__footer--li { flex: 1; }

.my-mission__footer--li + li { margin-left: .8rem; }

.my-mission__footer--li.is-active .my-mission__certify { background-color: #5d93ff; }

.my-mission__footer--li.is-active .my-mission__certify--title { color: #fff; }

.my-mission__footer--li.is-active .my-mission__certify--point .point { display: block; }

.my-mission__footer--li.is-active .my-mission__certify--point img { display: none; }

.my-mission__certify { display: flex; justify-content: center; align-items: center; width: 100%; background-color: #e9e9e9; border-radius: .8rem; font-size: 1.4rem; }

.my-mission__certify::after { content: ""; display: block; padding-bottom: 100%; }

.my-mission__certify--text { display: flex; justify-content: center; align-items: center; flex-direction: column; }

.my-mission__certify--title { color: #636363; }

.my-mission__certify--point { margin-top: .4rem; }

.my-mission__certify--point .point { display: none; font-weight: 700; color: #ffde00; line-height: 2.4rem; }

.my-mission__certify--point img { width: 2.4rem; }

.my-mission__certify.more { background-color: #fff; background-image: url(../images/ico/btn_more1.svg); background-size: contain; background-repeat: no-repeat; }

.my-mission__progressbar { display: inline-block; width: 100%; height: 1.2rem; margin-top: 1.2rem; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; background-color: #e3e3e3; }

.my-mission__gauge { display: inline-block; height: 100%; background-color: #5d93ff; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; }

.my-mission__point-box { background-image: url(../images/ico/ico_point.svg); background-position: top 2rem right 2rem; background-repeat: no-repeat; background-size: 6rem; }

.my-mission__point-box .card__body { padding-bottom: 1.3rem; margin-bottom: 1.6rem; border-bottom: 1px solid #bbb; }

.my-mission__point-box .point { font-size: 2.4rem; font-weight: 700; }

.my-mission__point-box .info { font-size: 1.3rem; }

.my-mission__point-wrap { margin-top: 3.2rem; margin-bottom: 4rem; text-align: center; }

.my-mission__point-wrap .title { font-size: 2.2rem; font-weight: 600; }

.my-mission__point-wrap .my-mission__point { display: inline-block; margin: 2.7rem 0 4rem 0; }

.my-mission__point { font-size: 3rem; }

.my-mission__point::after { content: ''; display: inline-block; width: 2.7rem; height: 2.7rem; background-image: url(../images/ico/ico_point_blk.svg); background-repeat: no-repeat; background-size: 2.7rem; transform: translateY(2px); }

.my-mission__state { padding-top: 3.2rem; margin-bottom: 2rem; border-top: 1px solid #cfcfcf; text-align: center; }

.my-mission__state .ico { font-size: 4.8rem; }

.my-mission__state .txt { display: inline-block; margin-top: 0.8rem; font-size: 1.8rem; word-break: keep-all; }

.my-mission__snack-msg { padding: 2.4rem; border-radius: 1.2rem; background-color: #fff; }

.my-mission__snack-msg .title-box { display: flex; justify-content: space-between; margin-bottom: 1.6rem; }

.my-mission__snack-msg .title { font-size: 2.2rem; line-height: 1.3; word-break: keep-all; }

.my-mission__snack-msg .ico { width: 5.6rem; }

.my-mission__snack-msg .txt { font-size: 1.6rem; line-height: 1.3; color: #636363; }

.my-mission__habit { margin: 0 -1rem; font-size: 0; }

.my-mission__habit li { display: inline-block; width: calc(50% - 2rem); margin: 0 1rem; }

.my-mission__habit .personal__card { text-align: center; padding-left: .5rem; padding-right: .5rem; }

.my-mission__habit .personal__card.is-full { display: block; width: 100%; }

.my-mission__habit .personal__card:disabled { color: inherit; cursor: default; }

.my-mission__habit .section--title-box { justify-content: center; }

.my-mission__habit .ico { width: 6rem; margin: 1.6rem auto 0 auto; }

.my-mission__meal { margin-top: 2rem; }

.my-mission__meal .personal__point--contents.uncertified .text-box { color: #b8b8b8; }

.my-mission__meal .state img { width: 4.4rem; margin-right: 1.2rem; }

.my-mission__meal .state .btn--arrow { margin-right: 0.8rem; }

.my-mission__selex { display: flex; justify-content: space-between; margin-bottom: 1.2rem; }

.my-mission__selex .card-txt { width: calc(100% - 6.8rem); }

.my-mission__selex .ico { width: 4.8rem; }

.my-mission__walk { margin-top: 2.8rem; }

.my-mission__walk .btn--line--black { background-image: url(../images//ico/ico_next.svg); background-size: 1.2rem; background-repeat: no-repeat; background-position: center right 1.6rem; text-align: center; padding: 1.2rem 0; font-size: 1.4rem; }

.my-mission__walk .btn--line--black:disabled { color: #9a9a9a; border-color: #e9e9e9; background-color: #e9e9e9; cursor: auto; }

.my-mission__walk .btn--line--black.is-disabled { background-image: none; }

.my-mission__walk .btn--line--black b, .my-mission__walk .btn--line--black .txt { display: inline-block; }

.my-mission__weight .date { font-size: 1.6rem; color: #636363; }

.my-mission__weight .weight { margin-top: 2.5rem; text-align: center; }

.my-mission__weight .weight .txt { display: block; margin-bottom: 0.6rem; font-size: 2.2rem; }

.my-mission__weight .weight .txt span { font-size: 1.5rem; }

.my-mission__weight .weight img { max-width: 26rem; }

.my-mission__weight .weight-change { display: flex; justify-content: center; align-items: center; margin-top: 3.7rem; }

.my-mission__weight .weight-change .current { margin-right: 1.3rem; font-size: 2.9rem; }

.my-mission__weight .weight-change .current span { font-size: 2rem; }

.my-mission__weight .weight-change img { max-width: 13rem; min-width: 8rem; }

.my-mission__weight .weight-change .contrast { position: relative; font-size: 2.2rem; margin-left: 2.4rem; }

.my-mission__weight .weight-change .contrast span { font-size: 1.5rem; }

.my-mission__weight .weight-change .contrast::before { content: ''; position: absolute; left: -2.2rem; top: 1px; width: 2.4rem; height: 2.4rem; background-size: 2.4rem; }

.my-mission__weight .weight-change.--gain .contrast { color: #ff4b4b; }

.my-mission__weight .weight-change.--gain .contrast::before { background-image: url(../images/ico/ico_g_up.svg); }

.my-mission__weight .weight-change.--loss .contrast { color: #296df6; }

.my-mission__weight .weight-change.--loss .contrast::before { background-image: url(../images/ico/ico_g_down.svg); }

.my-mission__weight .weight-change.--same .contrast { margin-left: 1.3rem; color: #ffb941; }

.my-mission__history { position: relative; }

.my-mission__history .title { margin: 3.2rem 0; font-size: 2.4rem; font-weight: normal; text-align: center; }

/* .my-mission__history .title .btn--refresh { transform: translate(0, -9px); } */

.my-mission__history .disc { display: block; margin-top: 1.2rem; font-size: 1.6rem; color: #636363; }

.my-mission__history .btn-nodata { position: absolute; bottom: 0; }

.report-rank__list { margin-top: 2rem; }

.report-rank__list li + li { margin-top: 1.6rem; }

.report-rank__box { display: flex; justify-content: flex-start; align-items: center; }

.report-rank__box .thum { width: 9rem; height: 9rem; min-width: 9rem; min-height: 9rem; position: relative; overflow: hidden; background-color: #fff5fb; }

.report-rank__box .badge { padding: 0.4rem 0.6rem; position: absolute; top: 0; left: 0; font-size: 1.1rem; color: #fff; background-color: #636363; }

.report-rank__box .badge.--black { background-color: #0a0a0a; }

.report-rank__box .badge.--red { background-color: #ff4646; }

.report-rank__box .txt { margin-left: 1.6rem; font-size: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.report-rank__box .txt span:first-child { display: block; margin-bottom: 0.8rem; }

.report-rank__box .title { font-weight: 600; overflow: hidden; text-overflow: ellipsis; }

.report-rank__box .disc { font-size: 1.6rem; font-weight: normal; color: #9a9a9a; overflow: hidden; text-overflow: ellipsis; }

.exercise-rank { margin-top: 2rem; }

.exercise-rank li + li { margin-top: 1.2rem; }

.exercise-rank__box { display: flex; justify-content: flex-start; align-items: center; }

.exercise-rank .thum { width: 6rem; height: 6rem; background-color: #f2f2f2; border-radius: 1.6rem; }

.exercise-rank .ico { width: 4rem; display: inline-block; transform: translate(1rem, 1rem); }

.exercise-rank .category { flex: 1; display: block; margin-left: 1.6rem; font-size: 2rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.exercise-rank .kcal { font-size: 2rem; }

.text-emphasis { display: inline-block; }

.text-emphasis::after { content: ''; display: block; height: 0.8rem; margin-top: -0.8rem; background-color: #fff127; }

.font-red { color: #FF4B4B; }

.font-blue { color: #296df6; }

.graph-footer { margin-top: 2.4rem; }

.graph-footer .category { margin: 0 -0.8rem; font-size: 0; text-align: center; }

.graph-footer .category li { display: inline-block; margin: 0 0.8rem; }

.graph-footer .category .title { display: flex; justify-content: flex-start; align-items: center; margin: 0; font-size: 1.6rem; font-weight: normal; }

.graph-footer .category .title::before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; border-radius: 50%; margin-right: 0.4rem; }

.graph-footer.--meal .title.is-shortage::before { background-color: #FFB941; }

.graph-footer.--meal .title.is-overflow::before { background-color: #FF4B4B; }

.graph-footer.--meal .title.is-adequate::before { background-color: #2CCC98; }

.graph-footer.--exercise .title.--base-kcal::before { background-color: #FFDE00; }

.graph-footer.--exercise .title.--burn-kcal::before { background-color: #BE85FF; }

.graph-footer.--mission .title.--meal::before { background-color: #6195ff; }

.graph-footer.--mission .title.--selex::before { background-color: #2ccc98; }

.graph-footer.--mission .title.--exercise::before { background-color: #be85ff; }

.graph-footer.--mission .title.--walk::before { background-color: #ffb941; }

.graph-footer .info { padding: 0.8rem; margin-top: 2rem; background-color: #fff; border-radius: 0.8rem; border: 1px solid #cfcfcf; font-size: 0; }

.graph-footer .info li { display: inline-block; width: calc(33.3333% - 1.6rem); margin: 0.8rem; text-align: center; }

.graph-footer .info li .title { font-size: 1.4rem; color: #0a0a0a; }

.graph-footer .info li .title::before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; transform: translateX(-4px); }

.graph-footer .info li .title.is-shortage::before { background-color: #FFB941; }

.graph-footer .info li .title.is-overflow::before { background-color: #FF4B4B; }

.graph-footer .info li .title.is-adequate::before { background-color: #2CCC98; }

@media all and (max-width: 340px) { .graph-footer .category { margin: 0 -2rem; } }

.history-list li + li { margin-top: 3.2rem; }

.selex-info { margin: 0 -0.4rem; font-size: 0; }

.selex-info li { display: inline-block; width: calc(33% - 0.8rem); margin: 0 0.4rem; border: 1px solid #cfcfcf; border-radius: 0.8rem; }

.selex-info__box { padding: 1.6rem 0.4rem; display: flex; flex-direction: column; align-items: center; }

.selex-info .ico { display: block; width: 2rem; }

.selex-info .capacity { margin: 0.4rem 0 1rem 0; font-size: 2.4rem; }

.selex-info .cate-txt { display: block; font-size: 1.3rem; color: #9a9a9a; }

.exercise-list { margin-top: 3.2rem; }

.exercise-list li + li { margin-top: 0.8rem; }

.exercise-list__box { padding: 1.6rem; display: flex; justify-content: space-between; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 0.8rem; }

.exercise-list__info .category { font-size: 2rem; font-weight: 600; }

.exercise-list__info .time { display: block; margin-top: 0.8rem; margin-bottom: 1.6rem; font-size: 1.6rem; color: #636363; }

.exercise-list__info .kcal { font-size: 2rem; font-weight: 600; }

.exercise-list__point .ico { width: 4.4rem; margin: 0 auto; }

.exercise-list__point .point { display: block; padding: 0.6rem 1.2rem; margin-top: 1.5rem; background-color: #00a972; border-radius: 1.6rem; color: #fff; font-size: 1.6rem; font-weight: 600; }

.body-composition .user--choice { margin-bottom: 2.4rem; width: auto; white-space: nowrap; overflow-x: auto; margin-left: -2rem; padding-left: 2rem; margin-right: -2rem; padding-right: 2rem; padding-bottom: .4rem; }

.body-composition .user--choice--panner { position: relative; }

.body-composition .user--choice--panner::after { content: ''; display: block; padding-bottom: calc(50% + 1.4rem); }

.body-composition .user--choice--item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }

.body-composition .user--choice--item.is-active { display: block; }

.weight-list li + li { margin-top: 0.8rem; }

.weight-list__box { padding: 1.6rem; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 0.8rem; }

.weight-list .ico { width: 4rem; }

.weight-list .info { flex: 1; margin-left: 0.8rem; color: #0a0a0a; }

.weight-list .info .way { display: block; margin-bottom: 0.4rem; font-size: 1.6rem; }

.weight-list .info .date { font-size: 1.4rem; color: #636363; }

.weight-list .weight { font-size: 2rem; }

.walk-graph .walk-txt { margin-bottom: 2.8rem; font-size: 1.8rem; text-align: center; }

.walk-graph .walk-txt strong { font-size: 2.4rem; }

.walk-info { margin-top: 3.2rem; }

.walk-info li + li { margin-top: 0.8rem; }

.walk-info__box { padding: 1.6rem; display: flex; justify-content: flex-start; align-items: center; border: 1px solid #cfcfcf; border-radius: 0.8rem; }

.walk-info .ico { width: 2rem; display: block; }

.walk-info .txt { flex: 1; display: block; margin-left: 0.4rem; font-size: 1.6rem; }

.walk-info .figure { font-size: 2rem; }

.walk-detail li { padding: 2rem 0; border-bottom: 1px solid #cfcfcf; }

.walk-detail li:first-child { border-top: 1px solid #cfcfcf; }

.walk-detail__box { display: flex; justify-content: space-between; align-items: center; }

.walk-detail .subject { font-size: 1.8rem; }

.walk-detail .check { font-size: 1.8rem; }

.walk-detail .check.--uncheck { color: #9a9a9a; }

.walk-detail .contrast { margin-top: 1.2rem; }

.walk-detail .contrast .subject { font-size: 1.6rem; font-weight: 600; color: #636363; }

.walk-detail .contrast .figure { font-size: 1.6rem; font-weight: 600; }

.walk-detail .contrast .figure::before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-size: 1.6rem; transform: translate(0, 2px); }

.walk-detail .contrast .figure.--decrease { color: #296df6; }

.walk-detail .contrast .figure.--decrease::before { background-image: url(../images/ico/ico_g_down.svg); }

.walk-detail .contrast .figure.--increase { color: #ff4b4b; }

.walk-detail .contrast .figure.--increase::before { background-image: url(../images/ico/ico_g_up.svg); }

.walk-detail .contrast .figure.--zero { color: #00a972; }

.walk-detail .contrast .figure.--zero::before { background-image: none; width: 1.4rem; height: 0.2rem; background-color: #00a972; vertical-align: middle; transform: none; margin-right: 0.2rem; margin-top: -0.1rem; }

@media (max-width: 420px) { .my-mission__walk .btn-area.is-half { display: block; }
  .my-mission__walk .btn-area.is-half .btn + .btn { margin-left: 0; margin-top: .6rem; } }

.balance--body { width: 50%; min-width: 28rem; margin: auto; }

.balance--body-dl { display: flex; justify-content: space-between; justify-content: center; align-items: center; flex-wrap: wrap; margin: -.6rem; margin-top: 3.2rem; }

.balance--body .balance-detail:nth-child(even) { justify-content: flex-end; }

.balance-detail { display: flex; justify-content: flex-start; align-items: center; width: calc(50% - 1.2rem); font-size: 1.4rem; color: #0a0a0a; margin: .6rem; }

.balance-detail dt::before { content: ''; overflow: hidden; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: .8rem; border-radius: 50%; background-color: #bbb; vertical-align: middle; }

.balance-detail dd { margin-left: 2rem; }

.balance-detail.is-lack dt::before { background-color: #ffc746; }

.balance-detail.is-adequate dt::before { background-color: #53c5f8; }

.balance-detail.is-excess dt::before { background-color: #ff81c4; }

.balance-target { display: block; margin-top: .8rem; text-align: center; font-size: 1.4rem; color: #636363; }

.balance--footer { display: flex; justify-content: space-between; align-items: center; padding: .8rem 1.2rem; margin-top: 1.4rem; background-color: #f2f2f2; border-radius: .4rem; font-size: 1.1rem; color: #0a0a0a; }

.balance--footer.is-weekly { justify-content: flex-end; }

.balance--footer.is-weekly .is-target::before, .balance--footer.is-weekly .is-average::before { content: ''; display: inline-block; width: 0.8rem; border-top: 2px dotted #ddd; vertical-align: middle; margin-right: 0.4rem; background-color: transparent; border-radius: initial; height: auto; overflow: visible; }

.balance--footer.is-weekly .is-target::before { border-color: #09c272; }

.balance--footer.is-weekly .is-average::before { border-color: #bbb; }

.balance--footer.is-weekly .is-intake::before { background-color: #ff8e81; }

.balance--footer.is-weekly .is-consumption::before { background-color: #8b90ff; }

.balance--info { display: flex; justify-content: flex-end; align-items: center; }

.balance--info__btn { display: flex; justify-content: flex-start; align-items: center; color: #0a0a0a; line-height: 1; }

.balance--info__btn::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: .4rem; background-image: url(../images/ico/ico_mag.svg); background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; }

.balance--info__list::before { content: ''; overflow: hidden; display: inline-block; width: .8rem; height: .8rem; margin-right: .4rem; border-radius: 50%; background-color: #bbb; vertical-align: middle; }

.balance--info__list + .balance--info__list { margin-left: 1.2rem; }

.balance--info__list.is-lack::before { background-color: #ffc746; }

.balance--info__list.is-adequate::before { background-color: #53c5f8; }

.balance--info__list.is-excess::before { background-color: #ff81c4; }

@media (max-width: 360px) { .balance--body { width: 100%; max-width: 100%; } }

.timeline__header { display: flex; justify-content: space-between; align-items: center; }

.timeline__title { font-size: 1.6rem; color: #0a0a0a; }

.timeline__date { font-size: 1.3rem; color: #636363; }

.timeline__body { display: flex; justify-content: flex-start; align-items: center; padding: 1.2rem; margin-top: .8rem; background-color: #fff; border-radius: .8rem; border: 1px solid #bbb; font-size: 1.4rem; color: #0a0a0a; }

.timeline__thumb { overflow: hidden; width: 8rem; height: 8rem; }

.timeline__box { position: relative; padding-left: 30px; padding-bottom: 2rem; }

.timeline__box.is-hide { display: none; -webkit-animation: timelineBoxHide .2s both; animation: timelineBoxHide .2s both; }

.timeline__box.is-active { display: block; -webkit-animation: timelineBoxBlock .2s both; animation: timelineBoxBlock .2s both; }

.timeline__box::before { content: ''; display: inline-block; height: calc(100% - .6rem); overflow: hidden; position: absolute; left: .6rem; top: .6rem; background-image: url(../images/dot_line.png); width: 1px; background-size: contain; }

.timeline__box::after { content: ''; overflow: hidden; display: inline-block; width: 1.4rem; height: 1.4rem; background-color: #bbb; border-radius: 50%; position: absolute; top: 0.2rem; left: 0; border: 2px solid #fff; box-shadow: 0 0 0 1px #bbb; }

.timeline__box.is-selex::after { background-color: #00a972; box-shadow: 0 0 0 1px #00a972; }

.timeline__box.is-selex .timeline__body { border-color: #00a972; }

.timeline__box.is-health::after { background-color: #aa72fe; box-shadow: 0 0 0 1px #aa72fe; }

.timeline__box.is-health .timeline__body { border-color: #aa72fe; }

.timeline__box.is-meal::after { background-color: #5d93ff; box-shadow: 0 0 0 1px #5d93ff; }

.timeline__box.is-meal .timeline__body { border-color: #5d93ff; }

.timeline__box.is-etc::after { background-color: #636363; box-shadow: 0 0 0 1px #636363; }

.timeline__box.is-etc .timeline__body { border-color: #636363; }

.timeline__box.is-walking::after { background-color: #ff973b; box-shadow: 0 0 0 1px #ff973b; }

.timeline__box.is-walking .timeline__body { border-color: #ff973b; }

.timeline__lists { margin-top: 2rem; }

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

.timeline__card.--text .desc { margin-left: 2rem; }

.timeline__card.--thumb .timeline__text { margin-left: 1.6rem; }

.timeline__card.--thumb .timeline__text .title, .timeline__card.--thumb .timeline__text .desc { display: block; }

.timeline__card.--thumb .timeline__text .desc { margin-top: .8rem; }

.timeline__btn-box { overflow: auto; padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; font-size: 0; white-space: nowrap; }

.timeline__btn-box .inner.is-active { position: fixed; top: 76px; width: 100%; max-width: 64rem; padding: 2rem; margin-left: -2rem; background: #f2f2f2; z-index: 4; }

.timeline__btn-box .btn { padding: .9rem 1.2rem; font-size: 1.2rem; background-color: #fff; border: 1px solid transparent; border-radius: 1.6rem; }

.timeline__btn-box .btn + .btn { margin-left: .8rem; }

.timeline__btn-box .btn.is-all { border-color: #0a0a0a; color: #0a0a0a; }

.timeline__btn-box .btn.is-all.is-active { background-color: #0a0a0a; color: #fff; }

.timeline__btn-box .btn.is-meal { border-color: #5d93ff; color: #5d93ff; }

.timeline__btn-box .btn.is-meal.is-active { background-color: #5d93ff; color: #fff; }

.timeline__btn-box .btn.is-selex { border-color: #00a972; color: #00a972; }

.timeline__btn-box .btn.is-selex.is-active { background-color: #00a972; color: #fff; }

.timeline__btn-box .btn.is-health { border-color: #aa72fe; color: #aa72fe; }

.timeline__btn-box .btn.is-health.is-active { background-color: #aa72fe; color: #fff; }

.timeline__btn-box .btn.is-walking { border-color: #ff973b; color: #ff973b; }

.timeline__btn-box .btn.is-walking.is-active { background-color: #ff973b; color: #fff; }

.timeline__btn-box .btn.is-etc { border-color: #636363; color: #636363; }

.timeline__btn-box .btn.is-etc.is-active { background-color: #636363; color: #fff; }

.timeline__inner { top: 0; z-index: 2; background: #f2f2f2; padding-bottom: 1rem; }

.timeline__inner .is-active { position: fixed; top: 74px; width: 100%; max-width: 64rem; padding-top: 2.1rem; padding-left: 2rem; margin-left: -2rem; padding-right: 2rem; margin-right: -2rem; }

.my-mission--succese--lists { display: flex; justify-content: space-between; align-items: center; text-align: center; color: #0a0a0a; }

.my-mission--succese--detail .day { font-size: .9rem; }

.my-mission--succese--detail .graph { display: flex; justify-content: center; align-items: center; width: 6rem; margin-top: .6rem; border-radius: 50%; position: relative; box-shadow: inset 0 0 0 10px #e9e9e9; }

.my-mission--succese--detail .graph::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; background-image: url(../images/bg/bg_weekly_none.svg); background-size: cover; background-repeat: no-repeat; }

.my-mission--succese--detail .graph::before { content: ''; display: block; padding-top: 100%; }

.my-mission--succese--detail .graph .date { font-size: 1.1rem; font-weight: 700; }

.my-mission--succese--detail.is-sun { color: #ff6161; }

.my-mission--succese--detail.is-sat { color: #327ef2; }

.my-mission--succese--detail .succese { display: block; margin-top: .8rem; font-size: 1.2rem; color: #0a0a0a; }

.my-mission--succese--detail .succese b { color: #636363; }

.my-mission--succese--detail.completion--one .graph::after { background-image: url(../images/bg/bg_weekly_one.svg); }

.my-mission--succese--detail.completion--two .graph::after { background-image: url(../images/bg/bg_weekly_two.svg); }

.my-mission--succese--detail.completion--three .graph::after { background-image: url(../images/bg/bg_weekly_three.svg); }

.my-mission--succese--detail.completion--four .graph::after { background-image: url(../images/bg/bg_weekly_four.svg); }

.my-mission--succese--detail.completion--one--two .graph::after { background-image: url(../images/bg/bg_weekly_one_two.svg); }

.my-mission--succese--detail.completion--one--three .graph::after { background-image: url(../images/bg/bg_weekly_one_three.svg); }

.my-mission--succese--detail.completion--one--four .graph::after { background-image: url(../images/bg/bg_weekly_one_four.svg); }

.my-mission--succese--detail.completion--two--three .graph::after { background-image: url(../images/bg/bg_weekly_two_three.svg); }

.my-mission--succese--detail.completion--two--four .graph::after { background-image: url(../images/bg/bg_weekly_two_four.svg); }

.my-mission--succese--detail.completion--three--four .graph::after { background-image: url(../images/bg/bg_weekly_three_four.svg); }

.my-mission--succese--detail.completion--one--two--three .graph::after { background-image: url(../images/bg/bg_weekly_one_two_three.svg); }

.my-mission--succese--detail.completion--one--two--four .graph::after { background-image: url(../images/bg/bg_weekly_one_two_four.svg); }

.my-mission--succese--detail.completion--one--three--four .graph::after { background-image: url(../images/bg/bg_weekly_one_three_four.svg); }

.my-mission--succese--detail.completion--two--three--four .graph::after { background-image: url(../images/bg/bg_weekly_two_three_four.svg); }

.my-mission--succese--detail.completion--all .graph::after { background-image: url(../images/bg/bg_weekly_all.svg); }

.my-mission--succese .card__header { border-bottom: 1px solid #bbb; padding-bottom: 1.2rem; }

.my-mission--succese .my-mission__current { font-size: 1.6rem; }

@media (max-width: 500px) { .my-mission--succese--detail .graph { width: 5rem; } }

.donut-progrees { overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; height: 100%; }

.donut-progrees__frame { stroke: #f2f2f2; stroke-width: 12px; }

.donut-progrees.--meal { height: 20rem; }

.donut-progrees.--meal .donut-progrees__con { width: 20rem; height: 20rem; }

.donut-progrees.--meal .donut-progrees__circle { stroke: #6195ff; stroke-linecap: round; stroke-dashoffset: 591; stroke-dasharray: 591; }

.donut-progrees.--exercise { height: 20rem; }

.donut-progrees.--exercise .donut-progrees__con { width: 20rem; height: 20rem; }

.donut-progrees.--exercise .donut-progrees__circle:nth-child(2) { stroke: #be85ff; stroke-linecap: round; stroke-dashoffset: 591; stroke-dasharray: 591; }

.donut-progrees.--exercise .donut-progrees__circle:nth-child(3) { stroke: #ffde00; stroke-linecap: round; stroke-dashoffset: 591; stroke-dasharray: 591; }

.donut-progrees.--exercise-top { height: 20rem; }

.donut-progrees.--exercise-top .donut-progrees__con { width: 20rem; height: 20rem; }

.donut-progrees.--exercise-top .donut-progrees__circle:nth-child(2) { stroke-dashoffset: 591; stroke-linecap: round; }

.donut-progrees.--exercise-top .donut-progrees__circle:nth-child(3) { stroke-dashoffset: 591; stroke-linecap: round; }

.donut-progrees.--exercise-top .donut-progrees__circle:nth-child(4) { stroke-dashoffset: 591; stroke-linecap: round; }

.donut-progrees.--achieve { height: 24rem; }

.donut-progrees.--achieve .donut-progrees__svg:first-child { width: 24rem; height: 24rem; }

.donut-progrees.--achieve .donut-progrees__svg:first-child .donut-progrees__circle { stroke: #ffb941; stroke-dashoffset: 717; stroke-dasharray: 717; stroke-linecap: round; }

.donut-progrees.--achieve .donut-progrees__svg:nth-child(2) { width: 20rem; height: 20rem; }

.donut-progrees.--achieve .donut-progrees__svg:nth-child(2) .donut-progrees__circle { stroke: #be85ff; stroke-dashoffset: 591; stroke-dasharray: 591; stroke-linecap: round; }

.donut-progrees.--achieve .donut-progrees__svg:nth-child(3) { width: 16rem; height: 16rem; }

.donut-progrees.--achieve .donut-progrees__svg:nth-child(3) .donut-progrees__circle { stroke: #2ccc98; stroke-dashoffset: 465; stroke-dasharray: 465; stroke-linecap: round; }

.donut-progrees.--achieve .donut-progrees__svg:nth-child(4) { width: 12rem; height: 12rem; }

.donut-progrees.--achieve .donut-progrees__svg:nth-child(4) .donut-progrees__circle { stroke: #6195ff; stroke-dashoffset: 340; stroke-dasharray: 340; stroke-linecap: round; }

.donut-progrees.--walk { height: 20rem; }

.donut-progrees.--walk .donut-progrees__con { width: 20rem; height: 20rem; }

.donut-progrees.--walk .donut-progrees__block { height: 20rem; }

.donut-progrees.--walk .donut-progrees__circle { stroke: #ffb941; stroke-linecap: round; stroke-dashoffset: 591; stroke-dasharray: 591; stroke-linecap: round; }

.donut-progrees__con { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.donut-progrees--hr { width: 12rem; }

.donut-progrees__box { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.donut-progrees__box::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 12px solid #e9e9e9; }

.donut-progrees__number { font-size: 2.4rem; }

.donut-progrees__title { margin-bottom: .4rem; font-size: 1.6rem; color: #0a0a0a; }

.donut-progrees__sub { font-size: 1.6rem; }

.donut-progrees__num { font-weight: 700; }

.donut-progrees__svg { position: absolute; width: 100%; height: 100%; fill: none; transform: rotate(-90deg); }

.donut-progrees__circle { stroke-width: 12px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transition: 2s stroke-dashoffset; }

.donut-progrees--target { padding: .2rem 1.2rem; margin-top: 1rem; background-color: #bbb; border-radius: 1.3rem; font-size: 1.6rem; color: #fff; }

.donut-progrees .text-box { text-align: center; line-height: 2.3rem; }

.donut-progrees .text-box .img { width: 5.6rem; }

.donut-progrees .text-box.percent { font-size: 2.4rem; line-height: 1; }

.donut-progrees .text-box.percent .num { font-size: 3rem; }

@-webkit-keyframes timelineBoxHide { 0% { opacity: 1;
    display: block; }
  100% { opacity: 0;
    display: none; } }

@keyframes timelineBoxHide { 0% { opacity: 1;
    display: block; }
  100% { opacity: 0;
    display: none; } }

@-webkit-keyframes timelineBoxBlock { 0% { opacity: 0;
    display: none; }
  100% { opacity: 1;
    display: block; } }

@keyframes timelineBoxBlock { 0% { opacity: 0;
    display: none; }
  100% { opacity: 1;
    display: block; } }

.horizontal-progress { position: relative; }

.horizontal-progress__lists { padding-top: 4.6rem; font-size: 0; }

.horizontal-progress__lists li { display: inline-block; height: 1.2rem; color: #fff; text-align: center; vertical-align: middle; border-left: 3px solid #fff; }

.horizontal-progress__lists li:first-child { width: 13%; background-color: #00a972; border-top-left-radius: .6rem; border-bottom-left-radius: .6rem; border-left: 0; }

.horizontal-progress__lists li:nth-child(2) { width: 24%; background-color: #5d93ff; }

.horizontal-progress__lists li:nth-child(3) { width: 10%; background-color: #fc9a42; }

.horizontal-progress__lists li:nth-child(4) { width: 27%; background-color: #ff81c4; }

.horizontal-progress__lists li:last-child { width: 26%; background-color: #ff5d5d; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; }

.horizontal-progress__text { display: inline-block; position: absolute; top: 0; padding: .5rem .8rem; border-radius: .3rem; background-color: #bbb; font-size: 1.6rem; color: #fff; text-align: center; transform: translateX(-50%); }

.horizontal-progress__text::before { content: ''; display: inline-block; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-bottom: 2px solid transparent; border-top: 8px solid #00a972; border-left: 6px solid transparent; border-right: 6px solid transparent; }

.horizontal-progress__text.is-step01 { background-color: #00a972; }

.horizontal-progress__text.is-step01::before { border-top-color: #00a972; }

.horizontal-progress__text.is-step02 { background-color: #5d93ff; }

.horizontal-progress__text.is-step02::before { border-top-color: #5d93ff; }

.horizontal-progress__text.is-step03 { background-color: #fc9a42; }

.horizontal-progress__text.is-step03::before { border-top-color: #fc9a42; }

.horizontal-progress__text.is-step04 { background-color: #ff81c4; }

.horizontal-progress__text.is-step04::before { border-top-color: #ff81c4; }

.horizontal-progress__text.is-step05 { background-color: #ff5d5d; }

.horizontal-progress__text.is-step05::before { border-top-color: #ff5d5d; }

.horizontal-progress__footer { display: flex; justify-content: space-between; align-items: center; }

.horizontal-progress__footer .btn { flex: 1; }

.horizontal-progress__btn { width: 4rem; height: 4rem; margin-left: .8rem; background-image: url(../images/ico/btn_more2.svg); background-size: contain; background-repeat: no-repeat; background-position: center; }

.dash-info { font-size: 1.1rem; color: #0a0a0a; }

.dash-info::before { content: ''; display: inline-block; width: .8rem; border-top: 2px dotted #bbb; vertical-align: middle; margin-right: .4rem; }

.dash-info + .dash-info { margin-left: 1.2rem; }

.dash-info.is-target::before { border-color: #09c272; }

.dash-info.is-average::before { border-color: #bbb; }

.is-fixedfoot { position: relative; width: 100%; z-index: 3; }

.is-fixedfoot .btn-area { position: fixed; bottom: 10.8rem; width: calc(100% - 4rem); max-width: calc(64rem - 4rem); }

.date__select { max-height: 50vh; overflow: auto; }

.date__select--item { position: relative; }

.date__select--item + .date__select--item { margin-top: 1.8rem; }

.date__select--input + .date__select--label { display: block; padding: 1rem 0; font-size: 1.5rem; }

.date__select--input:checked + .date__select--label { color: #00a972; }

.date__change .btn { display: block; font-size: 1.8rem; font-weight: 600; width: 100%; text-align: left; }

.category-box__swiper .user--choice .swiper-slide { width: auto; margin: 0; }

.view--pc .body-composition .user--choice { /* width */ /* Track */ /* Handle */ /* Handle on hover */ }

.view--pc .body-composition .user--choice::-webkit-scrollbar { height: 6px; }

.view--pc .body-composition .user--choice::-webkit-scrollbar-track { background: #fff; }

.view--pc .body-composition .user--choice::-webkit-scrollbar-thumb { background: #eee; overflow: hidden; border-radius: 3px; }

.view--pc .body-composition .user--choice::-webkit-scrollbar-thumb:hover { background: #00a972; }

.view--mo .body-composition .user--choice { overflow: auto; }

.walk-detail__box .point { padding: 0.6rem 1.2rem; margin-left: 3.6rem; background-color: #00a972; border-radius: 1.6rem; color: #fff; font-size: 1.6rem; font-weight: 600; margin-right: 1rem; }

.my-mission__eat { display: flex; justify-content: space-between; align-items: center; margin-left: -.4rem; margin-right: -.4rem; margin-top: 2rem; }

.my-mission__eat .item { flex: 1; margin: .4rem; }

.my-mission__eat .item.is-success .box { background-color: #e9e9e9; border-color: #e9e9e9; }

.my-mission__eat .item.is-success .thumb { background-color: #fff; }

.my-mission__eat .item.is-success .btn > span::after { display: none; }

.my-mission__eat .item.is-success .state { display: block; }

.my-mission__eat .thumb { font-size: 0; background-color: #f2f2f2; overflow: hidden; border-radius: .4rem; }

.my-mission__eat .box { padding: 0.8rem; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 0.8rem; overflow: hidden; position: relative; }

.my-mission__eat .state { position: absolute; top: 1.2rem; right: 1.2rem; width: 30%; height: 30%; display: none; }

.my-mission__eat .btnarea { display: block; margin-top: .8rem; text-align: center; }

.my-mission__eat .btn { width: 100%; padding: 0; }

.my-mission__eat .btn:disabled { color: #9a9a9a; cursor: auto; }

.my-mission__eat .btn > span { position: relative; }

.my-mission__eat .btn > span::after { content: ''; display: inline-block; position: absolute; width: .4rem; height: .4rem; top: -.1rem; right: -.4rem; border-radius: 50%; background-color: #ff4b4b; }

.fixed__btn-area--top { padding-top: 7rem; }

.fixed__btn-area--top .container { position: fixed; top: 105px; width: 100%; display: flex; justify-content: space-between; align-self: center; background-color: #fff; transition: .3s; z-index: 3; border-bottom: 1px solid #d4d4d4; background: #fff; }

.fixed__btn-area--top .btn-area { padding: 1.2rem 0; margin: 0 -0.4rem; font-size: 0; }

.fixed__btn-area--top .btn-area li { display: inline-block; margin: 0 0.4rem; }

.fixed__btn-area--top .btn-area li.is-active .btn { background-color: #0a0a0a; font-weight: 600; color: #fff; }

.fixed__btn-area--top .btn { height: 4.4rem; padding: 0 1.6rem; background-color: #e9e9e9; color: #636363; font-size: 1.6rem; border-radius: 2.2rem; }

.donut-progrees .text-box .top { display: block; margin-top: 0.4rem; font-size: 2rem; font-weight: 700; }

.renewal .section { margin-top: 1.6rem; }

.renewal .title__box.--flex { display: flex; justify-content: space-between; align-items: center; }

.renewal .title__box.--normal .title { font-weight: normal; }

.renewal .title__box .title { flex: 1; font-size: 1.8rem; font-weight: 700; line-height: 1.3; word-break: keep-all; text-align: left; }

.renewal .title__box .title.is-20 { font-size: 2rem; }

.renewal .title__box .title.--thin { font-weight: normal; }

.renewal .title__box .mission-text { font-size: 1.8rem; }

.renewal .title__box .btn--line--green { width: auto; padding: 0.6rem 1.2rem; font-size: 1.4rem; border-radius: 0.4rem; background-color: #fff; }

.renewal .title__box .btn--solid--green.is-round { width: auto; font-size: 1.4rem; padding: 1rem 1.2rem; }

.renewal .btn--solid--green.is-round { width: 100%; font-size: 1.5rem; border-radius: 2rem; background-color: var(--selex--green); color: #fff; padding: 1rem 0; }

.renewal .title__box .btn--refresh { vertical-align: bottom; }

.renewal .personal__card { border-radius: 1rem; box-shadow: none; }

.renewal .personal__card.--shadow { box-shadow: 0 0 20px 0 rgba(61, 139, 114, 0.2); }

.renewal .personal__card .title__box { margin-bottom: 1.5rem; }

.renewal .personal__card .no-data__text { font-size: 1.6rem; color: #999; }

.renewal .personal__progress.--walk { padding: 0; }

.renewal .personal__progress.--walk .outer { height: 1.6rem; border-radius: 1.6rem; background-color: #e7e7e7; }

.renewal .personal__progress.--walk .inner { border-radius: 1.6rem; background-color: var(--selex--green); }

.renewal .personal__progress.--walk .point { position: absolute; top: -0.3rem; }

.renewal .personal__progress.--walk .point:first-child { left: calc(30%); }

.renewal .personal__progress.--walk .point:nth-child(2) { right: 0; }

.renewal .personal__progress.--walk .point::before { content: ''; display: block; width: 2.2rem; height: 2.2rem; background-color: #fff; border-radius: 50%; border: 0.4rem solid #e7e7e7; }

.renewal .personal__progress.--walk .point.is-active::before { border-color: var(--selex--green); }

.renewal .exercise__box { display: flex; align-items: center; }

.renewal .exercise__box .ico { width: 2.8rem; height: 2.8rem; margin-right: 0.5rem; }

.renewal .exercise__box .txt { font-size: 1.6rem; color: var(--selex--green); }

.renewal .ingestion__box { display: flex; }

.renewal .ingestion__box li + li { margin-left: 1rem; }

.renewal .ingestion__box .txt { font-size: 1.6rem; }

.renewal .ingestion__box .txt::before { content: ''; display: inline-block; width: 0.9rem; height: 0.9rem; margin-right: 0.5rem; border-radius: 0.5rem; }

.renewal .ingestion__box .txt.--green { color: var(--selex--green); }

.renewal .ingestion__box .txt.--green::before { background-color: #009B5D; }

.renewal .ingestion__box .txt.--red { color: #A72D2D; }

.renewal .ingestion__box .txt.--red::before { background-color: #EE7979; }

.renewal .ingestion__box .txt.--yellow { color: #A38C14; }

.renewal .ingestion__box .txt.--yellow::before { background-color: #F4D52E; }

.renewal .btn__certify { font-size: 1.6rem; color: var(--selex--green); }

.renewal .btn__certify::before { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-right: 0.2rem; background-image: url(../images/ico/ico_d_schedule.svg); background-size: cover; vertical-align: bottom; }

.renewal .history-list li + li { margin-top: 2rem; }

.renewal .history-list__title-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; color: #0a0a0a; }

.renewal .history-list__title-box .title { font-size: 1.6rem; font-weight: normal; }

.renewal .history-list__contents { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 2rem; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 0.5rem; overflow: hidden; }

.renewal .history-list__contents .thumb { overflow: hidden; width: 8rem; height: 8rem; border-radius: 0.5rem; background-color: #f2f2f2; background-repeat: no-repeat; background-size: 4rem; background-position: 50%; }

.renewal .history-list__contents .text-box { overflow: hidden; flex: 1; margin-left: 1.8rem; font-size: 2rem; color: #0a0a0a; }

.renewal .history-list__contents .text-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.8rem; text-align: left; }

.renewal .history-list__contents .text-box .desc { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.8rem; font-weight: 700; text-align: left; }

.renewal .history-list__contents .text-box .nutrition { display: flex; margin-top: 1.2rem; }

.renewal .history-list__contents .text-box .nutrition .text + .text { margin-left: 1rem; }

.renewal .history-list__contents .text-box .nutrition .text { display: inline-block; font-size: 1.4rem; }

.renewal .history-list__contents .text-box .nutrition .text::before { content: ''; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.6rem; border-radius: 1rem; }

.renewal .history-list__contents .text-box .nutrition .text.--green { color: var(--selex--green); }

.renewal .history-list__contents .text-box .nutrition .text.--green::before { background-color: var(--selex--green); }

.renewal .history-list__contents .text-box .nutrition .text.--red { color: #A72D2D; }

.renewal .history-list__contents .text-box .nutrition .text.--red::before { background-color: #EE7979; }

.renewal .history-list__contents .text-box .nutrition .text.--yellow { color: #A38C14; }

.renewal .history-list__contents .text-box .nutrition .text.--yellow::before { background-color: #F4D52E; }

.renewal .calendar-wrap { display: none; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; }

.renewal .calendar-wrap.is-visible { display: block; }

.personal__progress--box { display: flex; justify-content: space-between; align-items: center; }

.personal__progress--box .text { font-size: 1.3rem; color: #999; }

.container__card { padding: 1.8rem 1rem 1rem 1rem; border-radius: 1.4rem; }

.container__card--title { margin-bottom: 1.8rem; font-size: 1.8rem; font-weight: 700; color: rgba(0, 0, 0, 0.45); text-align: center; }

.container__card .personal__card { padding: 2rem 2rem 1.5rem 2rem; }

.container__card .personal__card + .personal__card { margin-top: 1rem; }

.bnr-btn__area li + li { margin-top: 1.6rem; }

.bnr-btn__area .personal__card { padding: 1rem 2rem; }

.bnr-btn__area .personal__card .title__box { margin-bottom: 0; }

.bnr-btn__area .btn--line--gray { width: auto; padding: 1rem 1.4rem; }

.bnr-btn__area .thumb { width: 8rem; height: 8rem; margin-left: 1rem; }

.filter__tabs { padding: 0 2rem; font-size: 0; overflow: auto; white-space: nowrap; }

.filter__tabs li + li { margin-left: 0.4rem; }

.filter__tabs li { display: inline-block; }

.filter__tabs li.is-active .filter__btn { color: #009B5D; font-weight: 700; border-color: var(--selex--green); background-color: #FAFFFD; }

.filter__btn { display: inline-block; padding: 0.6rem 2rem; font-size: 1.6rem; text-align: center; border: 1px solid #e0e0e0; border-radius: 2rem; background-color: #fff; /* &.is-active { color: #009B5D; font-weight: 700; border-color: var(--selex--green); background-color: #FAFFFD; } */ }

#dailyKcal .personal__card { padding: 1.8rem 1.6rem; }

#dailyKcal .title { padding-top: 0.2rem; font-size: 1.6rem; }

#dailyKcal .tooltip-wrap { display: block; text-align: center; }

#dailyKcal .tooltip__btn { position: absolute; top: 0; right: 0; }

#dailyKcal .kcal__area { display: flex; margin-top: 1.4rem; }

#dailyKcal .kcal__box { width: 50%; text-align: center; }

#dailyKcal .kcal__box.--green .kcal { color: var(--selex--green); }

#dailyKcal .kcal__box.--yellow .kcal { color: #F6A916; }

#dailyKcal .kcal__box .kcal { font-size: 2.2rem; font-weight: normal; }

#dailyKcal .kcal__box .kcal strong { font-weight: 700; }

#dailyKcal .kcal__box .desc { display: inline-block; margin-top: 0.6rem; font-size: 1.4rem; color: #999; }

#dailyKcal .kcal__box + .kcal__box { border-left: 1px solid #ccc; }

#dailyKcal .tooltip-box { width: calc(100% + 3.3rem); }

#dailyKcal .tooltip-box.is-bottom::before { right: 1.2rem; }

#dailyKcal .tooltip-box.is-bottom::after { right: 1.2rem; }

#dailyExercise .container__card { background: linear-gradient(180deg, #81F2CD 0%, #D6F2E9 100%); }

#dailyExercise .personal__progress.--walk { width: calc(100% - 10rem); }

#dailyMeal .container__card { background: linear-gradient(180deg, #FFDF70 0%, #FFEFB5 100%); }

.cert__list--header { padding-bottom: 9.5rem; }

.cert__list--header-wrap { position: fixed; z-index: 3; width: 100%; max-width: 64rem; padding-top: 1.6rem; padding-bottom: 1rem; background-color: #fff; }

.cert__list--header .title__box { display: flex; justify-content: space-between; align-items: center; }

.cert__list--header .btn__date { flex: 1; font-size: 1.8rem; font-weight: 700; line-height: 1.3; text-align: left; word-break: keep-all; }

.cert__list--header .btn__date::after { content: ''; display: inline-block; width: 1.4rem; height: 1.4rem; margin-left: 0.4rem; background-image: url(../images/ico/ico_arrow_down_gray.svg); background-size: cover; vertical-align: inherit; }

.cert__list--header .btn__certify { font-size: 1.6rem; color: var(--selex--green); }

.cert__list--header .btn__certify::before { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-right: 0.2rem; background-image: url(../images/ico/ico_d_schedule.svg); background-size: cover; vertical-align: bottom; }

.cert__list--walk .personal__progress.--walk .inner { background-color: #ffb941; }

.cert__list--walk .personal__progress.--walk .text-box .point::before { top: -3.6rem; }

.cert__list--meal .my-mission__history .title { font-size: 2.6rem; font-weight: normal; }

.cert__list--meal .my-mission__history .disc { color: #999; }

.cert__list--meal .progress__list li + li { margin-top: 2.8rem; }

.cert__list--meal .progress__list .is-green .subjuect { color: var(--selex--green); }

.cert__list--meal .progress__list .is-green .subjuect::before { background-color: var(--selex--green); }

.cert__list--meal .progress__list .is-green .progress-inner { background-color: var(--selex--green); }

.cert__list--meal .progress__list .is-red .subjuect { color: #A72D2D; }

.cert__list--meal .progress__list .is-red .subjuect::before { background-color: #EE7979; }

.cert__list--meal .progress__list .is-red .progress-inner { background-color: #EE7979; }

.cert__list--meal .progress__list .is-yellow .subjuect { color: #A38C14; }

.cert__list--meal .progress__list .is-yellow .subjuect::before { background-color: #F1CB00; }

.cert__list--meal .progress__list .is-yellow .progress-inner { background-color: #F1CB00; }

.cert__list--meal .progress__text { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }

.cert__list--meal .progress__text .subjuect { font-size: 1.6rem; }

.cert__list--meal .progress__text .subjuect::before { content: ''; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.6rem; border-radius: 5rem; }

.cert__list--meal .progress__text .desc { font-size: 1.6rem; color: #aaa; }

.cert__list--meal .progress-outer { width: 100%; height: 1.6rem; position: relative; border-radius: 1.2rem; background-color: #E7E7E7; overflow: hidden; }

.cert__list--meal .progress-inner { height: inherit; position: absolute; top: 0; left: 0; border-radius: 1.2rem; }

.cert__list--exercise .tooltip__btn::after { background-image: url(../images/ico/ico_tip2.svg); }

.health__diary--inquiry .title__box .title { font-size: 1.6rem; }

.health__diary--inquiry .select__box { font-size: 1.4rem; }

.health__diary--inquiry .select__btn::after { width: 1.2rem; height: 1.2rem; vertical-align: middle; }

.health__diary--inquiry .select__list { padding: 1rem 0; }

.health__diary--inquiry .select__list--btn { padding: 1rem 2rem; color: #000; }

.health__diary--list + .health__diary--list { margin-top: 6rem; }

.health__diary .title__box { padding-bottom: 1.6rem; margin-bottom: 2rem; border-bottom: 1px solid #E7E7E7; }

.health__diary .kcal-box { margin-top: 0.6rem; }

.health__diary .kcal-box span { display: inline-block; font-size: 1.6rem; }

.health__diary .kcal-box .consume { margin-right: 0.4rem; color: var(--selex--green); }

.health__diary .kcal-box .intake { color: #F6A916; }

.health__diary .kcal-box .intake::before { content: '·'; display: inline-block; margin-right: 0.6rem; font-size: 1.6rem; color: #000; }

.health__diary .is-nodata { padding: 10rem 0; }

.point__list li + li { margin-top: 2rem; }

.point__list--wrap { display: flex; flex-wrap: wrap; align-items: center; }

.point__list .ico { position: relative; width: 5rem; height: 5rem; margin-right: 1rem; border-radius: 5rem; overflow: hidden; background-color: #f7f7f7; }

.point__list .ico img { width: 3rem; height: 3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.point__list .text { flex: 1; overflow: hidden; }

.point__list .text span { display: block; }

.point__list .text .time { margin-bottom: 0.5rem; font-size: 1.6rem; color: #999; }

.point__list .text .title { font-size: 1.8rem; word-break: break-all; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */ }

.point__list .point { display: block; margin-left: 1rem; font-size: 1.8rem; color: var(--selex--green); }

.section.--shop + .section.--shop { margin-top: 5rem; }

.category-box { padding-top: 5.2rem; position: relative; z-index: 4; }

.category-box .swiper-container { margin-left: -2rem; margin-right: -2rem; }

.category-box.--btn .view { padding: 1.2rem 2rem; overflow: hidden; }

.category-box .container { position: fixed; top: 0; transform: translateY(4.8rem); transition: .3s; width: 100%; background-color: #ffff; z-index: 3; }

#categorySwiper .container {
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.16);
}

.category__list { white-space: nowrap; text-align: center; }

.category__list li { display: inline-block; text-align: center; }

.category__list li.is-active .category__btn { position: relative; font-weight: 700; color: #0a0a0a; }

.category__list li.is-active .category__btn::after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 3px solid #0a0a0a; }

.category__btn { /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ height: 5.2rem; /* padding: 0 2rem; */ font-size: 1.6rem; color: #666; display: block; text-align: center; border: 0; line-height: 5.2rem; cursor: pointer; }

.view--pc .category-box .container { max-width: 64rem; }

.view--pc .category-box.--btn .view { overflow: auto; /* width */ /* Track */ /* Handle */ /* Handle on hover */ }

.view--pc .category-box.--btn .view::-webkit-scrollbar { height: 6px; }

.view--pc .category-box.--btn .view::-webkit-scrollbar-track { background: #fff; }

.view--pc .category-box.--btn .view::-webkit-scrollbar-thumb { background: #eee; overflow: hidden; border-radius: 3px; }

.view--pc .category-box.--btn .view::-webkit-scrollbar-thumb:hover { background: #00a972; }

.view--mo .category-box.--btn .view { overflow: auto; }

.shop__main--swiepr { margin-left: -2rem; margin-right: -2rem; }

.shop__main--swiepr .logo { position: absolute; top: 4.5rem; left: 2rem; }

.shop__main--swiepr .text { position: absolute; bottom: 3.6rem; display: block; left: 50%; transform: translateX(-50%); color: #fff; z-index: 1; width: 100%; }

.shop__main--swiepr .text .title { display: block; font-size: 2.4rem; font-weight: 600; text-align: center; }

.shop__main--swiepr .text .desc { display: block; margin-top: .7rem; font-size: 1.7rem; text-align: center; }

.shop__main--swiepr .swiper-control-wrapper { width: 100%; display: block; position: absolute; bottom: 1.5rem; z-index: 1; }

.shop__main--swiepr .swiper-control-wrapper .container { padding-left: 1.2rem; padding-right: 1.2rem; }

.shop__main--swiepr .paging-box { display: flex; align-items: center; justify-content: flex-end; }

.shop__main--swiepr .swiper-pagination-outer { width: 100%; overflow: hidden; position: relative; height: 2px; }

.shop__main--swiepr .swiper-pagination-count { margin-left: 1.1rem; color: #efefef; font-size: 1.3rem; white-space: nowrap; background-color: rgba(10, 10, 10, 0.6); line-height: 1; padding: 0.3rem 0.8rem; border-radius: 0.8rem; font-size: .9rem; color: #fff; }

.shop__main--swiepr .swiper-pagination-progressbar { background-color: #efefef; }

.shop__main--swiepr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #0a0a0a; }

.shop__main--swiepr .swiper-control-box .swiper-button-pause { background-size: 2rem; background-position: center; background-repeat: no-repeat; }

.shop__main--swiepr .swiper-control-box .__state-swiper-play { background-image: url(../images/ico/btn_play.svg); }

.shop__main--swiepr .swiper-control-box .__state-swiper-pause { background-image: url(../images/ico/btn_pause.svg); }

.category--switch { position: relative; z-index: 1; }

.category--switch__panel-box { margin-top: 2rem; }

.category--switch__panel-box .panel { margin: -.375rem -.5rem; font-size: 0; }

.category--switch__panel-box .panel li { display: inline-block; margin: .375rem .5rem; }

.category--switch__panel-box .panel li .btn { padding: .9rem 1.2rem; border: 1px solid #bbb; border-radius: 1.6rem; color: #0a0a0a; }

.category--switch__panel-box .panel li:first-child .btn { background-color: #0a0a0a; color: #fff; border-color: #0a0a0a; }

.category--switch__panel-box.is-switch .panel--type01 { display: none; }

.category--switch__panel-box.is-switch .panel--type02 { display: block; }

.category--switch__panel-box .panel--type01 { display: block; }

.category--switch__panel-box .panel--type02 { display: none; }

.product-box--shop { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.product-box--shop .product__thumb { width: 100%; }

.shop__content--header { margin-bottom: 2rem; }

.shop__content--info { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 700; color: #636363; }

.shop__content__more { display: flex; justify-content: flex-start; align-items: center; font-size: 1.2rem; color: #9a9a9a; }

.shop__content__more:hover { color: #9a9a9a; }

.shop-swiepr .swiper-container { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.banner--launching { border-top: 0; z-index: 6; padding-top: 4rem; position: relative; }

.banner--launching .container { position: fixed; top: 0; display: flex; justify-content: space-between; align-items: center; z-index: 4; width: 100%; height: 4rem; background-image: linear-gradient(110deg, #5890ff -19%, #2770ef 37%, #04a380 80%, #06cf8e 107%); transition: .3s; transform: translateY(0); }

.banner--launching a { background: transparent; font-size: 1.5rem; color: #fff; }

.banner--launching button { width: 1.2rem; height: 1.2rem; background-image: url(../images/ico/ico_close_w.svg); background-size: cover; }

.banner--launching.is-none .container { transform: translateY(-4rem); }

.header--shop.--main { transition: .3s; }

.header--shop.--main .container::after { content: ''; position: absolute; left: 0; bottom: -2rem; display: block; width: 100%; background: #fff; }

.header--shop.--sub { padding-top: 4.8rem; transition: .3s; }

.img-category__header { margin-top: 2rem; font-size: 0; }

.img-category__header .btn { padding: .8rem 1.2rem; font-size: 1.9rem; color: #9a9a9a; border: 1px solid #9a9a9a; border-radius: 1.8rem; line-height: 1; background-color: #fff; }

.img-category__header .btn.is-active { font-weight: 600; color: #fff; background-color: #0a0a0a; border-color: #0a0a0a; }

.img-category__header .btn + .btn { margin-left: 1.2rem; }

.img-category__body { margin-top: 1.6rem; }

.img-category__panel { font-size: 0; margin: -1.6rem; display: none; }

.img-category__panel.is-active { display: block; }

.img-category__panel li { display: inline-block; width: calc(25% - 3.6rem); margin: 1.8rem; text-align: center; vertical-align: top; }

.img-category__panel li .thumb { display: block; position: relative; width: 100%; background-position: center; background-size: 52%; background-repeat: no-repeat; background-color: #f2f2f2; border-radius: 50%; border: 1px solid transparent; }

.img-category__panel li .thumb::after { content: ""; display: block; padding-bottom: 100%; }

.img-category__panel li .title { display: block; margin-top: .8rem; font-size: 1.5rem; color: #0a0a0a; }

.img-category__panel li:last-child .thumb { background-image: url(../images/ico/ico_search_cate_all.svg); }

.img-category__panel li.is-active .thumb { border-color: #0a0a0a; background-color: #fff; }

.img-category__panel.effect li:first-child .thumb { background-image: url(../images/ico/ico_search_cate_effect01.svg); }

.img-category__panel.effect li:nth-child(2) .thumb { background-image: url(../images/ico/ico_search_cate_effect02.svg); }

.img-category__panel.effect li:nth-child(3) .thumb { background-image: url(../images/ico/ico_search_cate_effect03.svg); }

.img-category__panel.effect li:nth-child(4) .thumb { background-image: url(../images/ico/ico_search_cate_effect04.svg); }

.img-category__panel.effect li:nth-child(5) .thumb { background-image: url(../images/ico/ico_search_cate_effect05.svg); }

.img-category__panel.effect li:nth-child(6) .thumb { background-image: url(../images/ico/ico_search_cate_effect06.svg); }

.img-category__panel.effect li:nth-child(7) .thumb { background-image: url(../images/ico/ico_search_cate_effect07.svg); }

.img-category__panel.ingredient li:first-child .thumb { background-image: url(../images/ico/ico_search_cate_ingredient01.svg); }

.img-category__panel.ingredient li:nth-child(2) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient02.svg); }

.img-category__panel.ingredient li:nth-child(3) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient03.svg); }

.img-category__panel.ingredient li:nth-child(4) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient04.svg); }

.img-category__panel.ingredient li:nth-child(5) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient05.svg); }

.img-category__panel.ingredient li:nth-child(6) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient06.svg); }

.img-category__panel.ingredient li:nth-child(7) .thumb { background-image: url(../images/ico/ico_search_cate_ingredient07.svg); }

.shop__best--header { margin-top: 2.8rem; margin-bottom: 2rem; font-size: 0; }

.shop__best--header li { display: inline-block; }

.shop__best--header li + li::before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 1.2rem; background-color: #cfcfcf; margin-left: 1.2rem; margin-right: 1.2rem; }

.shop__best--header li.is-active .btn { color: #0a0a0a; }

.shop__best--header .btn { padding: 0; font-size: 2rem; font-weight: 600; color: #9a9a9a; }

.shop__best--info { display: flex; justify-content: flex-start; align-items: center; }

.shop__best--product .thumb { overflow: hidden; width: 12rem; height: 12rem; }

.shop__best--product .thumb::after { content: ''; display: block; padding-top: 100%; }

.shop__best--product .title { margin-bottom: 1rem; font-size: 1.9rem; font-weight: 500; color: #0a0a0a; display: flex; justify-content: flex-start; align-items: center; }

.shop__best--product .title b { margin-right: 1.5rem; font-size: 2.2rem; vertical-align: middle; }

.shop__best--product .title span { overflow: hidden; width: 100%; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.shop__best--product .text-box { width: calc(100% - 14rem); margin-left: 1.6rem; }

.shop__best--product .tag-box { font-size: 0; color: #0a0a0a; }

.shop__best--product .tag-box .tag { font-size: 1.7rem; }

.shop__best--product .tag-box .tag + .tag { margin-left: .8rem; }

.shop__best--product .price { display: flex; justify-content: flex-start; align-items: flex-end; margin-top: .8rem; }

.shop__best--product .price .num { font-size: 1.7rem; font-weight: 700; }

.shop__best--product .price .del { display: inline-block; margin-left: .4rem; font-size: 1.3rem; color: #b8b8b8; }

.shop__best--product li { margin-top: 2rem; }

.shop__best--product li:first-child .title { font-weight: 600; }

.shop__best--product li:first-child .title b { color: #0a0a0a; }

.shop__best--product li:nth-child(2) .title b { color: #9a9a9a; }

.shop__best--product li:nth-child(3) .title b { color: #cfcfcf; }

.shop__recommend { background-size: 100%; background-repeat: no-repeat; }

.shop__recommend--product { display: inline-flex; justify-content: center; align-items: center; margin-top: 2rem; }

.shop__recommend--product.product-box { background-color: transparent; }

.shop__recommend--product .product__items { margin-left: -.8rem; margin-right: -.8rem; font-size: 0; }

.shop__recommend--product .product__items > li { flex: 1; display: inline-block; width: calc(50% - 1.6rem); margin: 0 .8rem; }

.shop__recommend--product .product__thumb { width: 100%; }

.shop__recommend--product .product__link { overflow: hidden; display: block; background-color: #fff; border-radius: .8rem; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }

.shop__recommend--product .product__info { padding: 1.6rem; margin-top: 0; }

.shop__recommend--product .product__subtitle { overflow: hidden; display: block; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.2rem; margin-bottom: .4rem; font-size: 1.3rem; line-height: 1.6rem; width: 100%; white-space: normal; }

.shop__recommend--product .product__title { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 5.6rem; margin-bottom: 1.2rem; font-size: 1.8rem; line-height: 2.8rem; }

.shop__recommend--product .info { font-size: 0; }

.shop__recommend--product .discount { font-size: 1.8rem; color: #ff4646; }

.shop__recommend--product .num { font-size: 1.8rem; }

.swiper-over { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.product--list--option .product__item-box { display: flex; }

.product--list--option .product__item-box input[type=radio] { margin: 0; }

.product--list--option .__best { width: 3rem; line-height: 1; }

.product--list--option .__best .num { font-size: 2rem; font-weight: 600; color: #cfcfcf; }

.product--list--option .__radio { width: 3rem; font-size: 0; }

.product--list--option .__checkbox { width: 3rem; font-size: 0; }

.product--list--option > li:first-child .__best .num { color: #0a0a0a; }

.product--list--option > li:nth-child(2) .__best .num { color: #9a9a9a; }

.shop__best--body .best__paner { display: none; }

.shop__best--body .best__paner.is-active { display: block; }

.banner__recommend { padding: 3.8rem 0; background-color: #f2f2f2; }

.banner__recommend .container { display: flex; justify-content: flex-start; align-items: center; }

.banner__recommend .thumb { min-width: 9rem; }

.banner__recommend .text-box { margin-left: 1rem; font-size: 1.8rem; color: #0a0a0a; word-break: keep-all; }

.banner__recommend .text-box em { color: #00a972; }

.product__result-box { position: relative; margin-top: 2.4rem; margin-bottom: .2rem; z-index: 1; }

.product__result-box .container { display: flex; justify-content: space-between; align-items: center; }

.product__result-box .result__total { padding: 1rem 0; font-size: 1.5rem; color: #0a0a0a; }

.product__result-box .result__filter .btn { display: flex; align-items: center; margin-right: -1.6rem; font-size: 1.5rem; color: #0a0a0a; }

.product__result-box .result__filter .btn::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: .8rem; background-image: url(../images/ico/ico_arrow_down.svg); background-size: cover; }

.product__result-box .result__filter:first-child .btn { margin-left: -1.6rem; }

.filter__selet > ul > li + li { margin-top: 1.8rem; }

.filter__selet > ul > li input[type="radio"] + label { display: block; padding: 1rem 0; font-size: 1.5rem; }

.filter__selet > ul > li input[type="radio"]:checked + label { color: #00a972; }

.exhibition--product-box { margin-top: -1.8rem; }

.exhibition--product-box .product__items { overflow: hidden; padding: 1.2rem; background-color: #fff; border-radius: .8rem; }

.tabs--event { position: relative; padding-top: 7.3rem; }

.tabs--event .container { position: fixed; top: 0; width: 100%; max-width: 64rem; transform: translateY(10rem); z-index: 3; padding-left: 1rem; padding-right: 1rem; }

.tabs--event ul { background-color: #fff; padding-bottom: 8px; }

.tabs--event .btn { padding: 2.4rem 0.8rem; }

.modal__share.is-active { display: block; }

.modal__share .modal__body { margin-top: 3.2rem; }

.modal__share .modal__container { display: flex; justify-content: space-around; align-items: center; }

.modal__share--item { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 1.6rem; cursor: pointer; }

.modal__share--item.--copy img { width: 2.8rem; }

.modal__share .thumb { overflow: hidden; width: 4.8rem; height: 4.8rem; border-radius: 50%; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center; margin: 0; }

.modal__share .desc { margin: 1.3rem; font-size: 1.8rem; color: #0a0a0a; padding: 0; }

.coupon__down--nolist { padding: 5rem 0; }

.coupon__down--nolist::before { content: ''; display: block; height: 10rem; margin-bottom: .5rem; background-image: url(../images/ico/ico_nocoupon.svg); background-size: 10rem; background-repeat: no-repeat; background-position: center; }

.coupon__down--nolist .desc { font-size: 1.5rem; color: #636363; }

.coupon__down--list { overflow: auto; max-height: calc(100vh - 61vh); max-height: calc(100vh - 42.6rem); margin: -.6rem; margin-top: 2rem; }

.coupon__down--item { display: inline-block; width: 100%; padding: 0 0.6rem; margin: 0.6rem 0; }

.coupon__down--item.is-disabled .coupon__down-box { border-color: #9a9a9a; box-shadow: none; }

.coupon__down--item.is-disabled .coupon__down-box .title { color: #9a9a9a; }

.coupon__down--item.is-disabled .coupon__down-box .discount { color: #9a9a9a; }

.coupon__down--item.is-disabled .coupon__down-box .date { color: #9a9a9a; }

.coupon__down--item.is-disabled .coupon__down-box .desc { color: #9a9a9a; }

.coupon__down--item.is-disabled .coupon__down-box .btn { background-color: #f2f2f2 !important; background-image: url(../images/ico/ico_success.svg); cursor: auto; }

.coupon__down-box { overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 2rem; background-color: #fff; border: solid 1px transparent; border-radius: .8rem; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }

.coupon__down-box .text-box { flex: 1; border-right: 2px dashed rgba(154, 154, 154, 0.35); }

.coupon__down-box .title { font-size: 1.6rem; color: #0a0a0a; }

.coupon__down-box .discount { margin-top: .8rem; color: #0a0a0a; }

.coupon__down-box .num { font-size: 2rem; }

.coupon__down-box .num b { font-weight: 700; }

.coupon__down-box .desc { font-size: 1.8rem; font-weight: 700; }

.coupon__down-box .date { display: block; margin-top: .8rem; font-size: 1.3rem; color: #636363; }

.coupon__down-box .btn-area { padding-left: 2rem; margin-top: 0; }

.coupon__down-box .btn { overflow: hidden; width: 4.4rem; height: 4.4rem; border-radius: 50%; background-color: #0a0a0a; background-image: url(../images/ico/ico_down.svg); background-size: 2.8rem; background-repeat: no-repeat; background-position: center; }

.msg-box__coupon { padding: 0 0 0 .6rem; margin-top: 2.6rem; background-color: #fff; font-size: 1.2rem; color: #636363; }

.msg-box__coupon li { position: relative; }

.msg-box__coupon li + li { margin-top: .6rem; }

.msg-box__coupon li::before { content: ""; position: absolute; top: 0.6rem; left: -0.6rem; width: 0.2rem; height: 0.2rem; background-color: #636363; border-radius: 50%; }

.msg-box__coupon b { color: #0a0a0a; }

.product--detail .product__title { font-size: 1.8rem; }

.product--detail .product__del { display: block; margin-left: 0; margin-bottom: 0.4rem; }

.detail__info .accordion-group-wrap { border-color: #cfcfcf; }

.detail__info .accordion__btn { padding: 2rem 0; border-color: #cfcfcf; }

.detail__info .accordion__btn[aria-expanded="true"] { font-weight: 400; }

.detail__info .accordion__btn.link { display: block; }

.detail__info .accordion__btn.link::after { display: none; }

.detail__info .accordion__link { position: relative; display: block; z-index: 0; width: 100%; min-height: 5rem; padding: 1.6rem 0; border-bottom: 1px solid #bbb; background-color: #fff; font-size: 1.6rem; text-align: left; cursor: pointer; padding: 2rem 0; border-color: #cfcfcf; }

.detail__info .accordion__contents { padding: 1.6rem; background-color: #f2f2f2; font-size: 1.3rem; color: #0a0a0a; border-bottom: 1px solid #cfcfcf; }

.detail__info .accordion__contents.is-nopadding { padding: 0; }

.detail__info--title { display: block; font-size: 1.3rem; color: #0a0a0a; }

.detail__info--dl { margin: 0; border: 1px solid #cfcfcf; border-top: 0; border-bottom: 0; }

.detail__info--dl > div { display: flex; justify-content: flex-start; }

.detail__info--dl > div + div { border-top: 1px solid #ccc; }

.detail__info--dl dt, .detail__info--dl dd { display: flex; align-items: center; padding: 1.2rem; margin: 0; }

.detail__info--dl dt { flex: 1; background-color: #f2f2f2; word-break: keep-all; font-weight: 600; }

.detail__info--dl dd { flex: 2; background-color: #fff; }

.detail__info--msg { margin-top: .6rem; }

.detail__info--msg li { position: relative; padding-left: .6rem; }

.detail__info--msg li::before { content: ''; position: absolute; left: 0; top: 0.9rem; overflow: hidden; width: 0.2rem; height: 0.2rem; border-radius: 50%; background-color: #0a0a0a; }

.detail__info--msg li.mgbtm1 { margin-bottom: 1rem; }

.detail__info--msg.--delivery { margin-top: 1.2rem; font-size: 1.2rem; color: #636363; }

.detail__info--msg.--delivery li { position: relative; padding-left: .6rem; }

.detail__info--msg.--delivery li::before { background-color: #636363; }

.detail__info--desc { margin-top: .6rem; font-size: 1.3rem; line-height: 1.9rem; color: #0a0a0a; }

.detail__info--desc + .detail__info--title { margin-top: 1.6rem; }

.review--detail.review-box li:first-child { padding-top: 2rem; }

.review--detail.review-box li:last-child { border-bottom: 0; }

.user--choice { font-size: 0; margin: -.2rem; }

.user--choice > li { display: inline-block; margin: .2rem; }

.user--choice > li .btn { padding: 0.5rem 1.2rem; background: none; background-repeat: no-repeat; background-size: 1.6rem; background-position: left 1.2rem center; border: solid 1px #b8b8b8; font-size: 1.7rem; color: #0a0a0a; }

.user--choice > li .btn__add { padding: 0.5rem 1.2rem 0.5rem 3.2rem; background-image: url(../images/ico/ico_plus.svg); }

.user--choice > li.is-active .btn { padding: 0.5rem 1.2rem 0.5rem 3.2rem; background-color: #0a0a0a; background-image: url(../images/ico/ico_check_w.svg); border-color: #0a0a0a; color: #fff; }

.user--choice.--gray { margin: 0 -0.6rem; white-space: nowrap; }

.user--choice.--gray li { margin: 0 0.6rem; }

.user--choice.--gray li .btn { padding: 1.2rem 1.6rem; background-color: #e9e9e9; border: 0; font-size: 1.6rem; color: #636363; }

.user--choice.--gray li.is-active .btn { background-color: #0a0a0a; background-image: none; border: 0; color: #fff; font-weight: 600; }

.user--current { margin-top: 2rem; color: #9a9a9a; }

.user--current .user { font-size: 1.6rem; color: #00a972; font-weight: 600; }

.user--current .txt { font-size: 1.6rem; }

.detail__pay--title { margin-top: 1.2rem; font-size: 1.7rem; color: #0a0a0a; font-weight: 600; line-height: 2.5rem; }

.detail__pay--gift {text-align:center; border-bottom: 1px solid #cfcfcf; padding-bottom: 20px; margin-top: 1.2rem; font-size: 1.7rem; color: #0a0a0a; font-weight:400; line-height:2.5rem; }

.detail__pay-box { margin-top: 2rem; display: flex; justify-content: space-between; align-items: center; }

.detail__pay-box .count-box { overflow: hidden; display: flex; justify-content: space-between; align-items: center; border: 1px solid #c1c1c1; border-radius: 0.8rem; font-size: 0; }

.detail__pay-box .btn { width: 4rem; height: 4rem; background-position: center; background-repeat: no-repeat; background-size: 2rem; }

.detail__pay-box .btn__minus { background-image: url(../images/ico/order_minus.svg); }

.detail__pay-box .btn__plus { background-image: url(../images/ico/order_plus.svg); }

.detail__pay-box .count { padding: 0; display: block; min-width: 3.8rem; height: 100%; font-size: 1.5rem; font-weight: 600; color: #0a0a0a; text-align: center; border: 0; line-height: inherit; width: 5rem; }

.detail__pay-box .price { text-align: right; }

.detail__pay-box .price del { display: block; padding-right: 0.2rem; font-size: 1.3rem; color: #b8b8b8; }

.detail__pay-box .price .num { display: block; font-size: 1.7rem; color: #0a0a0a; }

.detail__pay-box .price .num b { font-weight: 700; }

.modal.--payment .modal__header { margin-top: 0; }

.modal.--payment .modal__close { position: relative; width: 3.6rem; padding: 1.6rem; background-image: none; }

.modal.--payment .modal__close::after { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 0.4rem; background-color: #cfcfcf; border-radius: 0.2rem; }

.modal.--payment .modal-box { margin-top: 1.2rem; }

.modal.--payment .btn-area .btn { padding: 1.9rem 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; font-size: 1.9rem; }

.modal.--payment .btn-area .btn + .btn { margin-left: 0; }

.detail__pay--total { padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; border-top: 1px solid #cfcfcf; }

.detail__pay--total .txt { font-size: 1.5rem; font-weight: 600; color: #0a0a0a; }

.detail__pay--total .num { font-size: 2.1rem; color: #ff4646; }

.detail__pay--total .num b { font-weight: 700; }

.date__choice { margin-top: 3.2rem; }

.date__choice--title { font-size: 1.6rem; color: #0a0a0a; font-weight: 600; margin-bottom: 1.2rem; }

.date__choice--list { font-size: 0; }

.date__choice--list li { display: inline-block; border: 1px solid #c1c1c1; }

.date__choice--list.is-block li { display: block; width: 100%; }

.date__choice--list.is-block li + li { margin-top: 20px; }

.date__choice--list.--day li { width: 25%; }

.date__choice--list.--day li + li { margin-left: -1px; width: calc(25% + 1px); }

.date__choice--list.--week li { width: 50%; }

.date__choice--list.--week li:nth-child(2n) { margin-left: -1px; width: calc(50% + 1px); }

.date__choice--list.--week li:nth-child(n+3) { margin-top: -1px; }

.date__choice--list.--column-three li { width: 33%; }

.date__choice--list.--column-three li:nth-child(2n) { margin-left: -1px; width: calc(33% + 1px); }

.date__choice--list.--column-three li:nth-child(n+3) { margin-left: -1px; width: calc(33% + 1px); }

.date__choice--list.--column-three li:nth-child(n+4) { margin-top: -1px; }

.date__choice input[type="radio"] + label.date__choice--label { display: block; font-size: 1.4rem; color: #0a0a0a; padding: 1.4rem 0; text-align: center; width: calc(100% + 2px); margin: -1px; }

.date__choice input[type="radio"]:checked + label.date__choice--label { color: #fff; background-color: #0a0a0a; border-color: #0a0a0a; z-index: 1; }

.date__choice--msg { margin-top: 3.2rem; }

.date__choice--msg li { position: relative; font-size: 1.2rem; color: #636366; line-height: 1.8rem; padding-left: .8rem; }

.date__choice--msg li::after { content: ''; overflow: hidden; position: absolute; width: .2rem; height: .2rem; background-color: #636363; border-radius: 50%; left: 0; top: .8rem; }

.agree__scroll-box { overflow: hidden; border: 1px solid #bbb; border-radius: .6rem; font-size: 1.4rem; line-height: 2rem; color: #949494; }

.agree__scroll-box .scroll { overflow-y: auto; height: 100%; max-height: 11.6rem; padding: 1.4rem; background-color: #fff; }

.agree__text-box { padding: 0; color: #949494; font-size: 1.4rem; font-weight: 400; }

.btn__agree--view::after { content: '보기'; background: none; width: auto; height: auto; transform: none; font-size: 1.4rem; color: #9a9a9a; text-decoration: underline; white-space: nowrap; }

.btn__agree--view[aria-expanded="true"]::after { content: '닫기'; }

.modal__body.pay__card--add {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0rem;
  overflow-y: auto;
  background-color: #fff; }

.modal__body.pay__card--add label { font-weight: 500; }

.modal__body.pay__card--add .order__policy { padding-top: 4rem; margin-left: -2.8rem; margin-right: -2.8rem; }

.modal__body.pay__card--add .modal__container { background-color: #fff; }

.modalCardRegist .modal__footer { position: fixed; bottom: 0; width: 100%; }

.search__shop--main { position: relative; padding-top: 5.2rem; }

.search__shop--main .container { display: flex; align-items: center; position: fixed; top: 0; transform: translateY(10rem); width: 100%; padding: 0.8rem 1rem; background-color: #fff; z-index: 4; transition: .3s; box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.16); }

.search__shop--main .link { flex: 1; overflow: hidden; width: calc(100% - 10.3rem); padding: 1rem 4.6rem 1rem 1.5rem; background-color: #f2f2f2; background-image: url(../images/ico/ico_input_search.svg); background-repeat: no-repeat; background-size: 2.8rem; background-position: right 1.5rem center; border-radius: 0.6rem; font-size: 1.4rem; color: #bbb; white-space: nowrap; text-overflow: ellipsis; }

.search__shop--main .btn { width: 3rem; height: 3rem; padding: 0rem; margin-left: 1rem; background-image: url(../images/ico/ico_burger.svg); background-size: cover; border-radius: 0; }

.banner--launching + .header + .category-box .container { transform: translateY(8.8rem); }

.banner--launching + .header + .category-box + .search__shop--main .container { transform: translateY(14rem); }

.banner--launching.is-none { padding-top: 0; }

.banner--launching.is-none + .header + .category-box .container { transform: translateY(4.8rem); }

.banner--launching.is-none + .header + .category-box + .search__shop--main .container { transform: translateY(10rem); }

.banner--launching + .header--shop .container { transform: translateY(4rem); }

.banner--launching + .header--shop.is-top .container { transform: translateY(0); }

.banner--launching + .header--shop.is-top .category-box { transform: translateY(4.8rem); }

.banner--launching + .header--main { padding-top: 4.8rem; }

.banner--launching + .header--main .container { top: 0; transform: translateY(4rem); }

.banner-swiepr .swiper-pagination-bullet { width: .8rem; height: .8rem; }

.banner-swiepr .swiper-pagination { left: auto; right: 2rem; top: auto; bottom: .8rem; width: auto; }

.banner-swiepr .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: .6; margin: 0 .2rem; }

.banner-swiepr .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

.health__tips { padding: 2.6rem 2.4rem 2.4rem; border-radius: 1.2rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.3); background-color: #fff; }

.health__tips .text-box { margin-top: 2rem; }

.health__tips .title { font-size: 2.2rem; color: #0a0a0a; }

.health__tips .title-h2 { font-weight: 500; }

.health__tips .desc { margin-top: 1.5rem; font-size: 1.7rem; color: #636363; }

.detail__info .accordion__contents .text-box { display: block; }

.magazine__main .thum { width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; background-color: #f7f7f7; }

.magazine__main .thum::after { content: ''; display: block; padding-bottom: 50%; }

.magazine__main .thum img { position: absolute; }

.magazine__main .title { font-size: 2.2rem; font-weight: normal; line-height: 1.36; }

.magazine__main .desc { margin-top: 1.6rem; font-size: 1.7rem; color: #636363; }

.magazine__list li { border-radius: 1.2rem; border: 1px solid #cfcfcf; }

.magazine__list li + li { margin-top: 1.2rem; }

.magazine__list .list-wrap { display: flex; align-items: center; padding: 2.4rem; }

.magazine__list .thum { width: 8rem; height: 8rem; flex: none; margin-right: 1.6rem; border-radius: 0.8rem; overflow: hidden; }

.magazine__list .thum img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.magazine__list .title { font-size: 2rem; font-weight: normal; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.magazine__list .date { display: block; margin-top: 1.2rem; font-size: 1.3rem; color: #9a9a9a; }

.magazine__page--header { margin-bottom: 2.4rem; }

.magazine__page--header .date { display: block; margin-bottom: 1.2rem; font-size: 1.4rem; color: #9a9a9a; }

.magazine__page--header .title { font-size: 2.2rem; font-weight: normal; line-height: 1.36; }

.magazine__page--header .desc { margin-top: 1.6rem; font-size: 1.7rem; color: #636363; }

.magazine__page--body img { width: 100% !important; height: auto !important; float: none !important; }

.benefit-percent { margin: 0 -0.6rem; font-size: 0; }

.benefit-percent li { display: inline-block; width: calc(25% - 1.2rem); margin: 0 0.6rem; text-align: center; }

.benefit-percent .percent { display: flex; justify-content: center; align-items: center; border-radius: 50%; }

.benefit-percent .percent::after { content: ''; display: block; padding-bottom: 100%; }

.benefit-percent .percent.--yellow { background-color: #ffb941; }

.benefit-percent .percent.--purple { background-color: #be85ff; }

.benefit-percent .percent.--blue { background-color: #6195ff; }

.benefit-percent .percent.--green { background-color: #2ccc98; }

.benefit-percent .text { font-size: 1.4rem; color: #fff; }

.benefit-percent .text .num { font-size: 2rem; font-weight: 600; }

.benefit-percent .desc { display: block; margin-top: 1rem; font-size: 1.5rem; }

#modalPeriodInfo .modal__body { height: 100%; max-height: calc(100vh - 7rem); overflow-y: auto; }

.tag__title { width: 100%; font-size: 2.4rem; color: #0a0a0a; font-weight: 600; }

.tag__btn { position: relative; width: 100%; margin-top: 1.6rem; padding: 1.4rem 2.2rem; font-size: 1.8rem; color: #00a972; text-align: left; border: 3px solid #00a972; border-radius: 4rem; font-weight: 500; }

.tag__btn::after { position: absolute; top: 1.3rem; right: 2.2rem; display: inline-block; content: ''; width: 1.9rem; height: 1.9rem; background-image: url(/assets/images/ico/ico_line_arrow.svg); background-size: cover; }

.tag__btn:hover { color: #00a972; }

.tag__list { margin-top: 2.2rem; padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.tag__list .swiper-slide.is-active .thumb { background-color: #fff; border-color: #0a0a0a; }

.tag__list .swiper-slide.is-active .name { font-weight: bold; }

.tag__list--wrap { display: flex; flex-wrap: wrap; margin: -1rem; justify-content: space-between; }

.tag__list--wrap li { margin: 1rem .8rem; }

.tag__item { text-align: center; cursor: pointer; }

.tag__item .thumb { overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #f2f2f2; border-radius: 50%; border: 1px solid transparent; margin: auto; position: relative; max-width: 7rem; }

.tag__item .thumb img { width: 70%; }

.tag__item .thumb::after { content: ''; display: block; padding-bottom: 100%; }

.tag__item .name { display: inline-block; margin-top: .6rem; text-align: center; font-size: 1.4rem; color: #0a0a0a; text-align: center; }

.category-box.swiper .swiper-slide { width: auto; }

#modalReviewFull { height: 100%; }

#modalReviewFull .modal__body { overflow-y: auto; height: 100%; max-height: calc(100vh - 10rem); }

#modalReviewFull .review-img { margin-top: 0; margin-left: -2.8rem; margin-right: -2.8rem; }

#modalReviewFull .review__star { margin-top: 2rem; }

#modalReviewFull .review__write { margin-top: 0.6rem; }

#modalReviewFull .text-box { display: block; max-height: inherit; overflow: inherit; }

#findSelexModal .modal__header + .modal__body { margin-top: 0; padding-top: 3.2rem; }

#findSelexModal .modal__body { height: 100%; min-height: calc(100vh - 10rem); padding-bottom: 18rem; overflow-y: auto; }

#findSelexModal .title { font-size: 1.8rem; font-weight: 600; text-align: center; }

#findSelexModal .find-list { display: flex; flex-wrap: wrap; margin: 2.4rem -1.2rem -1.2rem -1.2rem; }

#findSelexModal .find-list li { width: calc(50% - 1.2rem); margin: 0.6rem; }

#findSelexModal .find-list li.is-active .list-wrap { border-color: #00a972; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); }

#findSelexModal .find-list.--function li { width: calc(33.33% - 1.2rem); }

#findSelexModal .list-wrap { display: block; width: 100%; height: 6rem; padding: 1rem 0.2rem; font-size: 1.3rem; line-height: 1.38; border: 1px solid #bbb; border-radius: 1.2rem; word-break: keep-all; word-wrap: break-word; color: #0a0a0a; }

#findSelexModal .list-wrap:disabled { cursor: auto; border: 0; color: #9a9a9a; background-color: #f1f1f1; }

.section__search--form .tag__list--wrap { display: block; font-size: 0; }

.section__search--form .tag__list--wrap li { display: inline-block; width: calc(11.1111% - 1.6rem); vertical-align: top; transition: all .2s; }

.section__search--form .tag__item .thumb { position: relative; width: 100%; display: block; height: auto; }

.section__search--form .tag__item .thumb::after { content: ''; display: block; padding-bottom: 100%; }

.section__search--form .tag__item .thumb img { position: absolute; width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 600px) { .section__search--form .tag__list--wrap li { width: calc(20% - 1.6rem); } }

@media (max-width: 360px) { .section__search--form .tag__list--wrap li { width: calc(33.333% - 1.6rem); } }

.tabs--sub .category__list .swiper-slide { width: auto !important; }

.tabsSubCategorySwiperChar .btn { text-align: center; color: #636363; font-size: 1.6rem; display: block; padding: 1.7rem 2rem; line-height: 1.4; }

.tabsSubCategorySwiperChar .btn .title { display: block; color: #636363; font-size: 1.8rem; font-weight: 500; }

.tabsSubCategorySwiperChar .swiper-wrapper .swiper-slide { width: auto !important; }

.tabsSubCategorySwiperChar .swiper-wrapper .swiper-slide.is-active .btn { color: #0a0a0a; }

.tabsSubCategorySwiperChar .swiper-wrapper .swiper-slide.is-active .btn .title { color: #00a972; }

.section__search--form { padding-top: 3.2rem; }

.section__search--form .title { font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; color: #0a0a0a; }

.section__search--form .field { margin-top: 3rem; }

.section__search--form .field.is-active .btn--clear { display: block; }

.section__search--form .control { margin-top: 0; }

.section__search--form input[type="text"] { padding: 1.3rem 0; font-size: 1.5rem; }

.section__search--form .btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2.8rem; height: 2.8rem; padding: 0; background-position: center; background-repeat: no-repeat; border-radius: 0; }

.section__search--form .btn--search { background-size: cover; background-image: url(../images/ico/ico_search.svg); }

.section__search--form .btn--clear { display: none; background-size: 1.6rem; background-image: url(../images/ico/ico_input_del.svg); right: 2.8rem; }

.section__search--form .tag__btn { width: 100%; height: auto; position: relative; margin-top: 1.6rem; padding: 1.4rem 2.2rem; text-align: left; border-radius: 4rem; transform: translateY(0); background-color: #fff; }

.section__search--banner .container { padding-left: 0; padding-right: 0; }

.section__search--banner .container li { font-size: 0; }

.section__search--banner .container li + li { margin-top: 1rem; }

.section__search--title { display: block; }

.section__search--title .title { font-size: 2.4rem; font-weight: 700; }

.section__search--title .desc { margin-top: 1.2rem; font-size: 1.5rem; color: #636363; }

.search__popular { margin-top: 3rem; }

.search__popular li { border-bottom: 1px solid #cfcfcf; }

.search__popular li a { display: block; padding: 1rem 0; font-size: 0; }

.search__popular li a::before { content: ''; display: inline-block; font-size: 1.9rem; font-weight: 700; color: #00a972; margin-right: 1.2rem; vertical-align: middle; min-width: 1.3rem; }

.search__popular li a span { font-size: 1.6rem; font-weight: 600; color: #0a0a0a; vertical-align: middle; line-height: 2rem; }

.search__popular li:nth-child(1) a::before { content: '1'; }

.search__popular li:nth-child(2) a::before { content: '2'; }

.search__popular li:nth-child(3) a::before { content: '3'; }

.search__popular li:nth-child(4) a::before { content: '4'; }

.search__popular li:nth-child(5) a::before { content: '5'; }

.accordion__btn .count { width: auto; color: #ff4646; }

.count.color-red { width: auto; color: #ff4646; }

.accordion__search--result { border-top: 0; }

.accordion__search--result .accordion__btn { margin-top: 1rem; border-bottom: 0; font-size: 2rem; font-weight: 700; }

.accordion__search--result .accordion__contents { padding-top: 1rem; }

.accordion__search--result .thumb { overflow: hidden; position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: #ddd; font-size: 0; width: 100%; }

.accordion__search--result .thumb::after { content: ''; display: block; padding-top: 100%; }

.accordion__search--result .thumb img { position: absolute; width: 100%; height: auto; z-index: 1; font-size: 0; }

.accordion__search--result .thumb.is-wide::after { content: ''; display: block; padding-top: 50%; }

.accordion__search--tip .more__list > li + li { margin-top: 1.4rem; }

.accordion__search--tip .text-box { display: block; padding: 1.6rem 0; }

.accordion__search--tip .text-box .title { font-size: 1.7rem; color: #0a0a0a; font-weight: 700; }

.accordion__search--tip .text-box .desc { display: block; margin-top: .8rem; font-size: 1.5rem; color: #636363; }

.result-title { margin-top: 6rem; font-size: 1.8rem; }

.is-nodata.--box { padding: 4rem 0; }

.personal__card { padding: 2.4rem 2.4rem; background-color: #fff; border-radius: 1.2rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.3); }

.personal__card .title { font-size: 2.4rem; color: #0a0a0a; font-weight: 400; text-align: center; }

.personal__card .desc { font-size: 2rem; color: #0a0a0a; text-align: center; word-break: keep-all; }

.personal__card .desc strong { color: #00a972; }

.personal__card .thumb img { max-height: 17.2rem; }

.personal__card .circle { display: flex; justify-content: center; align-items: center; width: 16rem; height: 16rem; margin: 3.2rem auto; background-color: #f2f2f2; border-radius: 50%; }

.personal__card .circle img { width: 7.6rem; }

.personal__card + .personal__card { margin-top: 3.2rem; }

.personal__card.--info { box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1); }

.personal__card .date-box { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.personal__card .date-box .date { font-size: 1.8rem; }

.personal__card .date-box .user { width: 100%; margin-top: .6rem; font-size: 1.4rem; }

.personal__card .date-box .user .name { color: #00a972; }

.personal__card .card-title { font-size: 2.4rem; font-weight: normal; word-break: keep-all; }

.personal__card .card-title .btn--refresh { transform: translate(0, -9px); }

.personal__card .card-txt { font-size: 2rem; word-break: keep-all; }

.personal__card .section--title-box { margin-bottom: 1.6rem; }

.personal__card .shop__content__more { justify-content: flex-end; min-width: 6.8rem; }

.personal__card .shop__content__more.is-bold { font-weight: 600; color: #00a972; font-size: 1.6rem; }

.personal__card .ico-box { display: flex; align-items: center; margin-bottom: 1.2rem; }

.personal__card .ico-box .ico { width: 3.2rem; }

.personal__card .ico-box .text { display: inline-block; margin-left: 1rem; font-size: 1.7rem; }

.personal__card .ico-box .google-img { width: 12rem; }

.personal__point--title-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; font-size: 2rem; color: #0a0a0a; }

.personal__point--title-box .title { font-weight: 600; }

.personal__point--contents + .personal__point--contents { margin-top: 0.8rem; }

.personal__point--contents { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: .8rem; background-color: #fff; border: 1px solid #cfcfcf; border-radius: .8rem; overflow: hidden; }

.personal__point--contents .thumb { overflow: hidden; width: 6.8rem; height: 6.8rem; border-radius: .8rem; background-color: #f2f2f2; background-repeat: no-repeat; background-size: 4rem; background-position: 50%; }

.personal__point--contents .text-box { overflow: hidden; flex: 1; margin-left: 1.6rem; font-size: 2rem; color: #0a0a0a; }

.personal__point--contents .text-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 0.8rem; text-align: left; }

.personal__point--contents .text-box .desc { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; }

.personal__point--contents .desc-list { width: calc(100% + 1.6rem); padding: 1rem 1.8rem; margin-left: -0.8rem; margin-right: -0.8rem; margin-bottom: -0.8rem; margin-top: 1.2rem; background-color: #f2f2f2; font-size: 0; }

.personal__point--contents .desc-list li { display: inline-block; margin: 0.3rem; }

.personal__point--contents .desc-list .text { padding: 0.6rem 1.2rem; border-radius: 1.4rem; font-size: 1.4rem; background-color: #fff; }

.personal__point--contents .point { padding: .6rem 1.2rem; margin-left: 3.6rem; background-color: #00a972; border-radius: 1.6rem; color: #fff; font-size: 1.6rem; font-weight: 600; }

.personal__point--contents.--desc { display: block; padding: 0; overflow: hidden; }

.personal__point--contents.--desc .flex-box { padding: .8rem; display: flex; justify-content: flex-start; align-items: center; }

.personal__point--contents.--desc .desc-box { padding: 1.6rem 2.4rem; background-color: #f2f2f2; }

.personal__point--contents.--desc .desc-box .desc-list { margin: -0.3rem; font-size: 0; }

.personal__point--contents.--desc .desc-box .desc-list li { display: inline-block; margin: 0.3rem; }

.personal__point--contents.--desc .desc-box .desc-list .text { padding: 0.6rem 1.2rem; border-radius: 1.4rem; font-size: 1.4rem; background-color: #fff; }

.personal__field .control { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: .4rem 0; }

.personal__field .control + .control { margin-top: 3.2rem; }

.personal__field .control + .bmi-box { margin-top: 3.2rem; }

.personal__field .bmi-box + .control { margin-top: 3.2rem; }

.personal__field .personal__label { font-size: 1.8rem; font-weight: 400; white-space: nowrap; min-width: 9.4rem; }

.personal__field .personal__label.is-required .txt { position: relative; }

.personal__field .personal__label.is-required .txt::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; position: absolute; top: 0; right: -0.6rem; border-radius: 50%; background-color: #ff4b4b; }

.personal__input[type="number"] { display: inline-block; width: 100%; padding: 0; border: 0; font-size: 2rem; font-weight: 600; text-align: right; }

.personal__input[type="number"]:focus { border: 0; outline: 0; }

.personal__input[type="number"]::after { content: 'Kg'; }

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

.personal__input-box { flex: 1; display: flex; justify-content: flex-start; align-items: center; margin-left: 4.5rem; border-bottom: 1px solid #bbb; }

.personal__input-box::after { content: ''; margin-left: .8rem; display: inline-block; min-width: 3rem; font-size: 1.6rem; color: #bbb; text-align: right; font-weight: 400; line-height: 2.4rem; }

.personal__input-box.is-kg::after { content: 'kg'; }

.personal__input-box.is-cm::after { content: 'cm'; }

.personal__input-box.is-percent::after { content: '%'; }

.personal__input-box.is-inch::after { content: 'inch'; }

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

.personal__progress.--bar .outer { overflow: hidden; position: relative; height: 2.4rem; background-color: #e9e9e9; border-radius: 1.2rem; }

.personal__progress.--bar .inner { display: inline-block; width: 0; height: 100%; background-color: #12bf87; border-radius: 1.2rem; transition: all .5s; }

.personal__progress.--bar .text-box { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 1.2rem; font-size: 1.6rem; font-weight: 700; }

.personal__progress.--bar .current { color: #fff; }

.personal__progress.--bar .total { color: #9a9a9a; }

.personal__progress.--walk { position: relative; padding: .6rem 0; }

.personal__progress.--walk .outer { overflow: hidden; height: 1.2rem; background-color: #e9e9e9; border-radius: .6rem; }

.personal__progress.--walk .inner { display: inline-block; width: 0; height: 100%; background-color: #ffb941; border-radius: .6rem; transition: all .5s; }

.personal__progress.--walk .text-box { height: 3.2rem; }

.personal__progress.--walk .text-box .point { position: absolute; top: 3.2rem; display: block; width: 7rem; font-size: 1.6rem; color: #9a9a9a; text-align: center; }

.personal__progress.--walk .text-box .point::before { content: ''; position: absolute; top: -3.2rem; left: calc(3.5rem - 1.2rem); width: 2.4rem; height: 2.4rem; background-color: #fff; border-radius: 50%; border: 0.6rem solid #e9e9e9; }

.personal__progress.--walk .text-box .point .num { font-weight: 600; }

.personal__progress.--walk .text-box .point:first-child { left: calc(30% - 3.5rem); }

.personal__progress.--walk .text-box .point:nth-child(2) { left: calc(80% - 3.5rem); }

.personal__progress.--walk .text-box .point.is-active { color: #ffb941; }

.personal__progress.--walk .text-box .point.is-active::before { border-color: #ffb941; }

.personal__intro { padding-top: 4.4rem; }

.personal__intro .title-box .title { margin-bottom: 1.6rem; font-size: 2.4rem; }

.personal__intro .title-box .desc { font-size: 1.6rem; line-height: 1.5; word-break: keep-all; }

.personal__certify { padding-top: 3.2rem; }

.personal__certify .title { margin-bottom: 4rem; font-size: 2.2rem; font-weight: normal; line-height: 1.36; }

.personal__certify--list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -2rem; text-align: center; }

.personal__certify--list li { margin: 1rem; width: calc(33.333% - 2rem); }

.personal__certify--list li .control { margin: 0; }

.personal__certify--list label { cursor: pointer; }

.personal__certify--list input[type='radio'] + label { position: relative; padding: 0; }

.personal__certify--list input[type='radio'] + label::after { /* content: ''; */ position: absolute; top: -11px; right: -8px; width: 3.6rem; height: 3.6rem; background-image: url(/assets/images/ico/check_ps_certification.svg); background-size: cover; }

.personal__certify--list input[type='radio']:checked + label::after { content: ''; }

.personal__certify--list .img { width: 8rem; height: 8rem; border-radius: 1.2rem; overflow: hidden; }

.personal__certify--list .img.--border { border: 1px solid #bbb; }

.personal__certify--list .name { display: block; margin-top: 1.2rem; font-size: 1.6rem; text-align: center; }

.personal__checkup--item + .personal__checkup--item::before { content: ''; display: block; height: 0.8rem; margin-top: 4rem; background-color: #f2f2f2; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-left: -2rem; margin-right: -2rem; }

.personal__checkup--detail { padding-top: 3.2rem; }

.personal__checkup--detail .title-box { margin-bottom: 2.8rem; text-align: center; }

.personal__checkup--detail .title-box .title { font-size: 2.4rem; }

.personal__checkup--detail .title-box .desc { margin-top: 1.6rem; font-size: 1.8rem; }

.gray-box { padding: 2.4rem; font-size: 1.6rem; border-radius: 0.8rem; background-color: #f2f2f2; line-height: 1.5; }

.is-nodata { background-color: #f2f2f2; border-radius: .8rem; color: #9a9a9a; font-size: 1.5rem; text-align: center; line-height: 1.5; }

.is-nodata::before { content: ''; display: block; height: 4rem; margin-bottom: .8rem; background-image: url(../images/ico/ico_nodata.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }

.is-nodata .text { display: block; }

.is-nodata .btn { display: inline-block; margin-top: .6rem; font-size: 1.5rem; color: #0a0a0a; }

.is-nodata .btn::after { content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #0a0a0a; }

.is-nodata.--large { padding: 4.7rem 0; }

.is-nodata.--small { padding: .9rem 0; }

.is-nodata.--white { padding: 8.4rem 0; background-color: #fff; }

.is-nodata.is-nobefore::before { display: none; }

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

.bmi__body { margin-top: 1.5rem; }

.bmi__footer { padding: 1.6rem; margin-top: 1.6rem; background-color: #fff; border-radius: .8rem; border: 1px solid #cfcfcf; font-size: 0; }

.bmi__footer li { display: inline-block; width: calc(33.3333% - 1.6rem); font-size: 1.4rem; color: #0a0a0a; margin: .8rem; }

.bmi__footer li::before { content: ''; display: inline-block; width: 1rem; height: 1rem; margin-right: .4rem; background-color: #bbb; border-radius: 50%; }

.bmi__footer li:first-child::before { background-color: #00a972; }

.bmi__footer li:nth-child(2)::before { background-color: #5d93ff; }

.bmi__footer li:nth-child(3)::before { background-color: #fc9a42; }

.bmi__footer li:nth-child(4)::before { background-color: #ff81c4; }

.bmi__footer li:last-child::before { background-color: #ff5d5d; }

.bmi-box .btn__tooltip { display: inline-block; width: 2rem; height: 2rem; margin-left: .2rem; background-image: url(../images/ico/ico_tip2_gray.svg); background-size: cover; }

.bmi-box + .personal__field { margin-top: 1.6rem; }

.bmi__title { font-size: 1.8rem; color: #0a0a0a; font-weight: 400; }

.personal--chart-box .chart__unit { font-size: 1.2rem; color: #bbb; }

.section-inbody { padding-top: 3.2rem; padding-bottom: 4rem; }

.section-inbody .personal__card { box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3); }

.section-inbody .personal__card + .personal__card { margin-top: 1.6rem; }

.section-inbody .inbody-img { display: block; width: 6.5rem; }

.section-inbody .disc { display: -webkit-box; max-height: 6rem; font-size: 1.4rem; color: #636363; line-height: 1.3; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.section-inbody .disc.is-active { max-height: 100%; -webkit-line-clamp: inherit; }

.section-inbody .btn--more { display: flex; margin: 1.2rem auto 0 auto; font-size: 1.5rem; text-decoration: underline; }

.info-essential { text-align: right; font-size: 1.2rem; color: #FF4B4B; }

.info-essential::before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #FF4B4B; transform: translate(-0.4rem, -0.1rem); }

.info-essential + .field { margin-top: 1.6rem; }

.bmi-box.tooltip-wrap { display: block; }

.bmi-box.tooltip-wrap .tooltip-box.is-bottom { left: 144px; }

.bmi-box.tooltip-wrap .tooltip-box.is-bottom::before { left: 30px; }

.inbody .section--sub-title { margin: 3rem 0; }

.inbody .guide-box { padding: 2.4rem; }

.inbody .guide-txt { font-size: 1.4rem; line-height: 1.3; }

.section--sub-title { font-size: 2rem; }

.guide-box { padding: 1rem 1.5rem; border-radius: 0.8rem; background-color: #F2F2F2; }

.guide-txt { font-size: 1.2rem; color: #636363; }

.font-gray { color: #636363; }

#modal-ms-selex .modal__body, #modal-ms-exercise .modal__body { padding-bottom: 13rem; overflow: auto; }

#modal-ms-exercise .exercise__box { margin: -0.8rem -0.8rem 0 -0.8rem; font-size: 0; }

#modal-ms-exercise .exercise__box li { display: inline-block; width: calc(50% - 1.6rem); margin: 0.8rem; border-radius: 0.8rem; border: 1px solid #bbb; }

#modal-ms-exercise .exercise__box button { width: 100%; }

#modal-ms-exercise .exercise__category { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.6rem .4rem; }

#modal-ms-exercise .exercise__img { width: 4.4rem; margin-bottom: 1rem; }

#modal-ms-exercise .exercise__name { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; }

#modal-ms-exercise .exercise__name .tit { overflow: hidden; font-size: 2rem; text-align: center; text-overflow: ellipsis; color: #0a0a0a; }

@media (max-width: 360px) { #modal-ms-exercise .exercise__name { min-height: 4.8rem; } }

.weekly__chice { position: relative; padding-top: 10rem; z-index: 2; }

.weekly__chice .container { padding-top: 1.6rem; padding-bottom: 1.6rem; border: 0; }

.weekly__chice .btn__prev, .weekly__chice .btn__next { min-width: 4rem; background-size: 2rem; background-position: center; background-repeat: no-repeat; border-radius: 0; border: 0; }

.weekly__chice .btn__prev { background-image: url(../images/ico/ico_pre_d.svg); }

.weekly__chice .btn__next { background-image: url(../images/ico/ico_next_d.svg); }

.weekly__chice .btn__next:disabled { cursor: auto; }

.weekly__chice--lists { display: flex; justify-content: space-between; align-items: center; flex: 1; }

.weekly__chice--lists li { flex: 1; margin-left: 1px; }

.weekly__chice--lists li:first-child { margin-left: 0; }

.weekly__chice--lists li.is-active .date__num { color: #fff; background-color: #0a0a0a; }

.weekly__chice--lists li.is-data .date__info .btn::after { background-color: #bbb; }

.weekly__chice--lists li:nth-child(6) .date__text { color: #296df6; }

.weekly__chice--lists li:nth-child(7) .date__text { color: #ff4646; }

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

.weekly__chice .date__info .btn { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; padding: 0; }

.weekly__chice .date__info .btn::after { content: ''; display: block; width: .8rem; height: .8rem; margin-top: .6rem; background-color: transparent; border-radius: 50%; }

.weekly__chice .date__info .btn:disabled { cursor: auto; }

.weekly__chice .date__info .btn:disabled .date__text { color: #ddd !important; }

.weekly__chice .date__info .btn:disabled .date__num { color: #ddd; }

.weekly__chice .date__text { font-size: 1.2rem; color: #636363; }

.weekly__chice .date__num { display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; margin-top: .8rem; border-radius: 50%; font-size: 1.8rem; }

.weekly__chice.is-selex .weekly__chice--lists .is-data .btn::after { background-color: #00a972; }

.weekly__chice.is-health .weekly__chice--lists .is-data .btn::after { background-color: #be85ff; }

.weekly__chice.is-meat .weekly__chice--lists .is-data .btn::after { background-color: #6195ff; }

.weekly__chice.is-walk .weekly__chice--lists .is-data .btn::after { background-color: #ffb941; }

/* 박스형태만 사용 하위로 클래스 태우지 말것! */
.line-box { padding: 2.4rem; border-radius: 1.2rem; border: 1px solid #cfcfcf; background-color: #fff; }

.line-box .title { font-size: 1.8rem; }

.line-box .desc { font-size: 1.6rem; color: #636363; line-height: 1.5; }

.line-box.aaa .title { font-size: 2rem; }

.line-box + .line-box { margin-top: 1.2rem; }

.line-box.--text .title { display: block; width: 100%; margin-bottom: 1.2rem; font-size: 2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.line-box.--text .desc { font-size: 1.8rem; }

.line-box.--title .subject-box { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid #bbb; }

.line-box.--title .subject { font-size: 2rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.line-box.--title .age-desc { font-size: 1.8rem; white-space: nowrap; }

.line-box.--title .age-desc .order { color: #ff4b4b; }

.line-box.--title .text { margin-top: 2rem; }

.line-box.--title .title { display: block; margin-bottom: 1.2rem; font-weight: 600; }

.line-box.--thum { display: flex; align-items: center; }

.line-box.--thum .thum { width: 8rem; height: 8rem; min-width: 8rem; border-radius: 0.8rem; overflow: hidden; }

.line-box.--thum .thum img { -o-object-fit: cover; object-fit: cover; width: 8rem; height: 8rem; }

.line-box.--thum .text { margin-left: 1.2rem; }

.line-box.--thum .title { display: inline-block; margin-bottom: 1.2rem; font-size: 2rem; }

.smbti__result { padding-top: 6rem; background-color: #fff; }

.smbti__result--title { margin-bottom: 2.4rem; text-align: center; }

.smbti__result--title .sub { display: inline-block; margin-bottom: 0.8rem; font-size: 1.4rem; color: #9a9a9a; font-weight: 500; }

.smbti__result--title .title { font-size: 2.4rem; font-weight: normal; }

.smbti__function { text-align: center; }

.smbti__function .product__detail--analysis .analysis--keyword .keyword { padding: 0.4rem 0.8rem 0.4rem 2.6rem; margin: 0.4rem 0.25rem; font-size: 1.4rem; background-position: top 50% left 0.6rem; }

.smbti__info--title { padding-top: 4rem; padding-bottom: 3.2rem; text-align: center; border-bottom: 1px solid #bbb; }

.smbti__info--title .title-box { display: inline-block; /* &::before { content: ''; display: inline-block; width: 2.5rem; height: 1.65rem; background-image: url(/assets/images/quotes_L.svg); background-size: contain; background-repeat: no-repeat; transform: translate(-0.5rem, -0.5rem); opacity: 0.1; } &::after { content: ''; display: inline-block; width: 2.5rem; height: 1.65rem; background-image: url(/assets/images/quotes_R.svg); background-size: contain; background-repeat: no-repeat; transform: translate(0.5rem, -0.5rem); opacity: 0.1; } */ }

.smbti__info--title .title { display: inline-block; margin-bottom: 2rem; font-size: 2.4rem; }

.smbti__info--title .title::after { content: ''; display: block; height: 0.8rem; margin-top: -0.8rem; background-color: #fff127; }

.smbti__info--title .desc { font-size: 2rem; line-height: 1.4; word-break: keep-all; }

.smbti__type--title { margin-bottom: 2rem; font-size: 2.4rem; font-weight: normal; text-align: center; }

.smbti__after--character { width: 12rem; margin: 0 auto; }

.smbti__after .txt-box { margin-top: 0.8rem; text-align: center; }

.smbti__after .txt-box .title { display: inline-block; font-size: 2.2rem; }

.smbti__after .txt-box .title::after { content: ''; display: block; height: 0.8rem; margin-top: -0.8rem; background-color: #fff127; }

.smbti__after .txt-box .desc { margin-top: 1.2rem; font-size: 1.6rem; color: #636363; }

.smbti__after--checkup .title-box { display: flex; align-items: center; padding-bottom: 2.4rem; border-bottom: 1px solid #bbb; }

.smbti__after--checkup .title-box .ico::after { content: ''; display: inline-block; width: 8.4rem; height: 8.4rem; border-radius: 50%; background-color: #f2f2f2; background-size: 4.4rem; background-position: center; background-repeat: no-repeat; }

.smbti__after--checkup .title-box .ico.--age::after { background-image: url(/assets/images/ico/ico_muscle.svg); }

.smbti__after--checkup .title-box .ico.--checkup::after { background-image: url(/assets/images/ico/ico_survey.svg); }

.smbti__after--checkup .title { margin-left: 2.4rem; font-size: 2.2rem; font-weight: normal; text-align: left; word-break: keep-all; }

.smbti__after--checkup .txt { margin-top: 2.4rem; font-size: 1.8rem; line-height: 1.44; text-align: center; word-break: keep-all; }

.smbti__after--age { display: flex; justify-content: space-around; align-items: center; margin-top: 3.2rem; }

.smbti__after--age .figure { position: relative; }

.smbti__after--age .figure::before { content: ''; display: inline-block; border-radius: 50%; }

.smbti__after--age .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.smbti__after--age .desc { display: block; text-align: center; margin-top: 0.8rem; }

.smbti__after--age .healthy-age { margin-right: .5rem; }

.smbti__after--age .healthy-age .figure::before { display: block; padding-top: 100%; }

.smbti__after--age .healthy-age.--normalcy .figure::before { background-color: #00d094; }

.smbti__after--age .healthy-age.--danger .figure::before { background-color: #ff5c5c; }

.smbti__after--age .healthy-age.--great .figure::before { background-color: #6195ff; }

.smbti__after--age .healthy-age .txt { font-size: 2.2rem; color: #fff; }

.smbti__after--age .healthy-age .desc { font-size: 2rem; }

.smbti__after--age .my-age { margin-left: .5rem; }

.smbti__after--age .my-age .figure::before { display: block; padding-top: 100%; background-color: #f2f2f2; }

.smbti__after--age .my-age .txt { font-size: 1.6rem; font-weight: normal; white-space: nowrap; }

.smbti__after--age .my-age .desc { font-size: 1.6rem; }

.date-inquiry { display: flex; justify-content: space-between; align-items: center; position: relative; }

.date-inquiry .btn { padding: 0; }

.date-inquiry .btn-date { width: calc(100% - 5rem); }

.date-inquiry .btn-date .date { font-size: 1.8rem; color: #0a0a0a; }

.date-inquiry .btn-date .date::after { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-left: 0.8rem; background-image: url(/assets/images/ico/ico_input_calendar.svg); background-size: cover; vertical-align: bottom; }

.date-inquiry .btn-prev, .date-inquiry .btn-next { width: 2.4rem; height: 2.4rem; background-size: cover; }

.date-inquiry .btn-prev { background-image: url(/assets/images/ico/ico_pre.svg); }

.date-inquiry .btn-prev:disabled { background-image: url(/assets/images/ico/ico_pre_d.svg); }

.date-inquiry .btn-next { background-image: url(/assets/images/ico/ico_next.svg); }

.date-inquiry .btn-next:disabled { background-image: url(/assets/images/ico/ico_next_d.svg); }

.date-inquiry.is-boxing { justify-content: center; }

.date-inquiry.is-boxing .btn-date { width: auto; padding: 0 2rem; }

.date-inquiry.is-boxing .btn-date .date { display: inline-block; }

.date-inquiry.is-boxing .btn-prev { width: 2.8rem; height: 2.8rem; background-image: url(/assets/images/ico/btn_left.svg); }

.date-inquiry.is-boxing .btn-prev:disabled { opacity: 0.4; }

.date-inquiry.is-boxing .btn-next { width: 2.8rem; height: 2.8rem; background-image: url(/assets/images/ico/btn_right.svg); }

.date-inquiry.is-boxing .btn-next:disabled { opacity: 0.4; }

.date-inquiry .date-choice { overflow: hidden; display: none; position: absolute; top: 3.6rem; left: 0; width: 100%; border: 1px solid #ccc; border-radius: 0.8rem; box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.3); background-color: #fff; z-index: 1; }

.date-inquiry .date-choice.is-active { display: block; }

.date-inquiry .date-choice li:nth-child(odd) { background-color: #f2f2f2; }

.date-inquiry .date-choice .btn { display: block; padding: 1.6rem; background-color: transparent; border: 0; font-size: 1.8rem; color: #0a0a0a; text-align: center; outline: 0; }

.nutrition-guide .title-box { margin-bottom: 2rem; text-align: center; }

.nutrition-guide .title-box .ico { display: inline-block; width: 4.8rem; height: 4.8rem; margin-bottom: 1.2rem; border-radius: 50%; background-color: #f2f2f2; }

.nutrition-guide .title-box .ico::before { content: ''; display: inline-block; width: 2.8rem; height: 2.8rem; background-image: url(/assets/images/ico/ico_nutrition.svg); background-size: cover; transform: translateY(0.8rem); }

.nutrition-guide .title-box .title { font-size: 2rem; }

.nutrition-guide__list .line-box { text-align: center; }

.nutrition-guide__list .title { font-size: 1.8rem; font-weight: normal; }

.nutrition-guide__list .txt { margin-top: 1.2rem; font-size: 1.6rem; color: #636363; word-break: keep-all; line-height: 1.5; }

.sharing { display: flex; justify-content: center; }

.sharing .sharing__ico { display: inline-block; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; }

.sharing .sharing__ico.--link { display: flex; justify-content: center; align-items: center; background-color: #f2f2f2; }

.sharing .sharing__ico.--link img { width: 2rem; }

.sharing .sharing__ico + .sharing__ico { margin-left: 2rem; }

.type-list { margin-top: 2rem; font-size: 0; margin-left: -0.8rem; margin-right: -0.8rem; }

.type-list li { display: inline-block; width: calc(25% - 1.6rem); font-size: 1.4rem; color: #0a0a0a; margin: 0.8rem; white-space: nowrap; }

.type-list li::before { content: ''; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.4rem; border-radius: 50%; }

.type-list li.--yellow::before { background-color: #ffb941; }

.type-list li.--purple::before { background-color: #be85ff; }

.type-list li.--blue::before { background-color: #6195ff; }

.type-list li.--green::before { background-color: #2ccc98; }

.type-list li.--pink::before { background-color: #ff77db; }

.type-list li.--orange::before { background-color: #ff8b8b; }

.type-list li.--lime::before { background-color: #a6c550; }

.type-list li.--danger::before { background-color: #ff5c5c; }

.type-list.is-age { padding: 1.2rem 1.6rem; margin: 2.4rem 0 0; border: 1px solid #cfcfcf; border-radius: .8rem; }

.type-list.is-age li { width: calc(33.33333% - 1.6rem); }

.type-list.is-age li b { margin-right: 1rem; }

.healthy-age__method .title-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.4rem; }

.healthy-age__method .title-box .title { font-size: 2.4rem; font-weight: normal; text-align: left; word-break: keep-all; }

.healthy-age__method .title-box .ico { width: 6rem; margin-left: 1.2rem; }

.healthy-age__method.--checkup .ico { width: 10.8rem; min-width: 10.8rem; }

.healthy-age__method .card-txt { font-size: 1.8rem; color: #636363; line-height: 1.44; }

.healthy-age__intro .join__sign { padding: 3.2rem 0 2.8rem; margin-top: 0; }

.healthy-age__intro .join__sign--step { width: 3.2rem; height: 3.2rem; font-size: 1.6rem; }

.healthy-age__intro .join__sign--title { margin-top: 0.8rem; font-size: 1.4rem; }

.healthy-age__intro .join__sign li::before { border-color: #00a972; }

.healthy-age__intro .text-box { padding-top: 6rem; text-align: center; word-break: keep-all; }

.healthy-age__intro .text-box .ico { display: inline-block; width: 8rem; margin-bottom: 0.8rem; }

.healthy-age__intro .text-box .certify-ico { margin-bottom: 2.8rem; border-radius: 1.2rem; overflow: hidden; }

.healthy-age__intro .text-box .certify-ico.--border { border: 1px solid #bbb; }

.healthy-age__intro .text-box .txt { font-size: 2.2rem; line-height: 1.36; }

.healthy-age__intro .text-box .txt + .txt { margin-top: 2rem; }

.healthy-age__intro .text-box .desc { margin-top: 2rem; font-size: 1.8rem; color: #636363; line-height: 1.44; }

.healthy-age__tab { margin-top: 3.2rem; font-size: 0; }

.healthy-age__tab li + li { margin-left: 1.2rem; }

.healthy-age__tab li { display: inline-block; width: calc(50% - 0.6rem); }

.healthy-age__tab .tab-box { display: flex; flex-direction: column; align-items: center; padding: 2.4rem; border-radius: 1.2rem; color: #636363; background-color: #f2f2f2; }

.healthy-age__tab .tab-box.is-active { border: 1px solid #00a972; color: #0a0a0a; background-color: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); }

.healthy-age__tab .title { margin-bottom: 1rem; font-size: 1.8rem; height: 4.6rem; }

.healthy-age__tab .age { height: 3.6rem; font-size: 1.8rem; }

.healthy-age__tab .age strong { display: inline-block; font-size: 2.4rem; transform: translateY(2px); }

.healthy-age__tab .ico { width: 3.6rem; }

.healthy-age__list { margin-bottom: 4rem; }

.healthy-age__list ul { margin: -0.6rem; font-size: 0; }

.healthy-age__list li { display: inline-block; width: calc(50% - 1.2rem); margin: 0.6rem; }

.healthy-age__list .list-box { display: flex; flex-direction: column; align-items: center; padding: 2rem 0.4rem; border: 1px solid #cfcfcf; border-radius: 1.2rem; }

.healthy-age__list .ico { width: 4rem; }

.healthy-age__list .category { margin-top: 0.4rem; margin-bottom: 1.5rem; font-size: 1.6rem; }

.healthy-age__list .category::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url(/assets/images/ico/ico_next.svg); background-size: cover; transform: translate(2px, 2px); }

.healthy-age__list .age { margin-bottom: 0.8rem; font-size: 1.8rem; }

.healthy-age__list .age strong { display: inline-block; font-size: 2.4rem; transform: translateY(2px); }

.healthy-age__list .state { display: inline-block; padding: 0.5rem 2.6rem; font-size: 1.2rem; color: #fff; border-radius: 1.2rem; }

.healthy-age__list .state.--worst { background-color: #ff5c5c; }

.healthy-age__list .state.--normal { background-color: #2ccc98; }

.healthy-age__list .state.--best { background-color: #6195ff; }

.healthy-age__legend { padding: 2.8rem; margin-top: 1.2rem; border-radius: 1.2rem; background-color: #f2f2f2; }

.healthy-age__legend .title { margin-bottom: 1.6rem; font-size: 1.6rem; font-weight: normal; text-align: center; }

.healthy-age__legend .graph-box { position: relative; padding-bottom: 1.6rem; }

.healthy-age__legend .graph { font-size: 0; color: #fff; }

.healthy-age__legend .graph span { display: inline-block; padding: 0.5rem 0; font-size: 1.2rem; text-align: center; }

.healthy-age__legend .best { width: 20%; border-top-left-radius: 1.2rem; border-bottom-left-radius: 1.2rem; background-color: #6195ff; }

.healthy-age__legend .normal { width: calc(60% - 0.8rem); margin-left: 0.4rem; margin-right: 0.4rem; background-color: #2ccc98; }

.healthy-age__legend .worst { width: 20%; border-top-right-radius: 1.2rem; border-bottom-right-radius: 1.2rem; background-color: #ff5c5c; }

.healthy-age__legend .desc { margin-top: 0.8rem; font-size: 1.4rem; }

.healthy-age__legend .desc span { position: absolute; bottom: 0; /* bottom: -1.6rem; */ }

.healthy-age__legend .minus-15 { left: 0; }

.healthy-age__legend .minus-5 { left: 20%; }

.healthy-age__legend .actual-age { left: 50%; font-weight: 600; transform: translateX(-50%); }

.healthy-age__legend .plus-5 { right: 20%; }

.healthy-age__legend .plus-15 { right: 0; }

.healthy-age__change { margin-top: 4rem; }

.healthy-age__change .section-title { color: #0a0a0a; }

.healthy-age__change .btn-arrow { font-size: 1.5rem; color: #9a9a9a; margin-right: -1.6rem; }

.healthy-age__change .btn-arrow::after { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: 0.3rem; background-image: url(/assets/images/ico/ico_next_gray.svg); background-size: cover; transform: translateY(1px); }

.healthy-age__change .btn-arrow.--green { color: #00a972; padding: 0.45rem 1.6rem; border: 0; }

.healthy-age__change .btn-arrow.--green::after { background-image: url(/assets/images/ico/ico_next_green.svg); }

.healthy-age__change .result { padding: 2.4rem; font-size: 1.8rem; border-radius: 1.2rem; background-color: #f2f2f2; line-height: 1.44; word-break: keep-all; }

.healthy-age__comparison { margin-top: 3.2rem; }

.healthy-age__comparison .title { margin-bottom: 2rem; font-size: 1.9rem; font-weight: normal; }

.healthy-age__comparison .comparison-list li + li { margin-top: 0.8rem; }

.healthy-age__comparison .list-box { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 1.6rem; border-radius: 0.8rem; border: 1px solid #cfcfcf; }

.healthy-age__comparison .thum { display: flex; align-items: center; }

.healthy-age__comparison .ico { width: 2rem; }

.healthy-age__comparison .txt { margin-left: 0.4rem; margin-right: 0.6rem; font-size: 1.6rem; }

.healthy-age__comparison .badge { display: inline-block; width: 6rem; padding: 0.5rem 0.4rem; font-size: 1.2rem; font-weight: 500; color: #fff; border-radius: 1.6rem; text-align: center; }

.healthy-age__comparison .badge.--best { background-color: #6195ff; }

.healthy-age__comparison .badge.--worst { background-color: #ff5c5c; }

.healthy-age__comparison .age { font-size: 1.6rem; }

.healthy-age__comparison .age::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url(/assets/images/ico/ico_next.svg); background-size: cover; transform: translateY(2px); }

.healthy-age__comparison .age strong { display: inline-block; font-size: 2rem; transform: translateY(1px); }

.healthy-age__detail .section-title + .tooltip__btn::after { transform: translateY(3px); opacity: 0.3; }

.healthy-age__detail .state { display: inline-block; width: 7.3rem; padding: 0.5rem; font-size: 1.2rem; color: #fff; border-radius: 1.2rem; text-align: center; }

.healthy-age__detail .state.--worst { background-color: #ff4b4b; }

.healthy-age__detail .state.--best { background-color: #6195ff; }

.healthy-age__detail .state.--normal { background-color: #2ccc98; }

.healthy-age__detail .age-box { display: flex; justify-content: space-between; align-items: center; margin-top: 1.2rem; padding: 2.4rem; border-radius: 1.2rem; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

.healthy-age__detail .age-box .ico { width: 5.2rem; }

.healthy-age__detail .age-box .age { font-size: 1.8rem; text-align: right; }

.healthy-age__detail .age-box .age strong { display: inline-block; font-size: 2.4rem; }

.healthy-age__detail .age-box .desc { margin-top: 0.4rem; font-size: 1.6rem; text-align: right; }

.healthy-age__detail .age-box .desc .--short { font-weight: 600; color: #296df6; }

.healthy-age__detail .age-box .desc .--short::before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url(/assets/images/ico/ico_g_down.svg); background-size: cover; transform: translate(-3px, 3px); }

.healthy-age__detail .age-box .desc .--older { font-weight: 600; color: #ff4b4b; }

.healthy-age__detail .age-box .desc .--older::before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url(/assets/images/ico/ico_g_up.svg); background-size: cover; transform: translate(-3px, 3px); }

.healthy-age__detail--guide { margin-top: 6rem; }

.healthy-age__detail--guide .section-title { color: #0a0a0a; }

.healthy-age__detail--guide .accordion__btn { padding-right: 2rem; font-size: 1.8rem; }

.healthy-age__detail--guide .detail__info--desc { font-size: 1.6rem; line-height: 1.63; }

.section-title { margin-bottom: 2rem; font-size: 2.2rem; font-weight: normal; }

.exercise-guide .line-box { padding: 0; border-radius: 0; border: 0; }

.exercise-guide .list-btn { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 2.4rem; border-radius: 1.2rem; border: 1px solid #cfcfcf; }

.exercise-guide .txt { text-align: left; }

.exercise-guide .type { display: block; margin-bottom: 1.2rem; font-size: 1.6rem; color: #00a972; }

.exercise-guide .name { font-size: 2rem; font-weight: 600; color: #0a0a0a; }

.exercise-guide .name::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url(/assets/images/ico/ico_next.svg); background-size: cover; transform: translate(6px, 2px); }

.exercise-guide .ico { width: 5.2rem; }

.caution { font-size: 1.2rem; color: #636363; }

.caution::before { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background-image: url(/assets/images/ico/ico_caution.svg); background-size: cover; transform: translate(0px, 4px); }

.nutrient-list { margin: -0.4rem; font-size: 0; }

.nutrient-list li { display: inline-block; margin: 0.4rem; }

.nutrient-list .list-wrap { padding: 0.6rem 1.2rem; border-radius: 1.6rem; background-color: #2ccc98; }

.nutrient-list .txt { font-size: 1.6rem; font-weight: 600; color: #fff; }

.scroll__view { max-width: 100vw; margin-left: -2rem; margin-right: -2rem; overflow: hidden; }

.deficiency-swiper { padding-left: 2rem; padding-right: 2rem; margin-left: -2rem; margin-right: -2rem; }

.deficiency-list .list-wrap { display: flex; flex-direction: column; align-items: center; padding: 2.4rem 0.4rem; border-radius: 1.2rem; border: 1px solid #cfcfcf; }

.deficiency-list .title { margin-bottom: 1.2rem; font-size: 1.8rem; font-weight: 600; }

.deficiency-list .title.--worst { color: #ff4b4b; }

.deficiency-list .title.--good { color: #00a972; }

.deficiency-list .desc { font-size: 1.6rem; }

.deficiency-list .ico { width: 4.8rem; margin-top: 2.4rem; }

.nutrient__progress--list li + li { margin-top: 1.6rem; }

.nutrient__progress--list .list-box { display: flex; align-items: center; }

.nutrient__progress--list .title { width: 6.4rem; margin: 0; font-size: 1.5rem; font-weight: 600; text-align: left; }

.nutrient__progress--list .progress-outer { width: calc(100% - 16.4rem); height: 1.2rem; position: relative; border-radius: 0.6rem; background-color: #e9e9e9; overflow: hidden; }

.nutrient__progress--list .progress-inner { height: inherit; position: absolute; top: 0; left: 0; border-radius: 0.6rem; }

.nutrient__progress--list .progress-inner.is-overflow { background-color: #ff4b4b; }

.nutrient__progress--list .progress-inner.is-adequate { background-color: #2ccc98; }

.nutrient__progress--list .progress-inner.is-shortage { background-color: #ffb941; }

.nutrient__progress--list .amount { width: 12rem; font-size: 1.5rem; color: #9a9a9a; text-align: right; }

.nutrient__progress--list .intake { color: #0a0a0a; }

.bubble__chart--title, .bubble__chart--point { font-size: 22px; }

@media (max-width: 380px) { .bubble__chart--title, .bubble__chart--point { font-size: 18px; } }

@media (max-width: 340px) { .bubble__chart--title, .bubble__chart--point { font-size: 16px; } }

@media (max-width: 400px) { .personal__point--contents .text-box .desc .block { display: block; } }

.progress__loading { text-align: center; }

.progress__loading .circle { fill: none; }

.progress__loading .circle-back { stroke: #f2f2f2; stroke-width: 12px; }

.progress__loading .circle-front { transform: rotate(270deg); stroke: #00a972; stroke-width: 12px; stroke-linecap: round; /* -webkit-stroke-dasharray: 629px; -webkit-stroke-dashoffset: 629px; */ stroke-dasharray: 629px; stroke-dashoffset: 629px; -webkit-animation: loading 3s ease; animation: loading 3s ease; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes loading { 50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -629px; } }

@keyframes loading { 50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -629px; } }

.smbti__result--character { position: relative; display: block; padding-bottom: 2.8rem; background-color: #fff; padding-top: 3.2rem; }

.smbti__result--character img { display: block; width: 21.2rem; margin: 0 auto; position: relative; z-index: 1; }

.smbti__result--character::after { content: ''; position: absolute; width: 100%; left: 0; height: 32rem; bottom: -19rem; background-image: url(../images/bg/bg_personal_character.svg); background-size: cover; }

@media (max-width: 400px) { .personal__card .is-inline { display: block; } }

@media (max-width: 380px) { .personal__card .circle { margin: 0 auto; width: 13rem; height: 13rem; }
  .personal__card .thumb img { max-height: 13rem; } }

#bubbleChart { width: 100%; max-width: 56rem; background: transparent; margin: 0 auto; }

#bubbleChart path { stroke: transparent !important; fill-opacity: 1 !important; }

#bubbleChart .highcharts-data-label span { text-align: center; }

@media (max-width: 500px) { .type-list.is-age li { width: calc(100% - 1.6rem); } }

@media (max-width: 400px) { .type-list li { width: calc(33.333% - 1.6rem); } }

.title-box.--personal .desc { font-size: 1.6rem; color: #bbb; }

.title-box.--personal .desc b { font-weight: 400; color: #636363; }

.title-box.--personal .title { margin-top: 1.2rem; font-size: 2.4rem; font-weight: 400; color: #0a0a0a; }

.title-box.--personal .title b { font-weight: 600; }

.title-box.--personal .subtitle { margin-top: 1.6rem; font-size: 1.6rem; color: #0a0a0a; }

.prograss.__personal--top .outer { position: relative; height: .4rem; background-color: #f2f2f2; overflow: hidden; }

.prograss.__personal--top .inner { display: inline-block; position: absolute; top: 0; left: 0; height: 100%; background-color: #2ccc98; transition: .2s ease; }

.survey--wrap { min-height: calc(100vh - 5.2rem); }

.survey__count { color: #bbb; font-size: 1.6reml; }

.survey__list { margin-top: 4.8rem; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }

.survey__list.is-flex { font-size: 0; margin-left: -1.6rem; margin-right: -1.6rem; }

.survey__list.is-flex .survey__item { width: calc(50% - 1.2rem); display: inline-block; margin: 0.6rem; }

.survey__list.is-flex .survey__item.is-widthfull { width: calc(100% - 1.2rem); }

.survey__list.is-flex .survey__item:last-child { width: calc(100% - 1.2rem); }

.survey__item + .survey__item { margin-top: 1.2rem; }

.survey__item.--weight .control::after { content: 'kg'; font-size: 2rem; text-align: right; color: #bbb; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.survey__item.--round .control::after { content: '인치'; font-size: 2rem; text-align: right; color: #bbb; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.survey__item.--stature .control::after { content: 'cm'; font-size: 2rem; text-align: right; color: #bbb; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.survey--card { position: relative; z-index: 1; height: 100%; }

.survey--card .control { height: 100%; }

.survey--card input[type="radio"] + label { position: relative; border-radius: 1.2rem; padding-left: 0; color: #9a9a9a; padding: 2rem; background-color: #f2f2f2; border: 1px solid transparent; height: 100%; display: flex; align-items: center; }

.survey--card input[type="radio"] + label::after { content: ''; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); width: 2.8rem; height: 2.8rem; background-color: #bbb; box-shadow: 0 0 0 1px #bbb; border-radius: 50%; border: 7px solid #fff; }

.survey--card input[type="radio"]:checked + label { color: #0a0a0a; background-color: #fff; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); border-color: #00a972; }

.survey--card input[type="radio"]:checked + label::after { background-color: #00a972; box-shadow: 0 0 0 1px #00a972; }

.survey--card input[type="checkbox"] { position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0); }

.survey--card input[type="checkbox"] + label { position: relative; border-radius: 1.2rem; padding-left: 0; color: #9a9a9a; padding: 2rem; background-color: #f2f2f2; border: 1px solid transparent; height: 100%; display: flex; align-items: center; }

.survey--card input[type="checkbox"] + label::before { display: none; }

.survey--card input[type="checkbox"] + label::after { content: ''; position: absolute; left: auto; right: 2rem; top: 50%; transform: translateY(-50%); width: 3.2rem; height: 3.2rem; background-image: url(/assets/images/ico/ico_per_check.svg); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0; background-color: transparent; }

.survey--card input[type="checkbox"]:checked + label { color: #0a0a0a; background-color: #fff; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); border-color: #00a972; }

.survey--card input[type="checkbox"]:checked + label::after { background-image: url(/assets/images/ico/ico_per_check_p.svg); }

.survey--card input[type="text"] { padding: 1.2rem 0.8rem; font-size: 2.4rem; font-weight: bold; }

.survey--card input[type="text"]::-moz-placeholder { font-weight: 400; }

.survey--card input[type="text"]:-ms-input-placeholder { font-weight: 400; }

.survey--card input[type="text"]::placeholder { font-weight: 400; }

.survey--card p { width: calc(100% - 4rem); line-height: 2.6rem; font-size: 1.8rem; word-break: keep-all; }

.view--pc .survey--card input[type="checkbox"] + label:hover { color: #0a0a0a; background-color: #fff; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); border-color: #00a972; }

.view--pc .survey--card input[type="checkbox"] + label:hover::after { background-image: url(/assets/images/ico/ico_per_check_p.svg); }

.view--pc .survey--card input[type="radio"] + label:hover { color: #0a0a0a; background-color: #fff; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); border-color: #00a972; }

.view--pc .survey--card input[type="radio"] + label:hover::after { background-color: #00a972; box-shadow: 0 0 0 1px #00a972; }

.personal__loading .thumb { width: 12rem; height: 12rem; margin: auto; margin-top: 8rem; }

.personal__loading .prograss { margin-top: 2rem; }

.personal__loading .prograss .outer { position: relative; height: 1.2rem; background-color: #f2f2f2; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; overflow: hidden; }

.personal__loading .prograss .inner { display: inline-block; position: absolute; top: 0; left: 0; height: 100%; background-color: #2ccc98; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; transition: .1s ease; }

.personal__loading .text { display: flex; justify-content: space-between; margin-top: 2rem; font-size: 1.8rem; color: #0a0a0a; }

.btn-box--fixed.is-flex { display: flex; justify-content: space-around; }

.btn-box--fixed.is-flex > .btn { flex: 1; }

.progress__loading { position: relative; display: flex; justify-content: center; }

.progress__loading .thumb { width: 8rem; height: 8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.progress__loading canvas { transform: rotate(45deg); }

.text-box.intro__info { text-align: center; }

.text-box.intro__info .txt { font-size: 2.2rem; line-height: 1.36; word-break: keep-all; }

.text-box.intro__info .desc { margin-top: 2rem; font-size: 1.8rem; color: #636363; line-height: 1.44; }

.title.is-alone { font-size: 2rem; color: #0a0a0a; }

.text-box.is-alone { margin-top: 2rem; font-size: 1.8rem; color: #0a0a0a; line-height: 2.8rem; }

.text-box.is-alone .block { display: block; word-break: keep-all; }

.text-box.is-alone .block + .block { margin-top: 2rem; }

.prograss.__personal--top { position: fixed; top: 4.8rem; width: 100%; max-width: 64rem; height: .4rem; z-index: 3; }

.personal__card .card-title.link { display: block; width: calc(100% - 3rem); position: relative; }

.personal__card .card-title.link::after { content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background-image: url(/assets/images/ico/ico_next.svg); text-align: right; position: absolute; top: 50%; right: -3rem; transform: translateY(-50%); }

.personal__card .card-title.--graph { font-size: 2rem; }

.personal__card .card-title.--graph b { color: #00a972; font-weight: 600; }

@media (max-width: 340px) { .survey--card input[type="radio"] + label, .survey--card input[type="checkbox"] + label { padding: 1.4rem; }
  .survey--card input[type="text"] { font-size: 1.6rem; }
  .survey--card input[type="text"]::-moz-placeholder { font-size: 1.6rem; }
  .survey--card input[type="text"]:-ms-input-placeholder { font-size: 1.6rem; }
  .survey--card input[type="text"]::placeholder { font-size: 1.6rem; }
  .survey--card p { font-size: 1.4rem; width: calc(100% - 3rem); }
  .survey--card input[type="checkbox"] + label::after { right: 1rem; }
  .survey__item .control::after { font-size: 1.4rem !important; } }

.examination__item + .examination__item { margin-top: 5rem; }

.examination-result { margin-top: 1rem; }

.examination-result--detail { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }

.examination-result .current { display: inline-block; height: 2.4rem; border-radius: 1.2rem; font-size: 1.2rem; color: #fff; line-height: 2; width: 9rem; text-align: center; }

.examination-result .current.--greatA { background-color: #6195ff; }

.examination-result .current.--greatB { background-color: #00a972; }

.examination-result .current.--warning { background-color: #ff4b4b; }

.examination-result .shame { margin-right: .4rem; font-size: 1.8rem; color: #9a9a9a; }

.examination-result .shame em { color: #0a0a0a; }

.examination-result .title { display: inline-block; min-width: 10rem; margin-right: .4rem; font-size: 1.8rem; color: #0a0a0a; }

.examination-result.--info { padding: 2.4rem; margin-top: 1.6rem; background-color: #f2f2f2; border-radius: .8rem; }

.examination-result.--info .title { font-size: 1.8rem; color: #0a0a0a; }

.examination-result.--info .desc { font-size: 1.4rem; color: #636363; display: block; margin-top: .8rem; }

.examination-result.--info .list { margin-top: 2rem; }

.examination-result.--info .list li { display: flex; justify-content: flex-start; align-items: flex-start; }

.examination-result.--info .list li .current { margin-right: 1.6rem; }

.examination-result.--info .list li .text { width: calc(100% - 10.6rem); font-size: 1.5rem; color: #0a0a0a; line-height: 2.4rem; word-break: keep-all; }

.examination-result.--info .list li + li { margin-top: .8rem; }

@media (max-width: 400px) { .examination-result .title { display: block; }
  .examination-result .shame { margin-top: .6rem; display: block; } }

.title-box.--alone { display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; padding-bottom: 1rem; }

.title-box.--alone .date { font-size: 2rem; font-weight: 600; color: #0a0a0a; }

.title-box.--alone .title { font-size: 2rem; font-weight: 600; color: #0a0a0a; }

.title-box.--alone .link { display: flex; justify-content: flex-start; align-items: center; font-size: 1.4rem; color: #0a0a0a; }

.title-box.--alone .link::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; background-image: url(/assets/images/ico/ico_arrow_r.svg); background-size: cover; margin-left: .2rem; }

.medical-checkup--list > li + li { margin-top: 3.2rem; }

.medical-checkup--list .card { overflow: hidden; border: 1px solid #cfcfcf; border-radius: .8rem; }

.medical-checkup--list .card__title { padding: 1.6rem 2rem; background-color: #f2f2f2; color: #0a0a0a; font-size: 1.6rem; line-height: 1.6rem; }

.medical-checkup--list .card__desc { margin: 0; padding: 1.6rem 2rem; font-size: 1.6rem; line-height: 1.6rem; }

.personal__card.date-box { display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3); }

.personal__card.date-box .date { display: flex; justify-content: flex-start; align-items: center; font-size: 2rem; font-weight: 600; color: #0a0a0a; }

.personal__card.date-box .date::before { content: ''; display: block; margin-right: .8rem; width: 2.4rem; height: 2.4rem; background-image: url(../images/ico/ico_input_calendar.svg); background-size: cover; background-position: center; background-repeat: no-repeat; }

.personal__card.date-box .division { padding: .5rem 1.6rem; border-radius: 2.4rem; background-color: #e9e9e9; font-size: 1.2rem; color: #0a0a0a; white-space: nowrap; }

.order__policy--disc.new > span { display: block; word-break: keep-all; font-size: 1.4rem; }

.order__policy--disc.new > span + span { margin-top: 1rem; }

.order__policy--disc.new .link-wrap { text-align: right; }

.order__policy--disc.new .link { margin-top: 2rem; display: inline-block; text-align: right; text-decoration: underline; color: #0a0a0a; }

.example__body { display: block; background-color: #fff; }

.example_wrap { margin-left: 240px; margin-top: 50px; }

.example__header { position: fixed; left: 0; top: 0; width: 100%; max-height: 50px; z-index: 2; background-color: var(--primary-700); }

.example__header--nav li { display: inline-block; }

.example__header--nav li a { display: inline-block; color: #fff; line-height: 30px; font-size: 1.6rem; padding: 0 15px; }

.example__header--nav li + li { margin-left: 10px; }

.example__header--container { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; }

.example__logo { font-size: 25px; }

.example__logo a { color: #fff; }

.example__aside { position: fixed; top: 50px; left: 0; bottom: 0; z-index: 2; width: 240px; overflow: hidden; background: #fff; border-right: 1px solid #ddd; padding: 50px 0; }

.example__aside--title { display: block; position: relative; overflow: hidden; font-size: 18px; color: #222; font-weight: 400; padding: 0 40px; }

.example__lnb { margin-top: 20px; overflow: auto; height: calc(100vh - 190px); }

.example__lnb::-webkit-scrollbar { width: 0; transition: width .2s ease-in-out; -webkit-transition: width .2s ease-in-out; margin-right: -20px; }

.example__lnb:hover::-webkit-scrollbar { width: 8px; transition: width .2s ease-in-out; -webkit-transition: width .2s ease-in-out; }

.example__lnb:hover::-webkit-scrollbar-track { background-color: transparent; border-radius: 4px; }

.example__lnb:hover::-webkit-scrollbar-thumb { background-color: rgba(173, 181, 189, 0.5); border-radius: 4px; }

.example__lnb--link { position: relative; display: block; overflow: hidden; padding: 6px 40px; font-size: 14px; color: #777; line-height: 1.8; }

.example__main { padding-bottom: 4rem; }

.example__main--title { font-size: 30px; font-weight: normal; padding: 50px 30px 10px; }

.example__container { padding: 0 30px; overflow: hidden; }

.example__container + .example__container { margin-top: 40px; }

.example__container + .example__container::before { content: ''; display: block; height: 8px; background-color: var(--neutral-100); margin-left: -30px; margin-right: -30px; }

.example__container--header { border-bottom: 1px solid #eee; }

.example__container--title { font-size: 18px; font-weight: normal; padding: 30px 0 10px; }

.example__container--desc { font-size: 14px; }

.example__container--body { position: relative; padding: 10px 0; margin-top: 15px; }

.example__row { display: flex; flex-wrap: wrap; }

.example__col { flex: 1 0 0%; }

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

.example__chart-box .title { margin-top: 2rem; font-size: 2rem; text-align: center; }

.example--h3 { font-size: 2rem; margin-bottom: 1rem; }

.guide__color-box { width: 100%; }

.guide__color-box + .guide__color-box { margin-top: 6rem; }

.guide__color-list { margin-top: 20px; display: flex; }

.guide__color-list li { width: 20rem; display: flex; align-items: center; }

.guide__color-list__thumb.color-swich { width: 50px; height: 50px; border-radius: 4px; }

.guide__color-list__thumb.color-swich.bg-primary--grenen { background-color: var(--selex--green); }

.guide__color-list__thumb.color-swich.bg-primary--yellow { background-color: var(--selex--yellow); }

.guide__color-list__thumb.color-swich.bg-primary--blue { background-color: var(--selex--blue); }

.guide__color-list__thumb.color-swich.bg-gray--600 { background-color: var(--selex--gray-600); }

.guide__color-list__thumb.color-swich.bg-gray--500 { background-color: var(--selex--gray-500); }

.guide__color-list__thumb.color-swich.bg-gray--400 { background-color: var(--selex--gray-400); }

.guide__color-list__thumb.color-swich.bg-gray--300 { background-color: var(--selex--gray-300); }

.guide__color-list__thumb.color-swich.bg-gray--200 { background-color: var(--selex--gray-200); }

.guide__color-list__thumb.color-swich.bg-gray--100 { background-color: var(--selex--gray-100); }

.guide__color-list__thumb.color-swich.bg-danger { background-color: var(--selex--danger); }

.guide__color-list__thumb.color-swich.bg-sucesse { background-color: var(--selex--sucesse); }

.guide__color-list__desc { margin-left: 12px; }

.guide__color-list__desc .title { color: #212134; font-size: 1.6rem; }

.guide__color-list__desc span { display: block; margin-top: 4px; font-size: 1.4rem; color: #666687; line-height: 16px; }

.guide__color-list.btn-swich-box { display: flex; justify-content: flex-start; align-items: center; }

.guide__color-list.btn-swich-box li + li { margin-top: 0; margin-left: 6px; }

.font-size-xxxl { font-size: var(--selex-xxxl); }

.font-size-xxl { font-size: var(--selex-xxl); }

.font-size-xl { font-size: var(--selex-xl); }

.font-size-lg { font-size: var(--selex-lg); }

.font-size-md { font-size: var(--selex-md); }

.font-size-sm { font-size: var(--selex-sm); }

.font-size-xs { font-size: var(--selex-xs); }

.font-size-xxs { font-size: var(--selex-xxs); }

.font-size-xxxs { font-size: var(--selex-xxxs); }

.app-lead { border-top: 0; z-index: 5; padding-top: 6.8rem; position: relative; }

.app-lead__title { display: block; color: #00a972; font-size: 14px; font-weight: bold; line-height: 20px; }

.app-lead__text { display: block; color: #616161; font-weight: 400; margin-top: 2px; font-size: 14px; }

.app-lead__link { display: block; position: relative; max-width: 768px; margin: 0 auto; padding: 15px 0; }

.app-lead__btn { position: absolute; top: 50%; right: 16px; padding: 0 8px; margin-top: -14px; border-radius: 6px; background-color: #00a972; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 28px; }

.app-lead .container { position: fixed; top: 0; z-index: 4; width: 100%; background-color: #fff; transition: .3s; transform: translateY(0); }

.app-lead .container::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #dcdcdc; }

.app-lead.is-up .container { transform: translateY(-6.8rem); }

.view--pc .app-lead { max-width: 640px; }

.card-box { overflow: hidden; position: relative; padding: 2rem; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.3); }

.card-box.no-shadow { box-shadow: none; border: 1px solid #bbb; }

.card-box.card--main .card__title { margin-bottom: 1.6rem; font-size: 2.1rem; line-height: 2.8rem; }

.card-box.card--mission .card__title { font-size: 1.6rem; font-weight: 400; }

.card__header { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; z-index: 2; }

.card__info { overflow: hidden; width: calc(100% - 2rem); font-size: 1.3rem; font-weight: 700; color: #636363; white-space: nowrap; text-overflow: ellipsis; }

.card__more { width: 2rem; height: 2rem; background-image: url(../images//ico/ico_more.svg); background-size: cover; background-repeat: no-repeat; }

.card__more.is-text { width: auto; height: auto; background-image: none; color: #0a0a0a; }

.card__more.is-bold { font-size: 1.6rem; font-weight: 700; }

.card__body { position: relative; z-index: 2; }

.card__body .calorie-tip__lists { margin-top: 1.6rem; font-size: 1.4rem; color: #0a0a0a; }

.card__body .calorie-tip__lists li + li { margin-top: .8rem; }

.card__body + .card__footer { margin-top: 1.7rem; }

.card__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: keep-all; overflow: hidden; color: #0a0a0a; }

.card__title b { font-weight: bold; }

.card__title.title--icon::before { content: ''; display: inline-block; width: 2rem; height: 2rem; margin-right: .4rem; background-color: transparent; background-position: center; background-size: cover; background-repeat: no-repeat; vertical-align: middle; }

.card__title.title--icon.calorie-tip::before { background-image: url(../images/ico/ico_chart.svg); }

.card__desc { overflow: hidden; max-height: 6.9rem; font-size: 1.6rem; color: #0a0a0a; line-height: 2.3rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.card__desc b { font-weight: bold; }

.card__thumb { font-size: 0; }

.card__footer img { position: absolute; bottom: 2rem; right: 2rem; width: auto; max-height: 10rem; }

.card--smbti { padding-bottom: 5.4rem; }

.card--magazine .card__thumb { margin: -2rem -2rem 2rem; }

.card--banner .card__thumb { margin: -2rem; }

.card--banner .card__info { color: #fff; }

.card--banner .card__more { background-image: url(../images//ico/ico_more2.svg); }

.card--banner .card__title { color: #fff; }

@media (max-width: 379px) { .card__footer img { max-height: 8.4rem; } }

.card__content--absolute { position: absolute; top: 2rem; left: 2rem; right: 2rem; }

.card--reveiw .product__thumb { width: 4.8rem; }

.card--reveiw .product__info { align-items: center; flex-direction: inherit; width: calc(100% - 4.8rem); }

.splash-box { height: 100vh; background-image: url(../images/@dummy/@splash.jpg); background-size: cover; -webkit-animation: splashBg 15s ease-in-out infinite alternate; animation: splashBg 15s ease-in-out infinite alternate; display: flex; justify-content: center; align-items: center; }

.splash-title { font-size: 40px; font-weight: 700; color: #fff; }

.splash-loading { margin-top: 10px; }

@-webkit-keyframes splashBg { from { background-position: 40% center; }
  to { background-position: right center; } }

@keyframes splashBg { from { background-position: 40% center; }
  to { background-position: right center; } }

.progress-box { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; height: 8px; }

.progress-box .cancel { margin-top: 8px; font-size: 12px; color: #dcdce4; text-align: center; }

.progress-box .cancel i { margin-left: 8px; color: #212134; }

.progress-box.small { height: 4px; }

.progress-outer { overflow: hidden; position: relative; width: 100%; height: 100%; background: #eaeaef; border-radius: 8px; }

.progress-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #5e5e66; border-radius: 8px; }

.header--draft { position: fixed; background-color: #fff; width: 100%; height: 120px; overflow: hidden; }

.header--draft .info { margin-bottom: 16px; padding-left: 2rem; padding-right: 2rem; }

.header--draft .info a { text-decoration: underline; }

.header--draft .info span { display: block; font-size: 1.1rem; }

.header--draft .info span + span { margin-top: .2rem; }

.header--draft .info em { display: inline-block; min-width: 4rem; }

.body--draft { padding-top: 120px; }

.wrap.draft { position: relative; }

.wrap.draft .header { z-index: 4; }

.wrap.draft .header--shop { padding-top: 0; }

.wrap.draft .header--shop.is-detail .container { background-color: #fff; }

.wrap.draft .header .btn--barcode { background-color: #0a0a0a; }

.wrap.draft .floating-box { display: flex; flex-wrap: wrap; max-width: 5.6rem; right: 1.6rem; }

.wrap.draft .tabs__btn { font-size: 1.6rem; color: #636363; }

.wrap.draft .tabs__btn.is-active { color: #0a0a0a; border-color: #0a0a0a; }

.wrap.draft .tabs.tabs--top.is-active { z-index: 4; }

.wrap.draft .table-box { max-height: calc(100vh - 60px); overflow-y: auto; border-top: 2px solid #000; border-bottom: 1px solid #000; margin-top: -2px; }

.wrap.draft .table-box.is-fixed { border-bottom: 0; padding-top: 0; margin-top: 0; }

.wrap.draft .table th { background-color: #F2F2F2; }

.wrap.draft .table th, .wrap.draft .table td { padding: 10px 2%; font-size: 1.2rem; vertical-align: middle; text-align: center; }

.wrap.draft .table .is-border th, .wrap.draft .table .is-border td { border-bottom: 1px solid #0a0a0a; }

.wrap.draft .table .is-bg th, .wrap.draft .table .is-bg td { background-color: #eafbe7; }

.wrap.draft .tableTitle { font-size: 1.4rem; font-weight: 700; padding: 6px 20px; margin-top: 10px; color: #00a972; }

.wrap.draft .complete { color: #0788da; text-decoration: underline; font-weight: 500; }

.wrap.draft .plan { color: #ff5722; }

.wrap.draft .table .dev__title-box { background-color: #00a972; color: #fff; font-weight: 600; text-align: left; font-size: 1.4rem; }

.development { position: fixed; top: 0; left: 0; right: 0; background-color: #444; z-index: 999; text-align: right; height: 40px; display: flex; justify-content: flex-end; align-items: center; }

.btn--development { position: relative; /* display: block; */ /* width: 100%; */ padding: 6px 30px 6px 20px; color: #fff; color: #444; font-size: 1.6rem; text-align: right; /* height: 40px; */ background: #fff; border-radius: 10px; vertical-align: middle; margin-right: 4px; }

.btn--development::after { position: absolute; right: 20px; top: calc(50% - 2px); content: ''; width: 8px; height: 8px; border-top: 2px solid #444; border-right: 2px solid #444; transform: rotate(45deg) translateY(-50%); }

.main.draft { padding-bottom: 7rem !important; background-color: #f2f2f2; }

.main.draft--shop { padding-bottom: 6rem !important; }

.historyBack { position: fixed; top: 10px; right: 10px; display: inline-block; width: 20px; height: 20px; z-index: 9999; }

.code-img { margin-top: 2rem; font-size: 0; text-align: center; }

.code-img li { display: inline-block; width: calc(50% - 1.5rem); text-align: center; }

.code-img li + li { margin-left: 1.5rem; }

.code-img .img { display: inline-block; width: 100%; max-width: 25rem; min-width: 17rem; }

@media (max-width: 380px) { .code-img li { display: block; width: 100%; }
  .code-img li + li { margin-left: 0; }
  .code-img .img { width: 17rem; } }

.agreement__box { height: 100%; padding: 2rem; margin-top: 2rem; background-color: #fff; border-radius: .8rem; border: 1px solid #bbb; }

.agreement__box .txt { overflow: auto; max-height: calc(100vh - 28rem); font-size: 1.4rem; color: #0a0a0a; line-height: 1.8; word-break: keep-all; }

.agreement__box.terms .txt { max-height: calc(100vh - 25.6rem); }

.main.page-error { padding-top: 0; padding-bottom: 0; height: 100vh; }

.main.page-error .title-box { padding-top: 13.2rem; text-align: center; }

.main.page-error .title-box::before { content: ''; display: inline-block; margin: auto; width: 6.6rem; height: 6.6rem; background-image: url(/assets/images/ico/ico_nodata_black.svg); background-size: cover; }

.main.page-error .title { margin-top: 2rem; font-size: 2.2rem; color: #0a0a0a; line-height: 1.36; }

.main.page-error .msg { margin-top: 2rem; font-size: 1.8rem; text-align: center; color: #636363; line-height: 1.44; }

.main.page-loading { padding-top: 0; padding-bottom: 0; height: 100vh; }

.page-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7; background-color: rgba(0, 0, 0, 0.7); }

.page-loading .icon { width: 10rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 1280px) { .page-loading .icon { transform: translate(270%, -50%); } }

/* 0830 이수현 작업 start */
/* 공통으로 사용 가능한 style 정의 start */
.btn-link.gray { color: #bbbbbb; }

.btn-link.dk-gray { color: #666; }

.btn-link::after { content: ''; display: block; height: 1px; background-color: #bbbbbb; }

.btn-link.remove_underline::after { content: none; display: none; height: 0px;}
/* 공통으로 사용 가능한 style end */

.app-down-modal div{
  text-align: center;
}

.use_desktop .app-down-header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009959;
  border-top-left-radius: 2.13rem;
  border-top-right-radius: 2.13rem;
}

.use_mobile .app-down-header{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009959;
  border-top-left-radius: 3.13rem;
  border-top-right-radius: 3.13rem;
  height: 7rem;
}

.use_desktop .app-down-header .selex_ico{
  width: 6rem !important;
  height: 80% !important;
}

.use_mobile .app-down-header .selex_ico{
  width: 7rem !important;
  height: 7rem !important;
}

.use_desktop .app-down-header .emphasis{
  color: white;
  font-size: 2.7rem;
  font-weight: 700;
  padding-left: 1rem;
}

.use_mobile .app-down-header .emphasis{
  color: white;
  font-size: 2.2rem;
  font-weight: 500;
}


.use_desktop .app-down-header .qr_code_ico{
  width: 13.6rem !important;
  height: 13.6rem !important;
}

.app-down-modal-description{
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 400;
}

.app-down-modal-main-description{
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  padding-left: 3rem;
  text-align: left;
}

.app-down-modal-main-description-m{
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 1rem;
  text-align: left;
}


.app-down-modal-main-contents .contents-main-box .contents-text .app-down-modal-main-description + .app-down-modal-main-description {
  display: block;
  margin-top: 1rem;
}


.green-typography {
  color: #009959;
}

.app-down-modal-main-contents{
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-down-modal-checkbox{
  width: 24px;
  height: 24px;
}

.app-down-ico {  
  margin-top: 0rem;
}

.app-down-ico img{
  width: 10rem;
  height: 10rem;
}

.use_desktop .contents-main-box{
  display: flex;
  flex-direction: row;
}

.use_mobile .contents-main-box{
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-down-modal .contents-text-box .contents-text{
  color: #0A0A0A;
  text-align: center;
  /* font-family: Noto Sans KR; */
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 27px */
  letter-spacing: -0.4px;
}

.app-down-modal .contents-text .emphasis{
  font-weight: 700;
}

.app-down-modal .contents-text-box{
  margin-top: 2.88rem;
  margin-bottom: 1.38rem;
}

.app-down-modal .button-box{
  margin-top: 2.8rem;
  height: 5.72rem;
  padding-left: 2.2rem;
  padding-right: 2.22rem;
}

.app-down-modal .button-box button{
  border-radius: 6.5203rem;
}

.app-down-modal .link-box{
  margin-top: 1.2rem;
  margin-bottom: 2.4rem;
  color: #BBB;
}

.use_desktop .app-down-ico .selex_ico{
  width: 6rem !important;
  height: 3.8407rem !important;
}

.use_desktop .app-down-ico .qr_code_ico{
  width: 13.6rem !important;
  height: 13.6rem !important;
}

.app-down-modal .use_desktop .contents-text-box{
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}

.app-down-modal .use_desktop .link-box{
  margin-top: 2rem;
  margin-bottom: 4.7rem;
}

.profile__info .profile__info--rate .ico.grade_ico{
  width: 5.8rem;
  height: 1.6rem;
}

.invite_info_banner {
  border-radius: 0.8rem; 
  background: #E9E4D6;
  height: 8.6rem;
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  cursor: pointer;
}

.invite_info_banner .text_area{
  width: auto;
  height: 4.6rem;
  color: #635945;
	/* font-family: Inter; */
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.036rem;
  margin-top: 2.2rem;
  margin-left: 2.2rem;
  margin-bottom: 1.8rem;
}

.invite_info_banner .text_area{
  width: auto;
  height: 4.6rem;
  color: #635945;
	/* font-family: Inter; */
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.036rem;
  margin-top: 2.2rem;
  margin-left: 2.2rem;
  margin-bottom: 1.8rem;
}

.invite_info_banner .icon_area{
  margin-top: 0.8rem;
  margin-right: 2.6rem;
  margin-bottom: 0.8rem;
}

.profile__list .list-wrap .count{
  color: #4BA676;
  text-align: right;
  /* font-family: Inter; */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.mt-58{
  margin-top: 5.8rem !important;
}

.grade_info_box{
  width: 100%;
  /* height: 31.4rem; */
  flex-shrink: 0;
  padding-top: 3.4rem;
}

.family_grade{
  background: #00A972;
}

.vip_grade{
  background: #9148D9;
}

.vvip_grade{
  background: #222;
}

.grade_info_box .grade_txt_area{
  color: #FFF;
  text-align: center;
  /* font-family: Inter; */
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.44rem;
}

.grade_info_box .user_info_txt_area{
  color: #FFF;
  text-align: center;
  /* font-family: Noto Sans KR; */
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
}

.grade_info_box .user_info_txt_area em{
  font-weight: 700;
}

.family_grade.grade_info_box .user_grade_description{
  color: rgba(255, 255, 255, 0.70);
}

.vip_grade.grade_info_box .user_grade_description{
  color: #D4B9EE;
}

.vvip_grade.grade_info_box .user_grade_description{
  color: #BCBCBC;
}

.grade_info_box .user_grade_description{  
  text-align: center;
  /* font-family: Inter; */
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.028rem;
}

.grade_info_box .my_benefits_box{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 2.5rem;
  border-radius: 1rem 1rem 0rem 0rem;
  display: grid;
  justify-content: center;
  padding-top: 2rem;
  padding-left: 2.3rem;
  padding-right: 2.4rem;
  padding-bottom: 0.6rem;  
}

.grade_progress_info_box{
  padding-top: 3.4rem;
}

.grade_progress_info_box .grade_progress_info_txt{
  text-align: center;
  margin-bottom: 2.1rem;
  color: #0A0A0A;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.036rem;
}

.grade_progress_info_box .grade_progress_info_txt .grade{
  font-weight: 700;
}

.family_grade .my_benefits_box{
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0rem -1rem 1.4rem 0rem rgba(3, 143, 98, 0.35);  
}

.vip_grade .my_benefits_box{
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0px -10px 14px 0px rgba(150, 11, 172, 0.15);
}

.vvip_grade .my_benefits_box{
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0px -10px 14px 0px rgba(10, 10, 10, 0.15);
}

.my_benefits_box .benefit_list{
  min-width: 50%;
  /* max-width: 16rem; */
  /* min-width: 50%; */
  display: flex;  
  width: 31rem;  
}

.my_benefits_box .banner__list-row{
  display: flex;
  width: 31rem;  
}

.grade_info_box .benefit_list .circle{
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 5rem;
  background: #FFF;
  text-align: center;
  line-height: 4.8rem;
  margin-bottom: 0.9rem;
}

.grade_info_box .benefit_list .circle span{
  text-align: center;
  /* font-family: Inter; */
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;  
}

.vip_grade.grade_info_box .benefit_list .circle{
  color: #661BB0;
}

.grade_info_box .benefit_list .benefit_txt{
  line-height: 4.8rem;
}

.family_grade .benefit_list .circle span{
  color: #039767;
}

.vvip_grade .benefit_list .benefit_txt{
  color: #FFF;
}

.vip_grade .benefit_list .benefit_txt{
  color: #FFF;
}

.benefit_list .benefit_txt{
  margin-left: 0.7rem;
  color: #FFF;
  /* font-family: Noto Sans KR; */
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4.8rem;
  letter-spacing: -0.032rem;  
}

.grade_banner__list{
  padding-left: 2rem; 
  padding-right: 2rem;
}

.grade_banner__card .banner_head{  
  height: 8rem;
  border-radius: 0rem 2.8rem 0rem 0rem;    
  display: flex;
  justify-content: space-between;
  padding-left: 3rem;
  padding-right: 3.1rem;
}

.grade_banner__card{
  margin-bottom: 3rem;
}

.grade_banner__list .grade_banner__card .title{
  color: #FFF;
  font-family: Inter;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 8rem;
}

.grade_banner__list .grade_banner__card .family_grade .sub_title{
  color: #A3E0CC;
}

.grade_banner__list .grade_banner__card .vip_grade .sub_title{
  color: #D4B9EE;
}

.grade_banner__list .grade_banner__card .vvip_grade .sub_title{
  color: #BCBCBC;
}

.grade_banner__list .grade_banner__card .sub_title{  
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  text-align: right;
  /* font-family: Noto Sans KR; */
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  /* line-height: 2.88rem; */
  letter-spacing: -0.032rem;  
}

.grade_banner__list .grade_banner__card .benefit__list-wrap{
  padding-left: 1rem;
  padding-top: 1.7rem;
}

.grade_banner__list .benefit__list-wrap .ico.benefit_ico{
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1.2rem;
}

.grade_banner__list .benefit__list-wrap li{
  display: flex;  
  line-height: 2.8rem;
  color: #0A0A0A;
  /* font-family: Noto Sans KR; */
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;  
  margin-bottom: 1.4rem;
}

.grade_banner__list .benefit__list-wrap li:last-child{
  margin-bottom: 0;
}

.grade_benefits_box{
  padding-top: 6.1rem;
}

.grade_benefits_box .grade_info_txt{
  padding-left: 4rem;
  padding-right: 3rem;
  color: #999;
  /* font-family: Noto Sans KR; */
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;  
  letter-spacing: -0.032rem;
}

.grade_benefits_box .grade_info_txt li{
  margin-bottom: 1.6rem;
  list-style: disc;
}

.grade_benefits_box .grade_info_txt{
  padding-bottom: 7.7rem;
}

.selex_benefits_box{
  background: #DEEAE3; 
  padding-right: 2rem;
  padding-left: 2rem;
  padding-top: 5rem;
  padding-bottom: 2.7rem;
}

.selex_benefits_box .selex_benefit_info--card{
  border-radius: 1rem;
  background: #FFF;
  text-align: center;
  padding-top: 3.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 2rem;
}

.selex_benefit_info--card .title{
  color: #0A0A0A;
  /* font-family: Noto Sans KR; */
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.048rem;
  margin-bottom: 1.6rem;
}

.selex_benefit_info--card .sub_title{
  color: #0A0A0A;
  text-align: center;
  /* font-family: Noto Sans KR; */
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.24rem;
  letter-spacing: -0.036rem;
  margin-bottom: 2.4rem;
}

.selex_benefits_box .selex_benefits_description{
  color: #999;
  text-align: center;
  /* font-family: Noto Sans KR; */
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  /* line-height: 135%; 21.6px */
  letter-spacing: -0.032rem;
}

.selex_benefits_box .selex_benefit_info--card button {
  width: 100%;
  height: 6.4rem;  
  margin-bottom: 2rem;

  color: #00A972;
  text-align: center;
  /* font-family: Inter; */
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.036rem;
}

.anchor_area{
  text-align: center;
  margin-bottom: 1.8rem;
}

.anchor_title{
  color: #0A0A0A;  
  /* font-family: 'Noto Sans KR'; */
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.anchor_subtitle{
  color: #0A0A0A;
  text-align: center;
  /* font-family: 'Noto Sans KR'; */
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 2.7rem;
}

.grade_progress_bar--container{
  padding-left: 2rem;
  padding-right: 2rem;
}

.grade_progress_bar--container .step-2{
  left: calc( 50% - 2rem);
}

.grade_progress_bar--container .step-3{
  left: calc( 100% - 4rem);
}

.grade_progress_bar--container .progress_circle{
  z-index: 1;
}

.grade_progress_bar--container .progress_check{
  z-index: 2;
  width: 1.1rem; 
  margin-left: 0.4rem;
}

.grade_progress_info_box .vip_grade_present_info{
  color: #0A0A0A;
  text-align: center;  
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.036rem;
  height: 5rem;
  border-radius: 5px;
  border: 1px solid #DDD;
  background: #FFF;
  margin-left: 2rem;
  margin-right: 2rem;
  line-height: 5rem;
}

.grade_progress_info_box .grade_progress_bar--container{
  height: auto;
  margin-bottom: 2.1rem;
}

.grade_progress_bar--container .progress_bar_area{
  height: 2rem;
  margin-bottom: 0.6rem;
}

.grade_progress_bar--container img{
  position: absolute;
  width: 2rem;
  height: 2rem;
}

.grade_progress_info_box .grade_progress_bar--container .progressbar_default_bar{
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  position: absolute;
  border-radius: 1rem;
  width: calc( 100% - 5rem );
  height: 8px;
  background-color: #dddddd;
}

.grade_progress_info_box .grade_progress_bar--container .progressbar_active{
  width: 0%;
  height: 8px;
  background-color: #00a972;
}

.grade_progress_bar--container .progress_text_area{
  display: flex;  
  height: 4.7rem;
}

.progress_text_area .grade{
  color: #999;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.progress_text_area .price{
  color: #999;
  text-align: center;  
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.032rem;
}

.progress_text_area .vip{
  position: absolute;
  left: calc( 50% - 3.5rem);
}

.progress_text_area .vvip{
  left: calc( 100% - 6.5rem);
  position: absolute;
}

.dotted-line-box {
  padding-bottom: 2rem;
  border-bottom: 1px dotted #ccc;
}

.msg__box {
  padding: 1.5rem 2rem;
  border-radius: 0.6rem;
}

.msg__box .txt { 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 1.6rem;
  word-break: break-all;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.msg__box.--yellow { background-color: #F9F7F2; }

#gift .container + .container {
  margin-top: 2rem;
}

/* .grade_progress_bar--container .circle{
  width: 2rem;
  height: 2rem;
  stroke: #00A972;
} */

.healthy-age__card--wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 3rem 2rem;
}

.healthy-age__card .icon {
  width: 40%;
  max-width: 20rem;
}

.healthy-age__card .txt .age {
  font-size: 3.4rem;
  font-weight: 700;
}

.healthy-age__card .txt .desc {
  margin: 1.3rem 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}

.healthy-age__card .txt .actual-age {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}

.healthy-age__card .txt .final-medical-check {
  display: block;
  font-size: 1.4rem;
}

.healthy-age__card.--very-good { background-color: #D1F7D5; }

.healthy-age__card.--very-good .final-medical-check { color:#51C690; }

.healthy-age__card.--good { background-color: #D4F8FD; }

.healthy-age__card.--good .final-medical-check { color:#61BAE5; }

.healthy-age__card.--bad { background-color: #FDEBE4; }

.healthy-age__card.--bad .final-medical-check { color:#F28D5F; }

.healthy-age__card.--very-bad { background-color: #E8E3FD; }

.healthy-age__card.--very-bad .final-medical-check { color:#9A80EF; }

@media (min-width:450px) {
  .healthy-age__card--wrap { justify-content: center; }

  .healthy-age__card .txt { margin-left: 3rem; }
}

@media (max-width:350px) {
  .healthy-age__card .txt .age { font-size: 3rem; }

  .healthy-age__card .txt .desc { font-size: 1.7rem; margin: 0.8rem 0;}

  .healthy-age__card .txt .actual-age { margin-bottom: 1rem; }

  .health-age__detail--list .list-wrap .text-box .title { display: block; }
}

.healthy-age__graph .type-list li::before {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1.2rem;    
}

.healthy-age__graph .type-list li.very-good::before { background-color: #97E9A0; }

.healthy-age__graph .type-list li.good::before { background-color: #78E4F3; }

.healthy-age__graph .type-list li.bad::before { background-color: #FF9567; }

.healthy-age__graph .type-list li.very-bad::before { background-color: #D783FF; }

.healthy-age__graph .btn--line--gray {
  font-size: 1.4rem;
  width: auto;
  padding: 1rem 1.5rem;
  border-color: #ddd !important;
}

.renewal.healty-age .is-section-contour::after { margin-top: 2rem; }

.renewal.healty-age .font--very-good { color: #03A369; }

.renewal.healty-age .font--good { color: #1D61E4; }

.renewal.healty-age .font--bad { color: #F35C17; }

.renewal.healty-age .font--very-bad { color: #734CF0; }

.health-age__detail--list li + li { margin-top:1.5rem; }

.health-age__detail--list .list-wrap {
  padding: 1.5rem 2rem 3rem 2rem;
  border-radius: 0.8rem;
  border: 1px solid #d7d7d7;
}

.health-age__detail--list .list-wrap .text-box .title { display: inline-block; }

.health-age__detail--list .nutrition-info .title { font-size: 1.8rem; font-weight: 700; }

.health-age__detail--list .nutrition-info .desc { margin-top: 1rem; font-size: 1.6rem; color: #666; line-height: 1.5; }

.healthy-age__proposal .title__box { margin-bottom: 1.5rem; }

.healthy-age__proposal .title__box .btn { margin-right: -1.6rem; }

.healthy-age__proposal .nutrient-desc { font-size: 1.6rem; }
 
.healthy-age__proposal .msg__list { font-size: 1.4rem; color: #9a9a9a; }

.healthy-age__proposal .msg__list li::before { background-color: #9a9a9a; }

.proposal-list .list-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.2rem 0.4rem;
  border-radius: 0.8rem;
  border: 1px solid #d7d7d7;
}

.proposal-swiper {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
}

.proposal-list .ico { width: 5.4rem; }

.proposal-list .text-area { margin-top: 1.3rem; text-align: center; }

.proposal-list .text-area .text { font-size: 1.8rem; line-height: 1.3; }

.proposal-list .text-area b { font-weight: 800; }

.renewal .nutrient-list { margin: -0.2rem; }

.renewal .nutrient-list li { margin: 0.2rem; }

.renewal .nutrient-list .list-wrap { background-color: #DFF4F1; }

.renewal .nutrient-list .txt { font-size:1.4rem; font-weight: normal; color: #0a0a0a; }

.modal__health-age li + li { margin-top: 3rem; }

.modal__health-age .title { margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 700; }

.modal__health-age .txt { font-size: 1.6rem; color: #666; line-height: 1.5; }

/* 상품 최대할인가 작업할때 적용한 스타일과 중복
   최대할인가 또는 퍼스널셀렉스 결과페이지 변경 중 한가지 배포 되면
   중복되는 스타일은 제거 */
.modal__scroll-box {
  height: 100%;
  overflow: scroll;
  padding-bottom: 7rem;
}
/* border-radius: 50px;
background: #FFF; */
/*# sourceMappingURL=style.css.map */
.coupon-choice.mypage__deli-address {
  padding-bottom: 5rem;
}

.health-age__radar .label, .health-age__radar .label-age {
  font-size: 1.5rem;
  font-weight: 700;
}

.health-age__radar--chart {
  display: flex;
  justify-content: center;
}

.health-age__radar--label.is-side {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.health-age__radar--label .desc{
  margin-top: 0.2rem;
  font-size: 1.2rem;
  color: #666;
  text-align: center;
}

.health-age__radar--area { width:300px; height: 300px; }

@media (max-width:500px){
  .health-age__radar--area { width:250px; height: 250px; }
}

@media (max-width:440px){
  .health-age__radar--area { width:200px; height: 200px; }
}

@media (max-width:390px){
  .health-age__radar .label-age {
    display: block;
  }
  
  .health-age__radar--label {
    text-align: center;
  }

  .health-age__radar--area { width:150px; height: 150px; }
}

#healthAgeInfoModal .modal__header--close { display: block; }


/* 2024 설선물세트 이벤트 페이지 */
@font-face { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; src: local('SCDream5'), url('../fonts/SCDream4.woff') format('woff'), url('../fonts/SCDream4.woff') format('woff'); }

@font-face { font-family: 'NanumMyeongjo'; font-style: normal; font-weight: 400; src: local('NanumMyeongjo'), url('../fonts/NanumMyeongjo.woff') format('woff'), url('../fonts/NanumMyeongjo.woff') format('woff'); }

.lunar-gift-2024 .header-logo {
  padding: 1.2rem;
}

.lunar-gift-2024 .header-logo .selex {
  width: 5rem;
}

.lunar-gift-2024 .list-top .title {
  padding: 0 2rem 1.2rem 2rem;
  text-align: center;
  font-size: 4rem;
  font-family: 'S-Core Dream';
  color: #009D67;
  word-break: keep-all;
}

@media (max-width:500px){
  .lunar-gift-2024 .list-top .title {
    font-size: 3rem;
  }
}

.lunar-gift-2024 .purchase-info {
  margin-top: 1.4rem;
  text-align: center;
}

.lunar-gift-2024 .purchase-info .title {
  font-size: 2rem;
  word-break: keep-all;
}

.lunar-gift-2024 .purchase-info .desc {
  margin-top: 1.2rem;
  font-size: 1.6rem;
}

.lunar-gift-2024 .purchase-info .info-individual {
  padding: 1.4rem;
  color: #fff;
  background-color: #009D67;
}

.lunar-gift-2024 .purchase-info .info-bulk {
  margin-top: 1rem;
  padding: 1.4rem;
  border: 1px solid #009D67;
}

.lunar-gift-2024 .purchase-info .info-bulk li::before {
  content: '';
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.4rem;
  border-radius: 1rem;
  background-color: #474747;
  vertical-align: middle;
}

.lunar-gift-2024 .purchase-info .info-bulk li + li {
  margin-top: 0.6rem;
}

.lunar-gift-2024 .purchase-info .info-bulk .font-blue {
  color: #2B38AE;
}

.lunar-gift-2024 .order-btn {
  padding: 0 0.6rem;
  margin-top: 2rem;
}

.lunar-gift-2024 .order-guidance {
  width: 100%;
  padding: 2rem 0.5rem;
  margin-bottom: 0.4rem;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 1rem;
  background-color: #FB5842;
}

.lunar-gift-2024 .btn-panel {
  display: flex;
}

.lunar-gift-2024 .btn-panel li {
  width: calc(100% - 33%);
  text-align: center;
  border-radius: 1rem;
}

.lunar-gift-2024 .btn-panel li + li {
  margin-left: 0.4rem;
}

.lunar-gift-2024 .btn-panel .btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 10rem;
  padding: 1rem;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  white-space: inherit;
  word-break: keep-all;
  line-height: 1.3;
  border-radius: 1rem;
}

.lunar-gift-2024 .btn-panel .btn-naver {
  background-color: #4EC969;
}

.lunar-gift-2024 .btn-panel .btn-naver span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
}

.lunar-gift-2024 .btn-panel .btn-selex {
  background-color: #009D67;
}

.lunar-gift-2024 .btn-panel .btn-call {
  flex-direction: row;
  color: #000;
  background-color: #F6D278;
}

.lunar-gift-2024 .btn-panel .btn-call::before {
  content: '';
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  background-image: url(../images/ico/ico_call.svg);
  background-size: cover;
}

@media (max-width:515px){
  .lunar-gift-2024 .btn-panel .btn {
    height: 12.4rem;
  }

  .lunar-gift-2024 .btn-panel .btn-call {
    flex-direction: column;
  }
}

.lunar-gift-2024 .product-list-wrap {
  padding: 5rem 1.2rem 2rem 1.2rem;
}

.lunar-gift-2024 .product-list-wrap::before {
  display: block;
  content: '';
  width: 100%;
  height: 70px;
  background-image: url(../images/event/2024_lunar_gift/product_list_border_top.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.lunar-gift-2024 .product-list-wrap::after {
  display: block;
  content: '';
  width: 100%;
  height: 70px;
  background-image: url(../images/event/2024_lunar_gift/product_list_border_bottom.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.lunar-gift-2024 .product-list-wrap .list-title {
  margin-bottom: 2rem;
  font-size: 3rem;
  font-family: 'NanumMyeongjo';
  color: #8A6262;
  text-align: center;
}

.lunar-gift-2024 .product-list li {
  display: flex;
  padding: 2.5rem 0 2.5rem 0;
}

.lunar-gift-2024 .product-list li + li {
  border-top: 1px solid #009D67;
}

.lunar-gift-2024 .product-list .product-wrap {
  display: flex;
  width: 50%;
} 

.lunar-gift-2024 .product-list .product-wrap + .product-wrap {
  margin-left: 0.8rem;
}

.lunar-gift-2024 .product-list .product-wrap .num {
  font-size: 2.2rem;
  font-weight: 600;
  color: #009D67;
}

.lunar-gift-2024 .product-list .product-wrap .product {
  flex: 1;
}

.lunar-gift-2024 .product-list .product-wrap .thum {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
}

.lunar-gift-2024 .product-list .product-wrap .thum img {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
}

.lunar-gift-2024 .product-list .product-wrap .thum::after {
  content: '';
  display: block;
  padding-top: 100%;
}

.lunar-gift-2024 .product-list .text-box .only-call {
  max-width: 25rem;
  padding: 0.4rem 1.2rem;
  margin-bottom: 1rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #222;
  text-align: center;
  background-color: #F6D278;
}

.lunar-gift-2024 .product-list .text-box .title {
  margin-bottom: 0.6rem;
  font-size: 1.8rem;
  font-weight: 500;
}

.lunar-gift-2024 .product-list .text-box .price del {
  display: inline-block;
  margin-right: 0.8rem;
  font-size: 1.4rem;
  color: #757575;
}

.lunar-gift-2024 .product-list .text-box .price .dcprice {
  font-size: 1.8rem;
  color: #009D67;
}

.lunar-gift-2024 .product-list .text-box .desc , .lunar-gift-2024 .product-list .text-box .msg {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #5C5C5C;
}

.lunar-gift-2024 .product-list .text-box .msg {
  font-weight: 500;
}

@media (max-width:400px){
  .lunar-gift-2024 .product-list li {
    display: block;
    padding: 0;
  }

  .lunar-gift-2024 .product-list .product-wrap {
    width: 100%;
    display: block;
    padding: 2.5rem 0 2.5rem 0;
  }

  .lunar-gift-2024 .product-list .product-wrap + .product-wrap {
    margin-left: 0;
    border-top: 1px solid #009D67;
  }

  .lunar-gift-2024 .product-list .text-box .only-call {
    max-width: 100%;
  }
}

/* 2024 가정의달 페이지 */

/* 2024 설선물세트 이벤트 페이지 */
@font-face { font-family: 'S-Core Dream'; font-style: normal; font-weight: 400; src: local('SCDream5'), url('../fonts/SCDream4.woff') format('woff'), url('../fonts/SCDream4.woff') format('woff'); }

@font-face { font-family: 'NanumMyeongjo'; font-style: normal; font-weight: 400; src: local('NanumMyeongjo'), url('../fonts/NanumMyeongjo.woff') format('woff'), url('../fonts/NanumMyeongjo.woff') format('woff'); }

.family-gift-2024 .header-logo {
  padding: 1.2rem;
}

.family-gift-2024 .header-logo .selex {
  width: 5rem;
}

.family-gift-2024 .list-top .title {
  padding: 0 2rem 1.2rem 2rem;
  text-align: center;
  font-size: 4rem;
  font-family: 'S-Core Dream';
  color: #009D67;
  word-break: keep-all;
}

@media (max-width:500px){
  .family-gift-2024 .list-top .title {
    font-size: 3rem;
  }
}

.family-gift-2024 .purchase-info {
  margin-top: 1.4rem;
  text-align: center;
}

.family-gift-2024 .purchase-info .title {
  font-size: 2.5rem;
  word-break: keep-all;
}

.family-gift-2024 .purchase-info .desc {
  margin-top: 0.5rem;
  font-size: 1.6rem;
}

.family-gift-2024 .purchase-info .info-individual {
  padding: 1rem;
  color: #fff;
  background-color: #49B650;
}

.family-gift-2024 .purchase-info .info-bulk {
  margin-top: 1rem;
  padding: 1.4rem;
  border: 1px solid #49B650;
}

.family-gift-2024 .purchase-info .info-bulk li::before {
  content: '';
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.4rem;
  border-radius: 1rem;
  background-color: #474747;
  vertical-align: middle;
}

.family-gift-2024 .purchase-info .info-bulk li + li {
  margin-top: 0.6rem;
}

.family-gift-2024 .purchase-info .info-bulk .font-blue {
  color: #2B38AE;
}

.family-gift-2024 .order-btn {
  padding: 0 0.6rem;
  margin-top: 2rem;
}

.family-gift-2024 .order-guidance {
  width: 100%;
  padding: 2rem 0.5rem;
  margin-bottom: 0.4rem;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border-radius: 1rem;
  background-color: #FF3E51;
}

.family-gift-2024 .btn-panel {
  display: flex;
}

.family-gift-2024 .btn-panel li {
  width: calc(100% - 33%);
  text-align: center;
  border-radius: 1rem;
}

.family-gift-2024 .btn-panel li + li {
  margin-left: 0.4rem;
}

.family-gift-2024 .btn-panel .btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 10rem;
  padding: 1rem;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  white-space: inherit;
  word-break: keep-all;
  line-height: 1.3;
  border-radius: 1rem;
}

.family-gift-2024 .btn-panel .btn-naver {
  background-color: #4EC969;
}

.family-gift-2024 .btn-panel .btn-naver span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
}

.family-gift-2024 .btn-panel .btn-selex {
  background-color: #009D67;
}

.family-gift-2024 .btn-panel .btn-call {
  flex-direction: row;
  color: #000;
  background-color: #F26C7F;
}

.family-gift-2024 .btn-panel .btn-call::before {
  content: '';
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  background-image: url(../images/event/2024_family_month/call.svg);
  background-size: cover;
}

@media (max-width:515px){
  .family-gift-2024 .btn-panel .btn {
    height: 12.4rem;
  }

  .family-gift-2024 .btn-panel .btn-call {
    flex-direction: column;
  }
}

.family-gift-2024 .product-list-wrap {
  padding: 2rem 1.2rem 2rem 1.2rem;
}

.family-gift-2024 .product-list-wrap::before {
  /*display: block;*/
  /*content: '';*/
  /*width: 100%;*/
  /*height: 70px;*/
  /*background-image: url(../images/event/2024_lunar_gift/product_list_border_top.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: contain;*/
}

.family-gift-2024 .product-list-wrap::after {
  /*display: block;*/
  /*content: '';*/
  /*width: 100%;*/
  /*height: 70px;*/
  /*background-image: url(../images/event/2024_lunar_gift/product_list_border_bottom.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: contain;*/
}

.family-gift-2024 .product-list-wrap .list-title {
  margin-bottom: 2rem;
  font-size: 4rem;
  font-weight: 400;
  color: #8A6262;
  text-align: center;
}

.family-gift-2024 .product-list li {
  display: flex;
  padding: 2.5rem 0 2.5rem 0;
}

.family-gift-2024 .product-list li + li {
  border-top: 1px solid #009D67;
}

.family-gift-2024 .product-list .product-wrap {
  display: flex;
  width: 50%;
}

.family-gift-2024 .product-list .product-wrap + .product-wrap {
  margin-left: 0.8rem;
}

.family-gift-2024 .product-list .product-wrap .num {
  font-size: 2.6rem;
  font-weight: 600;
  color: #009D67;
}

.family-gift-2024 .product-list .product-wrap .product {
  flex: 1;
}

.family-gift-2024 .product-list .product-wrap .thum {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  vertical-align: top;
}


.family-gift-2024 .product-list .product-wrap .thum img {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.family-gift-2024 .product-list .product-wrap .thum::after {
  content: '';
  display: block;
  padding-top: 100%;
}

.family-gift-2024 .product-list .text-box {
  transform: translateY(-2rem);
}

.family-gift-2024 .product-list .text-box .only-call {
  max-width: 25rem;
  padding: 0.4rem 1.2rem;
  margin-bottom: 1rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #222;
  text-align: center;
  background-color: #F6D278;
}

.family-gift-2024 .product-list .text-box .title {
  margin-bottom: 0.6rem;
  font-size: 1.8rem;
  font-weight: 500;
}

.family-gift-2024 .product-list .text-box .price del {
  display: inline-block;
  margin-right: 0.8rem;
  font-size: 1.4rem;
  color: #757575;
}

.family-gift-2024 .product-list .text-box .price .dcprice {
  font-size: 1.8rem;
  color: #009D67;
}

.family-gift-2024 .product-list .text-box .desc , .family-gift-2024 .product-list .text-box .msg {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #5C5C5C;
}

.family-gift-2024 .product-list .text-box .msg {
  font-weight: 400;
}

@media (max-width:400px){
  .family-gift-2024 .product-list li {
    display: block;
    padding: 0;
  }

  .family-gift-2024 .product-list .product-wrap {
    width: 100%;
    display: block;
    padding: 2.5rem 0 2.5rem 0;
  }

  .family-gift-2024 .product-list .product-wrap + .product-wrap {
    margin-left: 0;
    border-top: 1px solid #009D67;
  }

  .family-gift-2024 .product-list .text-box .only-call {
    max-width: 100%;
  }
}


#selexAppQR .modal__header {
  padding-bottom: 0;
  border: 0;
}

#selexAppQR .modal__logo {
  width: 8rem;
  display: inline-block;
}

#selexAppQR .qr-code {
  width: 22rem;
  margin: 2rem auto 0 auto;
}

#selexAppQR #alertSelexAppId2 {
  display: block;
  text-align: center;
}

#modalReview .modal__title {
  padding: 0;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: left;
  line-height: normal;
}

#modalReview .modal__header + .modal__body {
  margin-top: 1.2rem;
}

#modalReview .modal__body .desc {
  margin-bottom: 2.5rem;
  text-align: left;
}

#modalReview .modal__footer .btn {
  padding: 1.5rem 0;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

#modalReview .modal__footer .btn-link {
  margin: 0;
}

#modalReview .modal__footer .btn-link::after {
  display: none;
}

.font-gray:hover{
  color: #636363;
}

.is-multiple .product__title--number {
  display: inline-block;
  margin-top: 1rem;
  font-size: 1.7rem;
}

#addCard {
  position: relative;
  height: 100%;
}

#addCard form, #addCard fieldset {
  height: 100%;
}

#addCard .modal__con-box {
  position: relative;
  display: flex;
  flex-direction: column;
}

#addCard .order__policy--wrap  {
  padding: 0 2rem 12rem 2rem;
}

.payment_card {
  padding: 2.4rem 2rem;
  background-color: #fff;
}

.payment_card.is-none {
  display: none;
}

.payment_card .select--line--black {
  text-align: left;
}

.payment_card .select--line--black.is-none {
  display:none;
}

.payment_card .select--line--black.is-required .text::after {
  content: '*';
  margin-left: 0.4rem;
  color: #FF4B4B;
  font-size: 16px;
}

.payment_card .select--line--black.is-quota:disabled, .selexpay-quota .select--line--black:disabled {
  color: #9a9a9a;
  background-image: url(../images/ico/ico_arrow_down_gray.svg);
}

.payment_card .select--line--black + .select--line--black {
  margin-top: 1rem;
}

.msg__list.font-red li::before {
  background-color: #FF4B4B;
}

.payment_card .msg__list li + li {
  margin-top: 0.4rem;
}

#paymentCard .modal__body, #quotaModal .modal__body, #selexPayQuotaModal .modal__body {
  max-height: 50vh;
  overflow-y: scroll;
}

#payMethodSectionId .order__content::after {
  background-color: #fff;
}

#payMethodSectionId .msg__list {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}

#payMethodSectionId .msg__list li {
  margin-left: 1rem;
}

#payMethodSectionId .msg__list li::before {
  top: 0.8rem;
  left: -0.8rem;
  width: .3rem;
  height: .3rem;
}

.order__payment-method .general-payment {
  background-color: #fff;
}

.order__selex-pay--wrap .selex-card-wrap {
  border-radius: 2rem;
  box-shadow: 0 2px 10px rgba(33, 33, 33, 0.25);
  background: #fff;
}

.order__selex-pay--wrap .selex-card-wrap .selex-card-box {
  padding: 2rem;
}

.order__selex-pay--wrap .selex-card-wrap .selexpay-quota {
  padding: 1.2rem 2rem 2rem 2rem;
  border-top: 1px solid #f2f2f2;
}

.order__selex-pay--wrap .selex-card-wrap .selexpay-quota .select--line--black {
  padding: 1.2rem 0;
  border: none;
  text-align: left;
  background-position: 100%;
}

.order__selex-pay--wrap.swiper-wrapper {
  align-items: center;
}

.new-member-benefits .content03 .container, .new-member-benefits .content04 .container, .new-member-benefits .content05 .container {
  padding-left: 5rem;
  padding-right: 5rem;
}

.new-member-benefits .content01 {
  background-color: #eef0ed;
}

.new-member-benefits .content03 {
  background-color: #e5e6ea;
}

.new-member-benefits .content05 {
  background-color: #eefceb;
}

.new-member-benefits .content06 {
  background-color: #49cca0;
}

.new-member-benefits .btn {
  width: 100%;
  padding: 1.8rem;
  margin-top: 1rem;
  margin-bottom: 5rem;
  font-size: 2rem;
  border-radius: 5rem;
}

.new-member-benefits .content01 .btn {
  padding: 2.2rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  color: #FCCE45;
  border-radius: 0.8rem;
  background-color: #03503E;
}

.new-member-benefits .content03 .btn {
  color: #00482D;
  border: 2px solid #02955E;
  background-color: #fff;
}

.new-member-benefits .content04 .btn, .new-member-benefits .content05 .btn {
  color: #fff;
  border-radius: 5rem;
  background-color: #239A64;
}

.new-member-benefits .btn .text {
  display: inline-block;
}

.new-member-benefits .btn .text::after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 0.4rem;
  background-size: cover;
  vertical-align: bottom;
}

.new-member-benefits .content01 .btn .text::after {
  background-image: url(../images/event/newMemberBenifints/ico_next_yellow.svg);
}

.new-member-benefits .content03 .btn .text::after {
  background-image: url(../images/event/newMemberBenifints/ico_download.svg);
}

.new-member-benefits .content04 .btn .text::after, .new-member-benefits .content05 .btn .text::after {
  background-image: url(../images/ico/ico_next_white.svg);
}

.new-member-benefits .content06 ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}

.new-member-benefits .content06 ul li {
  width: calc(50% - 2rem);
  margin: 1rem;
}

@media (max-width: 390px) {
  .new-member-benefits .content03 .container, .new-member-benefits .content04 .container, .new-member-benefits .content05 .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .new-member-benefits .btn {
    font-size: 1.8rem;
  }

  .new-member-benefits .btn {
    padding: 1.6rem;
  }
  
  .new-member-benefits .content01 .btn {
    padding: 1.8rem;
  }
}

.friend-invitation {
  padding-bottom: 5rem;
  background-color: #1F834F;
}

.friend-invitation .container.invitation-btn {
  padding: 3rem 4rem 0 4rem;
  text-align: center;
}

.friend-invitation .invitation-btn .btn--solid--black {
  position: relative;
  font-size: 2.2rem;
  font-weight: 700;
  border-radius: 5rem;
}

.friend-invitation .invitation-btn .btn--solid--black::after {
  content: '';
  position: absolute;
  right: 1rem;
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(../images/ico/ico_arrow_left.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.friend-invitation .invitation-btn .btn-link {
  margin: 2rem 0 0 0;
  font-size: 1.8rem;
  color: #fff;
}

.friend-invitation .invitation-btn .btn-link .text {
  display: inline-block;
  text-decoration: underline;
}

.friend-invitation .invitation-btn .btn-link::after {
  content: '';
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.4rem;
  background-image: url(../images/ico/ico_arrow_left.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

.friend-invitation .invitation-btn .btn-balloon {
  position: absolute;
  z-index: 1;
  top: 0;
  transform: translateX(-16%);
  padding: 0.8rem 3rem;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 3rem;
  background-color: #FFDF68;
}

.friend-invitation .invitation-btn .btn-balloon::after {
  content: '';
  position: absolute;
  right: 15px;
  bottom: 0;
  margin-left: 27px;
  margin-bottom: -6px;
  border: 8px solid transparent;
  border-bottom: 0;
  border-top-color: #FFDF68;
}

.friend-invitation + .msg-area {
  padding: 2.8rem 2.4rem;
  background-color: #3d3d3d;
}

.friend-invitation + .msg-area .msg__title {
  font-size: 1.5rem;
  color: #fff;
}

.friend-invitation + .msg-area .msg__list {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #fff;
}

.friend-invitation + .msg-area .msg__list li {
  margin-left: 0;
 }

.payback-promotion .info {
  font-size: 0;
  padding-bottom: 4.8rem;
  background-color: #161616;
}

.payback-promotion .info-list li {
  position: relative;
  padding: 0 5rem;
}

.payback-promotion .info-list li + li {
  margin-top: 0.8rem;
}

.payback-promotion .info-list li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2.3rem;
  transform: translateY(-50%);
  width: 12rem;
  height: 4rem;
  background-image: url(../images/event/paybackPromotion/ico_payback.svg);
  background-size: 12rem;
  background-repeat: no-repeat;
}

.payback-promotion .info-list .list-wrap {
   padding: 2rem 9.2rem 2rem 3.2rem;
   border-radius: 1.2rem;
   color: #333;
   letter-spacing: -0.5px;
   background-color: #fff;
}

.payback-promotion .info-list .text-area .text {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.7rem;
  
}

.payback-promotion .info-list .text-area strong {
  font-size: 3.2rem;
  letter-spacing: -1.4px;
}

.payback-promotion .info .req-btn-area {
  padding: 0 5rem;
  margin-top: 2.8rem;
}

.payback-promotion .info .req-btn-area .btn {
  position: relative;
  width: 100%;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  font-size: 2.4rem;
  font-weight: 700;
  border-radius: 5rem;
  background-color: #73FD61;
}

.payback-promotion .info .req-btn-area .btn::after {
  content: '';
  position: absolute;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/ico/ico_arrow_r.svg);
  background-size: cover;
}

.payback-promotion .my-payback .container {
  padding: 3.5rem 2rem;
  text-align: center;
}

.payback-promotion .my-payback .login .ico {
  display: inline-block;
  width: 2.8rem;
  margin-bottom: 1.2rem;
}

.payback-promotion .my-payback .login .text {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.7;
}

.payback-promotion .my-payback .login .text .btn {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  color: #00A972;
  vertical-align: text-top;
}

.payback-promotion .my-payback .login .text .btn-link::after {
  height: 2px;
  background-color: #00A972;
}

.payback-promotion .payback-status .sum-money-area {
  position: relative;
  padding-bottom: 4.3rem;
  font-size: 2rem;
  border-bottom: 1px solid #c7c7c7;
}

.payback-promotion .payback-status .sum-money-area::after {
  content: '';
  position: absolute;
  bottom: -1.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.8rem;
  height: 2.8rem;
  background-image: url(../images/event/paybackPromotion/ico_section.svg);
  background-size: cover;
}

.payback-promotion .payback-status .text {
  display: block;
  margin-bottom: 0.6rem;
  color: #333;
  line-height: 1.7;
}

.payback-promotion .payback-status .value-area {
  display: flex;
  align-items: center;
  justify-content: center;
}

.payback-promotion .payback-status .sum-money-area .value-area {
  font-size: 4rem;
}

.payback-promotion .payback-status .payback-point {
  padding-top: 4.3rem;
  font-size: 2rem;
}

.payback-promotion .payback-status .payback-point .value-area {
  font-size: 5rem;
  color: #00A972;
}

.payback-promotion .payback-status .value {
  margin-right: 0.4rem;
  font-size: 6.4rem;
  letter-spacing: -3px;
}

.payback-promotion .payback-status .desc-wrap {
  padding: 1.6rem;
  margin-top: 3.2rem;
  font-size: 2rem;
  color: #fff;
  border-radius: 1.2rem;
  text-align: center;
  letter-spacing: -0.4px;
  background-color: #019B5F;
  word-break: keep-all;
}

.payback-promotion .payback-status .desc-wrap .header-txt {
  display: block;
  margin-bottom: 1rem;
}

.payback-promotion .payback-status .desc-wrap .is-emphasis {
  color: #FFFD6C;
  font-weight: 700;  
}

.payback-promotion .payback-footer {
  padding: 4rem 0;
  background-color: #3D3D3D;
}

.payback-promotion .payback-footer .msg-list {
  color: #fff;
}

.payback-promotion .payback-footer .msg-list .title {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
}

.payback-promotion .payback-footer .msg-list .list li {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;

}

.payback-promotion .payback-footer .msg-list .list li::before {
  content: '-';
  position: absolute;
  left: 0;
}

.payback-promotion .payback-footer .msg-list .list li + li {
  margin-top: 0.8rem;
}
.payback-promotion .payback-footer .msg-list .list .btn {
  padding: 0;
  color: #73FD61;
  vertical-align: baseline;
}

@media (max-width: 380px) {
  .payback-promotion .info-list li, .payback-promotion .info .req-btn-area {
    padding: 0 3rem;
  }

  .payback-promotion .info-list li::after {
    right: 0.7rem;
  }

  .payback-promotion .info-list .list-wrap {
    padding-right: 8.2rem;
  }

  .payback-promotion .payback-status .value {
    font-size: 5.5rem;
  }

  .payback-promotion .payback-status .sum-money-area .value-area {
    font-size: 3.5rem;
  }

  .payback-promotion .payback-status .payback-point .value-area {
    font-size: 4.5rem;
  }
}

.discount-info {
  padding-bottom: 10px;
}

.discount-list-ul {
  list-style-type: disc;
  padding-left: 2rem;
}

.discount-list-li {
  margin: 0 !important;
  color: #808080 !important;
  font-size: 1.5rem !important;
  text-indent: -0.5rem !important;
}

.discount-rates {
  display: flex;
  column-gap: 0.5rem;
}

.rate-item {
  background: #e7e6e6;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

.typography-red {
  color: red;
}

.modal__usepoint {
  display: flex;
  flex-direction: column;
  padding: 0rem 2rem;
  gap: 1.5rem
}

.modal__usepoint .checkbox-large .useall + label:before {
  margin-right: 2rem;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background-image: none;
  background-color: #fff;
  top: 0rem !important;
}

.modal__usepoint .checkbox-large .useall + label:after {
  content: '';
  width: 1.8rem !important;
  height: 1.8rem !important;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 0rem !important;
  left: 0.5rem !important;
  top: 0.5rem !important;

  background-image: none;
  border: 1px solid transparent;
}

.modal__usepoint .checkbox-large .useall:checked + label:after {
  background-color: #009b5d !important;
}



.modal__usepoint .checkbox-large input[type="checkbox"] + label {
  font-size: 1.8rem;
  padding-left: 3.5rem;
}

.order-complete .btn-payback::after {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.2rem;
  vertical-align: bottom;
  background-image: url(../images//ico/ico_arrow_r_white.svg); 
  background-size: cover;
}

.order-complete .btn-payback strong {
  font-weight: 500;
  color: #73fd61;
}

.order-complete .btn-payback + .btn--solid--black {
  color: #0a0a0a !important;
  border: 1px solid #bbb;
  background-color: #fff;
}

.password-main {
  display: flex;
  justify-content: space-between;
}

.password-change-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.4rem;
  height: 4.4rem;
  padding: 0;
  color: #fff;
  cursor: pointer;
  border-radius: 0.6rem;
  background-color: #0a0a0a;
}

.password-change-cancel label{
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.44;
  word-break: keep-all;
  color: #FFFFFF;
  cursor: pointer;
}

.password-change-cancel hidden {
  display: none;
}

.product__thumb__main {
  z-index: 3;
  position: relative;
  display: block;
}

.product-thumbnail {
  z-index: 3;
  position: relative;
  display: block;
}

.gallery-product {
  display: flex;
  flex-wrap: wrap;
  margin: -1.2rem -0.7rem;
}

.product-item {
  display: block;
}

.gallery-product .product-items {
  width: calc(50% - 1.4rem);
  margin: 1.2rem 0.7rem;
}

.product-link {
  cursor: pointer;
}

.product-thumb {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0px;
}

.product-thumb > img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.badge-box--v2 {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  font-size: 0px;
  z-index: 1;
}

.badge-box--v2--sole {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  font-size: 0px;
  z-index: 1;
}

.badge__v2 {
  display: inline-block;
  padding: 5px 6px 5px 6px;
  color: white;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 574px) {
  .badge__v2 {
    padding: 3px 4px 3px 4px;
    font-size: 12px;
  }
}

.product__info__v2 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding-left: 0rem;
  padding-top: 1rem;
}

.vitaminexp-promotion .info .req-btn-area {
  padding: 0 5rem;
  margin-top: 2.8rem;
}

.vitaminexp-promotion .info .req-btn-area .btn {
  width: 100%;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  font-size: 2.4rem;
  color: #fff;
  border-radius: 5rem;
  background-color: #F35F23;
}

.vitaminexp-promotion section {
  font-size: 0;
}

.vitaminexp-promotion .bg-btn.bg {
  BACKGROUND-COLOR: #f9e3bc;
  PADDING-BOTTOM: 3REM;
}

.vitaminexp-promotion .bg .apply {
  position: absolute;
  top: 26.45%;
  left: 50%;
  width: 67%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
}

.vitaminexp-promotion .bg .copy {
  position: absolute;
  top: 85.15%;
  left: 72.65%;
  width: 24%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
}

@media (max-width: 380px) {
  .vitaminexp-promotion .info .req-btn-area .btn {
    padding: 1.2rem;
    font-size: 2rem;
  }
}

#modal-req-expgroup .modal__body {
  max-height: calc(100vh - 190px);
  padding-bottom: 120px;
  overflow-y: auto;
}

#modal-req-expgroup .desc {
  margin-top: 0.6rem;
  font-size: 1.5rem;
  color: #616161;
  text-align: left;
}

#modal-req-expgroup .caution-box {
  margin-top: 2rem;
  text-align: center;
}

#modal-req-expgroup .caution-box .caution {
  font-size: 1.6rem;
  font-weight: 500;
  color: #ff4b4b;
  border-bottom: 1px solid #ff4b4b;
}

#modal-req-expgroup .caution::before {
  display: none;
}

#modal-req-expgroup .msg-box.--bottom {
  bottom: 60px;
}

#modalComplete .modal__header {
  padding-bottom: 1rem;
  border-bottom: 0;
}

#modalComplete .text-box {
  padding: 1.9rem 2rem;
  margin-bottom: 2rem;
  text-align: center;
  border: 1px solid #cfcfcf;
  border-radius: .8rem;
}

#modalComplete .text-box .text {
  font-size: 1.8rem;
  line-height: 1.7;
}

#modalComplete .desc {
  font-size: 1.5rem;
}