@charset "UTF-8";
/*! style.scss © zen9.co.kr, 2016.06 */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }

@font-face { font-family: "Interstate"; src: url("../font/Interstate-2.eot"); src: url("../font/Interstate-2.eot?") format("embedded-opentype"), url("../font/Interstate-3.woff") format("woff"), url("../font/Interstate-1.ttf") format("truetype"); font-style: normal; font-weight: normal; }

@font-face { font-family: "Interstate Black Cond"; src: url("../font/Interstate Black Cond-2.eot"); src: url("../font/Interstate Black Cond-2.eot?") format("embedded-opentype"), url("../font/Interstate Black Cond-3.woff") format("woff"), url("../font/Interstate Black Cond-1.ttf") format("truetype"); font-style: normal; font-weight: normal; }

@font-face { font-family: "Interstate"; src: url("../font/Interstate-bold-2.eot"); src: url("../font/Interstate-bold-2.eot?") format("embedded-opentype"), url("../font/Interstate-bold-3.woff") format("woff"), url("../font/Interstate-bold-1.ttf") format("truetype"); font-style: normal; font-weight: bold; }

@font-face { font-family: "Interstate Condensed"; src: url("../font/Interstate Condensed-2.eot"); src: url("../font/Interstate Condensed-2.eot?") format("embedded-opentype"), url("../font/Interstate Condensed-3.woff") format("woff"), url("../font/Interstate Condensed-1.ttf") format("truetype"); font-style: normal; font-weight: normal; }

@font-face { font-family: "Interstate Condensed"; src: url("../font/Interstate Condensed-bold-2.eot"); src: url("../font/Interstate Condensed-bold-2.eot?") format("embedded-opentype"), url("../font/Interstate Condensed-bold-3.woff") format("woff"), url("../font/Interstate Condensed-bold-1.ttf") format("truetype"); font-style: normal; font-weight: bold; }

@font-face { font-family: "thebodyshop_jung_170"; src: url("../font/thebodyshop_jung_170.eot"); src: url("../font/thebodyshop_jung_170.eot?#iefix") format("embedded-opentype"), url("../font/thebodyshop_jung_170.woff") format("woff"), url("../font/thebodyshop_jung_170.ttf") format("truetype"); font-style: normal; font-weight: normal; }

.blind { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.blind.focusable:active, .blind.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

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

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

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

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

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

figure { margin: 1em 40px; }

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

button, input, optgroup, select, textarea { font: inherit; margin: 0; }

optgroup { font-weight: bold; }

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

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

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

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

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; 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-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

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

/* normalize.css End */
p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 14px; }

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

button, input { margin: 0; padding: 0; color: #111; }

.svg { display: block; }

hr { display: none; }

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

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

div.uploader input { padding-right: 145px; }

/* btn */
.btn { display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; text-decoration: none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn:before, .btn:after { content: ""; display: table; }

.btn:after { clear: both; }

input.btn, button.btn { overflow: visible; }

.lt-ie8 button.btn { margin-left: 4px; }

.btn.xsmall { padding: 0 10px; height: 18px; line-height: 18px; font-size: 11px; font-weight: normal; border-radius: 0px; }

.btn.small { padding: 0 6px; height: 22px; line-height: 22px; font-size: 12px; font-weight: normal; border-radius: 0px; }

.btn.medium { padding: 0 12px; height: 36px; line-height: 36px; font-size: 14px; font-weight: normal; border-radius: 0px; }

.btn.large { padding: 0 20px; height: 48px; line-height: 48px; font-size: 14px; font-weight: normal; border-radius: 0px; }

.btn.xlarge { padding: 0 20px; height: 66px; line-height: 66px; font-size: 18px; font-weight: normal; border-radius: 0px; }

.btn.disable { color: #fff; border-width: 1px; border-style: solid; border-color: #b2b2b2; background-color: #b2b2b2; }

.btn.slightly { color: #111; border-width: 0; border-style: solid; border-color: #020202; background-color: #e1e1e1; }

.btn.normal { color: #2d2d2d; border-width: 2px; border-style: solid; border-color: #111; background-color: #fff; }

.btn.normal.medium, .btn.normal.small, .btn.normal.xsmall { border-width: 1px; }

.btn.weighty { color: #fff; border-width: 0; border-style: solid; border-color: #fff; background-color: #7d7d7d; }

.btn.weightiest { color: #fff; border-width: 0px; border-style: solid; border-color: #111; background-color: #111; }

.btn.normal.large { line-height: 44px; }

.button-area:before, .button-area:after { content: ""; display: table; }

.button-area:after { clear: both; }

.button-area.large { text-align: center; }

.button-area.large > span { float: right; }

.button-area.large > span + span { float: left; }

.stick-btn { display: block; text-align: center; border: 1px solid #95abfd; border-radius: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; padding: 6px 0; font-weight: 600; }

.stick-btn span { font-size: 1rem; color: #5974ff; }

.normal-type-btn { background: #fff; font-size: 1.143rem; font-weight: 600; color: #5974ff; padding: 0; border: 0; margin: 0; min-width: 180px; height: 40px; line-height: 38px; border: 2px solid #5974ff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; }

.normal-type-btn.pop-ico-btn { font-size: 1rem; cursor: pointer; background: transparent; border: 2px solid #fff; color: #fff; padding: 0 22px; height: 40px; line-height: 36px; min-width: auto; }

.normal-type-btn.pop-ico-btn i { display: inline-block; vertical-align: middle; width: 23px; height: 18px; margin-right: 6px; }

.small-type-btn { background: #fff; font-size: 0.85714rem; font-weight: 600; color: #5969e7; padding: 0; border: 0; margin: 0; min-width: 70px; height: 28px; line-height: 26px; border: 1px solid #5969e7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; }

.btn-wrap:before, .btn-wrap:after { content: ""; display: table; }

.btn-wrap:after { clear: both; }

.btn-wrap .center { text-align: center; }

.btn-wrap .right { float: right; }

.btn-wrap .left { float: left; }

.data-list.small > li { position: relative; padding-left: 0.5em; }

.data-list.small > li + li { margin-top: 0.3em; }

.data-list.small > li:after, .data-list.small > li .after { position: absolute; content: ''; display: block; top: 0.675em; left: 0px; width: 0.15em; height: 0.15em; background-color: #333; border-radius: 100%; }

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"] { -webkit-appearance: none; padding: 10px 10px 10px; height: 48px; line-height: 24px; border: 2px #e1e1e1 solid; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus { border-color: #111; }

input[type="text"][readonly], input[type="password"][readonly], input[type="number"][readonly], input[type="tel"][readonly], input[type="email"][readonly], input[type="search"][readonly] { border-color: #ccc; background-color: #f7f7f7; }

input[type="text"].input-sm, input[type="password"].input-sm, input[type="number"].input-sm, input[type="tel"].input-sm, input[type="email"].input-sm, input[type="search"].input-sm { padding: 4px 10px; height: 36px; border-width: 1px; }

textarea { resize: none; -webkit-appearance: none; border: 2px #e1e1e1 solid; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* pagination medium */
.pagination.medium { font-size: 0; position: relative; text-align: center; }

.pagination.medium a, .pagination.medium strong { margin: 0 3px; display: inline-block; width: 25px; height: 28px; line-height: 26px; font-size: 0.85714rem; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pagination.medium a { color: #000; }

.pagination.medium strong { color: #000; border: 1px solid #000; }

.pagination.medium .btn.prev, .pagination.medium .btn.next, .pagination.medium .btn.first, .pagination.medium .btn.last { position: relative; width: auto; text-decoration: underline; }

.pagination.medium .btn.prev .arrow, .pagination.medium .btn.next .arrow, .pagination.medium .btn.first .arrow, .pagination.medium .btn.last .arrow { font-size: 0.9em; }

.select-wrap:before, .select-wrap:after { content: ""; display: table; }

.select-wrap:after { clear: both; }

.select-wrap .asset { margin-bottom: 10px; width: auto; min-height: 25px; line-height: 25px; }

.select-wrap .asset label { padding-left: 4px; display: inline-block; font-size: 14px; vertical-align: top; line-height: 25px; }

.select-wrap.horizontal .asset { float: left; margin-right: 20px; }

.select-wrap.horizontal.join-check { margin-top: 5px; }

.select-wrap.horizontal.join-check .asset label { padding-left: 0; }

#skipNavi { position: absolute; margin: 0; left: 0; top: 0; width: 100%; height: 0px; z-index: 10001; }

#skipNavi .title { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

#skipNavi .title.focusable:active, #skipNavi .title.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

#skipNavi a { position: absolute; left: 0; top: -1000px; z-index: 1002; width: 100%; height: 30px; line-height: 30px; text-align: center; background-color: #1d60a7; color: #fff; z-index: 1000; }

#skipNavi a.on { top: 0; }

#skipNavi a:focus { top: 0; height: 30px; }

/* emphasis */
.em { font-style: normal; }

.em.disable { color: #cccccc; }

.em.slightly { color: #999999; }

.em.normal { color: #111; }

.em.weighty { color: #378c62; }

.em.weightiest { color: #c84b47; }

.em.warning { color: #ff0000; }

.fieldset legend { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.fieldset legend.focusable:active, .fieldset legend.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.fieldset .field { padding: 0; border-bottom: 1px; }

.fieldset .field:before, .fieldset .field:after { content: ""; display: table; }

.fieldset .field:after { clear: both; }

.fieldset .field + .field { margin-top: 30px; }

.fieldset .field > .label { display: block; float: none; padding: 0 0 10px 0; width: auto; height: auto; line-height: 1.5; font-size: 1em; font-weight: normal; letter-spacing: -0.1em; }

.fieldset .field > .label label { display: inline-block; padding-top: 0; }

.fieldset .field > .insert { display: block; float: none; padding-left: 0; padding-right: 0px; font-size: 1em; }

.fieldset .field > .insert:before, .fieldset .field > .insert:after { content: ""; display: table; }

.fieldset .field > .insert:after { clear: both; }

@media (min-width: 0px) and (max-width: 1079px) { .fieldset .field > .insert .em { display: block; } }

.fieldset .field input[type="text"], .fieldset .field input[type="password"], .fieldset .field input[type="number"], .fieldset .field input[type="tel"], .fieldset .field input[type="email"], .fieldset .field input[type="search"] { width: 100%; font-size: 1em; }

.fieldset .field .row + .row { margin-top: 4px; }

.fieldset .field .input-birthday .selectric-wrapper { display: inline-block; width: 143px; }

.fieldset .field .with-btn input { width: 260px; }

.fieldset .field .with-btn .btn { width: 174px; vertical-align: top; }

@media (min-width: 680px) and (max-width: 1079px) { .fieldset .field .with-btn .btn { width: 100px; } }

@media (min-width: 0px) and (max-width: 679px) { .fieldset .field .with-btn { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fieldset .field .with-btn .btn, .fieldset .field .with-btn input { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
  .fieldset .field .with-btn .btn { margin-left: 4px; padding: 0; width: 86px; font-size: 0.9rem; -ms-flex-negative: 0; flex-shrink: 0; } }

.fieldset .field .with-select select, .fieldset .field .with-select .selectric-wrapper { display: inline-block; width: 142px; }

.fieldset .field .with-select .selectric-wrapper, .fieldset .field .with-select input { vertical-align: top; }

.fieldset .field .with-select input { width: 290px; }

@media (min-width: 0px) and (max-width: 679px) { .fieldset .field .with-select { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fieldset .field .with-select input { width: auto; }
  .fieldset .field .with-select .selectric-wrapper { -ms-flex-preferred-size: 100px; flex-basis: 100px; -ms-flex-negative: 0; flex-shrink: 0; }
  .fieldset .field .with-select .selectric-wrapper + input { margin-left: 4px; }
  .fieldset .field .with-select input { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.fieldset .field .with-phone .selectric-wrapper, .fieldset .field .with-phone .corp { display: inline-block; width: 142px; vertical-align: top; }

.fieldset .field .with-phone input { width: 290px; }

.fieldset .field .with-phone .phone-number { display: inline-block; width: 260px; height: 36px; line-height: 36px; }

@media (min-width: 0px) and (max-width: 679px) { .fieldset .field .with-phone { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fieldset .field .with-phone input { width: auto; }
  .fieldset .field .with-phone .selectric-wrapper { -ms-flex-preferred-size: 100px; flex-basis: 100px; -ms-flex-negative: 0; flex-shrink: 0; }
  .fieldset .field .with-phone .selectric-wrapper + input { margin-left: 4px; }
  .fieldset .field .with-phone .selectric-wrapper, .fieldset .field .with-phone input { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.fieldset .field .with-email input { width: 130px; }

.fieldset .field .with-email .selectric-wrapper { display: inline-block; width: 144px; vertical-align: top; }

.fieldset .field .with-email .at { display: inline-block; width: 22px; text-align: center; }

.fieldset .field .with-email .email-address { display: inline-block; }

@media (min-width: 0px) and (max-width: 679px) { .fieldset .field .with-email .email-address { margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .fieldset .field .with-email .email-address .at { margin: 0 4px; }
  .fieldset .field .with-email .email-address input { display: block; width: 100%; }
  .fieldset .field .with-email .selectric-wrapper { width: 100%; } }

.fieldset .field .input-address > input { margin-top: 4px; }

.fieldset .field .shipping-default-check { margin-top: 4px; }

.fieldset .field .with-phone-already input[type=text] { width: 290px; }

.fieldset .field .with-phone-already input[type=text].company { width: 142px; }

@media (min-width: 0px) and (max-width: 679px) { .fieldset .field .with-phone-already { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fieldset .field .with-phone-already input[type=text] { width: 100%; }
  .fieldset .field .with-phone-already input[type=text].company { width: 100%; -ms-flex-preferred-size: 100px; flex-basis: 100px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 4px; } }

.fieldset.large { border-bottom: 1px #e1e1e1 solid; }

.fieldset.large .field { display: table; width: 100%; border-top: 1px #e1e1e1 solid; table-layout: fixed; }

.fieldset.large .field:before, .fieldset.large .field:after { display: none; }

.fieldset.large .field + .field { margin-top: 0; }

.fieldset.large .field > .label { padding-top: 8px; padding-left: 35px; width: 195px; display: table-cell; vertical-align: middle; background-color: #f7f7f7; }

.fieldset.large .field > .label label { display: inline-block; }

.fieldset.large .field > .insert { padding: 10px 15px; background-color: #fff; display: table-cell; width: auto; height: 35px; vertical-align: middle; }

@media (min-width: 0px) and (max-width: 679px) { .fieldset.large .field > .label { padding-left: 10px; width: 120px; }
  .fieldset.large .field > .insert { padding: 10px; } }

.fieldset.large input[type="text"], .fieldset.large input[type="password"], .fieldset.large input[type="number"], .fieldset.large input[type="tel"], .fieldset.large input[type="email"], .fieldset.large input[type="search"] { padding: 4px 10px; height: 36px; border-width: 1px; }

.fieldset.large .select-wrap .asset { margin-top: 5px; margin-bottom: 5px; }

.fieldset.large .field-double:before, .fieldset.large .field-double:after { content: ""; display: table; }

.fieldset.large .field-double:after { clear: both; }

.fieldset.large .field-double .field { float: left; width: 50%; }

@media (min-width: 0px) and (max-width: 1079px) { .fieldset.large .field-double .field { float: none; width: 100%; } }

/* data-table */
.data-table { table-layout: fixed; width: 100%; border: 0 none; border-spacing: 0; border-collapse: collapse; }

.data-table caption { margin: 0; padding: 0; width: 1px; height: 1px; line-height: 0; font-size: 0; visibility: hidden; }

.data-table tr.bd-data-none td { padding: 40px 0; }

.data-table tr.bd-data-none td p { font-weight: normal; }

.data-table.small th, .data-table.small td { border: none; }

.data-table.small tbody th, .data-table.small tbody td { padding: 12px 20px; border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid; }

.data-table.small tbody th { text-align: left; background-color: #f7f7f7; }

.data-table.medium thead + tbody { text-align: center; }

.data-table.medium th, .data-table.medium td { padding: 14px 6px; border: none; }

.data-table.medium th { font-weight: normal; background-color: #efefef; }

.data-table.medium td { font-size: 1rem; border-top: 2px solid #fff; background-color: #f7f7f7; word-break: break-all; }

.data-table.medium td a { color: inherit; text-decoration: none; }

.data-table.medium td a:hover { text-decoration: underline; }

.data-table.medium td.align-left { text-align: left; }

.data-table.medium td.align-right { text-align: right; }

.data-table.medium tbody th { text-align: left; padding-left: 35px; background-color: #f7f7f7; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }

.data-table.medium tbody th ~ td { color: #7d7d7d; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #fff; }

.data-table.medium tbody td input[type="text"], .data-table.medium tbody td input[type="password"] { padding: 4px 10px; height: 36px; border-width: 1px; }

.data-table.large th, .data-table.large td { border: none; }

.data-table.large thead th { padding: 14px 2px; background-color: #efefef; }

.data-table.large tbody th { padding: 14px 4px; }

.data-table.large tbody td { padding: 14px 4px; font-size: 13px; text-align: center; border-bottom: 1px #e1e1e1 solid; border-right: 1px #e1e1e1 solid; }

.data-table.large tbody td:last-child { border-right: none; }

.data-table.large tbody td.align-left { text-align: left; }

.data-table.large tbody td.align-right { text-align: right; }

.data-table.large tbody a { color: inherit; text-decoration: none; }

.data-table.large tbody a:hover { text-decoration: underline; }

.data-table.large tbody a.btn.weightiest { color: #fff; font-weight: normal; }

.data-table.large tbody a.btn.weightiest:hover { text-decoration: none; }

/* tab */
.tab { position: relative; margin: 0; padding: 0; }

.tab:before, .tab:after { content: ""; display: table; }

.tab:after { clear: both; }

.tab li a { display: block; position: relative; list-style: none; line-height: 1.2em; text-align: center; text-decoration: none; }

.tab li a:focus { z-index: 10; }

.tab li.on a { z-index: 10; }

.tab.small { border-bottom: 1px #111 solid; }

.tab.small li { float: left; height: 40px; }

.tab.small li a { display: block; padding: 0 20px; min-width: 110px; height: 40px; line-height: 38px; color: #111; border: 1px #111 solid; border-bottom: none; }

.tab.small li + li { margin-left: -1px; }

.tab.small li .badge { display: inline-block; color: #fff; font-size: 11px; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 100%; background-color: #000; }

.tab.small li.on a { color: #fff; background-color: #111; }

.tab.small li.on .badge { color: #111; background-color: #fff; }

.tab.medium { height: 66px; text-align: center; }

.tab.medium li { position: relative; display: inline-block; width: 192px; }

.tab.medium li a { display: block; height: 66px; line-height: 66px; color: #111; font-size: 1rem; background-color: #e1e1e1; }

.tab.medium li.on a { color: #fff; background-color: #181818; }

.tab.large { height: 60px; text-align: center; display: table; width: 100%; table-layout: fixed; }

.tab.large li { position: relative; display: table-cell; width: 100%; }

.tab.large li a { display: block; height: 60px; line-height: 60px; color: #111; font-size: 13px; background-color: #e1e1e1; }

.tab.large li + li a { border-left: 2px #fff solid; }

.tab.large li.on a { color: #fff; background-color: #232323; }

.jumbotron-big-sign-wrapper { margin-bottom: 50px; }

@media (min-width: 0px) and (max-width: 679px) { .jumbotron-big-sign-wrapper { margin-bottom: 30px; } }

.jumbotron-big-sign { position: relative; height: 520px; background-color: #999; background-size: cover; background-position: center center; }

.jumbotron-big-sign .jumbotron-big-sign-box { position: absolute; bottom: 0; left: 0; width: 100%; }

.jumbotron-big-sign h2 { margin: 0 46px; height: 150px; line-height: 150px; font-size: 90px; text-align: center; font-weight: normal; background-color: #fff; }

@media (min-width: 0px) and (max-width: 679px) { .jumbotron-big-sign { height: 320px; }
  .jumbotron-big-sign h2 { margin: 0 20px; height: 55px; line-height: 55px; font-size: 26px; } }

.jumbotron-extra-text { font-size: 16px; text-align: center; }

@media (min-width: 680px) and (max-width: 1079px) { .jumbotron-extra-text { margin-top: 35px; } }

@media (min-width: 0px) and (max-width: 679px) { .jumbotron-extra-text { margin-top: 35px; margin-left: 12px; margin-right: 12px; font-size: 13px; } }

@media (min-width: 0px) and (max-width: 679px) { .board-viewer-wrapper { margin-left: 12px; margin-right: 12px; } }

.board-viewer-header { padding-top: 40px; padding-bottom: 20px; text-align: center; }

.board-viewer-header .board-viewer-category { font-size: 90px; }

@media (min-width: 0px) and (max-width: 679px) { .board-viewer-header .board-viewer-category { margin-left: 12px; margin-right: 12px; font-size: 60px; } }

.board-viewer-header .board-viewer-title { font-size: 18px; }

@media (min-width: 0px) and (max-width: 1079px) { .board-viewer-header .board-viewer-title { text-align: left; } }

.board-viewer-content .board-attr { margin-bottom: 5px; text-align: right; }

@media (min-width: 0px) and (max-width: 1079px) { .board-viewer-content .board-attr { text-align: left; } }

.board-viewer-content .board-attr .asset { display: inline-block; }

.board-viewer-content .board-attr .asset + .asset { position: relative; margin-left: 10px; padding-left: 11px; }

.board-viewer-content .board-attr .asset + .asset:before { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #e1e1e1; }

.board-viewer-content .content-area { padding: 20px; background-color: #f7f7f7; }

.board-viewer-content .file-area { padding: 10px 20px; border-top: 2px #fff solid; background-color: #e1e1e1; }

.board-viewer-content .file-area:before, .board-viewer-content .file-area:after { content: ""; display: table; }

.board-viewer-content .file-area:after { clear: both; }

.board-viewer-content .file-area .file-label { margin-right: 4px; float: left; }

.board-viewer-content .file-area .file-list { float: none; overflow: hidden; }

.board-viewer-content .file-area .file-list li + li { margin-top: 3px; }

.board-viewer-content .file-area .file-list a { display: inline-block; color: #333; text-decoration: none; line-height: 1.2em; }

.board-viewer-content .file-area .file-list a:hover { text-decoration: underline; }

.board-navigation { margin-top: 40px; }

@media (min-width: 0px) and (max-width: 679px) { .board-navigation { margin-left: 12px; margin-right: 12px; } }

.board-navigation li { width: 100%; display: table; table-layout: fixed; background-color: #f7f7f7; padding: 15px 0; margin-bottom: 2px; }

.board-navigation li:last-child { margin-bottom: 0; }

.board-navigation li > span { display: table-cell; vertical-align: middle; }

.board-navigation li .label { text-align: center; position: relative; width: 155px; padding-right: 30px; }

@media (min-width: 0px) and (max-width: 1079px) { .board-navigation li .label { width: 105px; padding-right: 0; } }

@media (min-width: 680px) and (max-width: 1079px) { .board-navigation li .label { width: 155px; padding-right: 30px; } }

.board-navigation li .label .ico { display: inline-block; width: 11px; height: 11px; margin-left: 18px; background-position: center center; background-repeat: no-repeat; }

@media (min-width: 0px) and (max-width: 1079px) { .board-navigation li .label .ico { margin-left: 5px; } }

@media (min-width: 680px) and (max-width: 1079px) { .board-navigation li .label .ico { margin-left: 18px; } }

.board-navigation li .label .ico.up { background-image: url("../img/common/bd-navi-up-ico.png"); }

@media (min-width: 0px) and (max-width: 1079px) { .board-navigation li .label .ico.up { background-image: url("../img/mobile/common/bd-navi-up-ico.png"); background-size: 8px auto; } }

.board-navigation li .label .ico.down { background-image: url("../img/common/bd-navi-down-ico.png"); }

@media (min-width: 0px) and (max-width: 1079px) { .board-navigation li .label .ico.down { background-image: url("../img/mobile/common/bd-navi-down-ico.png"); background-size: 8px auto; } }

.board-navigation li a { color: #333; text-decoration: none; }

.board-navigation li a:hover { text-decoration: underline; }

.board-read-btn-box { margin-top: 40px; }

.board-read-btn-box .eve-read-btn-div { text-align: center; }

.board-read-btn-box .eve-read-btn-div .btn { width: 192px; }

.input-file-result-list { margin-top: 10px; }

.input-file-result-list li + li { margin-top: 4px; }

.input-file-result-list .file { display: inline-block; margin-right: 10px; }

.input-file-result-list .file a { color: inherit; }

.input-file-result-list .file-del { display: inline-block; width: 20px; height: 20px; background-color: #e1e1e1; border-radius: 100%; border: none; text-align: center; }

.input-file-result-list .file-del img { margin-top: 5px; width: 10px; height: 10px; vertical-align: top; }

html { font-size: 14px; }

@media (min-width: 0px) and (max-width: 1079px) { html { font-size: 14px; } }

html, html a { -webkit-font-smoothing: antialiased; }

body { color: #111; font-family: "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; line-height: 1.58571; background: transparent; -webkit-text-size-adjust: none; }

* { max-height: 100000px; -webkit-text-size-adjust: none; }

#container { position: relative; }

@media (min-width: 680px) and (max-width: 1079px) { #content { margin: 0 12px; } }

.page-overlay { display: none; background: rgba(0, 0, 0, 0.75); z-index: 1006; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; }

@media (min-width: 1080px) { .navigation-active .page-overlay { display: block; } }

@media (min-width: 1080px) { #mainInner { margin: 0 auto; padding: 0 48px; max-width: 1368px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 679px) { #mainInner { width: 100vw; overflow-x: hidden; } }

@media (min-width: 1080px) { .content-header { padding-top: 20px; padding-bottom: 6px; } }

.crumb { font-size: 12px; }

.crumb a, .crumb .path { color: #7d7d7d; text-decoration: none; }

.crumb span { color: #7d7d7d; }

.crumb strong { color: #2d2d2d; font-weight: normal; }

@media (min-width: 680px) and (max-width: 1079px) { .crumb { padding-bottom: 8px; } }

@media (min-width: 0px) and (max-width: 679px) { .crumb { display: none; } }

.datepicker-dropdown { z-index: 11500 !important; }

#__bs_notify__ { padding: 4px 8px !important; font-size: 11px !important; background-color: rgba(27, 32, 50, 0.4) !important; }

/* 헤더 */
#header { position: relative; z-index: 9000; }

@media (min-width: 1080px) { #header.sticky-header { position: fixed; top: 0; left: 0; padding: 0 48px; width: 100%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sticky-header-wrapper-desktop { margin-left: auto; margin-right: auto; padding-top: 15px; max-width: 1272px; }
  .header-global-row { position: relative; }
  .header-global-row .logo { position: absolute; margin-left: -130px; top: 0; left: 50%; width: 260px; }
  .header-global-row .logo a { display: inline-block; }
  .header-global-row .logo img { width: 100%; }
  .header-menu-row { margin-top: 6px; }
  .header-util { height: 43px; }
  .header-util:before, .header-util:after { content: ""; display: table; }
  .header-util:after { clear: both; }
  .header-util .global-wrap { float: right; }
  .header-util .global-wrap:before, .header-util .global-wrap:after { content: ""; display: table; }
  .header-util .global-wrap:after { clear: both; }
  .header-util .global-wrap .article { float: left; }
  .header-util .global-wrap .article.member a + a { margin-left: 6px; }
  .header-util .global-wrap .article.function a { margin-left: 20px; }
  .header-util .global-wrap .article a { position: relative; font-size: 12px; color: #2d2d2d; text-decoration: none; }
  .header-util .global-wrap .article a .count { position: absolute; display: block; right: -4px; bottom: -3px; width: 16px; height: 16px; line-height: 16px; font-size: 11px; font-weight: normal; color: #fff; text-align: center; background-color: #000; border: 2px #fff solid; border-radius: 100%; }
  .header-util .global-wrap .article a span { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
  .header-util .global-wrap .article a span.focusable:active, .header-util .global-wrap .article a span.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
  .header-util .global-wrap .article a i { display: inline-block; height: 24px; background-position: center center; background-repeat: no-repeat; }
  .header-util .global-wrap .article a i.my { width: 24px; background-image: url("../img/svg/body-shop-icons-thick_sign_in.svg"); background-size: auto 24px; }
  .header-util .global-wrap .article a i.my:hover { background-image: url("../img/svg/body-shop-icons_sign_in_filled.svg"); }
  .header-util .global-wrap .article a i.view { width: 30px; background-image: url("../img/common/body-shop-icons-thick_view.jpg"); background-size: 30px auto; }
  .header-util .global-wrap .article a i.view:hover { background-image: url("../img/common/body-shop-icons_view_filled.jpg"); }
  .header-util .global-wrap .article a i.heart { width: 26px; background-image: url("../img/svg/body-shop-icons-thick_wishlist.svg"); background-size: auto 24px; }
  .header-util .global-wrap .article a i.heart:hover { background-image: url("../img/svg/body-shop-icons_wishlist_filled.svg"); }
  .header-util .global-wrap .article a i.cart { width: 19px; background-image: url("../img/svg/body-shop-icons-thick_bag.svg"); background-size: auto 24px; }
  .header-util .global-wrap .article a i.cart:hover { background-image: url("../img/svg/body-shop-icons_bag_filled.svg"); }
  .header-util .etc-wrap { float: left; }
  .header-util .etc-wrap a { text-decoration: none; font-size: 12px; color: #2d2d2d; }
  .header-util .etc-wrap a + a { margin-left: 12px; }
  .header-util .etc-wrap i, .header-util .etc-wrap span { display: inline-block; height: 24px; line-height: 24px; vertical-align: top; }
  .header-util .etc-wrap i { height: 24px; background-position: center center; background-repeat: no-repeat; }
  .header-util .etc-wrap i.place { width: 17px; background-image: url("../img/svg/body-shop-icons-thick_map.svg"); background-size: auto 24px; }
  .header-util .etc-wrap i.place:hover { background-image: url("../img/svg/body-shop-icons_map_filled.svg"); }
  .header-util .etc-wrap i.card { width: 24px; background-image: url("../img/common/body-shop-icons-thick_card.jpg"); background-size: 24px auto; }
  .header-util .etc-wrap i.card:hover { background-image: url("../img/common/body-shop-icons_card_filled.jpg"); }
  .header-util .etc-wrap span { margin-left: 5px; }
  .menu-navigation-bar { position: relative; height: 41px; }
  .menu-navigation-bar:before, .menu-navigation-bar:after { content: ""; display: table; }
  .menu-navigation-bar:after { clear: both; }
  .menu-navigation-bar .navigation-bar { float: left; }
  .menu-navigation-bar .search-area { position: relative; float: right; margin-top: -8px; }
  .menu-navigation-bar .search-area .toggle-box { padding: 11px 14px 10px 10px; height: 18px; line-height: 18px; border: 1px #000 solid; }
  .menu-navigation-bar .search-area .toggle-box:before, .menu-navigation-bar .search-area .toggle-box:after { content: ""; display: table; }
  .menu-navigation-bar .search-area .toggle-box:after { clear: both; }
  .menu-navigation-bar .search-area .toggle-box a { display: inline-block; height: inherit; line-height: inherit; text-decoration: none; }
  .menu-navigation-bar .search-area .toggle-box .placeholder { display: inline-block; padding-right: 68px; height: inherit; line-height: inherit; font-size: 12px; color: #b9b9b9; }
  .menu-navigation-bar .search-area .toggle-box .placeholder-icon { float: right; display: inline-block; width: 18px; height: 18px; background-image: url("../img/svg/icon-search.svg"); background-size: 18px 18px; }
  .menu-navigation-bar .search-area .search-input-area { display: none; position: absolute; top: 0; right: 0; width: 360px; z-index: 999; }
  .menu-navigation-bar .search-area .search-input-area .search-icon { position: absolute; top: 12px; left: 12px; width: 18px; height: 18px; background-image: url("../img/svg/icon-search.svg"); background-size: 18px 18px; }
  .menu-navigation-bar .search-area .search-input-area input { padding: 5px 36px; width: 100%; height: 41px; border: 2px solid #e1e1e1; background-color: #fff; border-radius: 0; -webkit-appearance: none; }
  .menu-navigation-bar .search-area .search-input-area .search-input-clear { position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; }
  .menu-navigation-bar .search-area .search-input-area .search-input-clear img { display: block; width: 18px; height: auto; }
  .menu-navigation-bar .search-area .search-autocomplete { margin-top: 2px; padding: 48px 36px 0; background-color: #f7f7f7; -webkit-box-shadow: 0 11px 5px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 11px 5px -4px rgba(0, 0, 0, 0.24); }
  .menu-navigation-bar .search-area .search-autocomplete li { padding-bottom: 28px; }
  .menu-navigation-bar .search-area .search-autocomplete li:last-child { padding-bottom: 48px; }
  .menu-navigation-bar .search-area .search-autocomplete a { color: #7d7d7d; text-decoration: none; letter-spacing: 1px; }
  .menu-navigation-bar .search-area .search-autocomplete b { font-weight: bold; color: #111; }
  .delivery-msg-desktop { margin-left: auto; margin-right: auto; max-width: 1272px; height: 28px; line-height: 28px; text-align: center; background-color: #f0f0f0; }
  .delivery-msg-desktop a { font-size: 12px; color: #000; text-decoration: none; }
  .delivery-msg-desktop a:hover { text-decoration: underline; }
  .delivery-msg-mobile { display: none; }
  .gnb-desktop:before, .gnb-desktop:after { content: ""; display: table; }
  .gnb-desktop:after { clear: both; }
  .gnb-desktop .depth1 { padding: 0 17px; float: left; height: 41px; }
  .gnb-desktop .depth1:first-child { padding-left: 0; }
  .gnb-desktop .depth1 > a { display: inline-block; padding-bottom: 3px; color: inherit; font-family: "Interstate Condensed", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid transparent; }
  .gnb-desktop .depth1:hover > a { border-bottom-color: #000; }
  .gnb-desktop .depth1:hover .subcategory-container { display: block; }
  .gnb-desktop .depth1:hover .subcategorys-wrap { -webkit-box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.6); box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.6); }
  .gnb-desktop .subcategory-container { display: none; position: absolute; top: 20px; left: 0; padding-top: 21px; width: 100%; }
  .gnb-desktop .subcategorys-wrap { padding: 24px 0; background-color: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .gnb-desktop .subcategorys-box { margin: 0 auto; max-width: 884px; }
  .gnb-desktop .subcategorys-box:before, .gnb-desktop .subcategorys-box:after { content: ""; display: table; }
  .gnb-desktop .subcategorys-box:after { clear: both; }
  .gnb-desktop .subcategorys-box .subcategory { float: left; width: 62%; }
  .gnb-desktop .subcategorys-box .subcategory a { display: inline-block; line-height: 17px; text-decoration: none; }
  .gnb-desktop .subcategorys-box .subcategory .subcategory-link { margin-top: 12px; display: inline-block; font-size: 15px; color: #111; font-family: "Interstate Condensed", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; font-weight: bold; }
  .gnb-desktop .subcategorys-box .subcategory .subcategory-link:first-child { margin-top: 0; }
  .gnb-desktop .subcategorys-box .subcategory .subcategory-item { height: 20px; }
  .gnb-desktop .subcategorys-box .subcategory .subcategory-item a { font-size: 12px; color: #313131; }
  .gnb-desktop .subcategorys-box .banners-wrap { width: 315px; float: right; }
  .gnb-desktop .subcategorys-box .banners-wrap a { display: block; }
  .gnb-desktop .subcategorys-box .banners-wrap img { display: block; width: 100%; height: auto; }
  .gnb-desktop .subcategory:before, .gnb-desktop .subcategory:after { content: ""; display: table; }
  .gnb-desktop .subcategory:after { clear: both; }
  .gnb-desktop .subcategory .column { margin-bottom: 15px; float: left; width: 180px; }
  .gnb-desktop .subcategory .column:nth-child(3n+1) { clear: both; }
  .sticky-header-wrapper-mobile { display: none; }
  .main-navigation-mobile { display: none; }
  .header-mobile-spacer { height: 133px; } }

@media (min-width: 1080px) and (max-width: 1383px) { .menu-navigation-bar .search-area .toggle-box { border: none; }
  .menu-navigation-bar .search-area .toggle-box .placeholder { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) { .header-mobile-spacer { height: 87px; }
  .sticky-header-wrapper-desktop { display: none; }
  .sticky-header-wrapper-mobile { padding-top: 15px; position: fixed; background-color: #fff; z-index: 1005; width: 100%; top: 0; left: 0; }
  .header-global-row { display: -webkit-box; display: -ms-flexbox; display: flex; height: 46px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .header-global-row .block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
  .header-global-row .toggler { position: relative; display: inline-block; height: 22px; }
  .header-global-row .toggler .icon { display: inline-block; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; }
  .header-global-row .toggler .count { position: absolute; display: block; right: -5px; bottom: -4px; width: 14px; height: 14px; line-height: 14px; font-size: 10px; font-weight: normal; color: #fff; text-align: center; background-color: #000; border: 2px #fff solid; border-radius: 100%; letter-spacing: -0.1em; }
  .header-global-row .menu-toggler .icon-header-menu { background-image: url("../img/mobile/svg/body-shop-icons-thick_hamburger.svg"); }
  .header-global-row .search-toggler .icon-header-search { background-image: url("../img/mobile/svg/body-shop-icons-thick_spyglass.svg"); }
  .header-global-row .view-toggler .icon-header-view { width: 26px; height: 22px; background-image: url("../img/mobile/common/body-shop-icons-thick_view.jpg"); background-size: 26px auto; }
  .header-global-row .cart-toggler .icon-header-cart { background-image: url("../img/mobile/svg/body-shop-icons-thick_bag.svg"); }
  .header-global-row .logo { text-align: center; }
  .header-global-row .logo img { width: 152px; }
  .header-search-mobile { display: none; position: fixed; padding: 9px 36px; top: 0; left: 0; width: 100%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-search-mobile .input-wrapper .search-icon { position: absolute; top: 20px; left: 48px; width: 18px; height: 18px; background-image: url("../img/svg/icon-search.svg"); background-size: 18px auto; }
  .header-search-mobile .input-wrapper input { width: 100%; border: 2px solid #e1e1e1; background: #fff; padding: 5px 36px; height: 41px; -webkit-text-fill-color: none; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; margin-bottom: 0; font-size: 15px; }
  .header-search-mobile .input-wrapper a { position: absolute; right: 48px; top: 20px; }
  .header-search-mobile .input-wrapper a img { display: block; width: 18px; height: 18px; }
  .header-search-mobile .search-autocomplete { position: relative; }
  .header-search-mobile .search-autocomplete-wrap { position: absolute; margin-top: 2px; padding: 16px 36px 0; width: 100%; text-align: left; -webkit-box-shadow: 0 11px 5px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 11px 5px -4px rgba(0, 0, 0, 0.24); background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-search-mobile .search-autocomplete-wrap li { padding-bottom: 16px; }
  .header-search-mobile .search-autocomplete-wrap a { background: 0 none; border: 0; border-radius: 0; text-decoration: none; display: inline; letter-spacing: .8px; text-transform: none; color: #7d7d7d; }
  .header-search-mobile .search-autocomplete-wrap b { font-weight: 700; color: #111; }
  .main-navigation-mobile { position: fixed; top: 0; left: -108%; width: 100vw; height: 100%; z-index: 1008; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .main-navigation-mobile.active { left: 0; }
  .main-navigation-mobile .main-navigation-wrap { height: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main-navigation-mobile .logo { position: absolute; padding: 23px 10px; top: 0; left: 0; width: 100%; text-align: center; background-color: #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main-navigation-mobile .logo a { display: block; }
  .main-navigation-mobile .logo a img { margin: 0 auto; display: block; width: auto; height: 14px; }
  .main-navigation-mobile .logo .parent-btn { position: absolute; margin-top: -9px; top: 50%; left: 0; width: 100%; height: 18px; background-color: #e6e6e6; z-index: 1; text-align: left; }
  .main-navigation-mobile .logo .parent-btn a { display: inline-block; margin: 0 20px; text-align: left; color: #111; text-decoration: none; vertical-align: top; }
  .main-navigation-mobile .logo .parent-btn img { display: inline-block; width: 9px; height: 18px; line-height: 18px; vertical-align: top; }
  .main-navigation-mobile .logo .parent-btn span { display: inline-block; margin-left: 10px; font-size: 16px; font-weight: bold; line-height: 18px; vertical-align: top; }
  .main-navigation-mobile .gnb-wrap { position: relative; padding-top: 60px; padding-bottom: 68px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main-navigation-mobile .gnb-inner { height: 100%; overflow-y: auto; }
  .main-navigation-mobile .gnb { border-bottom: 1px #dcdcdc solid; }
  .main-navigation-mobile .gnb + .gnb { margin-top: 48px; border-top: 1px #dcdcdc solid; }
  .main-navigation-mobile .gnb.logout-gnb { margin-top: 0; border-top: none; }
  .main-navigation-mobile .gnb li { padding-left: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main-navigation-mobile .gnb li + li { border-top: 1px #dcdcdc solid; }
  .main-navigation-mobile .gnb li .category-title { position: relative; display: block; height: 48px; line-height: 48px; color: #111; font-weight: bold; text-decoration: none; text-transform: uppercase; }
  .main-navigation-mobile .gnb li .arrow { position: absolute; right: 16px; top: 16px; width: 9px; height: 16px; line-height: 1em; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links { position: absolute; left: 0; bottom: 0; width: 100%; height: 68px; background-color: #000; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li { padding: 13px 0 0; width: 100%; height: 68px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li + li { border-left: 1px #fff solid; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li a { text-decoration: none; display: inline-block; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li .icons { width: 28px; height: 28px; margin: 0 auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: 28px auto; }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li .icons.my-account { background-image: url("../img/mobile/common/ico-gnb-bottom-1.png"); }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li .icons.wish-list { background-image: url("../img/mobile/common/ico-gnb-bottom-2.png"); }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li .icons.store-location { background-image: url("../img/mobile/common/ico-gnb-bottom-3.png"); }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li .icons.cart { background-image: url("../img/mobile/common/ico-gnb-bottom-4.png"); }
  .main-navigation-mobile .wrapper-mob-nav-sticky-links li .accessibility { display: block; color: #fff; font-size: 11px; height: 18px; line-height: 18px; text-align: center; }
  .main-navigation-mobile .main-navigation-close { position: absolute; top: 20px; right: 15px; z-index: 10; }
  .main-navigation-mobile .main-navigation-close img { display: block; width: 18px; height: auto; }
  .main-navigation-mobile + .main-navigation-cover { position: fixed; top: 0; left: 0; width: 0; height: 100vh; z-index: 1007; background-color: rgba(0, 0, 0, 0.75); opacity: 0; -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .main-navigation-mobile.active + .main-navigation-cover { width: 100vw; opacity: 1; }
  .delivery-msg-desktop { display: none; }
  .delivery-msg-mobile { height: 26px; line-height: 26px; background-color: #f0f0f0; overflow: hidden; }
  .delivery-msg-mobile ul li { text-align: center; }
  .delivery-msg-mobile ul li a { font-size: 12px; color: #000; text-decoration: none; } }

.header-login-notice-bar { font-size: 0.85714rem; margin: 0 -48px; padding: 0 48px; background-color: #edf6e4; overflow: hidden; }

@media (min-width: 0px) and (max-width: 1079px) { .header-login-notice-bar { position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 0; } }

.header-login-notice-bar .wrap { position: relative; margin: 0 auto; padding: 20px 0; padding-right: 100px; max-width: 1272px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 680px) and (max-width: 1079px) { .header-login-notice-bar .wrap { padding-left: 15px; padding-right: 100px; } }

@media (min-width: 0px) and (max-width: 679px) { .header-login-notice-bar .wrap { padding: 15px; padding-right: 40px; font-size: 0.85714rem; line-height: 1.3em; } }

.header-login-notice-bar .more { margin-left: 10px; display: inline-block; color: #666; line-height: 1.3; text-decoration: none; border-bottom: 1px #666 solid; }

.header-login-notice-bar .more .arrow { font-size: 0.8rem; }

@media (min-width: 0px) and (max-width: 679px) { .header-login-notice-bar .more { margin-left: 0; line-height: 1.8em; text-decoration: underline; border-bottom: none; } }

.header-login-notice-bar .control { position: absolute; top: 20px; right: 0; }

.header-login-notice-bar .control:before, .header-login-notice-bar .control:after { content: ""; display: table; }

.header-login-notice-bar .control:after { clear: both; }

.header-login-notice-bar .control .close { float: right; display: block; position: relative; width: 25px; height: 25px; }

.header-login-notice-bar .control .close .ico { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/svg/icon-close.svg") 0 0 no-repeat; background-size: 100% auto; }

.header-login-notice-bar .control .today { clear: both; float: right; margin-top: 4px; display: block; font-size: 0.85rem; color: #767676; cursor: pointer; }

.header-login-notice-bar .control .today .checker { position: relative; top: -1px; margin-right: 2px; width: 14px; height: 14px; }

.header-login-notice-bar .control .today .checker span, .header-login-notice-bar .control .today .checker input { width: 100%; height: 100%; vertical-align: top; }

.header-login-notice-bar .control .today .checker span { background-position: -96px 0; }

.header-login-notice-bar .control .today .checker span.checked { background-position: -110px 0; }

@media (min-width: 680px) and (max-width: 1079px) { .header-login-notice-bar .control { right: 10px; } }

@media (min-width: 0px) and (max-width: 679px) { .header-login-notice-bar .control { position: static; }
  .header-login-notice-bar .control .close { position: absolute; float: none; top: 16px; right: 12px; width: 20px; height: 20px; }
  .header-login-notice-bar .control .today { margin-top: 5px; float: none; } }

/* 푸터 */
@media (min-width: 1080px) { #footer { position: relative; margin-top: 80px; padding-bottom: 44px; }
  .footer-util-bar { padding: 8px 0; text-align: center; background-color: #f3f3f3; }
  .footer-util-bar .sns { padding: 6px 0; display: inline-block; }
  .footer-util-bar .sns a { display: inline-block; }
  .footer-util-bar .sns a + a { margin-left: 52px; }
  .footer-util-bar .sns a.instagram img { height: 28px; }
  .footer-util-bar .sns img { width: auto; height: 30px; }
  .footer-util-bar .sns + .footer-newsletter { margin-left: 62px; }
  .footer-util-bar .footer-newsletter { display: inline-block; }
  .footer-util-bar .footer-newsletter .btn { width: 284px; height: 42px; line-height: 42px; color: #2d2d2d; text-align: center; border: 2px #111 solid; }
  .footer-region { margin-top: 50px; padding-left: 136px; }
  .footer-region:before, .footer-region:after { content: ""; display: table; }
  .footer-region:after { clear: both; } }

@media (min-width: 1080px) and (min-width: 1080px) and (max-width: 1383px) { .footer-region { padding-left: 0; } }

@media (min-width: 1080px) { .footer-region-columns { float: left; }
  .footer-region-columns:before, .footer-region-columns:after { content: ""; display: table; }
  .footer-region-columns:after { clear: both; }
  .footer-region-columns .column { float: left; width: 246px; }
  .footer-region-columns .column ul + ul { padding-top: 10px; }
  .footer-region-columns .column li { margin-bottom: 5px; font-size: 13px; color: #2d2d2d; }
  .footer-region-columns .column li.impact a { text-decoration: underline; }
  .footer-region-columns .column li.impact a strong { color: #000; }
  .footer-region-columns .column a { color: inherit; text-decoration: none; }
  .footer-region-columns .column strong { text-transform: uppercase; color: #2d2d2d; }
  .footer-region-columns.contact { float: right; }
  .footer-add-box-wrap { margin-top: 37px; padding-left: 136px; } }

@media (min-width: 1080px) and (min-width: 1080px) and (max-width: 1383px) { .footer-add-box-wrap { padding-left: 0; } }

@media (min-width: 1080px) { .footer-add-box-wrap .foot-licensee p { font-size: 0.85714rem; color: #2d2d2d; font-weight: bold; }
  .footer-add-box-wrap .foot-licensee p .ft-licensee-mark { margin-left: 5px; }
  .footer-add-box-wrap .foot-add-wrap { margin-top: 25px; }
  .footer-add-box-wrap .foot-add-wrap address { font-style: normal; font-size: 0.85714rem; }
  .footer-add-box-wrap .foot-add-wrap address span { color: #7d7d7d; padding-right: 8px; }
  .footer-add-box-wrap .foot-add-wrap address span em { font-style: normal; color: #2d2d2d; }
  .footer-add-box-wrap .foot-add-wrap address a { color: #111; }
  .footer-company { margin-top: 45px; padding-left: 136px; font-size: 12px; line-height: 22px; color: #7d7d7d; }
  .footer-company .row { display: block; }
  .footer-company em { padding-right: 4px; display: inline-block; font-style: normal; color: #2d2d2d; }
  .footer-company a { display: inline-block; padding-left: 6px; color: #111; }
  .footer-language { position: absolute; left: 920px; bottom: 70px; } }

@media (min-width: 1080px) and (min-width: 1080px) and (max-width: 1383px) { .footer-language { left: 785px; } }

@media (min-width: 1080px) { .footer-language .selectric-wrapper { width: 180px; }
  .footer-language .selectric { border: none; }
  .footer-language .selectric .label { margin: 0 10px 0 38px; }
  .footer-language .selectric .button { right: auto; left: 0; }
  .footer-language .selectric .button:after { border: none; width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px auto; }
  .footer-wrapper-mobile { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) { .footer-wrapper-desktop { display: none; }
  .footer-wrapper-mobile { margin-top: 40px; padding-bottom: 20px; }
  .footer-newsletter { padding: 18px 0; text-align: center; background-color: #f7f7f7; }
  .footer-newsletter .btn { width: 242px; height: 38px; line-height: 38px; text-align: center; color: #2d2d2d; border: 2px #111 solid; -webkit-box-sizing: content-box; box-sizing: content-box; }
  .footer-sns { margin-top: 20px; text-align: center; }
  .footer-sns a { display: inline-block; width: 22px; height: 22px; }
  .footer-sns a + a { margin-left: 54px; }
  .footer-sns a img { width: 100%; height: auto; }
  .footer-region { font-size: 0.9rem; }
  .footer-region-utils { margin-top: 22px; }
  .footer-region-utils ul { text-align: center; }
  .footer-region-utils ul:before, .footer-region-utils ul:after { content: ""; display: table; }
  .footer-region-utils ul:after { clear: both; }
  .footer-region-utils ul li { display: inline-block; }
  .footer-region-utils ul li + li { position: relative; margin-left: 8px; padding-left: 13px; }
  .footer-region-utils ul li + li:before { position: absolute; display: block; content: ''; margin-top: -4px; top: 50%; left: 0; width: 1px; height: 8px; background-color: #dbdbdb; }
  .footer-region-utils ul li a { color: inherit; text-decoration: none; }
  .footer-region-utils ul li.impact a { text-decoration: underline; font-weight: bold; }
  .footer-region-contact { margin-top: 20px; text-align: center; }
  .footer-region-contact li { text-align: center; }
  .footer-region-contact li + li { margin-top: 6px; }
  .footer-region-contact a { color: inherit; text-decoration: none; }
  .mobile-foot-licensee { padding: 0 15px; margin-top: 18px; }
  .mobile-foot-licensee p { font-size: 0.85714rem; color: #2d2d2d; font-weight: bold; text-align: center; }
  .footer-company { margin-top: 18px; }
  .footer-company .row { padding: 0 10px; display: block; color: #7d7d7d; font-size: 0.9em; text-align: center; line-height: 2; }
  .footer-company .row .em { display: inline-block; }
  .footer-company .row a { color: inherit; text-decoration: none; }
  .footer-company em { font-style: normal; color: #1d1d1d; } }

@media (min-width: 0) and (max-width: 480px) { .footer-region-utils ul li.impact { margin: 0 auto; padding: 0; display: block; }
  .footer-region-utils ul li.impact:before { display: none; } }

/* layer-popup */
.layer-popup { display: none; position: fixed; padding: 25px 0; top: 0; left: 0; height: 100%; overflow-x: hidden; overflow-y: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup .popup { position: relative; margin-left: auto; margin-right: auto; padding: 20px 30px; width: 100%; max-height: 100%; background-color: #fff; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup h2 { font-size: 1.71429rem; }

.layer-popup .wrap { padding: 20px 0; }

.layer-popup .wrap h3 { font-size: 1.28571rem; font-weight: bold; line-height: 1.5em; text-align: center; color: #000; }

.layer-popup .wrap .content + .content { margin-top: 20px; }

.layer-popup .wrap .content .box { padding: 20px 0; text-align: center; background-color: #f5f5f5; }

.layer-popup .wrap .content .message { padding: 0 20px; }

.layer-popup .wrap .content .article h3 { margin-bottom: 10px; text-align: left; }

.layer-popup .wrap .content .article + .article { margin-top: 20px; }

.layer-popup .wrap .content .article p { color: #555; }

.layer-popup .wrap .content .article p.higilight { margin-bottom: 10px; color: #000; }

.layer-popup .wrap .content .article p a { text-decoration: none; color: #00764e; }

.layer-popup .btn.close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; vertical-align: top; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.layer-popup .btn.close .icon { position: absolute; display: block; margin-left: -10px; margin-top: -10px; top: 50%; left: 50%; width: 100%; height: 100%; background: url("../img/svg/icon-close.svg") 0 0 no-repeat; background-size: 100% auto; }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup .btn.close { top: 25px; right: 25px; } }

.layer-popup .button-area { margin-top: 30px; }

.layer-popup .button-area .btn { padding: 0; width: 140px; }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup { padding: 10px; width: 100% !important; left: 0 !important; margin-left: 0 !important; }
  .layer-popup .popup { padding: 15px 12px; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .layer-popup h2 { font-size: 1.57143rem; } }

.layer-popup .pop-foot-impor-guide-wrap { padding-top: 25px; margin: 0 -30px -25px; }

@media (min-width: 0px) and (max-width: 1079px) { .layer-popup .pop-foot-impor-guide-wrap { margin: 0 -12px -37px; } }

.layer-popup .pop-foot-impor-guide-wrap .pop-foot-impor-guid-ul { padding: 20px 30px; background: #f7f7f7; }

@media (min-width: 0px) and (max-width: 1079px) { .layer-popup .pop-foot-impor-guide-wrap .pop-foot-impor-guid-ul { padding: 20px 15px; } }

.layer-popup .pop-foot-impor-guide-wrap .pop-foot-impor-guid-ul li { position: relative; font-size: 0.85714rem; color: #535353; margin-bottom: 2px; padding-left: 6px; }

.layer-popup .pop-foot-impor-guide-wrap .pop-foot-impor-guid-ul li:after { display: block; content: ""; width: 2px; height: 2px; background: #888; position: absolute; top: 8px; left: 0; }

.layer-popup .pop-foot-impor-guide-wrap .pop-foot-impor-guid-ul li:last-child { margin-bottom: 0; }

.layer-popup .pop-tempo-num-list { margin-top: 9px; }

.layer-popup .pop-tempo-num-list .pop-tempo-num-li { margin-bottom: 3px; }

.layer-popup .pop-tempo-num-list .pop-tempo-num-li:last-child { margin-bottom: 0; }

.layer-popup .pop-tempo-num-list .pop-tempo-num-li .num-txt { font-size: 0.92857rem; color: #111; text-indent: -14px; padding-left: 14px; }

.layer-popup .pop-tempo-num-list .pop-tempo-num-li .num-ex-list { margin-top: 3px; padding-left: 14px; }

.layer-popup .pop-tempo-num-list .pop-tempo-num-li .num-ex-list li { font-size: 0.92857rem; color: #111; margin-bottom: 3px; }

.layer-popup .pop-tempo-num-list .pop-tempo-num-li .num-ex-list li:last-child { margin-bottom: 0; }

.layer-popup .pop-tempo-dot-list { margin-top: 9px; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li { margin-bottom: 3px; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li:last-child { margin-bottom: 0; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li .num-txt { position: relative; font-size: 0.92857rem; color: #111; padding-left: 8px; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li .num-txt:after { position: absolute; top: 9px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7c7c7c; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li .num-ex-list { margin-top: 3px; padding-left: 14px; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li .num-ex-list li { font-size: 0.92857rem; color: #111; margin-bottom: 3px; }

.layer-popup .pop-tempo-dot-list .pop-tempo-num-li .num-ex-list li:last-child { margin-bottom: 0; }

.layer-popup .pop-tempo-normal-list { margin-top: 9px; }

.layer-popup .pop-tempo-normal-list .pop-tempo-num-li { margin-bottom: 3px; }

.layer-popup .pop-tempo-normal-list .pop-tempo-num-li:last-child { margin-bottom: 0; }

.layer-popup .pop-tempo-normal-list .pop-tempo-num-li .num-txt { position: relative; font-size: 0.92857rem; color: #111; }

.layer-popup .pop-tempo-normal-list .pop-tempo-num-li .num-ex-list { margin-top: 3px; }

.layer-popup .pop-tempo-normal-list .pop-tempo-num-li .num-ex-list li { font-size: 0.92857rem; color: #111; margin-bottom: 3px; }

.layer-popup .pop-tempo-normal-list .pop-tempo-num-li .num-ex-list li:last-child { margin-bottom: 0; }

.layer-popup .pop-normal-txt-box p { font-size: 0.92857rem; }

.layer-popup .pop-gray-zone-area { padding: 19px; background: #f7f7f7; }

.layer-popup .pop-gray-zone-area .pop-gray-num-list .pop-gray-num-li { margin-bottom: 10px; }

.layer-popup .pop-gray-zone-area .pop-gray-num-list .pop-gray-num-li:last-child { margin-bottom: 0; }

.layer-popup .pop-gray-zone-area .pop-gray-num-list .pop-gray-num-li .gray-tt { font-weight: bold; font-size: 0.92857rem; }

.layer-popup .pop-gray-zone-area .pop-gray-num-list .pop-gray-num-li .gray-list-normal li { font-size: 0.92857rem; }

@media (min-width: 680px) and (max-width: 1079px) { .layer-popup.order-history-find-popup { width: 680px !important; } }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.order-history-find-popup .search-period-custom { margin-top: 0; } }

.layer-popup.order-history-find-popup .data-table { margin-top: 20px; }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.order-history-find-popup .data-table thead { display: none; }
  .layer-popup.order-history-find-popup .data-table, .layer-popup.order-history-find-popup .data-table tbody, .layer-popup.order-history-find-popup .data-table tr, .layer-popup.order-history-find-popup .data-table td { display: block; }
  .layer-popup.order-history-find-popup .data-table tr { position: relative; padding: 10px; padding-left: 42px; text-align: left; border-top: 1px #fff solid; background-color: #f7f7f7; }
  .layer-popup.order-history-find-popup .data-table td { padding: 0; border: none; text-align: left; background-color: transparent; }
  .layer-popup.order-history-find-popup .data-table td:first-child { position: absolute; top: 12px; left: 10px; }
  .layer-popup.order-history-find-popup .data-table td:nth-child(2) { display: inline-block; }
  .layer-popup.order-history-find-popup .data-table td:nth-child(3) { display: inline-block; }
  .layer-popup.order-history-find-popup .data-table td:nth-child(3):before { margin-right: 2px; display: inline-block; content: "|"; color: #d1d1d1; } }

.layer-popup.order-history-find-popup .pagination { margin-top: 40px; }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.order-history-find-popup .pagination { margin-top: 20px; } }

.layer-popup.order-must-read-popup .tab.large { height: 36px; }

.layer-popup.order-must-read-popup .tab.large a { height: 36px; line-height: 36px; }

@media (min-width: 0) and (max-width: 460px) { .layer-popup.order-must-read-popup .tab.large a { letter-spacing: -0.01em; } }

.layer-popup.order-must-read-popup .skip-content { margin-top: 15px; }

.layer-popup.order-must-read-popup .skip-content h3 { margin-bottom: 10px; text-align: left; }

.layer-popup.order-must-read-popup .skip-content .asset + .asset { margin-top: 15px; }

.layer-popup.order-must-read-popup .skip-content .data-list { margin-top: 5px; font-size: 13px; }

.layer-popup.order-must-read-popup .skip-content .data-list li + li { margin-top: 0; }

.layer-popup.order-must-read-popup .process-flow { margin-bottom: 10px; padding: 15px 20px; background-color: #f7f7f7; }

.layer-popup.order-must-read-popup .process-flow:before, .layer-popup.order-must-read-popup .process-flow:after { content: ""; display: table; }

.layer-popup.order-must-read-popup .process-flow:after { clear: both; }

.layer-popup.order-must-read-popup .process-flow li { padding: 0 10px; float: left; width: 28%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup.order-must-read-popup .process-flow li + li { position: relative; margin-left: 8%; }

.layer-popup.order-must-read-popup .process-flow li + li:before { position: absolute; display: block; content: ''; width: 29%; height: 100%; left: -29%; background-image: url("../img/mypage/ico_delivery_flow.png"); background-repeat: no-repeat; background-position: center center; }

.layer-popup.order-must-read-popup .process-flow li strong { display: block; margin-bottom: 5px; }

.layer-popup.order-must-read-popup .process-flow li span { display: block; font-size: 12px; line-height: 1.4; }

@media (min-width: 0) and (max-width: 460px) { .layer-popup.order-must-read-popup .process-flow { padding: 10px 10px; }
  .layer-popup.order-must-read-popup .process-flow li { padding: 0; }
  .layer-popup.order-must-read-popup .process-flow li strong { font-size: 13px; } }

.layer-popup.address-before-popup .article + .article { margin-top: 20px; }

.layer-popup.address-before-popup .article.add-con-none { color: #999; padding: 100px 0; text-align: center; }

.layer-popup.address-before-popup .data-table th { padding-left: 18px; }

.layer-popup.address-before-popup .data-table td { padding-left: 15px; padding-right: 15px; }

.layer-popup.address-before-popup td.address-select { padding-left: 0; padding-right: 0; background-color: #fff; }

.layer-popup.address-before-popup .pagination { margin-top: 30px; }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.address-before-popup .data-table thead, .layer-popup.address-before-popup .data-table th { display: none; }
  .layer-popup.address-before-popup .data-table, .layer-popup.address-before-popup .data-table tbody, .layer-popup.address-before-popup .data-table tr, .layer-popup.address-before-popup .data-table td { display: block; padding: 0; border: 0; background-color: transparent; }
  .layer-popup.address-before-popup .data-table tr { position: relative; padding-left: 40px; }
  .layer-popup.address-before-popup .data-table td { color: #111; }
  .layer-popup.address-before-popup .data-table .address-select { position: absolute; top: 0; left: 4px; } }

.layer-popup.point-lpoint-popup .lpoint-fieldset .label { padding-left: 20px; width: 140px; }

.layer-popup.point-lpoint-popup .point-card-number:before, .layer-popup.point-lpoint-popup .point-card-number:after, .layer-popup.point-lpoint-popup .point-card-pw:before, .layer-popup.point-lpoint-popup .point-card-pw:after { content: ""; display: table; }

.layer-popup.point-lpoint-popup .point-card-number:after, .layer-popup.point-lpoint-popup .point-card-pw:after { clear: both; }

.layer-popup.point-lpoint-popup .point-card-number .code, .layer-popup.point-lpoint-popup .point-card-number .hypen { float: left; }

.layer-popup.point-lpoint-popup .point-card-number .code { width: 75px; }

.layer-popup.point-lpoint-popup .point-card-number .hypen { display: block; width: 30px; height: 36px; line-height: 36px; text-align: center; }

.layer-popup.point-lpoint-popup .point-card-pw .card-pw, .layer-popup.point-lpoint-popup .point-card-pw .btn { float: left; }

.layer-popup.point-lpoint-popup .point-card-pw .card-pw { width: 320px; }

.layer-popup.point-lpoint-popup .point-card-pw .btn { margin-left: 5px; display: block; width: 65px; }

.layer-popup.point-lpoint-popup .data-list { margin-top: 10px; }

.layer-popup.point-lpoint-popup .data-list li { font-size: 0.9em; }

.layer-popup.point-lpoint-popup .data-list li + li { margin-top: 0; }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.point-lpoint-popup .lpoint-fieldset .field { display: block; }
  .layer-popup.point-lpoint-popup .lpoint-fieldset .field.agree-chk .insert { height: auto; }
  .layer-popup.point-lpoint-popup .lpoint-fieldset .label, .layer-popup.point-lpoint-popup .lpoint-fieldset .insert { display: block; }
  .layer-popup.point-lpoint-popup .lpoint-fieldset .label { width: auto; }
  .layer-popup.point-lpoint-popup .point-card-number, .layer-popup.point-lpoint-popup .point-card-pw { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .layer-popup.point-lpoint-popup .point-card-number .code, .layer-popup.point-lpoint-popup .point-card-number .hypen { float: none; }
  .layer-popup.point-lpoint-popup .point-card-number .code { width: 100%; }
  .layer-popup.point-lpoint-popup .point-card-number .hypen { width: 12px; -ms-flex-preferred-size: 12px; flex-basis: 12px; -ms-flex-negative: 0; flex-shrink: 0; }
  .layer-popup.point-lpoint-popup .point-card-pw .card-pw, .layer-popup.point-lpoint-popup .point-card-pw .btn { float: none; }
  .layer-popup.point-lpoint-popup .point-card-pw .card-pw { width: 100%; }
  .layer-popup.point-lpoint-popup .point-card-pw .btn { margin-left: 5px; display: block; width: 65px; -ms-flex-preferred-size: 65px; flex-basis: 65px; -ms-flex-negative: 0; flex-shrink: 0; } }

.layer-popup.account-before-popup h4 { margin-bottom: 5px; }

.layer-popup.account-before-popup .data-table th, .layer-popup.account-before-popup .data-table td { padding-left: 10px; }

.layer-popup.password-change-popup .message { margin-bottom: 20px; color: #111; }

.layer-popup.password-change-popup .btn.full { width: 100%; }

.layer-popup.detail-product-write-popup .pop-in-contents-area input, .layer-popup.detail-product-write-popup .pop-in-contents-area textarea { border-width: 1px; width: 100%; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .pr-write-title { font-size: 1rem; color: #2d2d2d; text-align: left; margin-bottom: 10px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .pr-write-title .detail-g { font-weight: normal; color: #7d7d7d; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing { margin-top: 30px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-text-numcheck { font-size: 0.92857rem; color: #111; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-text-numcheck span { color: #7d7d7d; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list { margin-top: 10px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list ul:before, .layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list ul:after { content: ""; display: table; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list ul:after { clear: both; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list ul li { float: left; margin-right: 15px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list ul li strong { font-size: 1rem; color: #111; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing .pop-upload-img-list ul li a { margin-left: 5px; vertical-align: middle; display: inline-block; width: 19px; height: 19px; background: url("../img/popup/pop-upload-file-del-ico.png") 0 0 no-repeat; background-size: 100%; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check { margin-top: 0; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .pr-write-title { display: inline-block; margin-bottom: 0; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .pop-star-test-box { display: inline-block; margin-left: 8px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .pop-star-test-box .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .pop-star-test-box .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") left 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .pop-star-test-box input[type=text] { padding: 0 5px; text-align: center; width: 45px; height: 26px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap { margin-left: 8px; display: inline-block; vertical-align: middle; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap:before, .layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap:after { content: ""; display: table; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap:after { clear: both; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap .star-mark-score-zone { float: left; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap .star-mark-score-zone .star-mk { display: inline-block; width: 18px; height: 18px; background-image: url("../img/common/icon-star-stroked-2px-space.svg"); background-position: center; background-repeat: no-repeat; background-size: 100% auto; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap .star-mark-score-zone .star-mk.on { background-image: url("../img/common/icon-start-filled-2px-space.svg"); }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.write-star-point-check .write-star-score-wrap .score-num { float: left; font-size: 0.92857rem; color: #7d7d7d; margin-left: 10px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-con textarea { padding: 10px; height: 180px; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-blog .popwite-blog-put:before, .layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-blog .popwite-blog-put:after { content: ""; display: table; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-blog .popwite-blog-put:after { clear: both; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-blog .popwite-blog-put .blog-write-span { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 60%; display: inline-block; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-blog .popwite-blog-put .blog-write-span:first-child { padding-right: 4px; width: 40%; }

.layer-popup.detail-product-write-popup .pop-in-contents-area .re-write-boxing.re-write-blog .popwite-blog-put .blog-write-span input { width: 100%; }

.layer-popup.detail-product-write-popup .button-area button[type="submit"] { width: 100%; height: 48px; }

.layer-popup.detail-product-write-popup .button-area.modi { margin: 0 -5px; margin-top: 30px; }

.layer-popup.detail-product-write-popup .button-area.modi:before, .layer-popup.detail-product-write-popup .button-area.modi:after { content: ""; display: table; }

.layer-popup.detail-product-write-popup .button-area.modi:after { clear: both; }

.layer-popup.detail-product-write-popup .button-area.modi .modi-btn { padding: 0 5px; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup.detail-attention-review-popup .pop-in-contents-area .temporarily-common-impor-box { line-height: 1.4; margin-bottom: 30px; }

.layer-popup.detail-attention-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-tempo-h3 { text-align: left; font-size: 1.28571rem; color: #111; margin-bottom: 13px; }

.layer-popup.detail-attention-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box { margin-bottom: 25px; }

.layer-popup.detail-attention-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box:last-child { margin-bottom: 0; }

.layer-popup.detail-attention-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-tempo-tt strong { font-size: 1rem; color: #111; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box { line-height: 1.4; margin-bottom: 30px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-tempo-h3 { text-align: left; font-size: 1.28571rem; color: #111; margin-bottom: 13px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box { margin-bottom: 25px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box:last-child { margin-bottom: 0; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-tempo-tt strong { font-size: 1rem; color: #111; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-tempo-tt .pop-detail-see-btn { display: inline-block; vertical-align: middle; font-size: 0.85714rem; color: #fff; background: #111; padding: 2px 10px; text-decoration: none; margin-left: 8px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list { margin-top: 9px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list .pop-tempo-num-li { margin-bottom: 3px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list .pop-tempo-num-li:last-child { margin-bottom: 0; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list .pop-tempo-num-li .num-txt { font-size: 0.92857rem; color: #111; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list .pop-tempo-num-li .num-ex-list { margin-top: 3px; padding-left: 14px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list .pop-tempo-num-li .num-ex-list li { font-size: 0.92857rem; color: #111; margin-bottom: 3px; }

.layer-popup.detail-ship-review-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-shipguide-list .pop-tempo-num-li .num-ex-list li:last-child { margin-bottom: 0; }

.layer-popup.order-cancle-detail-popup .wrap + .wrap { padding-top: 0; }

@media (min-width: 1080px) { .layer-popup.order-cancle-detail-popup .data-table th { padding-left: 15px; } }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.order-cancle-detail-popup h4 { font-size: 1.1rem; }
  .layer-popup.order-cancle-detail-popup table, .layer-popup.order-cancle-detail-popup tbody, .layer-popup.order-cancle-detail-popup tr, .layer-popup.order-cancle-detail-popup th, .layer-popup.order-cancle-detail-popup td { display: block; }
  .layer-popup.order-cancle-detail-popup tr:before, .layer-popup.order-cancle-detail-popup tr:after { content: ""; display: table; }
  .layer-popup.order-cancle-detail-popup tr:after { clear: both; }
  .layer-popup.order-cancle-detail-popup .data-table th, .layer-popup.order-cancle-detail-popup .data-table td { padding: 0; margin-top: 4px; border: none; }
  .layer-popup.order-cancle-detail-popup .data-table th { background-color: transparent; }
  .layer-popup.order-cancle-detail-popup th { float: left; width: 110px; clear: both; }
  .layer-popup.order-cancle-detail-popup td { float: none; line-height: 1.4em; overflow: hidden; } }

.layer-popup.pay-collection-agreement-popup .pop-in-contents-area .temporarily-common-impor-box { line-height: 1.4; margin-bottom: 30px; }

.layer-popup.pay-collection-agreement-popup .pop-in-contents-area .temporarily-common-impor-box .pop-tempo-h3 { text-align: left; font-size: 1.28571rem; color: #111; margin-bottom: 13px; }

.layer-popup.pay-collection-agreement-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box { margin-bottom: 25px; }

.layer-popup.pay-collection-agreement-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box:last-child { margin-bottom: 0; }

.layer-popup.pay-collection-agreement-popup .pop-in-contents-area .temporarily-common-impor-box .pop-about-part-box .pop-tempo-tt strong { font-size: 1rem; color: #111; }

.layer-popup.ind-party-agreement-popup .pop-in-contents-area .pop-gray-zone-area { margin-top: 20px; }

.layer-popup.myor-side-benefit-event-pop .popup h2 { font-size: 1.28571rem; }

.layer-popup.myor-side-benefit-event-pop .popup h2 .small-guide { display: block; font-size: 1rem; color: #9b9b9b; margin-top: -3px; font-weight: normal; }

.layer-popup.myor-side-benefit-event-pop .pop-in-contents-area .pop-radio-benefit-list li { margin-bottom: 8px; }

.layer-popup.myor-side-benefit-event-pop .pop-in-contents-area .pop-radio-benefit-list li:last-child { margin-bottom: 0; }

.layer-popup.myor-side-benefit-coupon-pop .popup h2 { font-size: 1.28571rem; }

.layer-popup.myor-side-benefit-coupon-pop .popup h2 .small-guide { display: block; font-size: 1rem; color: #9b9b9b; margin-top: -3px; font-weight: normal; }

.layer-popup.myor-side-benefit-coupon-pop .pop-in-contents-area .pop-radio-benefit-list li { margin-bottom: 8px; }

.layer-popup.myor-side-benefit-coupon-pop .pop-in-contents-area .pop-radio-benefit-list li:last-child { margin-bottom: 0; }

.layer-popup.myor-side-benefit-coupon-pop .pop-in-contents-area .pop-radio-benefit-list li.coupon-none { text-align: center; color: #999; padding: 68px 0; }

.layer-popup.myor-side-benefit-coupon-pop .pop-benefit-coupon-btn { margin-top: 28px; }

.layer-popup.myor-side-benefit-coupon-pop .pop-benefit-coupon-btn .btn { width: 100%; }

.layer-popup.myor-side-lpoint-coupon-pop .popup h2 { font-size: 1.42857rem; }

.layer-popup.myor-side-lpoint-coupon-pop .popup h2 .small-guide { display: block; font-size: 1rem; color: #9b9b9b; margin-top: -3px; font-weight: normal; }

.layer-popup.myor-side-lpoint-coupon-pop .pop-in-contents-area .l-point-radio-zone .l-point-rad-ul { margin: 20px 0 0; padding: 10px 0; text-align: center; border-top: 1px solid #e1e1e1; }

.layer-popup.myor-side-lpoint-coupon-pop .pop-in-contents-area .l-point-radio-zone .l-point-rad-ul .l-point-rad-li { display: inline-block; padding: 0 10px; }

.layer-popup.myor-side-lpoint-coupon-pop .pop-in-contents-area .l-point-last-check-zone { margin-top: 15px; }

.layer-popup.myor-side-lpoint-coupon-pop .pop-benefit-coupon-btn { margin-top: 28px; }

.layer-popup.myor-side-lpoint-coupon-pop .pop-benefit-coupon-btn .btn { width: 100%; }

.layer-popup.deposit-data-popup .data-table tbody th, .layer-popup.deposit-data-popup .data-table tbody td { padding-left: 20px; }

.layer-popup.newslatter-join-popup .pop-in-contents-area { font-size: 1rem; color: #111; }

.layer-popup.newslatter-join-popup .pop-in-contents-area .pop-newslat-mail-write-zone { margin-top: 25px; }

.layer-popup.newslatter-join-popup .pop-in-contents-area .pop-newslat-mail-write-zone .news-j-label { display: block; margin-bottom: 10px; }

.layer-popup.newslatter-join-popup .pop-in-contents-area .pop-newslat-mail-write-zone .news-j-put { width: 100%; border-width: 1px; }

.layer-popup.newslatter-join-popup .pop-in-contents-area .pop-newslat-btn { margin-top: 28px; }

.layer-popup.newslatter-join-popup .pop-in-contents-area .pop-newslat-btn .btn { width: 100%; }

.layer-popup.heritage-story-popup { overflow: visible; }

.layer-popup.heritage-story-popup .popup { padding: 0; display: table; width: 100%; height: 100%; overflow: visible; background-color: transparent; }

.layer-popup.heritage-story-popup .story-wrapper { position: relative; padding: 0; display: table-cell; width: 100%; height: 100%; vertical-align: middle; background-color: transparent; overflow: visible; }

.layer-popup.heritage-story-popup .popup-content { padding: 50px; background-color: #000; }

.layer-popup.heritage-story-popup .popup-content:before, .layer-popup.heritage-story-popup .popup-content:after { content: ""; display: table; }

.layer-popup.heritage-story-popup .popup-content:after { clear: both; }

.layer-popup.heritage-story-popup .story-popup-thumbnail { margin-right: 48px; float: left; width: 378px; }

.layer-popup.heritage-story-popup .story-popup-thumbnail .frame { width: 100%; }

.layer-popup.heritage-story-popup .story-popup-thumbnail img { width: 100%; height: auto; }

.layer-popup.heritage-story-popup .heritage-story-text { float: none; overflow: hidden; color: #fff; }

.layer-popup.heritage-story-popup .heritage-story-text .heritage-story-title { font-size: 22px; }

.layer-popup.heritage-story-popup .heritage-story-text .heritage-story-article p { margin-top: 20px; }

.layer-popup.heritage-story-popup .story-direction { position: absolute; top: 50%; left: 50%; }

.layer-popup.heritage-story-popup .story-direction .btn { position: absolute; margin-top: -15.5px; width: 48px; height: 31px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-position: center center; background-repeat: no-repeat; }

.layer-popup.heritage-story-popup .story-direction .btn.prev { right: 0; margin-right: 480px; background-image: url("../img/brand/ico_direction_prev_b.png"); }

.layer-popup.heritage-story-popup .story-direction .btn.next { left: 0; margin-left: 480px; background-image: url("../img/brand/ico_direction_next_b.png"); }

.layer-popup.heritage-story-popup .btn.close { top: 50%; margin-top: -225px; }

.layer-popup.heritage-story-popup .btn.close .icon { background-image: url("../img/svg/icon-close-white.svg"); }

@media (min-width: 0px) and (max-width: 1079px) { .layer-popup.heritage-story-popup { padding: 20px 0; width: 90% !important; max-width: 478px; }
  .layer-popup.heritage-story-popup .popup { display: block; overflow-y: auto; }
  .layer-popup.heritage-story-popup .popup-content { padding-top: 70px; }
  .layer-popup.heritage-story-popup .story-wrapper { display: block; height: auto; }
  .layer-popup.heritage-story-popup .story-popup-thumbnail { float: none; }
  .layer-popup.heritage-story-popup .heritage-story-text { margin-top: 30px; text-align: center; }
  .layer-popup.heritage-story-popup .btn.close { top: 0; left: 50%; margin-left: -10px; margin-top: 20px; width: 30px; height: 30px; }
  .layer-popup.heritage-story-popup .btn.close .icon { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background-image: url("../img/svg/icon-close-white.svg"); }
  .layer-popup.heritage-story-popup .story-direction { margin-top: -20px; padding-bottom: 40px; position: relative; top: auto; left: auto; text-align: center; background-color: #000; }
  .layer-popup.heritage-story-popup .story-direction .btn { display: inline-block; position: static; width: 24px; height: 16px; }
  .layer-popup.heritage-story-popup .story-direction .btn.prev, .layer-popup.heritage-story-popup .story-direction .btn.next { margin: 0; background-size: 24px auto; }
  .layer-popup.heritage-story-popup .story-direction .btn.prev { background-image: url("../img/brand/ico_direction_prev_w.png"); }
  .layer-popup.heritage-story-popup .story-direction .btn.next { margin-left: 20px; background-image: url("../img/brand/ico_direction_next_w.png"); } }

@media (min-width: 0px) and (max-width: 679px) { .layer-popup.heritage-story-popup { padding: 0; width: 100% !important; max-width: 100%; background-color: #000; }
  .layer-popup.heritage-story-popup .popup-content { padding-left: 0; padding-right: 0; }
  .layer-popup.heritage-story-popup .story-popup-thumbnail { margin: 0 auto; max-width: 100%; }
  .layer-popup.heritage-story-popup .heritage-story-text { padding-left: 30px; padding-right: 30px; } }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer { border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer:before, .layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer:after { content: ""; display: table; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer:after { clear: both; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer .write-infor { float: left; font-size: 1rem; color: #2d2d2d; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer .write-blog { position: relative; text-decoration: none; display: block; float: right; font-size: 0.92857rem; color: #7d7d7d; padding-right: 10px; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-writer .write-blog:after { position: absolute; top: 50%; right: 0; margin-top: -4px; content: ""; display: block; border-right-width: 0; border-top: 4px; border-bottom: 4px; border-style: solid; border-color: transparent; border-left: 4px solid #929292; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title { position: relative; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title .tt { font-size: 0.92857rem; color: #2d2d2d; font-weight: normal; line-height: 1.4; max-height: 2.8em; padding-right: 135px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title .con { font-size: 1rem; color: #111; font-weight: bold; line-height: 1.4; max-height: 2.8em; margin-top: 5px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-align: left; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title .star { position: absolute; top: -3px; right: 0; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title .star .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title .star .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") left 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-title .star .star-gage { font-size: 0.92857rem; color: #7d7d7d; vertical-align: middle; margin-left: 5px; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-con { overflow: hidden; overflow-y: auto; height: 312px; margin-top: 15px; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-con .bp-img img { width: 100%; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-con .bp-img, .layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-con .bp-txt { margin-top: 18px; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-con .bp-img:first-child, .layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-con .bp-txt:first-child { margin-top: 0; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn { position: relative; font-size: 0; text-align: center; padding-right: 110px; margin: 0 45px; margin-top: 30px; }

@media (min-width: 0px) and (max-width: 1079px) { .layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn { margin: 0; padding: 0; margin-top: 20px; } }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .best-p-bt { padding: 0 2.5px; display: inline-block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .best-p-bt .btn { width: 100%; }

@media (min-width: 0px) and (max-width: 1079px) { .layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .best-p-bt .btn { width: 100%; } }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .wish-area { position: absolute; top: 0; right: 0; display: block; text-align: center; font-size: 1rem; color: #2d2d2d; }

@media (min-width: 0px) and (max-width: 1079px) { .layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .wish-area { position: static; margin-bottom: 10px; } }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .wish-area .wish { margin-left: 20px; display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }

.layer-popup.best-product-reply-popup .pop-in-contents-area .best-pro-btn .wish-area .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }

.layer-popup.alliance-point-agreement, .layer-popup.alliance-point-exchange, .layer-popup.alliance-login { position: fixed; z-index: -1; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 0; opacity: 0; }

.layer-popup.alliance-point-agreement:after, .layer-popup.alliance-point-exchange:after, .layer-popup.alliance-login:after { display: block; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0.75); }

.layer-popup.alliance-point-agreement.active, .layer-popup.alliance-point-exchange.active, .layer-popup.alliance-login.active { z-index: 11000; display: block; opacity: 1; }

.layer-popup.alliance-point-agreement .popup, .layer-popup.alliance-point-exchange .popup, .layer-popup.alliance-login .popup { position: absolute; z-index: 1; top: 50%; left: 50%; width: 556px; height: 470px; margin: -235px 0 0 -278px; }

.layer-popup.alliance-point-agreement .popup .wrap, .layer-popup.alliance-point-exchange .popup .wrap, .layer-popup.alliance-login .popup .wrap { padding: 20px 0 0 0; }

.layer-popup.alliance-point-agreement .popup .wrap > p, .layer-popup.alliance-point-exchange .popup .wrap > p, .layer-popup.alliance-login .popup .wrap > p { font-size: 14px; line-height: 20px; display: block; margin-bottom: 21px; color: #111; }

.layer-popup.alliance-point-agreement .popup .wrap > p.exchange-p, .layer-popup.alliance-point-exchange .popup .wrap > p.exchange-p, .layer-popup.alliance-login .popup .wrap > p.exchange-p { font-weight: 700; margin: 26px 0 5px; }

.layer-popup.alliance-point-agreement .popup .wrap > label, .layer-popup.alliance-point-exchange .popup .wrap > label, .layer-popup.alliance-login .popup .wrap > label { font-size: 18px; font-weight: 700; display: block; margin-bottom: 10px; color: #111; }

.layer-popup.alliance-point-agreement .popup .wrap > label .checker, .layer-popup.alliance-point-exchange .popup .wrap > label .checker, .layer-popup.alliance-login .popup .wrap > label .checker { border: 1px solid #000; }

.layer-popup.alliance-point-agreement .popup .wrap ol li, .layer-popup.alliance-point-exchange .popup .wrap ol li, .layer-popup.alliance-login .popup .wrap ol li { line-height: 20px; margin-left: 48px; list-style-type: decimal; word-break: keep-all; color: #111; }

.layer-popup.alliance-point-agreement .popup .wrap ol li + li, .layer-popup.alliance-point-exchange .popup .wrap ol li + li, .layer-popup.alliance-login .popup .wrap ol li + li { margin-top: 5px; }

.layer-popup.alliance-point-agreement .popup .wrap ol.exchange-ol li, .layer-popup.alliance-point-exchange .popup .wrap ol.exchange-ol li, .layer-popup.alliance-login .popup .wrap ol.exchange-ol li { line-height: 23px; margin-left: 16px; }

.layer-popup.alliance-point-agreement .popup .wrap ol.exchange-ol li + li, .layer-popup.alliance-point-exchange .popup .wrap ol.exchange-ol li + li, .layer-popup.alliance-login .popup .wrap ol.exchange-ol li + li { margin-top: 0; }

.layer-popup.alliance-point-agreement .popup .wrap .exchange-dl, .layer-popup.alliance-point-exchange .popup .wrap .exchange-dl, .layer-popup.alliance-login .popup .wrap .exchange-dl { padding: 20px 25px 25px 25px; background-color: #f7f7f7; }

.layer-popup.alliance-point-agreement .popup .wrap .exchange-dl dt, .layer-popup.alliance-point-exchange .popup .wrap .exchange-dl dt, .layer-popup.alliance-login .popup .wrap .exchange-dl dt { font-weight: 700; margin-bottom: 12px; color: #111; }

.layer-popup.alliance-point-agreement .popup .wrap .exchange-dl dd, .layer-popup.alliance-point-exchange .popup .wrap .exchange-dl dd, .layer-popup.alliance-login .popup .wrap .exchange-dl dd { font-size: 13px; line-height: 24px; margin-left: 0; color: #111; }

.layer-popup.alliance-point-agreement .popup .wrap .exchange-dl dd + dd, .layer-popup.alliance-point-exchange .popup .wrap .exchange-dl dd + dd, .layer-popup.alliance-login .popup .wrap .exchange-dl dd + dd { margin-top: 8px; }

.layer-popup.alliance-point-agreement .popup .wrap .exchange-dl dd span, .layer-popup.alliance-point-exchange .popup .wrap .exchange-dl dd span, .layer-popup.alliance-login .popup .wrap .exchange-dl dd span { font-weight: 700; line-height: 24px; display: inline-block; width: 70px; height: 24px; text-align: center; color: #fff; background-color: #c4c4c4; margin-right: 10px; }

.layer-popup.alliance-point-agreement .popup .wrap .btn, .layer-popup.alliance-point-exchange .popup .wrap .btn, .layer-popup.alliance-login .popup .wrap .btn { font-weight: 500; display: block; width: 100%; margin-top: 34px; color: #fff; border: none; background-color: #7d7d7d; }

.layer-popup.alliance-point-agreement .popup .wrap table, .layer-popup.alliance-point-exchange .popup .wrap table, .layer-popup.alliance-login .popup .wrap table { width: 100%; table-layout: fixed; border-collapse: collapse; }

.layer-popup.alliance-point-agreement .popup .wrap table caption, .layer-popup.alliance-point-exchange .popup .wrap table caption, .layer-popup.alliance-login .popup .wrap table caption { display: none; }

.layer-popup.alliance-point-agreement .popup .wrap table tr th:first-child, .layer-popup.alliance-point-agreement .popup .wrap table tr td:first-child, .layer-popup.alliance-point-exchange .popup .wrap table tr th:first-child, .layer-popup.alliance-point-exchange .popup .wrap table tr td:first-child, .layer-popup.alliance-login .popup .wrap table tr th:first-child, .layer-popup.alliance-login .popup .wrap table tr td:first-child { border-left: none; }

.layer-popup.alliance-point-agreement .popup .wrap table tr th:last-child, .layer-popup.alliance-point-agreement .popup .wrap table tr td:last-child, .layer-popup.alliance-point-exchange .popup .wrap table tr th:last-child, .layer-popup.alliance-point-exchange .popup .wrap table tr td:last-child, .layer-popup.alliance-login .popup .wrap table tr th:last-child, .layer-popup.alliance-login .popup .wrap table tr td:last-child { border-right: none; }

.layer-popup.alliance-point-agreement .popup .wrap table tr td:first-child, .layer-popup.alliance-point-exchange .popup .wrap table tr td:first-child, .layer-popup.alliance-login .popup .wrap table tr td:first-child { padding-left: 20px; text-align: left; }
@media (min-width: 0) and (max-width: 1079px) {
	.layer-popup.alliance-point-agreement .popup .wrap table tr td, .layer-popup.alliance-point-exchange .popup .wrap table tr td, .layer-popup.alliance-login .popup .wrap table tr td { padding-left: 0 !important; text-align: center !important; }
	.layer-popup.alliance-point-agreement .popup .wrap table tr td:first-child, .layer-popup.alliance-point-exchange .popup .wrap table tr td:first-child, .layer-popup.alliance-login .popup .wrap table tr td:first-child {
		text-align: left !important;
		padding-left: 10px !important;
	}
}

@media (min-width: 0) and (max-width: 1079px) { .layer-popup.alliance-point-agreement .popup .wrap table tr td, .layer-popup.alliance-point-exchange .popup .wrap table tr td, .layer-popup.alliance-login .popup .wrap table tr td { padding-left: 0 !important; text-align: center !important; } }

.layer-popup.alliance-point-agreement .popup .wrap table th, .layer-popup.alliance-point-agreement .popup .wrap table td, .layer-popup.alliance-point-exchange .popup .wrap table th, .layer-popup.alliance-point-exchange .popup .wrap table td, .layer-popup.alliance-login .popup .wrap table th, .layer-popup.alliance-login .popup .wrap table td { font-size: 14px; height: 50px; text-align: center; color: #2d2d2d; border: 1px solid #e1e1e1; }

.layer-popup.alliance-point-agreement .popup .wrap table th input, .layer-popup.alliance-point-agreement .popup .wrap table td input, .layer-popup.alliance-point-exchange .popup .wrap table th input, .layer-popup.alliance-point-exchange .popup .wrap table td input, .layer-popup.alliance-login .popup .wrap table th input, .layer-popup.alliance-login .popup .wrap table td input { line-height: 28px; width: 88px; height: 30px; text-align: center; border: 1px solid #d7d7d7; }

.layer-popup.alliance-point-agreement .popup .wrap table th button, .layer-popup.alliance-point-agreement .popup .wrap table td button, .layer-popup.alliance-point-exchange .popup .wrap table th button, .layer-popup.alliance-point-exchange .popup .wrap table td button, .layer-popup.alliance-login .popup .wrap table th button, .layer-popup.alliance-login .popup .wrap table td button { margin: 0; padding: 0; color: #107bcd; border: none; border-bottom: 1px solid #107bcd; background: none; }

@media (min-width: 0) and (max-width: 1079px) { .layer-popup.alliance-point-agreement .popup .wrap table th, .layer-popup.alliance-point-agreement .popup .wrap table td, .layer-popup.alliance-point-exchange .popup .wrap table th, .layer-popup.alliance-point-exchange .popup .wrap table td, .layer-popup.alliance-login .popup .wrap table th, .layer-popup.alliance-login .popup .wrap table td { font-size: 12px; }
  .layer-popup.alliance-point-agreement .popup .wrap table th input, .layer-popup.alliance-point-agreement .popup .wrap table td input, .layer-popup.alliance-point-exchange .popup .wrap table th input, .layer-popup.alliance-point-exchange .popup .wrap table td input, .layer-popup.alliance-login .popup .wrap table th input, .layer-popup.alliance-login .popup .wrap table td input { width: 70px; } }

.layer-popup.alliance-point-agreement .popup .wrap table th, .layer-popup.alliance-point-exchange .popup .wrap table th, .layer-popup.alliance-login .popup .wrap table th { background-color: #f7f7f7; }

.layer-popup.alliance-point-agreement .popup .wrap table + .btn, .layer-popup.alliance-point-exchange .popup .wrap table + .btn, .layer-popup.alliance-login .popup .wrap table + .btn { line-height: 44px; width: 288px; margin: 30px auto 0; color: #111; border: 2px solid #111; background-color: #fff; }

.layer-popup.alliance-point-exchange .popup { height: 590px; margin-top: -295px; }

.layer-popup.alliance-point-exchange .popup .wrap table td div.radio { line-height: 19px; width: 19px; height: 19px; }

.layer-popup.alliance-point-exchange .popup .wrap table td div.radio span { line-height: 19px; width: 19px; height: 19px; background-position: -222px 0; }

.layer-popup.alliance-point-exchange .popup .wrap table td div.radio span.checked { background-position: -241px 0; }

.layer-popup.alliance-point-exchange .popup .wrap table td div.radio input { line-height: 19px; width: 19px; height: 19px; }

.layer-popup.alliance-login .popup { width: 388px; height: 388px; margin: -194px 0 0 -194px; }

.layer-popup.alliance-login .popup .wrap { padding-top: 15px; }

.layer-popup.alliance-login .popup .wrap .alliance-login-logo { width: 100%; height: 60px; background-repeat: no-repeat; background-position: 50% 0; }

.layer-popup.alliance-login .popup .wrap input { display: block; width: 100%; }

.layer-popup.alliance-login .popup .wrap input + input { margin-top: 8px; }

.layer-popup.alliance-login .popup .wrap > p { margin-bottom: 41px; text-align: center; }

.layer-popup.alliance-login .popup .wrap > p:before { font-weight: 500; display: inline-block; }

.layer-popup.alliance-login .popup .wrap .btn { margin-top: 30px; }

.layer-popup.alliance-login.tbs .popup .wrap .alliance-login-logo { background-image: url("../img/common/brand-login.jpg"); }

.layer-popup.alliance-login.tbs .popup .wrap > p:before { content: '더바디샵 홈페이지'; color: #7d7d7d; }

.layer-popup.alliance-login.tbs .popup .wrap .btn { background-color: #7d7d7d; }

.layer-popup.alliance-login.gdv .popup .wrap .alliance-login-logo { background-image: url("../img/common/brand-login.jpg"); background-position: 50% -60px; }

.layer-popup.alliance-login.gdv .popup .wrap > p:before { content: '고디바 홈페이지'; color: #ceb372; }

.layer-popup.alliance-login.gdv .popup .wrap .btn { background-color: #5f4d49; }

.layer-popup.alliance-login.hnb .popup .wrap .alliance-login-logo { background-image: url("../img/common/brand-login.jpg"); background-position: 50% -120px; }

.layer-popup.alliance-login.hnb .popup .wrap > p:before { content: '홀랜드앤바렛 홈페이지'; color: #026640; }

.layer-popup.alliance-login.hnb .popup .wrap .btn { background-color: #026640; }

@media (min-width: 0) and (max-width: 679px) { .layer-popup .btn.close { top: 25px; right: 25px; } }

@media (min-width: 0) and (max-width: 679px) { .layer-popup { left: 0 !important; width: 100% !important; margin-left: 0 !important; padding: 10px; }
  .layer-popup .popup { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; padding: 15px 12px; }
  .layer-popup.alliance-point-agreement h2, .layer-popup.alliance-point-exchange h2, .layer-popup.alliance-login h2 { font-size: 1rem; }
  .layer-popup.alliance-point-agreement .popup, .layer-popup.alliance-point-exchange .popup, .layer-popup.alliance-login .popup { left: 25px; width: calc(100% - 50px) !important; margin-left: 0 !important; }
  .layer-popup.alliance-point-agreement .popup .wrap > p, .layer-popup.alliance-point-exchange .popup .wrap > p, .layer-popup.alliance-login .popup .wrap > p { font-size: 12px; }
  .layer-popup.alliance-point-agreement .popup .wrap > label, .layer-popup.alliance-point-exchange .popup .wrap > label, .layer-popup.alliance-login .popup .wrap > label { font-size: 14px; }
  .layer-popup.alliance-point-agreement .popup .wrap ol li, .layer-popup.alliance-point-exchange .popup .wrap ol li, .layer-popup.alliance-login .popup .wrap ol li { font-size: 11px; margin-left: 40px; }
  .layer-popup.alliance-point-agreement .popup .wrap .exchange-dl dd span, .layer-popup.alliance-point-exchange .popup .wrap .exchange-dl dd span, .layer-popup.alliance-login .popup .wrap .exchange-dl dd span { display: block; }
  .layer-popup.alliance-point-agreement .popup .wrap .btn, .layer-popup.alliance-point-exchange .popup .wrap .btn, .layer-popup.alliance-login .popup .wrap .btn { margin-top: 13px; }
  .layer-popup.alliance-point-agreement .btn.close, .layer-popup.alliance-point-exchange .btn.close, .layer-popup.alliance-login .btn.close { top: 12px; right: 12px; }
  .layer-popup.alliance-point-agreement .popup, .layer-popup.alliance-point-exchange .popup { top: 0; left: 0; width: 100% !important; height: 100%; margin: 0; }
  .layer-popup h2 { font-size: 1.57143rem; } }

.msg-basic .content { text-align: center; }

.msg-basic .btn.close { display: none; }

/* header-popup */
.header-gnb-layer-popup-wrap { z-index: 9001; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; padding: 0 48px; max-width: 1368px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 1080px) { .header-gnb-layer-popup-wrap { padding-bottom: 0 !important; } }

.header-gnb-layer-popup-wrap .header-gnb-in { position: absolute; top: 55px; right: 48px; margin: 0 auto; width: 320px; background: #fff; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-tt { font-size: 0.92857rem; color: #fff; background: #111; padding: 23px 20px; font-weight: normal; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-tt strong { margin-left: 5px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box { border: 1px solid #e1e1e1; border-top: 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown { padding: 18px 24px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown a { text-decoration: none; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown a:hover { text-decoration: underline; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.title { padding-bottom: 15px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.sub { padding-top: 9px; border-top: 2px solid #e1e1e1; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.sub li { padding: 5px 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.sub li:last-child { padding-bottom: 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li { font-size: 1rem; color: #111; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li:before, .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li:after { content: ""; display: table; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li:after { clear: both; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li p { float: left; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong { float: right; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a { color: #111; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a.point { color: #378b61; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a.alarm { color: #c74a46; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a.coupon { color: #c74a46; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see { position: relative; padding: 26px 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in { position: relative; overflow: hidden; max-height: 364px; height: 364px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul { position: absolute; top: 0; left: 0; width: 100%; padding: 0 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li { border-bottom: 2px solid #e1e1e1; padding: 17px 0; font-size: 1rem; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li:last-child { border-bottom: 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li.pop-product-list-none .non-txt { text-align: center; padding: 50px 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div { position: relative; display: table; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div:before, .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div:after { content: ""; display: table; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div:after { clear: both; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic { display: table-cell; width: 86px; height: 86px; padding-right: 17px; position: relative; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker { position: absolute; top: 0; left: 0; width: 14px; height: 14px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker input { cursor: pointer; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker span { width: 14px; height: 14px; background-position: -96px 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker span input[type="checkbox"] { width: 14px; height: 14px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker span.checked { background-position: -110px 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic img { width: 100%; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con { position: relative; display: table-cell; vertical-align: top; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-link { color: #111; text-decoration: none; display: block; height: 3.9em; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-link:hover { text-decoration: underline; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-link .soldout { display: inline-block; font-size: 0.85714rem; color: #fff; font-weight: bold; padding: 2px 6px; background: #111; margin-right: 3px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-link .limit { display: inline-block; font-size: 0.85714rem; color: #111; font-weight: bold; padding: 2px 6px; margin-right: 3px; border: 1px solid #111; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-won { position: absolute; bottom: 0; left: 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-won a { color: #111; text-decoration: none; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-won a:hover { text-decoration: underline; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-won a span { text-decoration: line-through; margin-right: 9px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button { position: absolute; left: 0; background: #e1e1e1; height: 26px; width: 100%; border: 0; cursor: pointer; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button:after { display: block; content: ""; width: 16px; height: 13px; background-position: center; background-size: 100%; background-repeat: no-repeat; margin: 0 auto; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.up { top: 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.up:after { background-image: url("../img/svg/icon-arrow-up-white.svg"); }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.up.on:after { background-image: url("../img/svg/icon-arrow-up.svg"); }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.down { bottom: 0; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.down:after { background-image: url("../img/svg/icon-arrow-down-white.svg"); }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.down.on:after { background-image: url("../img/svg/icon-arrow-down.svg"); }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .header-gnb-last-btn { padding: 27px 24px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .header-gnb-last-btn .btn { width: 100%; height: 66px; }

.header-gnb-layer-popup-wrap .header-gnb-in .hd-g-pop-close { position: absolute; top: 23px; right: 23px; width: 20px; height: 20px; background: url("../img/svg/icon-close-white.svg") 0 0 no-repeat; background-size: 20px; }

.header-laypop-dim { background-color: black; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1099; opacity: 0.75; -ms-filter: alpha(opacity=0.75); filter: alpha(opacity=0.75); }

@media (min-width: 680px) and (max-width: 1079px) { .header-gnb-layer-popup-wrap { z-index: 9001; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 0 48px; max-width: 1368px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-gnb-layer-popup-wrap .header-gnb-in { position: absolute; top: 55px; right: 48px; margin: 0 auto; width: 320px; background: #fff; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-tt { font-size: 0.92857rem; color: #fff; background: #111; padding: 23px 20px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-tt strong { margin-left: 5px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box { border: 1px solid #e1e1e1; border-top: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown { padding: 18px 24px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown a { text-decoration: none; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown a:hover { text-decoration: underline; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.title { padding-bottom: 15px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.sub { padding-top: 9px; border-top: 2px solid #e1e1e1; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.sub li { padding: 5px 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul.sub li:last-child { padding-bottom: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li { font-size: 1rem; color: #111; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li:before, .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li:after { content: ""; display: table; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li:after { clear: both; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li p { float: left; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong { float: right; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a { color: #111; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a.point { color: #378b61; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a.alarm { color: #c74a46; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-breakdown .my-breakdown-ul li strong a.coupon { color: #c74a46; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see { position: relative; padding: 26px 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in { overflow: hidden; max-height: 337px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul { padding: 0 24px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li { border-bottom: 2px solid #e1e1e1; padding: 17px 0; font-size: 1rem; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li:last-child { border-bottom: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div { position: relative; display: table; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div:before, .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div:after { content: ""; display: table; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div:after { clear: both; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic { display: table-cell; width: 86px; padding-right: 17px; position: relative; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker { position: absolute; top: 0; left: 0; width: 14px; height: 14px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker input { cursor: pointer; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker span { width: 14px; height: 14px; background-position: -96px 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker span input[type="checkbox"] { width: 14px; height: 14px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic .checker span.checked { background-position: -110px 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .pic img { width: 100%; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con { position: relative; display: table-cell; vertical-align: top; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-link { color: #111; text-decoration: none; display: block; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-link:hover { text-decoration: underline; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-won { position: absolute; bottom: 0; left: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-my-see-in .see-ul li .my-see-div .see-con .see-c-won span { text-decoration: line-through; margin-right: 9px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button { position: absolute; left: 0; background: #e1e1e1; height: 26px; width: 100%; border: 0; cursor: pointer; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.up { top: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.up:after { display: block; content: ""; width: 16px; height: 13px; background: url("../img/svg/icon-arrow-up-white.svg") 0 0 no-repeat; background-size: 100%; margin: 0 auto; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.up.on:after { background: url("../img/svg/icon-arrow-up.svg") 0 0 no-repeat; background-size: 100%; margin: 0 auto; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.down { bottom: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.down:after { display: block; content: ""; width: 16px; height: 13px; background: url("../img/svg/icon-arrow-down-white.svg") 0 0 no-repeat; background-size: 100%; margin: 0 auto; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .hd-g-my-see .hd-g-see-contr-btn button.down.on:after { background: url("../img/svg/icon-arrow-down.svg") 0 0 no-repeat; background-size: 100%; margin: 0 auto; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .header-gnb-last-btn { padding: 27px 24px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box .header-gnb-last-btn .btn { width: 100%; height: 66px; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-pop-close { position: absolute; top: 23px; right: 23px; width: 20px; height: 20px; background: url("../img/svg/icon-close-white.svg") 0 0 no-repeat; background-size: 20px; } }

@media (min-width: 0px) and (max-width: 1079px) { .header-gnb-layer-popup-wrap { z-index: 1004; position: fixed; padding: 0; top: 0; height: 100%; padding-top: 87px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-gnb-layer-popup-wrap .header-gnb-in { position: static; width: 100%; height: 100%; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-tt { position: absolute; top: 87px; left: 0; width: 100%; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box { position: relative; padding-top: 66px; padding-bottom: 120px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form { display: block; height: 100%; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form fieldset { display: block; height: 100%; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form fieldset .hd-g-my-see { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 0; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form fieldset .hd-g-my-see .hd-g-my-see-in { height: 100%; overflow: hidden; max-height: 100%; overflow-y: auto; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form fieldset .hd-g-my-see .hd-g-my-see-in .see-ul { position: static; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form fieldset .hd-g-my-see .hd-g-see-contr-btn { display: none; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-content-box form fieldset .header-gnb-last-btn { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-gnb-layer-popup-wrap .header-gnb-in .hd-g-pop-close { position: absolute; top: 110px; right: 23px; width: 20px; height: 20px; background: url("../img/svg/icon-close-white.svg") 0 0 no-repeat; background-size: 20px; }
  .header-gnb-layer-popup-wrap.hd-me-member-infor-popup { display: none; }
  .header-gnb-layer-popup-wrap.hd-me-shopbasket-infor-popup { display: none; }
  .header-laypop-dim { display: none; background-color: black; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1099; opacity: 0.75; -ms-filter: alpha(opacity=0.75); filter: alpha(opacity=0.75); z-index: 1; } }

.notice-event-layer-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 12000; background: rgba(0, 0, 0, 0.75); }

.notice-event-layer-popup .wrapper { display: table; width: 100%; height: 100%; }

.notice-event-layer-popup .case { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 0px) and (max-width: 679px) { .notice-event-layer-popup { background-color: rgba(0, 0, 0, 0.6); }
  .notice-event-layer-popup .case { position: relative; padding: 20px; } }

.notice-event-layer-popup .popup { display: inline-block; border: 2px #000 solid; }

.notice-event-layer-popup .popup + .popup { margin-left: 6px; }

.notice-event-layer-popup .popup .frame { background-color: #fff; }

.notice-event-layer-popup .popup .frame a { display: block; color: inherit; text-decoration: none; }

.notice-event-layer-popup .popup .frame img { width: 320px; height: auto; }

@media (min-width: 0px) and (max-width: 1079px) { .notice-event-layer-popup .popup .frame { padding: 0; } }

.notice-event-layer-popup .popup .bottom { padding: 0 10px; background-color: #888; }

.notice-event-layer-popup .popup .bottom:before, .notice-event-layer-popup .popup .bottom:after { content: ""; display: table; }

.notice-event-layer-popup .popup .bottom:after { clear: both; }

.notice-event-layer-popup .popup .bottom .popup-check, .notice-event-layer-popup .popup .bottom .close { color: #fff; height: 34px; line-height: 34px; }

.notice-event-layer-popup .popup .bottom .popup-check { float: left; }

.notice-event-layer-popup .popup .bottom .checker { position: relative; top: -1px; margin-right: 2px; width: 14px; height: 14px; }

.notice-event-layer-popup .popup .bottom .checker span, .notice-event-layer-popup .popup .bottom .checker input { width: 100%; height: 100%; vertical-align: top; }

.notice-event-layer-popup .popup .bottom .checker span { background-position: -96px 0; }

.notice-event-layer-popup .popup .bottom .checker span.checked { background-position: -110px 0; }

.notice-event-layer-popup .popup .bottom .close { float: right; text-decoration: none; }

.notice-event-layer-popup .popup .bottom .close .ico { display: inline-block; padding-left: 4px; }

.notice-event-layer-popup .popup .bottom .close img { vertical-align: baseline; }

@media (min-width: 0px) and (max-width: 679px) { .notice-event-layer-popup .popup { position: absolute; top: 50%; left: 50%; width: 320px; max-width: 100%; margin-top: -236.5px; margin-left: -160px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .notice-event-layer-popup .popup + .popup { margin-top: -236.5px; margin-left: -160px; }
  .notice-event-layer-popup .popup .frame img { width: 100%; }
  .notice-event-layer-popup .popup .bottom { font-size: 12px; } }

.brand-story-text { padding-top: 50px; border-top: 1px #e1e1e1 solid; }

.brand-story-text p { padding: 0 50px; text-align: center; }

.brand-story-text p + p { margin-top: 30px; }

.brand-story-text p span { display: inline-block; }

.brand-story-text + .floating-zig-content-wrap { margin-top: 60px; }

.brand-story-grid { margin-top: 60px; }

.brand-story-grid:before, .brand-story-grid:after { content: ""; display: table; }

.brand-story-grid:after { clear: both; }

@media (min-width: 0px) and (max-width: 679px) { .brand-story-grid { margin-top: 20px; border-bottom: 1px #111 solid; } }

.brand-story-grid li { position: relative; float: left; padding-top: 25%; width: 25%; }

@media (min-width: 680px) and (max-width: 1079px) { .brand-story-grid li { padding-top: 33.3%; width: 33.3%; } }

@media (min-width: 0px) and (max-width: 679px) { .brand-story-grid li { float: none; padding-top: 0; padding-left: 80px; width: auto; border-top: 1px #111 solid; } }

.brand-story-grid .square-grid-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-decoration: none; }

.brand-story-grid .square-grid-link .image-box img { display: block; width: 100%; height: 100%; }

.brand-story-grid .square-grid-link .content-box { position: absolute; padding: 0 15px; display: table; top: 100%; left: 0; width: 100%; height: 160px; color: #fff; text-align: center; background-color: #111; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: margin-top 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: margin-top 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }

.brand-story-grid .square-grid-link .center-content-a { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

.brand-story-grid .square-grid-link .center-content-a h3 { font-size: 22px; }

.brand-story-grid .square-grid-link:hover .content-box { margin-top: -160px; }

@media (min-width: 0px) and (max-width: 679px) { .brand-story-grid .square-grid-link { position: static; display: block; }
  .brand-story-grid .square-grid-link:before, .brand-story-grid .square-grid-link:after { content: ""; display: table; }
  .brand-story-grid .square-grid-link:after { clear: both; }
  .brand-story-grid .square-grid-link .image-box { position: absolute; top: 0; left: 0; width: 80px; height: 80px; }
  .brand-story-grid .square-grid-link .content-box { float: none; position: static; margin-top: 0; width: 100%; height: 80px; color: #111; background-color: #fff; overflow: hidden; }
  .brand-story-grid .square-grid-link .center-content-a h3 { font-size: 16px; }
  .brand-story-grid .square-grid-link .center-content-a p { font-size: 12px; }
  .brand-story-grid .square-grid-link:hover .content-box { margin-top: 0; } }

.data-table.basket-item-list-table .status { display: inline-block; width: 60px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; }

.data-table.basket-item-list-table .status-btn-area { margin-top: 4px; }

.data-table.basket-item-list-table .status-btn-area .btn { margin: 2px auto; display: inline-block; min-width: 60px; }

.data-table.basket-item-list-table .status-btn-area .btn.weighty { color: #fff; }

@media (min-width: 0px) and (max-width: 679px) { .data-table.basket-item-list-table .status-btn-area { display: inline-block; } }

.data-table.basket-item-list-table .td-label { display: none; }

.data-table.basket-item-list-table .item-order-number .btn { padding: 0; margin-top: 2px; width: 78px; }

.data-table.basket-item-list-table .item-order-number .btn.weighty { color: #fff; }

.data-table.basket-item-list-table .item-order-number .order-number { display: inline-block; margin-bottom: 6px; }

.data-table.basket-item-list-table .item-order-number .order-number .em { text-decoration: underline; }

.data-table.basket-item-list-table td .add { display: block; font-weight: normal; }

.data-table.basket-item-list-table td .selectric-select-sm { display: inline-block; width: 70px; }

@media (min-width: 0px) and (max-width: 1079px) { .data-table.basket-item-list-table { margin-left: 12px; margin-right: 12px; width: auto; }
  .data-table.basket-item-list-table, .data-table.basket-item-list-table thead, .data-table.basket-item-list-table tbody, .data-table.basket-item-list-table tr, .data-table.basket-item-list-table th, .data-table.basket-item-list-table td { display: block; }
  .data-table.basket-item-list-table thead { display: none; }
  .data-table.basket-item-list-table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .data-table.basket-item-list-table tbody tr + tr .item-order-number { margin-top: 50px; }
  .data-table.basket-item-list-table tbody td { position: relative; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; text-align: right; padding: 5px 0; border: none; }
  .data-table.basket-item-list-table tbody td:before, .data-table.basket-item-list-table tbody td:after { content: ""; display: table; }
  .data-table.basket-item-list-table tbody td:after { clear: both; }
  .data-table.basket-item-list-table tbody .item-order-number { margin-bottom: -16px; padding: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; background-color: #f7f7f7; border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid; }
  .data-table.basket-item-list-table tbody .item-order-number .td-label { float: none; display: inline-block; }
  .data-table.basket-item-list-table tbody .item-order-number .btn { margin-top: 0; }
  .data-table.basket-item-list-table tbody .item-order-number .btns { float: right; }
  .data-table.basket-item-list-table tbody .item-day { margin-bottom: -16px; padding: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; background-color: #f7f7f7; border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid; text-align: center; }
  .data-table.basket-item-list-table tbody .item-day .td-label { display: none; }
  .data-table.basket-item-list-table tbody .item-data { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .data-table.basket-item-list-table tbody .item-code, .data-table.basket-item-list-table tbody .item-point, .data-table.basket-item-list-table tbody .item-normal-price, .data-table.basket-item-list-table tbody .item-sakes-price, .data-table.basket-item-list-table tbody .item-add-discount, .data-table.basket-item-list-table tbody .item-division { display: none; }
  .data-table.basket-item-list-table tbody .item-code.block, .data-table.basket-item-list-table tbody .item-point.block, .data-table.basket-item-list-table tbody .item-normal-price.block, .data-table.basket-item-list-table tbody .item-sakes-price.block, .data-table.basket-item-list-table tbody .item-add-discount.block, .data-table.basket-item-list-table tbody .item-division.block { display: block; }
  .data-table.basket-item-list-table tbody .item-shipped .status, .data-table.basket-item-list-table tbody .item-status .status { padding-top: 4px; padding-right: 5px; width: auto; vertical-align: top; }
  .data-table.basket-item-list-table tbody .item-shipped .status-btn-area, .data-table.basket-item-list-table tbody .item-status .status-btn-area { margin-top: 0; }
  .data-table.basket-item-list-table tbody .item-status { margin-top: 15px; padding-top: 8px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-top: 1px #e1e1e1 solid; }
  .data-table.basket-item-list-table .td-label { display: block; float: left; }
  .data-table.basket-item-list-table .item-data { margin-top: 15px; padding-top: 10px; text-align: left; border-top: 1px #e1e1e1 solid; }
  .data-table.basket-item-list-table .selectric .label { text-align: center; } }

@media (min-width: 0) and (max-width: 520px) { .data-table.basket-item-list-table tbody .item-order-number .btns { float: none; display: block; } }

.basket-list-item { position: relative; margin: 5px 10px; }

.basket-list-item:before, .basket-list-item:after { content: ""; display: table; }

.basket-list-item:after { clear: both; }

.basket-list-item .checkbox { position: absolute; top: 0; left: 0; }

.basket-list-item .checkbox .checker { width: 14px; height: 14px; }

.basket-list-item .checkbox .checker span { width: 14px; height: 14px; background-position: -96px 0; }

.basket-list-item .checkbox .checker span.checked { background-position: -110px 0; }

.basket-list-item .thumbnail { margin-right: 10px; float: left; width: 80px; height: 80px; }

.basket-list-item .thumbnail .frame { width: 100%; height: 100%; text-align: center; vertical-align: middle; }

.basket-list-item .thumbnail img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.basket-list-item .detail { float: none; overflow: hidden; }

@media (min-width: 1080px) { .basket-list-item .detail .item-spec { margin-top: 5px; }
  .basket-list-item .detail .item-period { margin-top: 10px; }
  .basket-list-item .detail .item-title { font-size: 14px; }
  .basket-list-item .detail .item-title + .item-review { margin-top: 20px; }
  .basket-list-item .detail .item-review { margin-top: 5px; } }

.member-part { background-color: #f7f7f7; padding-top: 40px; padding-bottom: 45px; }

@media (min-width: 0px) and (max-width: 679px) { .member-part { padding-top: 30px; } }

.member-part + .member-part { margin-top: 25px; }

.member-part > .login-message { margin-top: 20px; text-align: center; }

.login-title { text-align: center; font-size: 28px; font-family: "Interstate Black Cond", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }

@media (min-width: 0px) and (max-width: 679px) { .login-title { font-size: 2em; line-height: 1em; padding: 24px 0; } }

.login-switch { margin-top: 12px; }

@media (min-width: 0px) and (max-width: 1079px) { .login-switch.tab { padding: 0 10px; }
  .login-switch.tab li { width: 49%; } }

.login-form { margin: 25px auto 0; width: 312px; text-align: left; }

@media (min-width: 0px) and (max-width: 679px) { .login-form { margin-top: 10px; padding: 0 12px; width: auto; } }

.login-form legend { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.login-form legend.focusable:active, .login-form legend.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.login-form .field + .field { margin-top: 30px; }

.login-form .field .label { margin-bottom: 8px; }

.login-form .field input { width: 100%; }

.login-form .login-save { margin-top: 10px; }

.login-form .button-area { margin-top: 22px; text-align: center; }

.login-form .button-area .btn { width: 154px; }

.login-form .button-area .btn.full { width: 100%; }

@media (min-width: 0px) and (max-width: 1079px) { .login-form .button-area .btn { width: 49%; } }

.login-form .comment { margin-top: 26px; color: #7d7d7d; line-height: 1.4; }

@media (min-width: 0px) and (max-width: 1079px) { .login-form .comment { font-size: 0.9rem; } }

.login-form .find-pw { margin-top: 28px; display: inline-block; color: #111; }

.login-form .sns_login, .login-form .brandLgn { padding-top: 35px; }

.login-form .sns_login a, .login-form .brandLgn a { font-weight: 700; line-height: 48px; display: block; width: 100%; height: 48px; margin-top: 10px; text-align: center; text-decoration: none; color: #fff; background: #1dc800 url("../img/member/icon-sns-login.png") 0 0 no-repeat; }

.login-form .sns_login a.naver, .login-form .brandLgn a.naver { margin-top: 0; }

.login-form .sns_login a.kakao, .login-form .brandLgn a.kakao { color: #3b1e1e; background-color: #fbe300; background-position: 0 -100px; }

.login-form .sns_login a.facebook, .login-form .brandLgn a.facebook { background-color: #3a589e; background-position: 0 -50px; }

.login-form .brandLgn { padding-top: 0; }

.login-form .brandLgn a { line-height: 46px; position: relative; box-sizing: border-box; padding-left: 48px; color: #141414; border: 1px solid #e1e1e1; background-color: #fff; background-image: none; }

.login-form .brandLgn a:before { position: absolute; top: -1px; left: -1px; display: block; width: 48px; height: 48px; content: ''; background: url("../img/member/icon-sns-login.png") 0 0 no-repeat; }

.login-form .brandLgn a.tbs:before { background-position: 0 -150px; }

.login-form .brandLgn a.gdv:before { background-position: 0 -200px; }

.login-form .brandLgn a.hnb:before { background-position: 0 -250px; }

@media (min-width: 0) and (max-width: 679px) { .login-form { width: auto; margin-top: 10px; padding: 0 12px; } }

@media (min-width: 0) and (max-width: 1079px) { .login-form .button-area .btn { width: 49%; } }

@media (min-width: 0) and (max-width: 1079px) { .login-form .comment { font-size: .9rem; } }

.login-find .message { margin-top: 8px; color: #7d7d7d; }

.login-find .message span { color: #111; }

.login-find .article + .article { margin-top: 36px; }

.login-find .article h3 { font-size: 18px; }

.login-find fieldset { margin-top: 8px; }

.join-info { margin: 24px auto 0; width: 388px; text-align: center; }

@media (min-width: 0px) and (max-width: 679px) { .join-info { padding: 0 10px; width: auto; font-size: 0.9em; } }

.join-benefit { margin: 45px auto 0; }

@media (min-width: 0px) and (max-width: 1079px) { .join-benefit { margin-top: 30px; } }

.join-benefit-assets { margin: 0 auto; width: 880px; }

.join-benefit-assets:before, .join-benefit-assets:after { content: ""; display: table; }

.join-benefit-assets:after { clear: both; }

.join-benefit-assets .asset { float: left; width: 220px; text-align: center; }

.join-benefit-assets .pic { margin: 0 auto; width: 105px; height: 105px; border-radius: 100%; overflow: hidden; background-color: #fff; }

.join-benefit-assets .pic .frame { display: table; width: 105px; height: 105px; table-layout: fixed; }

.join-benefit-assets .pic span { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }

.join-benefit-assets .text { margin-top: 16px; display: inline-block; width: 160px; font-size: 13px; }

.join-benefit-assets .text span { display: inline-block; }

@media (min-width: 0px) and (max-width: 1079px) { .join-benefit-assets { margin: 0 auto; width: 320px; }
  .join-benefit-assets .asset { margin: 0 9px; display: inline-block; width: 140px; float: none; }
  .join-benefit-assets .asset + .asset { margin-top: 20px; }
  .join-benefit-assets .asset .pic, .join-benefit-assets .asset .text { width: 100%; display: block; vertical-align: top; }
  .join-benefit-assets .asset .pic { width: 52px; height: 52px; }
  .join-benefit-assets .asset .pic .frame { width: 52px; height: 52px; }
  .join-benefit-assets .asset .pic img { width: 35px; height: auto; }
  .join-benefit-assets .asset .text { margin-top: 7px; font-size: 0.9rem; } }

.join-benefit-text { margin: 50px auto 0; width: 800px; }

.join-benefit-text .message, .join-benefit-text .comment { line-height: 24px; }

.join-benefit-text .message { font-size: 13px; }

.join-benefit-text .comment { margin-top: 26px; font-size: 12px; color: #7d7d7d; }

.join-benefit-text .comment span { display: inline-block; }

@media (min-width: 0px) and (max-width: 1079px) { .join-benefit-text { margin-top: 40px; padding: 0 12px; width: auto; }
  .join-benefit-text .message, .join-benefit-text .comment { font-size: 0.9rem; line-height: 1.8; }
  .join-benefit-text .message span, .join-benefit-text .comment span { display: inline; } }

.member-checker-heading { text-align: center; }

@media (min-width: 0px) and (max-width: 679px) { .member-checker-heading { padding: 20px 12px 0; } }

.membership-combine-data { margin: 30px auto 0; }

.membership-combine-data.membership-already { padding-left: 30px; padding-top: 24px; padding-bottom: 24px; width: 920px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.membership-combine-data.membership-already:before, .membership-combine-data.membership-already:after { content: ""; display: table; }

.membership-combine-data.membership-already:after { clear: both; }

@media (min-width: 0px) and (max-width: 679px) { .membership-combine-data.membership-already { margin: 20px 10px 0; padding: 0 20px; width: auto; }
  .membership-combine-data.membership-already .select-wrap .asset { height: auto; } }

@media (min-width: 680px) and (max-width: 1079px) { .membership-combine-data.membership-already { margin-left: 20px; margin-right: 20px; padding: 10px 20px; width: auto; } }

.membership-combine-data.membership-newface { margin: 0 322px; }

.membership-combine-data.membership-newface .field + .field { margin-top: 5px; }

.membership-combine-data.membership-newface .field label { width: 72px; }

.membership-combine-data.membership-newface .field input { width: 404px; }

.membership-combine-data.membership-newface .field .btn { width: 144px; }

.membership-combine-data.membership-newface .field .label { padding-top: 15px; width: 72px; float: left; }

.membership-combine-data.membership-newface .field .insert { float: none; overflow: hidden; }

.membership-combine-data.membership-newface .field .insert .btn { vertical-align: top; }

.membership-combine-data.membership-newface .attention { margin-top: 20px; margin-left: 26px; }

.membership-combine-data.membership-newface .attention li { font-size: 12px; color: #7d7d7d; line-height: 2; }

@media (min-width: 0px) and (max-width: 1079px) { .membership-combine-data.membership-newface { margin: 30px 0 0; padding: 0 12px; }
  .membership-combine-data.membership-newface .field { position: relative; }
  .membership-combine-data.membership-newface .field .label { padding-top: 0; float: none; }
  .membership-combine-data.membership-newface .field .insert { position: relative; padding-right: 80px; }
  .membership-combine-data.membership-newface .field input { width: 100%; }
  .membership-combine-data.membership-newface .field .btn { position: absolute; right: 0; top: 0; width: 76px; }
  .membership-combine-data.membership-newface .attention { margin-left: 0; } }

.membership-status-select { margin-top: 12px; text-align: center; }

.membership-status-select .select-wrap { display: inline-block; }

@media (min-width: 0px) and (max-width: 1079px) { .membership-status-select { margin: 0 auto; padding: 15px 30px; max-width: 260px; text-align: left; }
  .membership-status-select .select-wrap .asset { float: none; }
  .membership-status-select .select-wrap .asset + .asset { margin-left: 0; } }

.memebership-already-number { float: left; width: 636px; border-right: 1px #e1e1e1 solid; }

.memebership-already-number:before, .memebership-already-number:after { content: ""; display: table; }

.memebership-already-number:after { clear: both; }

.memebership-already-number h3 { width: 146px; float: left; }

.memebership-already-number .select-wrap { float: none; overflow: hidden; }

.memebership-already-number .select-wrap .asset > label { padding-right: 20px; display: block; }

.memebership-already-number .select-wrap .asset > label:before, .memebership-already-number .select-wrap .asset > label:after { content: ""; display: table; }

.memebership-already-number .select-wrap .asset > label:after { clear: both; }

.memebership-already-number .select-wrap .asset .radio { float: left; margin-right: 8px; }

.memebership-already-number .select-wrap .asset .data { padding-top: 3px; display: block; float: none; overflow: hidden; line-height: 1.3; }

@media (min-width: 0px) and (max-width: 1079px) { .memebership-already-number { float: none; padding-top: 15px; padding-bottom: 10px; width: auto; border-right: none; }
  .memebership-already-number h3 { padding-bottom: 10px; float: none; }
  .memebership-already-number .select-wrap .asset > label { padding-right: 0; } }

@media (min-width: 680px) and (max-width: 1079px) { .memebership-already-number h3 { float: left; } }

.membership-already-point { float: left; margin-left: -1px; padding-left: 20px; width: 200px; border-left: 1px #e1e1e1 solid; }

.membership-already-point:before, .membership-already-point:after { content: ""; display: table; }

.membership-already-point:after { clear: both; }

.membership-already-point .point { text-align: right; font-size: 25px; }

@media (min-width: 0px) and (max-width: 1079px) { .membership-already-point { width: auto; border-left: none; }
  .membership-already-point h3 { float: left; }
  .membership-already-point .point { float: right; padding-right: 20px; } }

@media (min-width: 0px) and (max-width: 1079px) { .membership-already-point { float: none; padding-top: 15px; padding-bottom: 15px; padding-left: 0; border-top: 1px #e1e1e1 solid; } }

.member-part-join { padding: 50px 0; }

@media (min-width: 0px) and (max-width: 679px) { .member-part-join { padding-top: 30px; padding-left: 12px; padding-right: 12px; } }

.member-join-title { max-width: 924px; margin: 0 auto; }

.member-join-title h2 { padding-right: 4px; display: inline-block; font-size: 25px; }

@media (min-width: 0px) and (max-width: 679px) { .member-join-title h2 { font-size: 22px; }
  .member-join-title span { font-size: 0.9rem; } }

.member-join-input { margin-top: 25px; margin: 25px auto 0; max-width: 924px; }

.member-join-input:before, .member-join-input:after { content: ""; display: table; }

.member-join-input:after { clear: both; }

.member-join-input-part { float: left; width: 438px; }

.member-join-input-part + .member-join-input-part { float: right; }

@media (min-width: 0px) and (max-width: 1079px) { .member-join-input-part { margin: 0 auto; float: none; }
  .member-join-input-part + .member-join-input-part { float: none; margin-top: 30px; } }

.member-join-input-part .insert .message { display: inline-block; margin-top: 10px; color: #7d7d7d; }

.member-join-input-part .shipping-default-check { margin-top: 10px; }

@media (min-width: 0px) and (max-width: 679px) { .member-join-input-part { width: auto; float: none; }
  .member-join-input-part .insert .input-birthday { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .member-join-input-part .insert .input-birthday .selectric-wrapper { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; }
  .member-join-input-part .insert .input-birthday .selectric-wrapper + .selectric-wrapper { margin-left: 4px; }
  .member-join-input-part .insert .with-btn, .member-join-input-part .insert .with-select { position: relative; }
  .member-join-input-part .insert .with-email { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .member-join-input-part .insert .with-email input, .member-join-input-part .insert .with-email .selectric-wrapper, .member-join-input-part .insert .with-email .at { width: 50%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .member-join-input-part .insert .with-email .at { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; -ms-flex-preferred-size: 24px; flex-basis: 24px; }
  .member-join-input-part .insert .with-email .selectric-wrapper { margin-left: 4px; } }

.member-join-terms-check { padding: 25px; min-height: 281px; background-color: #fff; }

.member-join-terms-check .checker-term { margin-bottom: 20px; }

.member-join-terms-check .checker-term:before, .member-join-terms-check .checker-term:after { content: ""; display: table; }

.member-join-terms-check .checker-term:after { clear: both; }

.member-join-terms-check .checker-term .btn { float: right; }

@media (min-width: 0px) and (max-width: 679px) { .member-join-terms-check { padding-left: 15px; padding-right: 15px; min-height: 0; } }

.button-area.submit { margin-top: 20px; }

.button-area.submit .btn.full { width: 100%; }

.member-join-complete-message { font-size: 25px; text-align: center; font-weight: normal; }

.member-join-complete-message.recovery-title { font-size: 30px; }

.member-join-complete-message img { height: 22px; vertical-align: baseline; }

@media (min-width: 0px) and (max-width: 679px) { .member-join-complete-message { padding-left: 12px; padding-right: 12px; font-size: 20px; }
  .member-join-complete-message img { height: 18px; } }

.member-join-complete-data { margin-top: 40px; text-align: center; }

.member-join-complete-data .membership-card-barcode, .member-join-complete-data .membership-user-data { display: inline-block; vertical-align: top; }

.member-join-complete-data .membership-user-data { margin-top: 10px; margin-left: 24px; text-align: left; }

@media (min-width: 0px) and (max-width: 679px) { .member-join-complete-data { margin-top: 20px; }
  .member-join-complete-data .membership-user-data { margin-left: 0; } }

.membership-welcome-coupon { margin-top: 45px; text-align: center; }

.membership-welcome-coupon .membership-welcome-coupon-title { font-size: 18px; text-align: center; }

.membership-welcome-coupon .button-area { margin-top: 20px; text-align: center; }

.membership-welcome-coupon .button-area .btn { width: 312px; }

.membership-welcome-coupon .welcom-message { margin-top: 25px; font-size: 12px; color: #7d7d7d; text-align: center; line-height: 2; }

.membership-welcome-coupon .recovery-text { max-width: 700px; margin: 0 auto; }

.membership-welcome-coupon .recovery-list { margin-top: 30px; display: inline-block; text-align: left; color: #666; font-size: 0.85714rem; }

@media (min-width: 0px) and (max-width: 679px) { .membership-welcome-coupon .membership-welcome-coupon-title { margin-left: 10px; margin-right: 10px; font-size: 1.15rem; }
  .membership-welcome-coupon .button-area .btn { width: 80%; margin-left: auto; margin-right: auto; max-width: 300px; }
  .membership-welcome-coupon .welcom-message { margin-left: 15px; margin-right: 15px; } }

.mem-sex-btn-box .btn { background: transparent; width: 130px; }

.mem-sex-btn-box .btn.on { color: #fff; background: #111; }

.mypage-section { margin-top: 22px; }

@media (min-width: 0px) and (max-width: 679px) { .mypage-section { padding-left: 10px; padding-right: 10px; } }

.mypage-section .section-title { font-size: 2rem; font-family: "Interstate Black Cond", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; text-align: center; }

.mypage-section .tab.large { margin-top: 12px; }

.mypage-section .tab.large + .tab.small { margin-top: 30px; }

@media (min-width: 680px) and (max-width: 1079px) { .mypage-section .tab.large a { letter-spacing: -0.1em; } }

@media (min-width: 0px) and (max-width: 679px) { .mypage-section .tab.large { display: block; height: auto; }
  .mypage-section .tab.large li { float: left; display: block; width: 50%; }
  .mypage-section .tab.large li a { height: 60px; line-height: 60px; border: 2px #fff solid; } }

.mypage-section .whats-hot-wrap { padding-top: 50px; padding-bottom: 50px; }

.mypage-section .whats-hot-wrap + .whats-hot-wrap { border-top: 1px #e1e1e1 solid; }

.mypage-section .whats-hot-wrap .page-tt-h3 { margin-bottom: 25px; text-align: center; }

.mypage-section .basket-item-list-table { margin-top: 15px; }

@media (min-width: 0px) and (max-width: 1079px) { .mypage-section .basket-item-list-table { margin-left: 0; margin-right: 0; } }

.mypage-sub-section { position: relative; margin-top: 30px; }

@media (min-width: 0px) and (max-width: 679px) { .mypage-sub-section .tab.small { display: table; width: 100%; }
  .mypage-sub-section .tab.small:before, .mypage-sub-section .tab.small:after { display: none; }
  .mypage-sub-section .tab.small li { display: table-cell; float: none; }
  .mypage-sub-section .tab.small li + li { margin-left: 0; }
  .mypage-sub-section .tab.small li + li a { border-left: none; }
  .mypage-sub-section .tab.small a { min-width: 0; padding: 0; font-size: 12px; } }

@media (min-width: 0) and (max-width: 359px) { .mypage-sub-section .tab.small a { font-size: 11px; } }

.mypage-sub-section .more-information-popup { position: absolute; right: 0; top: 6px; }

.mypage-sub-section .more-information-popup img, .mypage-sub-section .more-information-popup .em { vertical-align: middle; }

@media (min-width: 0px) and (max-width: 679px) { .mypage-sub-section .more-information-popup { margin-top: 10px; position: relative; font-size: 13px; top: auto; left: auto; right: auto; bottom: auto; } }

.mypage-sub-section .pagination { margin-top: 40px; }

.mypage-sub-section .mypage-section-heading { margin-top: 25px; font-size: 18px; }

.mypage-sub-section .mypage-section-heading + .user-have-point, .mypage-sub-section .mypage-section-heading + .list-print-remote { margin-top: 5px; }

.order-detail-data h3 { font-size: 18px; }

.order-detail-data .data-wrap { margin-top: 5px; }

.order-detail-data .data-wrap:before, .order-detail-data .data-wrap:after { content: ""; display: table; }

.order-detail-data .data-wrap:after { clear: both; }

.order-detail-data .data-wrap .asset + .asset { position: relative; margin-left: 16px; }

.order-detail-data .data-wrap .asset + .asset:before { position: absolute; content: '|'; color: #ccc; margin-top: -5px; top: 50%; left: -12px; font-size: 10px; line-height: 10px; height: 10px; }

.order-detail-data .data-wrap .btns { float: right; }

.order-detail-data .data-wrap .btn { padding: 0 15px; }

@media (min-width: 0px) and (max-width: 679px) { .order-detail-data { margin-bottom: -15px; } }

@media (min-width: 0) and (max-width: 600px) { .order-detail-data .data-wrap .btns { margin-top: 5px; float: none; display: block; } }

.user-have-point { position: relative; margin-top: 15px; padding: 16px; background-color: #f7f7f7; }

.user-have-point + .user-have-point { margin-top: 2px; }

.user-have-point h4 { display: inline-block; overflow: hidden; width: 240px; height: 68px; margin-top: -16px; margin-bottom: -16px; margin-left: 10px; vertical-align: middle; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; }

.user-have-point:before { display: table; content: ''; }

.user-have-point:after { display: table; clear: both; content: ''; }

.user-have-point .advice { margin-left: 10px; vertical-align: middle; }

.user-have-point .point { font-size: 18px; display: inline-block; margin-right: 16px; }

.user-have-point .button-area { float: right; }

.user-have-point .button-area .point { font-size: 14px; color: #2d2d2d; }

.user-have-point .button-area .point .em { font-family: 'Open Sans', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Helvetica, Arial, sans-serif; font-size: 18px; display: inline-block; width: 110px; text-align: right; color: #378c62; }

.user-have-point .button-area .point .em em { font-style: normal; color: #111; }

.user-have-point .button-area .btn { padding: 0 10px; }

.user-have-point.tbs h4 { width: 184px; background-image: url("../img/mypage/logo-tbs.png"); }

.user-have-point.tbs .button-area .point .em { color: #378c62; }

.user-have-point.gdv h4 { width: 105px; background-image: url("../img/mypage/logo-gdv.png"); }

.user-have-point.gdv .button-area .point .em { color: #ceb372; }

.user-have-point.hnb h4 { width: 204px; background-image: url("../img/mypage/logo-hnb.png"); }

.user-have-point.hnb .button-area .point .em { color: #026640; }

.alliance-point.mobile { display: none; }

@media (min-width: 0) and (max-width: 679px) { .alliance-point.mobile { display: block; } }

.alliance-point.pc { display: block; }

@media (min-width: 0) and (max-width: 679px) { .alliance-point.pc { display: none; } }

@media (min-width: 0) and (max-width: 679px) { .alliance-point .user-have-point h4 { position: static; width: 110px; height: auto; margin: 0; background-size: 100%; }
  .alliance-point .user-have-point .advice { font-size: 12px; display: block; margin: 0; margin-bottom: 5px; }
  .alliance-point .user-have-point .button-area { position: relative; float: none; box-sizing: border-box; width: 100%; padding-right: 83px; }
  .alliance-point .user-have-point .button-area .point { font-size: 12px; line-height: 19px; display: block; width: 100%; margin-right: 0; }
  .alliance-point .user-have-point .button-area .point .em { font-size: 15px; float: right; width: auto; }
  .alliance-point .user-have-point .button-area .btn { font-size: 10px; line-height: 19px; position: absolute; top: 0; right: 0; width: 67px; height: 19px; }
  .alliance-point .user-have-point.tbs h4 { background-image: url("../img/mypage/logo-tbs-m.png"); }
  .alliance-point .user-have-point.hnb h4 { background-image: url("../img/mypage/logo-hnb-m.png"); }
  .alliance-point .user-have-point.gdv h4 { background-image: url("../img/mypage/logo-gdv-m.png"); } }

.subsection-attention-list { margin-top: 25px; font-size: 13px; }

.my-coupon-list .detail-list-header { position: relative; padding-top: 20px; }

.my-coupon-list .detail-list-header .order-option { position: absolute; bottom: 0; right: 0; }

.detail-list-header { margin-top: 20px; }

.detail-list-header:before, .detail-list-header:after { content: ""; display: table; }

.detail-list-header:after { clear: both; }

.detail-list-header .message { float: left; padding-top: 32px; line-height: 20px; vertical-align: bottom; }

@media (min-width: 0px) and (max-width: 679px) { .detail-list-header .message { float: none; padding-top: 10px; } }

.detail-list-header h3 { font-size: 18px; }

.detail-list-header .order-option { float: right; }

@media (min-width: 0px) and (max-width: 679px) { .detail-list-header .order-option { float: none; margin-top: 15px; }
  .detail-list-header .order-option .selectric-wrapper { width: 100%; } }

.detail-list-header .selectric-wrapper { width: 190px; }

.detail-list-header .selectric-wrapper .selectric { background: #e1e1e1; border-color: #e1e1e1; }

.detail-list-header .selectric-wrapper .selectric:hover { background: #d1d1d1; border-color: #d1d1d1; }

.detail-list-header .selectric-wrapper .selectric .label { font-size: 1rem; color: #111; height: 48px; line-height: 48px; margin: 0 38px 0 23px; }

.detail-list-header .selectric-wrapper .selectric .button { background: url("../img/svg/icon-arrow-down.svg") left center no-repeat; background-size: 16px; width: 16px; height: 16px; padding-right: 17px; top: 50%; margin-top: -8px; }

.detail-list-header .selectric-wrapper .selectric .button:after { display: none; }

.detail-list-header .selectric-wrapper .selectric-items { background: #f7f7f7; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; z-index: 0; border: 0; }

.detail-list-header .selectric-wrapper .selectric-items .selectric-scroll ul li { height: 48px; line-height: 48px; font-size: 1rem; color: #111; padding: 0; padding: 0 17px 0 23px; }

.detail-list-header .selectric-wrapper .selectric-items .selectric-scroll ul li.selected { background: #c4e4f9 url("../img/svg/icon-tick.svg") right center no-repeat; background-size: 18px; background-origin: content-box; }

.detail-list-header .selectric-wrapper.selectric-open .selectric { background: #d1d1d1; border-color: #d1d1d1; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; }

.detail-list-header .selectric-wrapper.selectric-open .selectric .button { background: url("../img/svg/icon-arrow-up.svg") left center no-repeat; background-size: 16px; }

.list-print-remote { position: relative; margin-top: 15px; padding: 20px; background-color: #f7f7f7; }

@media (min-width: 0px) and (max-width: 679px) { .list-print-remote { padding: 12px; margin-bottom: 10px; } }

.list-print-remote h4 { margin-bottom: 12px; font-size: 13px; font-weight: normal; }

.list-print-remote h4 .em { font-size: 12px; }

@media (min-width: 0px) and (max-width: 679px) { .list-print-remote h4 .em { display: block; } }

.list-print-remote .list-search-option:before, .list-print-remote .list-search-option:after { content: ""; display: table; }

.list-print-remote .list-search-option:after { clear: both; }

.list-print-remote .list-order-option { position: absolute; bottom: 20px; right: 20px; width: 150px; }

.list-print-remote .list-order-option .selectric-wrapper .selectric .label { margin-left: 20px; height: 36px; line-height: 36px; font-size: 13px; }

.list-print-remote .list-order-option .selectric-wrapper .selectric .btn { height: 36px; line-height: 36px; }

@media (min-width: 0px) and (max-width: 679px) { .list-print-remote .list-order-option { margin-top: 10px; float: none; position: relative; bottom: auto; right: auto; width: 100%; }
  .list-print-remote .list-order-option .selectric-wrapper { width: auto; } }

.list-print-remote .search-period-type { float: left; }

.list-print-remote .search-period-type .btn { margin-right: -1px; padding: 0; float: left; width: 60px; font-size: 12px; border-color: #d7d7d7; background-color: #fff; }

.list-print-remote .search-period-type .btn.on { color: #fff; border-color: #7d7d7d; background-color: #7d7d7d; }

@media (min-width: 0px) and (max-width: 679px) { .list-print-remote .search-period-type { float: none; }
  .list-print-remote .search-period-type:before, .list-print-remote .search-period-type:after { content: ""; display: table; }
  .list-print-remote .search-period-type:after { clear: both; }
  .list-print-remote .search-period-type .btn { width: 20%; } }

.list-print-remote .search-period-type + .search-period-custom { margin-left: 31px; padding-left: 31px; }

.list-print-remote .search-period-type + .search-period-custom:before { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 2px; height: 26px; margin-top: -13px; background: url("../img/mypage/ico_period_bar.png") 0 0 no-repeat; }

@media (min-width: 0px) and (max-width: 1079px) { .list-print-remote .search-period-type + .search-period-custom { margin-left: 0; padding-left: 0; }
  .list-print-remote .search-period-type + .search-period-custom:before { display: none; } }

.list-print-remote .search-period-custom { position: relative; float: left; }

.list-print-remote .search-period-custom .date-input { position: relative; display: inline-block; width: 132px; background-color: #fff; }

.list-print-remote .search-period-custom .date-input input { position: relative; padding: 4px 28px 4px 10px; width: 132px; height: 36px; border-width: 1px; background-color: transparent; z-index: 2; }

.list-print-remote .search-period-custom .date-input:after { position: absolute; display: block; content: ''; top: 50%; right: 6px; margin-top: -8px; width: 16px; height: 16px; background: #fff url("../img/mypage/ico_datepicker.png") 0 0 no-repeat; }

.list-print-remote .search-period-custom .btn { width: 115px; vertical-align: top; }

@media (min-width: 0px) and (max-width: 679px) { .list-print-remote .search-period-custom { float: none; margin-top: 10px; margin-left: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .list-print-remote .search-period-custom:before { display: none; }
  .list-print-remote .search-period-custom .date-input { display: block; width: 50%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .list-print-remote .search-period-custom .date-input input { width: 100%; font-size: 12px; }
  .list-print-remote .search-period-custom .to { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 18px; flex-basis: 18px; width: 18px; text-align: center; }
  .list-print-remote .search-period-custom .btn { margin-left: 4px; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 40px; flex-basis: 40px; width: 40px; } }

@media (min-width: 680px) and (max-width: 1079px) { .list-print-remote .search-period-custom { margin-top: 10px; margin-left: 0; padding-left: 0; clear: both; }
  .list-print-remote .search-period-custom:before { display: none; } }

.activity-detail-list-table { margin-top: 15px; }

.activity-detail-list-table .btn.weighty { padding: 0 10px; color: #fff; }

.product-delivery-info { margin-top: 50px; padding: 48px 30px 40px; background-color: #f7f7f7; }

.product-delivery-info:before, .product-delivery-info:after { content: ""; display: table; }

.product-delivery-info:after { clear: both; }

.product-delivery-info li { position: relative; float: left; margin-right: 4.4%; width: 13%; text-align: center; }

.product-delivery-info li:before { position: absolute; display: block; content: ''; top: 37px; right: -26px; width: 14px; height: 24px; background: url("../img/mypage/ico_delivery_flow.png") 0 0 no-repeat; }

@media (min-width: 0px) and (max-width: 1079px) { .product-delivery-info li:before { background-position: center center; background-size: 7px auto; } }

.product-delivery-info li.delivery-flow-last:before { width: 2px; right: -16px; background-image: url("../img/mypage/ico_delivery_flow_bar.png"); }

.product-delivery-info li.delivery-flow-last + .delivery-flow-last { margin-right: 0; }

.product-delivery-info li.delivery-flow-last + .delivery-flow-last:before { display: none; }

.product-delivery-info li .ico { display: table; margin: 0 auto; width: 98px; height: 98px; background-color: #fff; border-radius: 100%; overflow: hidden; }

.product-delivery-info li .ico .frame { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }

.product-delivery-info li .tit { margin-top: 15px; }

.product-delivery-info li .text { margin-top: 6px; font-size: 13px; line-height: 1.4; }

@media (min-width: 0px) and (max-width: 679px) { .product-delivery-info { padding: 30px 30px 10px; }
  .product-delivery-info li { margin-bottom: 15px; margin-right: 8%; width: 46%; }
  .product-delivery-info li:before { right: -16px; }
  .product-delivery-info li + li { margin-left: 0; }
  .product-delivery-info li:nth-child(2n) { margin-right: 0; }
  .product-delivery-info li:nth-child(5) { clear: both; margin-right: 8%; }
  .product-delivery-info li:nth-child(5):before { right: -12px; }
  .product-delivery-info li .text { font-size: 12px; } }

@media (min-width: 380px) and (max-width: 439px) { .product-delivery-info { padding: 30px 50px 10px; } }

@media (min-width: 440px) and (max-width: 499px) { .product-delivery-info { padding: 30px 80px 10px; } }

@media (min-width: 500px) and (max-width: 559px) { .product-delivery-info { padding: 30px 110px 10px; } }

@media (min-width: 560px) and (max-width: 619px) { .product-delivery-info { padding: 30px 140px 10px; } }

@media (min-width: 620px) and (max-width: 679px) { .product-delivery-info { padding: 30px 170px 10px; } }

.order-data-detail { margin-top: 48px; }

.order-data-detail:before, .order-data-detail:after { content: ""; display: table; }

.order-data-detail:after { clear: both; }

.order-data-detail h4 { margin-bottom: 12px; font-size: 18px; }

.order-data-detail .order-data-detail-delivery { float: left; position: relative; width: 882px; }

@media (min-width: 680px) and (max-width: 1383px) { .order-data-detail .order-data-detail-delivery { width: 66%; } }

@media (min-width: 680px) and (max-width: 1079px) { .order-data-detail .order-data-detail-delivery { float: none; width: auto; }
  .order-data-detail .order-data-detail-delivery .data-table col:first-child { width: 120px !important; }
  .order-data-detail .order-data-detail-delivery .data-table th { padding-left: 15px; }
  .order-data-detail .order-data-detail-delivery .fieldset.large .label { padding-left: 15px; width: 105px; } }

@media (min-width: 0px) and (max-width: 679px) { .order-data-detail .order-data-detail-delivery { float: none; width: auto; }
  .order-data-detail .order-data-detail-delivery .data-table col:first-child { width: 100px !important; }
  .order-data-detail .order-data-detail-delivery .data-table th, .order-data-detail .order-data-detail-delivery .data-table td { padding: 8px 10px; font-size: 13px; } }

.order-data-detail .order-data-detail-delivery .btn.aside { position: absolute; top: 0; right: 0; }

.order-data-detail .order-data-detail-delivery td { padding-left: 16px; }

.order-data-detail .order-data-detail-delivery-change .with-select .selectric-wrapper, .order-data-detail .order-data-detail-delivery-change .with-email .selectric-wrapper { width: 120px; }

.order-data-detail .order-data-detail-delivery-change .select-wrap .asset { height: auto; }

.order-data-detail .order-data-detail-delivery-change .select-wrap .asset input[type=text] { margin-top: 4px; }

.order-data-detail .order-data-detail-delivery-change .button-area.large { padding-top: 10px; }

.order-data-detail .order-data-detail-delivery-change .button-area.large .btn { padding: 0 20px; width: auto; }

@media (min-width: 0px) and (max-width: 1079px) { .order-data-detail .order-data-detail-delivery-change .button-area.large { padding-bottom: 15px; } }

@media (min-width: 680px) and (max-width: 1383px) { .order-data-detail .order-data-detail-delivery-change .with-email input { width: 120px; }
  .order-data-detail .order-data-detail-delivery-change .with-email .at { width: 14px; }
  .order-data-detail .order-data-detail-delivery-change .with-btn .btn { width: 110px; }
  .order-data-detail .order-data-detail-delivery-change .with-select input, .order-data-detail .order-data-detail-delivery-change .with-phone input, .order-data-detail .order-data-detail-delivery-change .with-btn input { width: 200px; } }

@media (min-width: 680px) and (max-width: 1079px) { .order-data-detail .order-data-detail-delivery-change .with-select .selectric-wrapper, .order-data-detail .order-data-detail-delivery-change .with-email .selectric-wrapper { width: 120px; }
  .order-data-detail .order-data-detail-delivery-change .with-select .selectric-wrapper .label, .order-data-detail .order-data-detail-delivery-change .with-email .selectric-wrapper .label { padding-left: 0; }
  .order-data-detail .order-data-detail-delivery-change .with-email input { width: 120px; }
  .order-data-detail .order-data-detail-delivery-change .with-email .at { width: 14px; }
  .order-data-detail .order-data-detail-delivery-change .with-btn .btn { width: 110px; }
  .order-data-detail .order-data-detail-delivery-change .with-select input, .order-data-detail .order-data-detail-delivery-change .with-phone input, .order-data-detail .order-data-detail-delivery-change .with-btn input { width: 200px; } }

@media (min-width: 0px) and (max-width: 679px) { .order-data-detail .order-data-detail-delivery-change .fieldset.large .label { width: 100px; } }

.order-data-detail .order-data-detail-payment { float: right; width: 336px; border: 2px #e1e1e1 solid; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 680px) and (max-width: 1383px) { .order-data-detail .order-data-detail-payment { width: 30%; } }

@media (min-width: 0px) and (max-width: 679px) { .order-data-detail .order-data-detail-payment { margin-top: 15px; float: none; width: auto; } }

@media (min-width: 680px) and (max-width: 1079px) { .order-data-detail .order-data-detail-payment { margin-top: 10px; float: none; width: auto; } }

.order-data-detail .order-data-detail-payment .payment-detail-data li { margin-top: 15px; }

.order-data-detail .order-data-detail-payment .payment-detail-data li:before, .order-data-detail .order-data-detail-payment .payment-detail-data li:after { content: ""; display: table; }

.order-data-detail .order-data-detail-payment .payment-detail-data li:after { clear: both; }

.order-data-detail .order-data-detail-payment .payment-detail-data li:first-child { margin-top: 0; }

.order-data-detail .order-data-detail-payment .payment-detail-data li .data { float: right; }

.order-data-detail .order-data-detail-payment .payment-section { padding: 15px 20px; }

.order-data-detail .order-data-detail-payment .payment-section + .payment-section { border-top: 2px #e1e1e1 solid; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box:before, .order-data-detail .order-data-detail-payment .payment-section .payment-box:after { content: ""; display: table; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box:after { clear: both; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box + .payment-box { margin-top: 15px; padding-top: 15px; border-top: 2px #e1e1e1 solid; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box .asset { float: left; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box .asset + .asset { float: right; text-align: right; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box .asset strong { font-size: 15px; }

.order-data-detail .order-data-detail-payment .payment-section .payment-box .asset .em { display: block; }

.order-data-detail .button-area.large { padding-top: 48px; float: none; clear: both; }

.order-data-detail .button-area.large .btn { width: 192px; }

.attention-paragraph { margin-top: 48px; padding: 28px 34px; background-color: #f7f7f7; }

@media (min-width: 0px) and (max-width: 679px) { .attention-paragraph { padding: 20px 15px; } }

.attention-paragraph .attention-title h4 { margin-right: 8px; display: inline-block; font-size: 18px; }

.attention-paragraph .attention-title h4, .attention-paragraph .attention-title .btn { vertical-align: middle; }

.attention-paragraph .article { margin-top: 15px; }

@media (min-width: 0px) and (max-width: 679px) { .attention-paragraph .article { font-size: 13px; } }

.attention-paragraph .other-reason-input textarea { padding: 10px; width: 100%; height: 100px; border-width: 1px; border-color: #111; }

.attention-paragraph .other-reason-input textarea[readonly] { border-color: #999; background-color: #fcfcfc; }

.attention-paragraph h5 { margin-bottom: 6px; }

.attention-paragraph .data-list > li:before, .attention-paragraph .data-list > li:after { content: ""; display: table; }

.attention-paragraph .data-list > li:after { clear: both; }

.attention-paragraph .data-list .label { margin-right: 5px; float: left; }

@media (min-width: 0px) and (max-width: 679px) { .attention-paragraph .data-list .label { float: none; } }

.attention-paragraph .data-list ul { float: none; overflow: hidden; }

.attention-paragraph .data-list ul li { margin-top: 4px; }

.attention-paragraph .data-list ul li:first-child { margin-top: 0; }

@media (min-width: 0px) and (max-width: 679px) { .attention-paragraph .data-list ul { margin-left: 10px; } }

.mypage-panels-wrap { margin-top: 30px; padding-bottom: 48px; border-bottom: 1px #e1e1e1 solid; }

.mypage-panels-wrap:before, .mypage-panels-wrap:after { content: ""; display: table; }

.mypage-panels-wrap:after { clear: both; }

.mypage-panels-wrap h4 { font-size: 18px; line-height: 1.4; height: 25px; text-align: center; }

.mypage-panels-wrap h4 span { font-size: 1rem; color: #7d7d7d; }

.mypage-panels-wrap .panel-box { float: left; width: 408px; }

.mypage-panels-wrap .panel-box + .panel-box { margin-left: 23px; }

.mypage-panels-wrap .panel-box .btn { font-weight: 500; color: #2d2d2d; border-color: #111; }

.mypage-panels-wrap .panel-box .btn.weighty { color: #fff; background-color: #7d7d7d; }

.mypage-panels-wrap .panel-box.alliance-point { clear: both; width: 839px; margin-top: 25px; margin-left: 0; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title { font-size: 0; position: relative; text-align: left; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title strong { font-size: 18px; font-weight: 700; line-height: 18px; display: inline-block; color: #111; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon { line-height: 18px; position: relative; display: inline-block; margin: 0 15px 0 5px; vertical-align: top; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon .ballon-content { right: auto; left: 0; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon .ballon-content .title { font-weight: 700; margin-bottom: 5px; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon .ballon-content ul li + li { margin-top: 5px; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon a { display: block; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon a img { display: block; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title > p { font-size: 14px; line-height: 18px; display: inline-block; vertical-align: top; color: #111; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title > p br { display: none; }

.mypage-panels-wrap .panel-box.alliance-point .panel-lg { height: auto; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail { overflow: hidden; margin-top: 14px; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area { font-size: 0; float: left; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item { position: relative; display: inline-block; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item strong, .mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item span, .mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item em { font-weight: 700; line-height: 48px; display: inline-block; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item strong { font-size: 18px; margin-right: 15px; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item span { font-size: 24px; min-width: 100px; text-align: right; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item span em { color: #b9b9b9; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item em { font-size: 24px; font-style: normal; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item + .item { margin-left: 30px; padding-left: 31px; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item + .item:before { position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 24px; margin-top: -12px; content: ''; background-color: #e1e1e1; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item.tbs span { color: #378c62; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item.gdv span { color: #3b1a0f; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item.hnb span { color: #026640; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .btn { float: right; }

.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail > p { font-size: 13px; line-height: 22px; clear: both; padding-top: 10px; color: #7d7d7d; }

.mypage-panels-wrap .panel-row:before, .mypage-panels-wrap .panel-row:after { content: ""; display: table; }

.mypage-panels-wrap .panel-row:after { clear: both; }

.mypage-panels-wrap .panel-row + .panel-row { margin-top: 25px; }

.mypage-panels-wrap .panel { padding: 20px; border: 2px #e1e1e1 solid; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-panels-wrap .panel-sm { float: left; padding-left: 16px; padding-right: 16px; width: 191px; height: 280px; }

.mypage-panels-wrap .panel-sm + .panel-sm { float: right; }

.mypage-panels-wrap .panel-lg { height: 481px; }

.mypage-panels-wrap .panel-md { height: 176px; }

@media (min-width: 0) and (max-width: 679px) {
	.mypage-panels-wrap .panel-box.alliance-point { width: 100%; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title { text-align: center; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title strong { font-size: 15px; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title > p { font-size: 11px; display: block; margin-top: 11px; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title > p br { display: block; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon { position: static; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-title .must-read-ballon .ballon-content { top: 20px; width: 100%; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area { float: none; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item { width: 50%; text-align: center; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item + .item { margin: 0; padding: 0; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item + .item:before { height: 60px; margin-top: -30px; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item strong, .mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item span, .mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item em { font-size: 15px; line-height: 100%; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item strong { display: block; margin-right: 0; margin-bottom: 26px; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .point-area .item span { min-width: 0; }
	.mypage-panels-wrap .panel-box.alliance-point .alliance-point-detail .btn { display: block; float: none; margin: 18px auto 0; }
}

@media (min-width: 1080px) and (max-width: 1383px) { .mypage-panels-wrap .panel-box { width: 32%; }
  .mypage-panels-wrap .panel-box + .panel-box { margin-left: 2%; } }

@media (min-width: 680px) and (max-width: 1079px) { .mypage-panels-wrap .panel-box { width: 48%; }
  .mypage-panels-wrap .panel-box + .panel-box { margin-left: 4%; }
  .mypage-panels-wrap .panel-box.double-box { clear: both; width: 100%; margin-top: 20px; margin-bottom: 20px; margin-left: 0; }
  .mypage-panels-wrap .panel-box.double-box:before { display: table; content: ''; }
  .mypage-panels-wrap .panel-box.double-box:after { display: table; clear: both; content: ''; }
  .mypage-panels-wrap .panel-box.double-box .panel-row { float: left; width: 48%; }
  .mypage-panels-wrap .panel-box.double-box .panel-row + .panel-row { margin-top: 0; margin-left: 4%; }
  .mypage-panels-wrap .panel-box.alliance-point { float: none; width: 100%; margin-top: 0; margin-left: 0; } }

@media (min-width: 0px) and (max-width: 679px) { .mypage-panels-wrap .panel-box { float: none; width: auto; }
  .mypage-panels-wrap .panel-box + .panel-box { margin-top: 12px; margin-left: 0; } }

@media (min-width: 0px) and (max-width: 679px) { .mypage-panels-wrap .panel { padding: 10px; } }

@media (min-width: 0px) and (max-width: 679px) { .mypage-panels-wrap .panel-sm { width: 48%; padding: 25px 16px; height: auto; } }

@media (min-width: 680px) and (max-width: 1383px) { .mypage-panels-wrap .panel-sm { width: 48%; } }

@media (min-width: 0px) and (max-width: 679px) { .mypage-panels-wrap .panel-lg { padding: 25px 10px; height: auto; } }

@media (min-width: 0px) and (max-width: 679px) { .mypage-panels-wrap .panel-md { padding-bottom: 25px; height: auto; } }


.panel-lyb-main .barcode { text-align: center; }

.panel-lyb-main .barcode img { width: auto; height: 80px; }

.panel-lyb-main .username { margin-top: 8px; height: 28px; font-size: 18px; text-align: center; }

.panel-lyb-main .message { margin-top: 6px; font-size: 13px; line-height: 1.4em; height: 4.2em; text-align: center; }

.panel-lyb-main .button-area { margin-top: 11px; }

.panel-lyb-main .button-area .btn { width: 154px; }

.panel-lyb-spec { margin-top: 28px; border-top: 1px #e1e1e1 solid; padding-top: 20px; }

.panel-lyb-spec:before, .panel-lyb-spec:after { content: ""; display: table; }

.panel-lyb-spec:after { clear: both; }

.panel-lyb-spec h4 { margin-top: 4px; }

.panel-lyb-spec .spec-box { float: left; width: 153px; text-align: center; }

.panel-lyb-spec .spec-box + .spec-box { margin-left: 25px; padding-left: 25px; border-left: 1px #e1e1e1 solid; }

.panel-lyb-spec .spec-box .btn.full { width: 100%; }

@media (min-width: 0px) and (max-width: 1383px) { .panel-lyb-spec .spec-box { margin-right: -1px; width: 47%; }
  .panel-lyb-spec .spec-box + .spec-box { margin-left: 3%; padding-left: 3%; } }

.panel-lyb-spec .spec-data { margin-top: 23px; font-size: 18px; }

.panel-lyb-spec .button-area { margin-top: 10px; }

.order-status-online .online-order-flow { margin-top: 10px; height: 176px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-status-online .online-order-flow:before, .order-status-online .online-order-flow:after { content: ""; display: table; }

.order-status-online .online-order-flow:after { clear: both; }

@media (min-width: 0px) and (max-width: 679px) { .order-status-online .online-order-flow { margin-top: 0; } }

.order-status-online .online-order-flow .step { position: relative; margin-left: 34px; float: left; width: 96px; height: 84px; text-align: center; }

.order-status-online .online-order-flow .step:nth-child(3n+1) { margin-left: 0; }

.order-status-online .online-order-flow .step:nth-child(3n+1):before { display: none; }

.order-status-online .online-order-flow .step:before { position: absolute; display: block; content: ''; top: 20px; left: -23px; width: 12px; height: 20px; background: url("../img/mypage/ico_mypage_flow.png") 0 0 no-repeat; }

.order-status-online .online-order-flow .step .count { display: block; font-size: 18px; line-height: 54px; }

.order-status-online .online-order-flow .step .count a { text-decoration: none; color: #000; }

.order-status-online .online-order-flow .step .count a:hover { text-decoration: underline; }

.order-status-online .online-order-flow .step .label { display: block; }

@media (min-width: 0px) and (max-width: 1383px) { .order-status-online .online-order-flow .step { width: 26%; height: 88px; margin-left: 11%; } }

.order-status-online .delivery-after { text-align: right; }

.order-status-online .delivery-after .label, .order-status-online .delivery-after .count { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; }

.order-status-online .delivery-after .label { position: relative; }

.order-status-online .delivery-after .label:before, .order-status-online .delivery-after .label:after { position: absolute; display: block; content: ''; top: 50%; }

.order-status-online .delivery-after .label:before { left: -10px; margin-top: -1px; width: 2px; height: 2px; background-color: #333; }

.order-status-online .delivery-after .label:after { right: -12px; margin-top: -5px; width: 1px; height: 10px; background-color: #ccc; }

.order-status-online .delivery-after .count { padding-left: 20px; width: 60px; font-size: 24px; text-align: center; }

.order-status-online .delivery-after .count a { text-decoration: none; color: #000; }

.order-status-online .delivery-after .count a:hover { text-decoration: underline; }

.order-status-online .delivery-after .message { font-size: 0.9em; color: #666; }

@media (min-width: 0px) and (max-width: 679px) { .order-status-online .delivery-after .label, .order-status-online .delivery-after .count { height: 26px; line-height: 26px; }
  .order-status-online .delivery-after .count { font-size: 20px; } }

.order-return-row { margin-top: 30px; }

.order-return-reason { margin-top: 6px; }

.order-return-reason .fieldset .field { table-layout: fixed; }

@media (min-width: 0px) and (max-width: 679px) { .order-return-reason .fieldset .field .label { padding-left: 10px; width: 60px; } }

.order-return-reason .data-table td { padding-left: 20px; padding-right: 20px; }

.order-return-reason .with-select { display: inline-block; position: relative; padding-left: 148px; width: 612px; vertical-align: top; }

.order-return-reason .with-select .selectric-wrapper { position: absolute; top: 0; left: 0; }

.order-return-reason .with-select input[type=text] { width: 100%; }

@media (min-width: 680px) and (max-width: 1383px) { .order-return-reason .with-select { width: auto; display: block; } }

@media (min-width: 0px) and (max-width: 679px) { .order-return-reason .with-select { width: auto; display: block !important; padding-left: 0; }
  .order-return-reason .with-select .selectric-wrapper.selectric-select-sm { position: relative; width: 100%; margin-bottom: 4px; }
  .order-return-reason .with-select .selectric-wrapper.selectric-select-sm + input { margin-left: 0; }
  .order-return-reason .with-select .selectric-wrapper.selectric-select-sm select { width: 100%; } }

.order-return-reason .responsibility { display: inline-block; margin-left: 10px; line-height: 36px; vertical-align: top; }

@media (min-width: 0px) and (max-width: 679px) { .order-return-reason .responsibility { margin-left: 0; line-height: 1.5; } }

.expect-return-payment { margin-top: 30px; }

.expect-return-payment h4 { font-size: 18px; }

.expect-return-payment .expect-return-payment-title { margin-bottom: 15px; }

.expect-return-payment .expect-return-payment-panel .panel-wrapper:before, .expect-return-payment .expect-return-payment-panel .panel-wrapper:after { content: ""; display: table; }

.expect-return-payment .expect-return-payment-panel .panel-wrapper:after { clear: both; }

.expect-return-payment .expect-return-payment-panel .panel-box { position: relative; float: left; width: 406px; height: 256px; border: 2px #e1e1e1 solid; -webkit-box-sizing: border-box; box-sizing: border-box; }

.expect-return-payment .expect-return-payment-panel .panel-box:before, .expect-return-payment .expect-return-payment-panel .panel-box:after { content: ""; display: table; }

.expect-return-payment .expect-return-payment-panel .panel-box:after { clear: both; }

.expect-return-payment .expect-return-payment-panel .panel-box + .panel-box { margin-left: 24px; }

@media (min-width: 680px) and (max-width: 1383px) { .expect-return-payment .expect-return-payment-panel .panel-box { width: 32%; }
  .expect-return-payment .expect-return-payment-panel .panel-box + .panel-box { margin-left: 2%; } }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .expect-return-payment-panel .panel-box { float: none; width: auto; }
  .expect-return-payment .expect-return-payment-panel .panel-box + .panel-box { margin-top: 15px; margin-left: 0; } }

.expect-return-payment .expect-return-payment-panel .panel-inner { padding: 15px 20px; }

@media (min-width: 680px) and (max-width: 1383px) { .expect-return-payment .expect-return-payment-panel .panel-inner { padding: 15px 15px; } }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .expect-return-payment-panel .panel-inner { padding: 15px; } }

.expect-return-payment .expect-return-payment-panel .panel-heading { padding-bottom: 16px; margin-bottom: 20px; border-bottom: 2px #e1e1e1 solid; }

.expect-return-payment .expect-return-payment-panel .panel-heading:before, .expect-return-payment .expect-return-payment-panel .panel-heading:after { content: ""; display: table; }

.expect-return-payment .expect-return-payment-panel .panel-heading:after { clear: both; }

.expect-return-payment .expect-return-payment-panel .panel-heading h5 { float: left; }

.expect-return-payment .expect-return-payment-panel .panel-heading .aside { float: right; }

.expect-return-payment .expect-return-payment-panel .panel-heading .aside .price { font-size: 15px; }

.expect-return-payment .expect-return-delivery { margin-bottom: 20px; }

.expect-return-payment .expect-return-delivery .expect-return-delivery-check { margin-bottom: 5px; }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .expect-return-delivery colgroup col:first-child { width: 90px !important; } }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .expect-return-delivery tbody th { padding-left: 10px; } }

.expect-return-payment .expect-return-delivery td { padding: 6px 10px; }

.expect-return-payment .expect-return-delivery td input[type=text] { width: 600px; }

@media (min-width: 680px) and (max-width: 1079px) { .expect-return-payment .expect-return-delivery td input[type=text] { width: 100%; } }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .expect-return-delivery td input[type=text] { width: 100%; } }

.expect-return-payment .expect-return-delivery .message { margin-top: 10px; color: #767676; }

.expect-return-payment .panel-row-wrap { position: relative; height: 100%; }

.expect-return-payment .panel-row-collapse { float: left; width: 160px; height: 100%; }

.expect-return-payment .panel-row-collapse + .panel-row-wrap { float: none; height: 100%; overflow: hidden; border-left: 2px #e1e1e1 solid; }

.expect-return-payment .panel-row-collapse .panel-data { margin-top: 160px; text-align: right; }

.expect-return-payment .panel-row-collapse .panel-data .em { font-size: 24px; }

@media (min-width: 0px) and (max-width: 1079px) { .expect-return-payment .panel-row-collapse .panel-data { margin-top: 148px; }
  .expect-return-payment .panel-row-collapse .panel-data .em { font-size: 18px; } }

@media (min-width: 1080px) and (max-width: 1383px) { .expect-return-payment .panel-row-collapse { width: 40%; } }

@media (min-width: 900px) and (max-width: 1079px) { .expect-return-payment .panel-row-collapse { width: 50%; } }

@media (min-width: 680px) and (max-width: 899px) { .expect-return-payment .panel-row-collapse { float: none; width: auto; height: 76px; }
  .expect-return-payment .panel-row-collapse .panel-data { margin-top: 0; height: 26px; }
  .expect-return-payment .panel-row-collapse .panel-data .em { line-height: 26px; }
  .expect-return-payment .panel-row-collapse + .panel-row-wrap { border-top: 2px #e1e1e1 solid; border-left: none; }
  .expect-return-payment .panel-row-collapse + .panel-row-wrap .panel-row { height: 76px; }
  .expect-return-payment .panel-row-collapse + .panel-row-wrap .panel-data { margin-top: 0; height: 26px; line-height: 26px; }
  .expect-return-payment .panel-row-collapse + .panel-row-wrap .panel-data .em { height: 26px; line-height: 26px; } }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .panel-row-collapse { width: 140px; } }

.expect-return-payment .panel-row { position: relative; height: 50%; }

.expect-return-payment .panel-row + .panel-row { border-top: 2px #e1e1e1 solid; }

.expect-return-payment .panel-row .panel-data { margin-top: 35px; text-align: right; }

.expect-return-payment .panel-row .panel-data .em { font-size: 24px; }

@media (min-width: 0px) and (max-width: 1079px) { .expect-return-payment .panel-row .panel-data { margin-top: 36px; }
  .expect-return-payment .panel-row .panel-data .em { font-size: 18px; } }

.expect-return-payment .panel-row .panel-data.payment-return-way { position: absolute; bottom: 15px; right: 0; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 0px) and (max-width: 1079px) { .expect-return-payment .panel-row .panel-data.payment-return-way { font-size: 13px; padding: 0 15px; } }

.expect-return-payment .fieldset.large { border: none; }

.expect-return-payment .fieldset.large .field { border: none; }

.expect-return-payment .fieldset.large .label { padding: 4px 0; width: 70px; background-color: #fff; }

.expect-return-payment .fieldset.large .insert { padding: 4px 0; }

.expect-return-payment .payment-detail-data li:before, .expect-return-payment .payment-detail-data li:after { content: ""; display: table; }

.expect-return-payment .payment-detail-data li:after { clear: both; }

.expect-return-payment .payment-detail-data li + li { margin-top: 12px; }

.expect-return-payment .payment-detail-data li .data { float: right; }

.expect-return-payment .button-area { margin-top: 40px; }

.expect-return-payment .button-area .btn { width: 192px; }

@media (min-width: 0px) and (max-width: 679px) { .expect-return-payment .button-area .btn { width: 46%; } }

.order-status-offline { margin-top: 16px; border-top: 1px #e1e1e1 solid; padding-top: 22px; text-align: center; }

.order-status-offline .spec-data { margin-top: 14px; font-size: 18px; }

.order-status-offline .button-area { margin-top: 7px; text-align: center; }

.order-status-offline .button-area .btn { width: 154px; }

@media (min-width: 0px) and (max-width: 679px) { .order-status-offline { margin-top: 20px; padding-top: 20px; } }

.list-no-data { margin-top: 30px; padding: 50px 0 60px; text-align: center; background-color: #f7f7f7; }

@media (min-width: 0px) and (max-width: 679px) { .list-no-data { padding: 30px 0; }
  .list-no-data .no-data-title { padding: 0 20px; } }

.list-no-data .more-item { margin-top: 50px; }

.list-no-data .more-item h3 { font-size: 18px; }

@media (min-width: 0px) and (max-width: 679px) { .list-no-data .more-item { margin-top: 30px; } }

.list-no-data .item-view-btn { margin-top: 25px; }

.list-no-data .item-view-btn .btn { color: #fff; border-radius: 100%; }

.list-no-data .item-view-btn .btn.new { background-color: #378c62; }

.list-no-data .item-view-btn .btn.best { background-color: #111111; }

.list-no-data .item-view-btn .btn.sale { background-color: #c84b47; }

.list-no-data .item-view-btn .btn + .btn { margin-left: 36px; }

.list-no-data .item-view-btn .btn .frame { display: table; width: 115px; height: 115px; }

.list-no-data .item-view-btn .btn span { display: table-cell; width: 100%; height: 100%; font-size: 16px; line-height: 1.3; vertical-align: middle; }

@media (min-width: 0px) and (max-width: 679px) { .list-no-data .item-view-btn { margin-top: 10px; }
  .list-no-data .item-view-btn .btn + .btn { margin-left: 12px; }
  .list-no-data .item-view-btn .btn .frame { width: 85px; height: 85px; }
  .list-no-data .item-view-btn .btn span { font-size: 14px; } }

.wishlist-section-view-list { margin-top: 50px; }

.wishlist-section-view-list .list-up-ea-btn { margin-top: 50px; }

.panel-noti .noti-count { padding-top: 25px; height: 152px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel-noti .noti-count strong { margin-left: auto; margin-right: auto; display: block; width: 94px; height: 94px; line-height: 94px; font-size: 30px; color: #fff; text-align: center; background-color: #111; border-radius: 100%; }

.panel-noti .button-area { margin-top: 10px; }

.panel-noti .button-area .btn { width: 100%; }

.panel-user .user-data { padding-top: 11px; height: 152px; line-height: 1.4; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel-user .user-data .data { margin-bottom: 7px; }

.panel-user .user-data a { display: inline-block; font-size: 0.95em; line-height: 1.3; color: #117bcc; word-break: break-all; }

.panel-user .button-area { margin-top: 10px; }

.panel-user .button-area .btn { width: 100%; }

.panel-activity .row { margin-top: 14px; }

.panel-activity .row:before, .panel-activity .row:after { content: ""; display: table; }

.panel-activity .row:after { clear: both; }

.panel-activity .row + .row { margin-top: 20px; padding-top: 20px; border-top: 1px #e1e1e1 solid; }

.panel-activity .data { float: left; }

.panel-activity .data:before, .panel-activity .data:after { content: ""; display: table; }

.panel-activity .data:after { clear: both; }

.panel-activity .data + .data { margin-left: 8px; padding-left: 8px; border-left: 1px #e1e1e1 solid; }

.panel-activity .data .label { float: left; }

.panel-activity .data .label a { color: inherit; text-decoration: none; }

.panel-activity .data .detail { float: right; }

.panel-activity .data .detail a { color: inherit; }

.panel-activity .data .detail .more { font-size: 13px; text-decoration: none; }

@media (min-width: 0px) and (max-width: 1383px) { .panel-activity .data { margin-right: -1px; font-size: 13px; }
  .panel-activity .data + .data { margin-left: 2%; padding-left: 2%; } }

.panel-activity .child-3 .data { width: 108px; }

@media (min-width: 0px) and (max-width: 1383px) { .panel-activity .child-3 .data { width: 30.67%; }
  .panel-activity .child-3 .data:nth-child(1) { width: 22%; }
  .panel-activity .child-3 .data:nth-child(2) { width: 30%; }
  .panel-activity .child-3 .data:nth-child(3) { width: 40%; } }

@media (min-width: 0) and (max-width: 400px) { .panel-activity .child-3 .data:nth-child(1) { width: 22%; }
  .panel-activity .child-3 .data:nth-child(2) { width: 30%; }
  .panel-activity .child-3 .data:nth-child(3) { width: 40%; } }

.panel-activity .child-2 .data { width: 170px; }

@media (min-width: 0px) and (max-width: 1383px) { .panel-activity .child-2 .data { width: 48%; } }

.panel-activity .button-area { margin-top: 10px; }

.giftcard-point-check { margin-top: 25px; margin-bottom: 80px; margin-left: auto; margin-right: auto; width: 438px; }

.giftcard-point-check .captcha-area { margin-bottom: 10px; }

@media (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check .fieldset .with-btn .btn { width: 170px; } }

@media (min-width: 0px) and (max-width: 679px) { .giftcard-point-check { width: auto; max-width: 438px; } }

.select-wrap.member-out-reason-select .asset { width: 20%; margin-right: 0; }

@media (min-width: 680px) and (max-width: 1079px) { .select-wrap.member-out-reason-select .asset { width: 33%; } }

@media (min-width: 0px) and (max-width: 679px) { .select-wrap.member-out-reason-select .asset { width: 100%; } }

.member-out-message { margin-top: 40px; text-align: center; }

.member-out-message p { font-size: 25px; }

.member-out-message p .wrap { display: block; }

@media (min-width: 0px) and (max-width: 679px) { .member-out-message p .wrap { display: inline; } }

.member-out-check-area { margin-top: 20px; text-align: center; }

@media (min-width: 0px) and (max-width: 679px) { .member-out-check-area { text-align: left; } }

.member-out-check-area .horizontal { display: inline-block; }

.user-data-modify-field { margin-top: 15px; }

.user-data-modify-btn { margin-top: 30px; }

.user-data-modify-btn .btn { width: 190px; }

@media (min-width: 0px) and (max-width: 1079px) { .user-data-modify-btn .btn { padding: 0; width: 30%; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.last-td-change-label-history thead { display: none; }
  .data-table.last-td-change-label-history, .data-table.last-td-change-label-history tbody, .data-table.last-td-change-label-history tr, .data-table.last-td-change-label-history th, .data-table.last-td-change-label-history td { display: block; }
  .data-table.last-td-change-label-history tr { position: relative; padding: 10px 10px 10px 80px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background-color: #f7f7f7; } }

@media (min-width: 0px) and (max-width: 679px) and (min-width: 0px) and (max-width: 1079px) { .data-table.last-td-change-label-history tr.bd-data-none { padding: 30px 0; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.last-td-change-label-history tr.bd-data-none td { padding: 40px 0; } }

@media (min-width: 0px) and (max-width: 679px) and (min-width: 0px) and (max-width: 1079px) { .data-table.last-td-change-label-history tr.bd-data-none td { display: block; position: static; width: 100%; text-align: center; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.last-td-change-label-history tr.bd-data-none td p { font-weight: normal; }
  .data-table.last-td-change-label-history td { border: none; padding: 2px 0; text-align: left; font-size: 13px; }
  .data-table.last-td-change-label-history td:last-child { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 1.05em; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.data-table.my-coupon-history td .em.slightly { font-size: 0.9em; }

@media (min-width: 0px) and (max-width: 679px) { .data-table.my-coupon-history thead { display: none; }
  .data-table.my-coupon-history, .data-table.my-coupon-history tbody, .data-table.my-coupon-history tr, .data-table.my-coupon-history th, .data-table.my-coupon-history td { display: block; }
  .data-table.my-coupon-history tr { position: relative; padding: 10px 10px 10px 80px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background-color: #f7f7f7; } }

@media (min-width: 0px) and (max-width: 679px) and (min-width: 0px) and (max-width: 1079px) { .data-table.my-coupon-history tr.bd-data-none { padding: 30px 0; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.my-coupon-history tr.bd-data-none td { padding: 40px 0; } }

@media (min-width: 0px) and (max-width: 679px) and (min-width: 0px) and (max-width: 1079px) { .data-table.my-coupon-history tr.bd-data-none td { display: block; position: static; width: 100%; text-align: center; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.my-coupon-history tr.bd-data-none td p { font-weight: normal; }
  .data-table.my-coupon-history td { border: none; padding: 2px 0; text-align: left; font-size: 13px; }
  .data-table.my-coupon-history td:first-child { display: none; }
  .data-table.my-coupon-history td:last-child { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 1.05em; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.data-table.addition-benefit-history td .em.slightly { font-size: 0.9em; }

@media (min-width: 0px) and (max-width: 679px) { .data-table.addition-benefit-history thead { display: none; }
  .data-table.addition-benefit-history, .data-table.addition-benefit-history tbody, .data-table.addition-benefit-history tr, .data-table.addition-benefit-history th, .data-table.addition-benefit-history td { display: block; }
  .data-table.addition-benefit-history tr { position: relative; padding: 10px 10px 10px 80px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background-color: #f7f7f7; } }

@media (min-width: 0px) and (max-width: 679px) and (min-width: 0px) and (max-width: 1079px) { .data-table.addition-benefit-history tr.bd-data-none { padding: 30px 0; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.addition-benefit-history tr.bd-data-none td { padding: 40px 0; } }

@media (min-width: 0px) and (max-width: 679px) and (min-width: 0px) and (max-width: 1079px) { .data-table.addition-benefit-history tr.bd-data-none td { display: block; position: static; width: 100%; text-align: center; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.addition-benefit-history tr.bd-data-none td p { font-weight: normal; }
  .data-table.addition-benefit-history td { border: none; padding: 2px 0; text-align: left; font-size: 13px; }
  .data-table.addition-benefit-history td:first-child { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 1.05em; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.personal-counsel-history-table thead { display: none; }
  .data-table.personal-counsel-history-table, .data-table.personal-counsel-history-table tbody, .data-table.personal-counsel-history-table tr, .data-table.personal-counsel-history-table th, .data-table.personal-counsel-history-table td { display: block; }
  .data-table.personal-counsel-history-table tr { position: relative; padding: 10px 10px 10px 100px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background-color: #f7f7f7; }
  .data-table.personal-counsel-history-table td { border: none; padding: 2px 0; text-align: left; font-size: 13px; }
  .data-table.personal-counsel-history-table td:nth-child(1), .data-table.personal-counsel-history-table td:nth-child(2), .data-table.personal-counsel-history-table td:nth-child(3) { display: none; }
  .data-table.personal-counsel-history-table td:last-child { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 1.05em; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 680px) and (max-width: 1079px) { .data-table.event-participation-history-table { table-layout: auto; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.event-participation-history-table thead { display: none; }
  .data-table.event-participation-history-table, .data-table.event-participation-history-table tbody, .data-table.event-participation-history-table tr, .data-table.event-participation-history-table th, .data-table.event-participation-history-table td { display: block; }
  .data-table.event-participation-history-table tr { position: relative; padding: 10px 10px 10px 100px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background-color: #f7f7f7; }
  .data-table.event-participation-history-table td { border: none; padding: 2px 0; text-align: left; font-size: 13px; }
  .data-table.event-participation-history-table td:nth-child(1), .data-table.event-participation-history-table td:nth-child(2), .data-table.event-participation-history-table td:nth-child(4) { display: none; }
  .data-table.event-participation-history-table td:last-child { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 1.05em; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 680px) and (max-width: 1079px) { .data-table.notification-history-table { table-layout: auto; } }

@media (min-width: 0px) and (max-width: 679px) { .data-table.notification-history-table thead { display: none; }
  .data-table.notification-history-table, .data-table.notification-history-table tbody, .data-table.notification-history-table tr, .data-table.notification-history-table th, .data-table.notification-history-table td { display: block; }
  .data-table.notification-history-table tr { position: relative; padding: 10px 10px 10px 56px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background-color: #f7f7f7; }
  .data-table.notification-history-table td { border: none; padding: 2px 0; text-align: left; font-size: 13px; }
  .data-table.notification-history-table td:nth-child(2) { display: none; }
  .data-table.notification-history-table td:nth-child(3), .data-table.notification-history-table td:nth-child(5) { font-size: 12px; color: #767676; }
  .data-table.notification-history-table td:first-child { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 1.05em; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.notification-history-button { margin-top: 10px; margin-bottom: -30px; }

@media (min-width: 0px) and (max-width: 679px) { .notification-history-button { margin-bottom: -20px; } }

.ballonpopup-btn-wrap .ballon-content { display: none; }

.ballonpopup-btn-wrap a.on + .ballon-content { display: block; }

.ballonpopup-btn-wrap.must-read-ballon .ballon-content { padding-top: 10px; position: absolute; right: 0; top: 100%; width: 350px; z-index: 5; }

.ballonpopup-btn-wrap.must-read-ballon .ballon-content .box { padding: 10px 15px; font-size: 13px; line-height: 1.3; border: 1px #111 solid; background-color: #fff; }

@media (min-width: 0px) and (max-width: 679px) { .ballonpopup-btn-wrap.must-read-ballon .ballon-content { width: 300px; right: auto; left: 0; } }

.myp-connect-sns { font-size: 0; margin: 0 -10px; padding-top: 15px; }

.myp-connect-sns li { font-size: 14px; display: inline-block; box-sizing: border-box; width: 33.33%; padding: 0 10px; color: #141414; }

@media (min-width: 0) and (max-width: 1079px) { .myp-connect-sns li { display: block; width: 100%; }
  .myp-connect-sns li + li { margin-top: -1px; } }

.myp-connect-sns li div { position: relative; overflow: hidden; padding: 47px 24px 47px 90px; border: 1px solid #e1e1e1; border-right: none; border-left: none; }

.myp-connect-sns li div:before { position: absolute; top: 50%; left: 24px; display: block; width: 50px; height: 50px; margin-top: -25px; content: ''; border-radius: 50%; background: url("../img/mypage/bg-sns.png") 0 0 no-repeat; }

.myp-connect-sns li div span { font-size: 14px; line-height: 22px; display: block; float: left; height: 22px; color: #141414; }

.myp-connect-sns li div button { font-size: 12px; font-weight: 700; line-height: 20px; display: block; float: right; width: 78px; height: 22px; text-align: center; color: #fff; border: 1px solid #7d7d7d; background-color: #7d7d7d; }

.myp-connect-sns li div button.active { color: #7d7d7d; background-color: #fff; }

.myp-connect-sns li.naver div:before { background-position: 0 0; }

.myp-connect-sns li.kakao div:before { background-position: -50px 0; }

.myp-connect-sns li.facebook div:before { background-position: -100px 0; }

.myp-connect-sns-text { line-height: 22px; padding: 10px 0; }

.loading { position: fixed; z-index: 10000000; top: 0; left: 0; width: 100%; height: 100%; }

.loading:before { display: block; width: 100%; height: 100%; content: ''; background-color: rgba(255, 255, 255, 0.8); }

.loading img { position: absolute; top: 50%; left: 50%; display: block; margin: -16px 0 0 -16px; }

.large-purchase-panel:before, .large-purchase-panel:after { content: ""; display: table; }

.large-purchase-panel:after { clear: both; }

.large-purchase-panel .img-panel { float: left; height: 380px; }

.large-purchase-panel .img-panel img { width: 100%; height: auto; max-width: 426px; }

.large-purchase-panel .text-panel { float: right; display: table; width: 496px; min-height: 380px; }

.large-purchase-panel .text-panel .cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

.large-purchase-panel .text-panel h4 { margin-bottom: 12px; font-size: 24px; }

.large-purchase-panel .text-panel p + p { margin-top: 25px; }

@media (min-width: 680px) and (max-width: 1079px) { .large-purchase-panel .img-panel { width: 48%; }
  .large-purchase-panel .text-panel { float: none; width: auto; overflow: hidden; } }

@media (min-width: 0px) and (max-width: 679px) { .large-purchase-panel .img-panel { padding: 0 30px; float: none; height: auto; text-align: center; }
  .large-purchase-panel .text-panel { float: none; padding: 0 30px; width: auto; height: auto; min-height: 0; } }

.large-purchase-data { margin-top: 25px; padding: 30px 50px; background-color: #f7f7f7; }

.large-purchase-data:before, .large-purchase-data:after { content: ""; display: table; }

.large-purchase-data:after { clear: both; }

.large-purchase-data strong { display: block; font-size: 19px; line-height: 1.8; text-align: center; }

.large-purchase-data .asset { float: left; padding: 16px 0; }

.large-purchase-data .contact { float: right; padding-left: 50px; padding-right: 40px; border-left: 1px #e1e1e1 solid; }

@media (min-width: 0px) and (max-width: 1079px) { .large-purchase-data { padding: 30px; } }

@media (min-width: 680px) and (max-width: 1079px) { .large-purchase-data .asset { width: 60%; }
  .large-purchase-data .contact { float: none; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 679px) { .large-purchase-data .asset { float: none; padding: 0; }
  .large-purchase-data .asset br { display: none; }
  .large-purchase-data .contact { float: none; padding: 0; margin-top: 20px; border-top: 1px #e1e1e1 solid; border-left: none; padding-top: 20px; } }

.giftcard-point-check-new { padding-top: 27px; }

.giftcard-point-check-new h3 { margin-bottom: 10px; }

.giftcard-point-check-new .gc-write colgroup col.gift-col-01 { width: 232px; }

.giftcard-point-check-new .gc-write colgroup col.gift-col-02 { width: auto; }

.giftcard-point-check-new .giftcard-sb-btn { margin-top: 40px; text-align: center; }

.giftcard-point-check-new .giftcard-sb-btn .btn { width: 192px; }

.giftcard-point-check-new .gc-result { margin-top: 60px; }

.giftcard-point-check-new .pagination { margin-top: 40px; }

.giftcard-point-check-new .gift-card-num-bd-area .gift-txt-put { display: inline-block; width: 282px; vertical-align: middle; }

.giftcard-point-check-new .gift-card-num-bd-area .gift-txt-put input[type=text] { width: 100%; }

.giftcard-point-check-new .gift-card-num-bd-area .btn { width: 90px; }

.giftcard-point-check-new .gift-board-calendar { margin-top: 0; }

.giftcard-point-check-new .gift-board-calendar .search-period-custom { vertical-align: middle; display: inline-block; position: relative; }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom { margin-left: 0; padding-left: 0; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom:before { display: none; } }

.giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input { position: relative; display: inline-block; width: 132px; }

.giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input input { padding: 4px 28px 4px 10px; width: 132px; height: 36px; border-width: 1px; }

.giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input:after { position: absolute; display: block; content: ''; top: 50%; right: 6px; margin-top: -8px; width: 16px; height: 16px; background: #fff url("../img/mypage/ico_datepicker.png") 0 0 no-repeat; }

.giftcard-point-check-new .gift-board-calendar .search-period-custom .btn { width: 115px; vertical-align: top; }

@media (min-width: 0px) and (max-width: 679px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom { float: none; margin-left: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom:before { display: none; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input { display: block; width: 50%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input input { width: 100%; font-size: 12px; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .to { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 18px; flex-basis: 18px; width: 18px; text-align: center; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .btn { margin-left: 4px; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 40px; flex-basis: 40px; width: 40px; } }

@media (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom { margin-left: 0; padding-left: 0; clear: both; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom:before { display: none; } }

.giftcard-point-check-new .gift-board-calendar .selectric-wrapper { display: inline-block; vertical-align: middle; min-width: 90px; }

.giftcard-point-check-new .gift-board-security .see-security-img { display: inline-block; width: 180px; height: 48px; }

.giftcard-point-check-new .gift-board-security .write-security-zone { position: relative; display: inline-block; vertical-align: middle; }

.giftcard-point-check-new .gift-board-security .write-security-zone .sec-change { cursor: pointer; border: 0; width: 36px; height: 36px; border: 1px solid #d7d7d7; background: url("../img/mypage/security-string-new-ico.png") center no-repeat; vertical-align: middle; }

.giftcard-point-check-new .gift-board-security .write-security-zone .sec-write { display: inline-block; width: 282px; margin-left: 7px; }

.giftcard-point-check-new .gift-board-security .write-security-zone .sec-write input[type=text] { width: 100%; height: 36px; line-height: 26px; font-size: 1rem; color: #111; }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new { padding-top: 27px; }
  .giftcard-point-check-new h3 { margin-bottom: 10px; }
  .giftcard-point-check-new .gc-write colgroup col.gift-col-01 { width: 28%; }
  .giftcard-point-check-new .gc-write colgroup col.gift-col-02 { width: auto; }
  .giftcard-point-check-new .gc-write tbody tr th { padding-left: 15px; padding-right: 15px; }
  .giftcard-point-check-new .giftcard-sb-btn { margin-top: 20px; text-align: center; }
  .giftcard-point-check-new .giftcard-sb-btn .btn { width: 192px; }
  .giftcard-point-check-new .gc-result { margin-top: 60px; }
  .giftcard-point-check-new .gift-card-num-bd-area { position: relative; }
  .giftcard-point-check-new .gift-card-num-bd-area .gift-txt-put { display: block; width: auto; padding-right: 95px; }
  .giftcard-point-check-new .gift-card-num-bd-area .gift-txt-put input[type=text] { width: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check-new .gift-card-num-bd-area .gift-txt-put { display: inline-block; padding-right: 0; } }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-card-num-bd-area .btn { position: absolute; top: 0; right: 0; width: 90px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check-new .gift-card-num-bd-area .btn { position: static; } }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar { vertical-align: middle; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom { display: inline-block; position: relative; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom { margin-left: 0; padding-left: 0; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom:before { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input { position: relative; display: inline-block; width: 132px; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input input { padding: 4px 28px 4px 10px; width: 132px; height: 36px; border-width: 1px; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input:after { position: absolute; display: block; content: ''; top: 50%; right: 6px; margin-top: -8px; width: 16px; height: 16px; background: #fff url("../img/mypage/ico_datepicker.png") 0 0 no-repeat; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .btn { width: 115px; vertical-align: top; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 0px) and (max-width: 679px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom { float: none; margin-left: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom:before { display: none; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input { display: block; width: 50%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .date-input input { width: 100%; font-size: 12px; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .to { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 18px; flex-basis: 18px; width: 18px; text-align: center; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom .btn { margin-left: 4px; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 40px; flex-basis: 40px; width: 40px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .search-period-custom { margin-left: 0; padding-left: 0; clear: both; }
  .giftcard-point-check-new .gift-board-calendar .search-period-custom:before { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .selectric-wrapper { margin-top: 5px; display: inline-block; vertical-align: middle; width: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-calendar .selectric-wrapper { margin-top: 0; max-width: 90px; vertical-align: middle; } }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-security .write-security-zone { width: 100%; margin-top: 5px; position: relative; display: inline-block; vertical-align: middle; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-security .write-security-zone { width: auto; display: inline-block; } }

@media (min-width: 0px) and (max-width: 1079px) { .giftcard-point-check-new .gift-board-security .write-security-zone .sec-change { position: absolute; top: 0; left: 0; cursor: pointer; border: 0; width: 36px; height: 36px; background: url("../img/mypage/security-string-new-ico.png") 0 center no-repeat; border: 1px solid #d7d7d7; }
  .giftcard-point-check-new .gift-board-security .write-security-zone .sec-write { max-width: 282px; width: 100%; margin-left: 0; padding-left: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .giftcard-point-check-new .gift-board-security .write-security-zone .sec-write input[type=text] { height: 36px; line-height: 26px; font-size: 1rem; color: #111; } }

.coupon-use-registry { padding: 100px 0; }

.coupon-use-registry h3 { margin: 0 auto 5px; width: 400px; font-size: 16px; }

.coupon-use-registry .registry-box { margin: 0 auto; width: 400px; }

.coupon-use-registry .registry-box:before, .coupon-use-registry .registry-box:after { content: ""; display: table; }

.coupon-use-registry .registry-box:after { clear: both; }

.coupon-use-registry .registry-box input[type=text], .coupon-use-registry .registry-box .btn { vertical-align: top; }

.coupon-use-registry .registry-box input[type=text] { width: 300px; }

.coupon-use-registry .registry-box .btn { width: 95px; }

@media (min-width: 0px) and (max-width: 679px) { .coupon-use-registry { padding: 60px 0 40px; }
  .coupon-use-registry h3, .coupon-use-registry .registry-box { width: 100%; }
  .coupon-use-registry .registry-box input[type=text] { width: 78%; }
  .coupon-use-registry .registry-box .btn { width: 20%; } }

.cs-section { margin-top: 52px; }

.cs-section .section-title { font-size: 4.28571rem; font-weight: normal; text-align: center; letter-spacing: -0.075em; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }

@media (min-width: 0px) and (max-width: 679px) { .cs-section { margin-top: 20px; }
  .cs-section .section-title { font-size: 2.57143rem; } }

.cs-content-area-wrapper { margin-top: 50px; }

.cs-content-area-wrapper:before, .cs-content-area-wrapper:after { content: ""; display: table; }

.cs-content-area-wrapper:after { clear: both; }

@media (min-width: 0px) and (max-width: 679px) { .cs-content-area-wrapper { margin-top: 20px; } }

.cs-content-sidebar { position: relative; float: left; width: 254px; }

.cs-content-sidebar + .cs-content-main { float: right; width: 970px; }

@media (min-width: 0px) and (max-width: 1383px) { .cs-content-sidebar { float: none; z-index: 10; width: auto; }
  .cs-content-sidebar + .cs-content-main { margin-top: 16px; float: none; width: auto; } }

.cs-sidebar-box { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.cs-sidebar-box button { border: 0; }

.cs-sidebar-box .cs-sidebar-box-line { border: 2px solid #e1e1e1; }

.cs-sidebar-box .cs-sidebar-ul .cs-sidebar-li + .cs-sidebar-li { border-top: 2px #fff solid; }

.cs-sidebar-box .cs-sidebar-ul .cs-sidebar-li.on .cs-sidebar-btn { background-color: #c4e4f9; }

.cs-sidebar-box .cs-sidebar-ul .cs-sidebar-li.on .cs-sidebar-btn.inner-child { background-color: #f7f7f7; }

.cs-sidebar-box .cs-sidebar-ul .cs-sidebar-li.on .cs-sidebar-btn .fiter-part-mark { background: url("../img/svg/icon-arrow-up.svg") center center no-repeat; background-size: 16px; }

.cs-sidebar-box .cs-sidebar-ul .cs-sidebar-li.on .cs-sidebar-div { display: block; }

.cs-sidebar-box .cs-sidebar-ul .cs-sidebar-li.new .cs-sidebar-btn .new-con { margin-left: 5px; font-size: 0.92857rem; display: inline-block; width: 16px; height: 16px; line-height: 16px; color: #fff; font-style: normal; text-align: center; background: #111; border-radius: 8px; }

@media (min-width: 1384px) { .cs-sidebar-box { display: block !important; } }

@media (min-width: 0px) and (max-width: 1383px) { .cs-sidebar-box { position: absolute; top: 66px; left: 0; width: 100%; display: none; }
  .cs-sidebar-box .cs-sidebar-box-line { border-top-color: #fff; border-left: none; border-right: none; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
  .cs-sidebar-box.on { display: block; } }

.cs-sidebar-btn { position: relative; color: #111; height: 66px; padding: 0 21px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; background: #f7f7f7; white-space: nowrap; }

.cs-sidebar-btn .fiter-part-mark { position: absolute; top: 50%; right: 20px; margin-top: -8px; display: inline-block; width: 16px; height: 16px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px; }

.cs-sidebar-btn .new-con { display: none; }

.cs-sidebar-btn:hover { background: #e4e4e4; }

.cs-sidebar-btn.on { background-color: #c4e4f9; }

.cs-sidebar-btn.on .fiter-part-mark { background: url("../img/svg/icon-arrow-up.svg") center center no-repeat; background-size: 16px; }

.cs-sidebar-div { display: none; }

.cs-sidebar-div .cs-sidebar-in-menu { padding: 12px 0; }

.cs-sidebar-div .cs-sidebar-in-menu li { position: relative; }

.cs-sidebar-div .cs-sidebar-in-menu li a { display: block; padding-left: 24px; text-decoration: none; height: 48px; line-height: 48px; color: #111; }

.cs-sidebar-div .cs-sidebar-in-menu li a:hover { text-decoration: underline; }

.cs-sidebar-div .cs-sidebar-in-menu li a.on { background-color: #c4e4f9; }

.cs-sidebar-grouping-btn .btn { font-size: 18px; font-weight: bold; border: none; }

@media (min-width: 1384px) { .cs-sidebar-grouping-btn { display: none; } }

.cs-inquire-viewer { margin: 30px auto 0; width: 920px; }

@media (min-width: 680px) and (max-width: 1079px) { .cs-inquire-viewer { width: 500px; } }

@media (min-width: 0px) and (max-width: 679px) { .cs-inquire-viewer { width: auto; } }

.cs-content-heading { margin-bottom: 20px; }

.cs-content-heading h3 { font-size: 25px; }

.cs-content-heading .message { margin-top: 10px; }

@media (min-width: 0px) and (max-width: 679px) { .cs-content-heading { margin-bottom: 15px; padding: 0 12px; }
  .mypage-section .cs-content-heading { padding: 0; }
  .cs-content-heading h3 { font-size: 18px; } }

.cs-inquire-wrapper:before, .cs-inquire-wrapper:after { content: ""; display: table; }

.cs-inquire-wrapper:after { clear: both; }

.cs-inquire-wrapper .select-double .selectric-store-box, .cs-inquire-wrapper .select-double input.store-box { display: inline-block; width: 216px; }

.cs-inquire-wrapper .terms-scroll-box { height: 160px; padding: 10px; border: 2px #e1e1e1 solid; overflow-y: scroll; }

.cs-inquire-wrapper textarea { width: 100%; height: 180px; resize: none; padding: 10px; border: 2px #e1e1e1 solid; }

.cs-inquire-wrapper .agree-check { margin-top: 5px; }

@media (min-width: 0px) and (max-width: 679px) { .cs-inquire-wrapper { padding: 0 12px; }
  .mypage-section .cs-inquire-wrapper { padding: 0; }
  .cs-inquire-wrapper textarea { height: 140px; }
  .cs-inquire-wrapper .select-double { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .cs-inquire-wrapper .select-double .selectric-store-box + .selectric-store-box { margin-left: 4px; }
  .cs-inquire-wrapper .select-double input.store-box + input.store-box { margin-left: 4px; }
  .cs-inquire-wrapper .select-double .selectric-store-box, .cs-inquire-wrapper .select-double input.store-box { display: block; width: 100%; }
  .cs-inquire-wrapper .select-double .selectric-wrapper { width: 100%; }
  .cs-inquire-wrapper .select-double .selectric-wrapper + .selectric-wrapper { margin-left: 4px; } }

.cs-inquire-button-area { margin-top: 40px; }

.cs-inquire-button-area .btn { width: 436px; }

@media (min-width: 0px) and (max-width: 679px) { .cs-inquire-button-area .btn { width: 80%; } }

.cs-inquire-merge-col { margin-bottom: 30px; }

.cs-inquire-col { float: left; width: 437px; }

.cs-inquire-col + .cs-inquire-col { float: right; }

.cs-inquire-col .text-content { margin-top: 10px; padding: 15px; min-height: 180px; border: 2px #e1e1e1 solid; }

.cs-inquire-col .text-content pre { margin: 0; font-family: inherit; white-space: pre-wrap; }

.cs-inquire-col .input-file-result-list { margin-top: 0; }

@media (min-width: 0px) and (max-width: 1079px) { .cs-inquire-col { float: none !important; width: auto; }
  .cs-inquire-col + .cs-inquire-col { margin-top: 30px; } }

.cs-inquire-answer { position: relative; }

.cs-inquire-answer h4 { font-weight: normal; }

.cs-inquire-answer .write-date { position: absolute; top: 2px; right: 0; font-size: 13px; }

.cs-inquire-answer .input-file-result-label { margin-top: 15px; padding-bottom: 10px; }

@media (min-width: 0px) and (max-width: 1079px) { .cs-inquire-answer { margin-top: 40px; }
  .cs-inquire-answer h4 { font-size: 18px; }
  .cs-inquire-answer .write-date { top: 6px; } }

.page-change-button-area { margin-bottom: 50px; }

.page-change-button-area .btn { width: 190px; }

@media (min-width: 0px) and (max-width: 679px) { .page-change-button-area { margin-bottom: 30px; }
  .page-change-button-area .btn { width: 40%; } }

.cs-faq-search-area { margin-bottom: 40px; padding: 28px 25px; background-color: #f7f7f7; }

.cs-faq-search-area .search-wrapper { position: relative; padding-right: 180px; }

.cs-faq-search-area .search-wrapper:before, .cs-faq-search-area .search-wrapper:after { content: ""; display: table; }

.cs-faq-search-area .search-wrapper:after { clear: both; }

.cs-faq-search-area .search-input-box { position: relative; width: 100%; }

.cs-faq-search-area .search-input-box input { padding-left: 42px; width: 100%; }

.cs-faq-search-area .search-input-box .ico-search { position: absolute; display: block; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url("../img/svg/icon-search.svg") 0 0 no-repeat; background-size: 20px 20px; }

.cs-faq-search-area .btn { position: absolute; right: 0; top: 0; width: 150px; }

@media (min-width: 0px) and (max-width: 679px) { .cs-faq-search-area { margin-left: 12px; margin-right: 12px; padding: 10px 15px; margin-bottom: 20px; }
  .cs-faq-search-area .search-wrapper { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .cs-faq-search-area .search-wrapper .btn { margin-left: 10px; position: static; width: auto; -ms-flex-preferred-size: 60px; flex-basis: 60px; -ms-flex-negative: 1; flex-shrink: 1; }
  .cs-faq-search-area + .data-table { margin-left: 12px; margin-right: 12px; width: auto; } }

.cs-faq-content-list .faq-title { padding: 14px 70px 14px 20px; position: relative; border-top: 2px #fff solid; background-color: #f7f7f7; }

.cs-faq-content-list .faq-title:before, .cs-faq-content-list .faq-title:after { content: ""; display: table; }

.cs-faq-content-list .faq-title:after { clear: both; }

.cs-faq-content-list .faq-title .num { margin-right: 20px; float: left; width: 34px; text-align: center; }

.cs-faq-content-list .faq-title a { display: block; color: #111; text-decoration: none; overflow: hidden; }

.cs-faq-content-list .faq-title a:hover { text-decoration: underline; }

.cs-faq-content-list .faq-title .ico { position: absolute; right: 20px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px; cursor: pointer; }

.cs-faq-content-list .faq-title.on { background-color: #000; }

.cs-faq-content-list .faq-title.on a { color: #fff; }

.cs-faq-content-list .faq-title.on .ico { background-image: url("../img/svg/icon-arrow-up-white.svg"); color: #fff; }

.cs-faq-content-list .faq-content { display: none; padding: 28px 18px; }

@media (min-width: 0px) and (max-width: 679px) { .cs-faq-content-list { padding: 0 12px; } }

.cs-notice-list .faq-title a { position: relative; display: block; padding-right: 100px; }

.cs-notice-list .faq-title .date { position: absolute; top: 0; right: 0; }

@media (min-width: 0px) and (max-width: 679px) { .cs-notice-list .faq-title { position: relative; }
  .cs-notice-list .faq-title.on .num { color: #fff; }
  .cs-notice-list .faq-title .num { display: block; float: none; width: 100px; text-align: left; }
  .cs-notice-list .faq-title a { position: static; padding-right: 0; }
  .cs-notice-list .faq-title .date { position: static; display: block; opacity: 0.8; font-size: 0.9em; } }

@media (min-width: 0px) and (max-width: 679px) { .tbs-news-table-list.data-table { margin-left: 12px; margin-right: 12px; width: auto; }
  .tbs-news-table-list.data-table thead { display: none; }
  .tbs-news-table-list.data-table, .tbs-news-table-list.data-table tbody, .tbs-news-table-list.data-table tr, .tbs-news-table-list.data-table td { display: block; }
  .tbs-news-table-list.data-table tr { padding: 10px; border-top: 2px #fff solid; background-color: #f7f7f7; }
  .tbs-news-table-list.data-table td { padding: 0; text-align: left; border: 0; background-color: transparent; }
  .tbs-news-table-list.data-table td:first-child, .tbs-news-table-list.data-table td:last-child { display: none; }
  .tbs-news-table-list.data-table td:nth-child(3) { font-size: 12px; color: #999; } }

.button-area + .select-order-data { margin-top: 18px; }

.select-order-data .row { margin-top: 5px; }

.select-order-data .row:before, .select-order-data .row:after { content: ""; display: table; }

.select-order-data .row:after { clear: both; }

.select-order-data .row .item { padding-right: 20px; width: 76%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select-order-data .row .item > span { display: block; }

.select-order-data .row .button-area { width: 24%; float: right; text-align: right; }

.select-order-data .row .button-area .btn { padding: 0; width: 100%; max-width: 120px; }

.select-order-list { overflow: hidden; overflow-y: auto; max-height: 302px; padding: 15px 20px; border: 2px #e1e1e1 solid; }

.button-area + .select-order-list, .select-order-data + .select-order-list { margin-top: 18px; }

@media (min-width: 0px) and (max-width: 679px) { .select-order-list { padding: 15px; } }

.select-order-list .item-list-header .bar { color: #777; }

.select-order-list .item-list li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px #e1e1e1 solid; }

.select-order-list .item-list li:before, .select-order-list .item-list li:after { content: ""; display: table; }

.select-order-list .item-list li:after { clear: both; }

.select-order-list .item-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.select-order-list .item-list li .row { display: table; width: 100%; }

.select-order-list .item-list li .box { position: relative; }

.select-order-list .item-list li .checkbox { position: absolute; top: 0; left: 0; }

.select-order-list .item-list li .checkbox .checker { width: 14px; height: 14px; }

.select-order-list .item-list li .checkbox .checker span { width: 14px; height: 14px; background-position: -96px 0; }

.select-order-list .item-list li .checkbox .checker span.checked { background-position: -110px 0; }

.select-order-list .item-list li .thumb { display: table-cell; width: 86px; height: 86px; text-align: center; vertical-align: middle; }

.select-order-list .item-list li .thumb .frame { display: inline-block; text-align: center; vertical-align: middle; }

.select-order-list .item-list li .thumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.select-order-list .item-list li .title { padding-left: 10px; padding-right: 35px; display: table-cell; font-size: 0.95rem; vertical-align: middle; }

.select-order-list .item-list li .title .status { margin-top: 5px; display: block; }

.select-order-list .item-list li .btn.close { position: absolute; top: 5px; right: 8px; width: 20px; height: 20px; background-color: #e1e1e1; border-radius: 100%; }

.select-order-list .item-list li .btn.close img { margin-top: 5px; width: 10px; height: 10px; vertical-align: top; }

.recruit-information { padding-top: 40px; border-top: 1px #e1e1e1 solid; }

.recruit-information .article + .article { margin-top: 40px; }

.recruit-information h3 { font-size: 28px; text-align: center; }

.recruit-branch-wrapper { margin-top: 10px; }

.recruit-branch-wrapper:before, .recruit-branch-wrapper:after { content: ""; display: table; }

.recruit-branch-wrapper:after { clear: both; }

.recruit-branch-part { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.recruit-branch-part + .recruit-branch-part { border-left: 2px #fff solid; }

.recruit-branch-part h4 { height: 50px; line-height: 50px; text-align: center; background-color: #e1e1e1; }

.recruit-branch-part .detail, .recruit-branch-part .qualification { padding: 35px 38px; line-height: 1.75; border-top: 2px #fff solid; background-color: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.recruit-branch-part .detail { height: 190px; }

.recruit-branch-part .qualification { height: 220px; }

@media (min-width: 680px) and (max-width: 1079px) { .recruit-branch-part .detail, .recruit-branch-part .qualification { padding: 30px; }
  .recruit-branch-part .detail { height: 200px; } }

@media (min-width: 0px) and (max-width: 679px) { .recruit-branch-part { margin: 0 12px; float: none; width: auto; }
  .recruit-branch-part + .recruit-branch-part { border-top: 1px #fff solid; border-left: none; }
  .recruit-branch-part .detail, .recruit-branch-part .qualification { padding: 20px; height: auto; } }

.recruit-entry-flow { margin-top: 10px; padding: 30px 70px; background-color: #f7f7f7; }

.recruit-entry-flow ul:before, .recruit-entry-flow ul:after { content: ""; display: table; }

.recruit-entry-flow ul:after { clear: both; }

.recruit-entry-flow li { position: relative; text-align: center; width: 16.12903%; float: left; margin-right: 4.83871%; }

.recruit-entry-flow li:after { position: absolute; display: block; content: ''; width: 30%; height: 106px; top: 0; right: -30%; background: url("../img/mypage/ico_delivery_flow.png") center center no-repeat; }

@media (min-width: 0px) and (max-width: 1079px) { .recruit-entry-flow li:after { background-size: 7px auto; } }

.recruit-entry-flow li:last-child { float: right; margin-right: 0; float: left; }

.recruit-entry-flow li:last-child:after { display: none; }

.recruit-entry-flow li .ico { position: relative; margin: 0 auto; display: block; width: 106px; height: 106px; border-radius: 100%; background-color: #fff; }

.recruit-entry-flow li .ico:after { position: absolute; content: ''; margin-top: -30px; margin-left: -30px; top: 50%; left: 50%; width: 60px; height: 60px; background-image: url("../img/about/ico_recruit.png"); background-repeat: no-repeat; }

@media (min-width: 680px) and (max-width: 1079px) { .recruit-entry-flow li .ico { width: 80px; height: 80px; } }

.recruit-entry-flow li:nth-child(1) .ico:after { background-position: 0 0px; }

.recruit-entry-flow li:nth-child(2) .ico:after { background-position: 0 -60px; }

.recruit-entry-flow li:nth-child(3) .ico:after { background-position: 0 -120px; }

.recruit-entry-flow li:nth-child(4) .ico:after { background-position: 0 -180px; }

.recruit-entry-flow li:nth-child(5) .ico:after { background-position: 0 -240px; }

.recruit-entry-flow li strong { margin-top: 15px; display: inline-block; }

.recruit-entry-flow li strong a { color: #111; }

@media (min-width: 680px) and (max-width: 1079px) { .recruit-entry-flow { padding: 30px 10px; }
  .recruit-entry-flow li:after { height: 80px; } }

@media (min-width: 0px) and (max-width: 679px) { .recruit-entry-flow { padding: 30px; }
  .recruit-entry-flow li { padding: 10px 0; width: 27.77778%; float: left; margin-right: 8.33333%; }
  .recruit-entry-flow li:nth-child(3n) { float: right; margin-right: 0; }
  .recruit-entry-flow li:nth-child(3n):after { display: none; }
  .recruit-entry-flow li:nth-child(3n+1) { clear: both; }
  .recruit-entry-flow li .ico { width: 80px; height: 80px; }
  .recruit-entry-flow li .ico:after { margin-top: -15px; margin-left: -15px; width: 30px; height: 30px; background-size: 30px auto; }
  .recruit-entry-flow li:nth-child(1) .ico:after { background-position: 0 0px; }
  .recruit-entry-flow li:nth-child(2) .ico:after { background-position: 0 -30px; }
  .recruit-entry-flow li:nth-child(3) .ico:after { background-position: 0 -60px; }
  .recruit-entry-flow li:nth-child(4) .ico:after { background-position: 0 -90px; }
  .recruit-entry-flow li:nth-child(5) .ico:after { background-position: 0 -120px; }
  .recruit-entry-flow li:nth-child(6) .ico:after { background-position: 0 -150px; }
  .recruit-entry-flow li strong { margin-top: 10px; font-size: 0.9em; } }

@media (min-width: 1080px) { /* module */
  .sub-big-banner-wrap { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 429px; position: relative; display: table; }
  .sub-big-banner-wrap .page-tt-h2 { width: 100%; text-align: center; font-size: 5rem; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-family: "Interstate", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; display: table-cell; vertical-align: middle; }
  .sub-big-banner-case02-wrap { text-align: center; height: 250px; display: table; width: 100%; }
  .sub-big-banner-case02-wrap .big-banner-cell { display: table-cell; vertical-align: middle; padding: 0 15px; }
  .sub-big-banner-case02-wrap .big-banner-cell .page-tt-h2 { font-size: 5.14286rem; color: #000; font-weight: bold; letter-spacing: -4px; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }
  .sub-big-banner-case02-wrap .big-banner-cell .ban-case02-guide { font-size: 1rem; color: #2d2d2d; }
  .sub-big-banner-case03-wrap.margin-bt50 { margin-bottom: 50px; }
  .sub-big-banner-case03-wrap.title-alone .big-banner-cell { margin: -150px auto 0; }
  .sub-big-banner-case03-wrap.community.font-small .big-banner-cell .page-tt-h2 { font-size: 5rem; }
  .sub-big-banner-case03-wrap .banner-case03-bg { background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; height: 521px; }
  .sub-big-banner-case03-wrap .big-banner-cell { max-width: 1180px; width: 93%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 50px 100px; background: #fff; margin: -160px auto 0; }
  .sub-big-banner-case03-wrap .big-banner-cell .page-tt-h2 { font-size: 5.14286rem; color: #000; font-weight: bold; letter-spacing: -4px; line-height: 1; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }
  .sub-big-banner-case03-wrap .big-banner-cell .page-tt-h2.han { font-size: 4.28571rem; font-weight: normal; }
  .sub-big-banner-case03-wrap .big-banner-cell .ban-case02-guide { margin-top: 35px; font-size: 1rem; color: #2d2d2d; }
  .sub-big-banner-case03-wrap .big-banner-cell .ban-case02-guide .black-impor { color: #000; }
  .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 74px; position: relative; z-index: 1; vertical-align: middle; }
  .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .star-score-box.star-1 .star-gauge { width: 15px; }
  .star-score-box.star-2 .star-gauge { width: 30px; }
  .star-score-box.star-3 .star-gauge { width: 45px; }
  .star-score-box.star-4 .star-gauge { width: 60px; }
  .star-score-box.star-5 .star-gauge { width: 100%; }
  .submain-cate-menu-slice .submain-cate-menu-ul { padding: 0 23px; border-bottom: 1px solid #e1e1e1; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li { text-align: center; height: 69px; line-height: 69px; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li.on a:after { display: block; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li a { position: relative; font-size: 1rem; font-weight: 600; color: #111; text-decoration: none; letter-spacing: -1px; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li a:after { position: absolute; bottom: -5px; left: 0; content: ""; display: none; width: 100%; height: 2px; background: #111; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li a:hover:after { display: block; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow.slick-disabled { display: none !important; }
  .mobile-tab-toggle-list-wrap { display: none; }
  .submain-txt-ex { font-size: 1rem; color: #111; text-align: center; font-weight: 600; letter-spacing: -1px; line-height: 1.7; }
  .page-tt-h3 { font-size: 1.78571rem; color: #2d2d2d; letter-spacing: -1px; margin-bottom: 50px !important; }
  .detail-recommend-lsit .detail-recommend-lsit-ul { margin: 0 -14px; letter-spacing: -1px; font-size: 0; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 33.3333333%; padding: 0 14px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li + .detail-recommend-lsit-li + .detail-recommend-lsit-li + .detail-recommend-lsit-li { margin-top: 20px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in { text-align: center; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .pic { margin-bottom: 26px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .pic img { width: 100%; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .tt { margin: 0; padding: 0; border: 0; color: #111; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .tt dt { font-size: 1.71429rem; font-weight: 700; line-height: 1; margin-bottom: 10px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .tt dd { margin: 0; padding: 0; border: 0; font-size: 1rem; font-weight: 600; line-height: 1.4; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .detali-btn { margin-top: 28px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .detali-btn a { position: relative; display: inline-block; font-size: 0.85714rem; color: #111; font-weight: 600; text-decoration: none; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .detali-btn a:after { display: block; content: ""; height: 1px; width: 100%; background: #111; }
  .whats-hot-lsit { position: relative; }
  .whats-hot-lsit .whats-hot-show-all { position: absolute; top: -50px; right: 0; }
  .whats-hot-lsit .whats-hot-show-all a { color: #111; text-decoration: none; }
  .view-item-list-wrapper .whats-hot-lsit { margin-top: 20px; }
  .whats-hot-lsit .list-noting-message-box { padding: 118px 0; font-size: 21px; text-align: center; color: #7d7d7d; background-color: #f7f7f7; }
  .whats-hot-lsit .whats-hot-li-ul { font-size: 0; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_01 .whats-hot-li-li { width: 100%; padding-top: 10px; padding-bottom: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_01 .whats-hot-li-li .list-size-in { position: relative; width: 298px; margin: 0 auto; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_01 .whats-hot-li-li .list-size-in .product-issue { top: 10px; right: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_02 .whats-hot-li-li { width: 50%; padding-top: 10px; padding-bottom: 35px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_02 .whats-hot-li-li .list-size-in { position: relative; width: 298px; margin: 0 auto; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_02 .whats-hot-li-li .list-size-in .product-issue { top: 10px; right: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_03 .whats-hot-li-li { width: 33.3333333%; padding-top: 20px; padding-bottom: 40px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_03 .whats-hot-li-li .list-size-in { position: relative; width: 298px; margin: 0 auto; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_03 .whats-hot-li-li .list-size-in .product-issue { top: 10px; right: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 { margin: -23px 0; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 .whats-hot-li-li { width: 25%; padding-top: 23px; padding-bottom: 40px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 .whats-hot-li-li .list-size-in { position: relative; width: 298px; margin: 0 auto; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 .whats-hot-li-li .list-size-in .product-issue { top: 23px; right: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_05 { margin: -23px 0; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_05 .whats-hot-li-li { width: 20%; padding-top: 23px; padding-bottom: 23px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_05 .whats-hot-li-li .list-size-in { position: relative; width: 298px; margin: 0 auto; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_05 .whats-hot-li-li .list-size-in .product-issue { top: 23px; right: 10px; }
  .whats-hot-lsit .whats-hot-li-ul .slick-list .slick-track { margin: 0 -10px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li { position: relative; text-align: center; display: inline-block; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.filter-none { width: 100%; text-align: center; padding: 200px 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.filter-none .none-txt { font-size: 1.5rem; color: #7d7d7d; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.filter-none .none-txt .filter-ico { display: inline-block; width: 23px; height: 26px; vertical-align: middle; background: url("../img/common/tag-filter-ico.png") 0 0 no-repeat; margin-right: 9px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.product-none { width: 100%; text-align: center; padding: 200px 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.product-none .none-txt { font-size: 1.5rem; color: #7d7d7d; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.product-none .none-txt .product-ico { display: inline-block; width: 23px; height: 23px; vertical-align: middle; background: url("../img/common/tag-product-ico.png") 0 0 no-repeat; margin-right: 9px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .hot-checker { position: absolute; top: 50px; left: 30px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .step-title { font-size: 1.14286rem; color: #111; background: #f7f7f7; font-weight: 600; height: 50px; line-height: 50px; margin-bottom: 20px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .pic img { width: 100%; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt { padding-top: 20px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal { margin-bottom: 10px; font-size: 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal:before, .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal:after { content: ""; display: table; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal:after { clear: both; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal .product-appraisal { display: inline-block; vertical-align: middle; margin-left: 7px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal .product-appraisal .appraisal-ico-link .appraisal-ico { display: block; width: 17px; height: 16px; background: url("../img/common/ico-appraisal.png") 0 0 no-repeat; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a { display: block; line-height: 1.4; text-decoration: none; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a .in-box-txt-skip { font-size: 1rem; color: #2d2d2d; text-decoration: none; height: 2.8em; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a .in-box-txt-skip .soldout { display: inline-block; font-size: 0.85714rem; color: #fff; font-weight: bold; padding: 3px 7px; background: #111; text-decoration: none; margin-right: 3px; line-height: 1; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a .in-box-txt-skip .limit { display: inline-block; font-size: 0.85714rem; color: #111; font-weight: bold; padding: 3px 7px; text-decoration: none; margin-right: 3px; line-height: 1; border: 1px solid #111; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt strong { display: block; font-size: 1rem; color: #111; line-height: 1.4; margin-top: 10px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt strong.login-mem-sale { display: block; font-size: 0.85714rem; color: #fff; font-weight: bold; padding: 3px 7px; background: #111; text-decoration: none; line-height: 1.1; width: 98px; margin: 10px auto 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt strong.limit { display: block; font-size: 0.85714rem; color: #fff; font-weight: bold; padding: 3px 7px; background: #07bc88; text-decoration: none; line-height: 1.1; width: 98px; margin: 10px auto 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt span { font-size: 1rem; color: #111; font-weight: lighter; text-decoration: line-through; margin-right: 8px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone { margin-top: 9px; font-size: 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .btn { font-weight: 600; height: 46px; line-height: 42px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .btn:hover { color: #fff; background: #111; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .wish { margin-left: 20px; display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 36%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-prev.slick-disabled { display: none !important; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-next.slick-disabled { display: none !important; }
  .product-issue { position: absolute; top: 10px; right: 0; width: 73px; height: 73px; overflow: hidden; border-radius: 37px; display: table; line-height: 1; }
  .product-issue.new { background: #111; }
  .product-issue.best { background: #111; }
  .product-issue.hot { background: #c84b47; }
  .product-issue.percent { background: #378c62; }
  .product-issue.one-n-one { background: #c84b47; }
  .product-issue p { text-align: center; display: table-cell; vertical-align: middle; font-size: 1.14286rem; font-weight: 600; color: #fff; }
  .product-issue p span { font-size: 0.85714rem; }
  .all-ranges-lsit ul { font-size: 0; margin: -12px -13.5px; }
  .all-ranges-lsit ul:before, .all-ranges-lsit ul:after { content: ""; display: table; }
  .all-ranges-lsit ul:after { clear: both; }
  .all-ranges-lsit ul li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; display: inline-block; text-align: center; padding: 12px 13.5px; }
  .all-ranges-lsit ul li .all-ranges-lsit-in { position: relative; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a img { width: 100%; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .tt { font-size: 1.5rem; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .guide { font-size: 0.92857rem; margin: 6px 0 13px; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .detail-view { position: relative; display: inline-block; font-size: 0.92857rem; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .detail-view:after { display: block; content: ""; height: 1px; width: 100%; background: #fff; }
  .title-sale-save .page-tt-h3 { font-size: 2rem; text-align: center; }
  .title-sale-save .sale-hit-zone { display: table; width: 100%; }
  .title-sale-save .sale-hit-zone:before, .title-sale-save .sale-hit-zone:after { content: ""; display: table; }
  .title-sale-save .sale-hit-zone:after { clear: both; }
  .title-sale-save .sale-hit-zone .hit-pic { display: table-cell; width: 50%; }
  .title-sale-save .sale-hit-zone .hit-pic img { width: 100%; }
  .title-sale-save .sale-hit-zone .hit-guide { display: table-cell; vertical-align: middle; width: 50%; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell { vertical-align: middle; text-align: center; padding: 0 20px; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .g-tt { font-size: 1.28571rem; color: #111; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .g-con { font-size: 1rem; color: #2d2d2d; margin-top: 15px; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .btn { font-size: 1rem; color: #2d2d2d; margin-top: 46px; width: 192px; line-height: 44px; }
  /* submain_case_01 */
  .submain-content-case01-wrap .mobile-tab-toggle-list-wrap { display: none; }
  .submain-content-case01-wrap .submain-txt-ex { padding: 48px 0 0; }
  .submain-content-case01-wrap .this-month-recom-wrap { padding-bottom: 60px; padding-top: 60px; border-bottom: 1px solid #e1e1e1; }
  .submain-content-case01-wrap .this-month-recom-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-content-case01-wrap .this-month-recom-wrap.event { padding-top: 60px; }
  .submain-content-case01-wrap .whats-hot-wrap { padding-top: 60px; }
  .submain-content-case01-wrap .whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-content-case01-wrap .all-ranges-wrap { padding-top: 78px; }
  .submain-content-case01-wrap .all-ranges-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  /* submain_case_02 */
  .submain-content-case02-wrap .all-ranges-wrap { padding-top: 35px; }
  .submain-content-case02-wrap .all-ranges-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  /* submain_case_03 */
  .submain-content-case03-wrap .title-sale-save { padding-top: 40px; border-top: 1px solid #e1e1e1; }
  .submain-content-case03-wrap .title-sale-save .page-tt-h3 { margin-bottom: 45px; }
  .submain-content-case03-wrap .submain-cate-menu-slice { margin-top: 30px; }
  .submain-content-case03-wrap .mobile-tab-toggle-list-wrap { display: none; }
  .submain-content-case03-wrap .submain-txt-ex { padding: 48px 0 38px; }
  .submain-content-case03-wrap .this-month-recom-wrap { padding-bottom: 60px; border-bottom: 1px solid #e1e1e1; }
  .submain-content-case03-wrap .this-month-recom-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-content-case03-wrap .whats-hot-wrap { padding-top: 60px; }
  .submain-content-case03-wrap .whats-hot-wrap .list-up-ea-btn { margin-top: 50px; }
  .submain-content-case03-wrap .all-ranges-wrap { padding-top: 78px; }
  .submain-content-case03-wrap .all-ranges-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .sub-big-banner-wrap { background: url("../img/@temp/sub-big-banner-bb-1272x429.jpg") center center no-repeat; background-size: cover; width: 100%; height: 318px; position: relative; display: table; }
  .sub-big-banner-wrap .page-tt-h2 { width: 100%; text-align: center; font-size: 2.21429rem; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-family: "Interstate", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; display: table-cell; vertical-align: middle; }
  .sub-big-banner-case02-wrap { text-align: center; height: 115px; display: table; width: 100%; }
  .sub-big-banner-case02-wrap .big-banner-cell { display: table-cell; vertical-align: middle; padding: 7% 15px; }
  .sub-big-banner-case02-wrap .big-banner-cell .page-tt-h2 { font-size: 2.14286rem; color: #000; font-weight: bold; line-height: 1.1; letter-spacing: -3px; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case02-wrap .big-banner-cell .page-tt-h2 { font-size: 5.14286rem; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case02-wrap .big-banner-cell .ban-case02-guide { font-size: 0.85714rem; color: #2d2d2d; margin-top: 19px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case02-wrap .big-banner-cell .ban-case02-guide { font-size: 1rem; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.title-alone .big-banner-cell { margin: -67px auto 0; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.title-alone .big-banner-cell .page-tt-h2 { font-size: 4.42857rem; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.title-alone.title-bold .big-banner-cell .page-tt-h2 { font-weight: bold; letter-spacing: -1px; }
  .sub-big-banner-case03-wrap.community .big-banner-cell .page-tt-h2 { font-size: 2.57143rem; font-weight: 400; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.community .big-banner-cell .page-tt-h2 { font-size: 3.57143rem; font-weight: 400; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our .banner-case03-bg { background-size: 170%; background-position: center; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our .banner-case03-bg { background-size: 700px; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our .big-banner-cell .page-tt-h2 { font-size: 2.5rem; letter-spacing: -1px; }
  .sub-big-banner-case03-wrap.our .big-banner-cell .ban-case02-guide { margin-top: 13%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our .big-banner-cell .ban-case02-guide { margin-top: 10px; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our.bg-cor .banner-case03-bg { background-size: cover; }
  .sub-big-banner-case03-wrap.our.pic .banner-case03-bg { background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; height: 0; padding-top: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our.pic .banner-case03-bg { padding-top: 500px; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our.pic .big-banner-cell .page-tt-h2 { font-size: 2.5rem; letter-spacing: -3px; }
  .sub-big-banner-case03-wrap.our.pic .big-banner-cell .ban-case02-guide { margin-top: 13%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap.our.pic .big-banner-cell .ban-case02-guide { margin-top: 10px; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap .banner-case03-bg { background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; height: 0; padding-top: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap .banner-case03-bg { padding-top: 0; height: 385px; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap .big-banner-cell { max-width: 1180px; width: 85%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 16px 15px; background: #fff; margin: -76px auto 0; }
  .sub-big-banner-case03-wrap .big-banner-cell .page-tt-h2 { font-size: 2.57143rem; color: #000; font-weight: bold; letter-spacing: -4px; line-height: 1; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap .big-banner-cell .page-tt-h2 { font-size: 3.57143rem; } }

@media (min-width: 0px) and (max-width: 1079px) { .sub-big-banner-case03-wrap .big-banner-cell .page-tt-h2.han { font-weight: normal; }
  .sub-big-banner-case03-wrap .big-banner-cell .ban-case02-guide { font-size: 1rem; color: #2d2d2d; margin-top: 5%; }
  .sub-big-banner-case03-wrap .big-banner-cell .ban-case02-guide br { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sub-big-banner-case03-wrap .big-banner-cell .ban-case02-guide br { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) { .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }
  .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .star-score-box.star-1 .star-gauge { width: 15px; }
  .star-score-box.star-2 .star-gauge { width: 30px; }
  .star-score-box.star-3 .star-gauge { width: 45px; }
  .star-score-box.star-4 .star-gauge { width: 60px; }
  .star-score-box.star-5 .star-gauge { width: 100%; }
  .submain-cate-menu-slice .submain-cate-menu-ul { padding: 0 23px; border-bottom: 1px solid #e1e1e1; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li { text-align: center; height: 69px; line-height: 69px; }
  .submain-cate-menu-slice .submain-cate-menu-ul .submain-cate-menu-li a { font-size: 1rem; font-weight: 600; color: #111; text-decoration: none; letter-spacing: -1px; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .submain-cate-menu-slice .submain-cate-menu-ul .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .mobile-tab-toggle-list-wrap { position: relative; }
  .mobile-tab-toggle-list-wrap.on .mobile-tab-toggle-tt .mobile-tab-toggle-mark { background: url("../img/svg/icon-arrow-up.svg") left center no-repeat; background-size: 16px; }
  .mobile-tab-toggle-list-wrap.on .toggle-list { display: block; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric { border: 2px solid #e1e1e1; background: #fff; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric .label { color: #111; height: 46px; line-height: 46px; padding: 0 36px 0 24px; margin: 0; font-weight: 600; font-size: 1.14286rem; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric .button { background: #fff url("../img/svg/icon-arrow-down.svg") left center no-repeat; background-size: 16px; width: 16px; height: 16px; padding-right: 17px; top: 50%; margin-top: -8px; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric .button:after { display: none; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric-items { border: 2px solid #e1e1e1; background: #fff; margin-top: -2px; margin-bottom: -2px; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric-items .selectric-scroll ul li { position: relative; display: block; height: 48px; line-height: 48px; color: #111; text-decoration: none; padding: 0 24px; font-weight: 600; font-size: 1.14286rem; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric-items .selectric-scroll ul li:after { content: ""; display: none; position: absolute; top: 50%; right: 0; margin-top: -8px; background: #fff url("../img/svg/icon-tick.svg") left center no-repeat; background-size: 16px; width: 16px; height: 16px; padding-right: 17px; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric-items .selectric-scroll ul li.highlighted { background: #fff; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper .selectric-items .selectric-scroll ul li.highlighted:after { display: block; }
  .mobile-tab-toggle-list-wrap .selectric-wrapper.selectric-open .selectric .button { background: url("../img/svg/icon-arrow-up.svg") left center no-repeat; background-size: 16px; }
  .submain-txt-ex { font-size: 1rem; color: #111; text-align: center; font-weight: 600; letter-spacing: -1px; line-height: 1.7; }
  .page-tt-h3 { font-size: 1.78571rem; color: #2d2d2d; letter-spacing: -1px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul { margin: 0 -14px; letter-spacing: -1px; font-size: 0; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 33.3333333%; padding: 0 14px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in { text-align: center; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .pic { margin-bottom: 26px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .pic img { width: 100%; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .tt { margin: 0; padding: 0; border: 0; color: #111; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .tt dt { font-size: 1.71429rem; font-weight: 700; line-height: 1; margin-bottom: 10px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .tt dd { margin: 0; padding: 0; border: 0; font-size: 1rem; font-weight: 600; line-height: 1.4; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .detali-btn { margin-top: 28px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .detali-btn a { position: relative; display: inline-block; font-size: 0.85714rem; color: #111; font-weight: 600; text-decoration: none; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .detail-recommend-lsit-li .recomm-lsit-in .detali-btn a:after { display: block; content: ""; height: 1px; width: 100%; background: #111; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .slick-dots { text-align: center; margin-top: 25px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .slick-dots li { display: inline-block; border-radius: 10px; border: 2px solid #0d0d0d; width: 10px; height: 10px; margin: 0 4.25px; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .slick-dots li.slick-active { background: #0d0d0d; border-color: #0d0d0d; }
  .detail-recommend-lsit .detail-recommend-lsit-ul .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; background: transparent; padding: 0; }
  .detail-recommend-lsit.main-list .detail-recommend-lsit-ul { margin: -7.5px 0; padding: 0 10px; }
  .detail-recommend-lsit.main-list .detail-recommend-lsit-ul .detail-recommend-lsit-li { width: 100%; padding: 7.5px 0; }
  .whats-hot-lsit { position: relative; }
  .whats-hot-lsit .whats-hot-show-all { position: absolute; top: -50px; right: 0; }
  .whats-hot-lsit .whats-hot-show-all a { color: #111; text-decoration: none; }
  .view-item-list-wrapper .whats-hot-lsit { margin-top: 15px; }
  .whats-hot-lsit .list-noting-message-box { padding: 80px 0; font-size: 16px; text-align: center; color: #7d7d7d; background-color: #f7f7f7; }
  .whats-hot-lsit .whats-hot-li-ul { font-size: 0; padding: 0 24px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_03 { padding: 0; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_03 .whats-hot-li-li { width: 50%; padding-top: 10px; padding-bottom: 30px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_03 .whats-hot-li-li .product-issue { top: 10px; right: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 { padding: 0; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 .whats-hot-li-li { width: 50%; padding-top: 10px; padding-bottom: 10px; }
  .whats-hot-lsit .whats-hot-li-ul.list-num_04 .whats-hot-li-li .product-issue { top: 15px; right: 15px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li { position: relative; text-align: center; display: inline-block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.filter-none { width: 100%; text-align: center; padding: 100px 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.filter-none .none-txt { font-size: 1.07143rem; color: #7d7d7d; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.filter-none .none-txt .filter-ico { display: inline-block; width: 17px; height: 20px; vertical-align: middle; background: url("../img/common/tag-filter-ico.png") 0 0 no-repeat; background-size: 17px auto; margin-right: 9px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.product-none { width: 100%; text-align: center; padding: 100px 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.product-none .none-txt { font-size: 1.07143rem; color: #7d7d7d; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li.product-none .none-txt .product-ico { display: inline-block; width: 17px; height: 20px; vertical-align: middle; background: url("../img/common/tag-product-ico.png") 0 0 no-repeat; background-size: 17px auto; margin-right: 9px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .hot-checker { position: absolute; top: 10px; left: 10px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .step-title { font-size: 1.07143rem; color: #111; background: #f7f7f7; font-weight: 600; height: 40px; line-height: 40px; margin-bottom: 10px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .pic img { width: 100%; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt { padding-top: 20px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal { margin-bottom: 10px; font-size: 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal:before, .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal:after { content: ""; display: table; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal:after { clear: both; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal .product-appraisal { display: inline-block; vertical-align: middle; margin-left: 7px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .star-appraisal .product-appraisal .appraisal-ico-link .appraisal-ico { display: block; width: 17px; height: 16px; background: url("../img/common/ico-appraisal.png") 0 0 no-repeat; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a { display: block; line-height: 1.4; text-decoration: none; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a .in-box-txt-skip { font-size: 1rem; color: #2d2d2d; text-decoration: none; height: 2.8em; line-height: 1.4; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a .in-box-txt-skip .soldout { display: inline-block; font-size: 0.85714rem; color: #fff; font-weight: bold; padding: 3px 7px; background: #111; text-decoration: none; margin-right: 3px; line-height: 1; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a .in-box-txt-skip .limit { display: inline-block; font-size: 0.85714rem; color: #111; font-weight: bold; padding: 3px 7px; text-decoration: none; margin-right: 3px; line-height: 1; border: 1px solid #111; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt strong { font-size: 1rem; color: #111; line-height: 1.4; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt strong.login-mem-sale { display: inline-block; font-size: 0.85714rem; color: #fff; font-weight: bold; padding: 3px 7px; background: #111; text-decoration: none; line-height: 1.1; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt span { font-size: 1rem; color: #111; font-weight: lighter; text-decoration: line-through; margin-right: 8px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone { margin-top: 9px; font-size: 0; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .btn { font-weight: 600; width: 80px; height: 41px; line-height: 37px; padding: 0 5px; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .btn:active { color: #fff; background: #111; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .wish { margin-left: 6px; display: inline-block; width: 30px; height: 24px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 25px; vertical-align: middle; cursor: pointer; }
  .whats-hot-lsit .whats-hot-li-ul .whats-hot-li-li .whats-hot-in .like-save-zone .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; background-size: 25px; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 0; margin-top: 0; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; margin-top: 20%; background-repeat: no-repeat; background-size: 22px auto; background-position: center center; background-color: transparent; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-prev { left: 10px; background-image: url("../img/mobile/common/carousel-left.png"); }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-prev.slick-disabled { display: none !important; }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-next { right: 10px; background-image: url("../img/mobile/common/carousel-right.png"); }
  .whats-hot-lsit .whats-hot-li-ul .slick-arrow.slick-next.slick-disabled { display: none !important; }
  .whats-hot-lsit .whats-hot-li-ul .slick-list { position: static; }
  .whats-hot-lsit .whats-hot-li-ul .slick-list .slick-track .whats-hot-li-li { float: none; }
/*   .product-issue { position: absolute; top: 0; right: 1px; width: 45px; height: 45px; overflow: hidden; border-radius: 22.5px; display: table; line-height: 1; }  yhs */
  .product-issue { position: absolute; top: 0; right: 1px;  height: 38px; overflow: hidden; border-radius: 13.5px; display: table; line-height: 1; }
  .product-issue.new { background: #111; }
  .product-issue.best { background: #111; }
  .product-issue.hot { background: #c84b47; }
  .product-issue.percent { background: #378c62; }
  .product-issue.one-n-one { background: #c84b47; }
/*   .product-issue p { text-align: center; display: table-cell; vertical-align: middle; font-size: 0.85714rem; font-weight: 600; color: #fff; } yhs */
  .product-issue p { text-align: center; display: table-cell; vertical-align: middle; font-size: 0.75714rem; font-weight: 600; color: #fff; }
/*   .product-issue p span { font-size: 0.85714rem; } yhs */
  .product-issue p span { font-size: 0.75714rem; }
  .whats-hot-lsit2 .whats-hot-li-ul2 { font-size: 0; padding: 0 24px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li { position: relative; text-align: center; display: inline-block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .product-issue { position: absolute; top: 0; right: 0; width: 45px; height: 45px; overflow: hidden; border-radius: 22.5px; display: table; line-height: 1; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .product-issue.new { background: #111; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .product-issue.best { background: #111; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .product-issue.hot { background: #c84b47; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .product-issue p { display: table-cell; vertical-align: middle; font-size: 1rem; font-weight: 600; color: #fff; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .step-title { font-size: 1.07143rem; color: #111; background: #f7f7f7; font-weight: 600; height: 40px; line-height: 40px; margin-bottom: 10px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .pic img { width: 100%; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt { padding-top: 20px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal { margin-bottom: 10px; font-size: 0; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal:before, .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal:after { content: ""; display: table; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal:after { clear: both; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal .product-appraisal { display: inline-block; vertical-align: middle; margin-left: 7px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .star-appraisal .product-appraisal .appraisal-ico-link .appraisal-ico { display: block; width: 17px; height: 16px; background: url("../img/common/ico-appraisal.png") 0 0 no-repeat; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt a { display: block; font-size: 1rem; color: #2d2d2d; text-decoration: none; line-height: 1; margin-bottom: 10px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .tt .product-detail .prod-txt strong { font-size: 1rem; color: #111; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .like-save-zone { margin-top: 9px; font-size: 0; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .like-save-zone .btn { font-weight: 600; width: 80px; height: 41px; line-height: 37px; padding: 0 5px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .like-save-zone .btn:active { color: #fff; background: #111; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .like-save-zone .wish { margin-left: 6px; display: inline-block; width: 30px; height: 24px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 25px; vertical-align: middle; cursor: pointer; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .whats-hot-li-li .whats-hot-in .like-save-zone .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; background-size: 25px; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .slick-arrow { font-size: 0; display: block; position: absolute; top: 0; margin-top: 0; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; margin-top: 20%; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .slick-list { position: static; }
  .whats-hot-lsit2 .whats-hot-li-ul2 .slick-list .slick-track .whats-hot-li-li { float: none; }
  .all-ranges-lsit ul { font-size: 0; margin: -7.5px 0; padding: 0 10px; }
  .all-ranges-lsit ul:before, .all-ranges-lsit ul:after { content: ""; display: table; }
  .all-ranges-lsit ul:after { clear: both; }
  .all-ranges-lsit ul li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; text-align: center; padding: 7.5px 0; }
  .all-ranges-lsit ul li .all-ranges-lsit-in { position: relative; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a img { width: 100%; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .tt { font-size: 1.5rem; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .guide { font-size: 0.92857rem; margin: 6px 0 13px; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .detail-view { position: relative; display: inline-block; font-size: 0.92857rem; }
  .all-ranges-lsit ul li .all-ranges-lsit-in a .ab-guide-opa-box .detail-view:after { display: block; content: ""; height: 1px; width: 100%; background: #fff; }
  .title-sale-save .page-tt-h3 { font-size: 1.78571rem; text-align: center; }
  .title-sale-save .sale-hit-zone .hit-pic img { width: 100%; }
  .title-sale-save .sale-hit-zone .hit-guide { margin-top: 20px; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell { vertical-align: middle; text-align: center; padding: 0 15px; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .g-tt { font-size: 1.28571rem; color: #111; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .g-con { font-size: 1rem; color: #2d2d2d; margin-top: 5px; }
  .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .g-con .mb-none { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .g-con .mb-none { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) { .title-sale-save .sale-hit-zone .hit-guide .hit-guide-cell .btn { font-size: 1rem; color: #2d2d2d; margin-top: 15px; width: 192px; line-height: 44px; }
  /* submain_case_01 */
  .submain-content-case01-wrap .submain-cate-menu-slice { display: none; }
  .submain-content-case01-wrap .mobile-tab-toggle-list-wrap { display: block; }
  .submain-content-case01-wrap .submain-txt-ex { padding: 17.5px 10px 0; }
  .submain-content-case01-wrap .this-month-recom-wrap { padding-top: 48px; padding-bottom: 48px; border-bottom: 1px solid #e1e1e1; }
  .submain-content-case01-wrap .this-month-recom-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-content-case01-wrap .this-month-recom-wrap.event { padding-top: 40px; }
  .submain-content-case01-wrap .whats-hot-wrap { padding-top: 48px; }
  .submain-content-case01-wrap .whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-content-case01-wrap .all-ranges-wrap { padding-top: 48px; }
  .submain-content-case01-wrap .all-ranges-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  /* submain_case_02 */
  .submain-content-case02-wrap .all-ranges-wrap { padding-top: 19px; }
  .submain-content-case02-wrap .all-ranges-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  /* submain_case_03 */
  .submain-content-case03-wrap .submain-cate-menu-slice { display: none; }
  .submain-content-case03-wrap .title-sale-save { padding: 30px 0 40px; border-top: 1px solid #e1e1e1; }
  .submain-content-case03-wrap .title-sale-save .page-tt-h3 { margin-bottom: 10px; }
  .submain-content-case03-wrap .whats-hot-wrap { padding-top: 48px; padding: 0 10px; }
  .submain-content-case03-wrap .whats-hot-wrap .list-up-ea-btn { margin-top: 20px; } }

@media (min-width: 1080px) { /* module */
  .submain-deta-title-wrap .detail-tt-h3 { font-size: 1.78571rem; color: #111; letter-spacing: -1px; line-height: 1; margin-bottom: 5px; }
  .submain-deta-title-wrap .detail-tt-h3 .soldout { display: inline-block; padding: 5px 8px; text-align: center; font-size: 1rem; color: #fefefe; font-weight: bold; background: #111; margin-right: 8px; vertical-align: middle; margin-top: -3px; }
  .submain-deta-title-wrap .detail-tt-h3 .limit { display: inline-block; padding: 5px 8px; text-align: center; font-size: 1rem; color: #111; font-weight: bold; margin-right: 8px; vertical-align: middle; margin-top: -3px; border: 1px solid #111; }
  .submain-deta-title-wrap .detail-sub-txt { font-size: 1rem; color: #777; }
  .submain-deta-title-wrap .detail-etc { font-size: 0; margin-top: 13px; }
  .submain-deta-title-wrap .detail-etc .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }
  .submain-deta-title-wrap .detail-etc .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") left 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .submain-deta-title-wrap .detail-etc .star-gage { font-size: 1rem; color: #000; vertical-align: middle; margin-left: 5px; }
  .submain-deta-title-wrap .detail-etc .product-read-write { display: inline-block; vertical-align: middle; margin-left: 17px; }
  .submain-deta-title-wrap .detail-etc .product-read-write li { display: inline-block; }
  .submain-deta-title-wrap .detail-etc .product-read-write li a { position: relative; text-decoration: none; font-size: 1rem; color: #000; }
  .submain-deta-title-wrap .detail-etc .product-read-write li a:after { position: absolute; bottom: -5px; left: 0; content: ""; display: none; width: 100%; height: 2px; background: #111; }
  .submain-deta-title-wrap .detail-etc .product-read-write li a:hover:after { display: block; }
  .submain-deta-title-wrap .detail-etc .product-read-write li:first-child { margin-right: 20px; }
  .detail-thum-pic-wrap .detail-thum-pic-in { width: 480px; margin: 0 auto; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-list .slick-track .slick-slide .thum-in-hei-pd { position: relative; height: 0; padding-top: 98%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-list .slick-track .slick-slide .thum-in-hei-pd img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-list .slick-track .slick-slide .thum-in-hei-pd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small { padding: 0 67px; margin-top: 10px; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list { width: 282px; margin: 0 auto; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list .slick-track .thum-small-li { width: 94px !important; height: 94px; cursor: pointer; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list .slick-track .thum-small-li.slick-current { -webkit-box-sizing: border-box; box-sizing: border-box; width: 94px; height: 94px; border: 1px solid #000; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list .slick-track .thum-small-li img { width: 100%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-dots { display: none !important; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in { position: relative; width: 480px; margin: 0 auto; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage:before, .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage:after { content: ""; display: table; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage:after { clear: both; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd { position: relative; height: 0; padding-top: 98%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim.white { background: #fff; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim.black { background: #000; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim .iframe-moving-playbtn { position: absolute; top: 50%; left: 0; right: 0; margin: -63px auto 0; display: block; width: 126px; height: 126px; background: url("../img/common/moving-playbtn.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video { position: relative; height: 0; padding-top: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../img/product/owl.video.play.png") 0 0 no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .slick-list .slick-track .slick-slide { position: relative; height: 0; padding-top: 24.9%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .slick-list .slick-track .slick-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .slick-list .slick-track .slick-slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-dots { display: none; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size { width: 282px; margin: 10px auto 0; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer { height: 94px; text-align: center; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer .owl-stage { height: 100%; display: inline-block; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer .owl-stage .owl-item { height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer .owl-stage .owl-item .thum-small-li { display: block; height: 100%; cursor: pointer; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer .owl-stage .owl-item .thum-small-li img { width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer .owl-stage .owl-item.sync .thum-small-li { border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-nav div { font-size: 0; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-nav div.owl-prev { left: -98px; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-nav div.owl-next { right: -98px; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-nav .disabled { display: none; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list { width: 282px; margin: 0 auto; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list .slick-track .thum-small-li { width: 94px !important; height: 94px; cursor: pointer; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list .slick-track .thum-small-li.slick-current { -webkit-box-sizing: border-box; box-sizing: border-box; width: 94px; height: 94px; border: 1px solid #000; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list .slick-track .thum-small-li img { width: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-dots { display: none !important; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .product-issue { z-index: 1; top: 10px; right: 10px; }
  .capacity-od-box .detail-tt-h4 { font-size: 1rem; color: #111; margin-bottom: 10px; }
  .capacity-od-box .capacity-btn .btn { font-size: 1rem; color: #111; width: 95px; height: 48px; line-height: 44px; }
  .capacity-od-box .capacity-btn .btn.on { background: #111; color: #fff; }
  .amount-od-box .detail-tt-h4 { font-size: 1rem; color: #111; margin-bottom: 10px; }
  .amount-od-box .capacity-btn .capacity-total-num { display: inline-block; vertical-align: bottom; margin-left: 15px; }
  .amount-od-box .capacity-btn .capacity-total-num .aa-of-money { font-size: 1rem; color: #7d7d7d; text-decoration: line-through; }
  .amount-od-box .capacity-btn .capacity-total-num .total-money { display: block; font-size: 1.71429rem; color: #000; line-height: 1.1; }
  .capacity-counter { display: inline-block; }
  .capacity-counter .ea { font-size: 1.42857rem; color: #111; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 48px; height: 48px; border: 2px solid #111; vertical-align: middle; }
  .capacity-counter a { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 48px; height: 48px; line-height: 44px; border: 2px solid #111; vertical-align: middle; }
  .capacity-counter a.minus:after { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -9px; display: block; content: ""; width: 18px; height: 4px; background: #111; }
  .capacity-counter a.plus:before { position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -2px; display: block; content: ""; width: 4px; height: 18px; background: #111; }
  .capacity-counter a.plus:after { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -9px; display: block; content: ""; width: 18px; height: 4px; background: #111; }
  .capacity-counter a.stop { border-color: #ccc; }
  .capacity-counter a.stop:before { background: #ccc; }
  .capacity-counter a.stop:after { background: #ccc; }
  .pro-detail-login-btn-box { margin-top: 19px; }
  .pro-detail-login-btn-box:before, .pro-detail-login-btn-box:after { content: ""; display: table; }
  .pro-detail-login-btn-box:after { clear: both; }
  .pro-detail-login-btn-box .pro-detail-login-txt { padding-top: 2px; float: left; font-size: 0.85714rem; color: #111; line-height: 1.5; margin-right: 20px; }
  .pro-detail-login-btn-box .btn { float: left; background: #7d7d7d; border: 0; width: 95px; height: 36px; }
  .color-pallet-box .color-pallet-title { font-size: 0; }
  .color-pallet-box .color-pallet-title .color-zone { width: 90px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; }
  .color-pallet-box .color-pallet-title .color-guide-txt { vertical-align: middle; display: inline-block; }
  .color-pallet-box .color-pallet-title .color-guide-txt p { font-size: 1rem; color: #111; }
  .color-pallet-box .color-pallet-list { margin-top: 9px; }
  .color-pallet-box .color-pallet-list ul { font-size: 0; }
  .color-pallet-box .color-pallet-list ul:before, .color-pallet-box .color-pallet-list ul:after { content: ""; display: table; }
  .color-pallet-box .color-pallet-list ul:after { clear: both; }
  .color-pallet-box .color-pallet-list ul li { float: left; margin-right: 7px; margin-top: 6px; }
  .color-pallet-box .color-pallet-list ul li button { cursor: pointer; border: 0; width: 40px; height: 40px; }
  .color-pallet-box .color-pallet-list ul li.on { border: 3px solid #111; }
  .color-pallet-box .color-pallet-list ul li.on button { width: 34px; height: 34px; border: 2px solid #fff; }
  .color-pallet-box .color-pallet-list ul li.none { position: relative; overflow: hidden; z-index: 1; }
  .color-pallet-box .color-pallet-list ul li.none:before { display: block; content: ""; background: #fff; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
  .color-pallet-box .color-pallet-list ul li.none:after { display: block; content: ""; width: 3px; height: 60px; border: 2px solid #fff; border-top: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; background: #111; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 3; }
  .color-pallet-box .color-pallet-list ul li.none button { position: relative; z-index: 0; }
  .purchasing-limit-guide { color: #2d2d2d; text-align: center; min-width: 320px; display: inline-block; margin-top: 15px; }
  .purchasing-limit-guide .max-purcha { font-size: 0.85714rem; }
  .purchasing-limit-guide .day { font-size: 0.85714rem; margin-top: 5px; text-align: center; display: inline-block; background: #f0f0f0; padding: 2px 15px; min-width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .od-like-save .btn { font-size: 1rem; color: #fff; width: 145px; height: 48px; }
  .od-like-save .wish { margin-left: 20px; display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .od-like-save .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .od-last-order .btn { width: 320px; height: 66px; }
  .od-detail-contents .od-dc-list { margin: 0; padding: 0; font-size: 0.92857rem; color: #111; display: table; margin-bottom: 5px; }
  .od-detail-contents .od-dc-list:last-child { margin-bottom: 0; }
  .od-detail-contents .od-dc-list dt { display: table-cell; font-weight: 600; width: 185px; }
  .od-detail-contents .od-dc-list dd { display: table-cell; margin: 0; padding: 0; }
  .od-detail-contents .od-dc-list dd ul li { margin-bottom: 5px; }
  .od-detail-contents .od-dc-list dd ul li:before, .od-detail-contents .od-dc-list dd ul li:after { content: ""; display: table; }
  .od-detail-contents .od-dc-list dd ul li:after { clear: both; }
  .od-detail-contents .od-dc-list dd ul li:last-child { margin-bottom: 0; }
  .od-detail-contents .od-dc-list dd ul li strong { float: left; display: block; width: 84px; }
  .od-detail-contents .od-dc-list dd ul li p { float: left; }
  .naver-pay-wrap { width: 320px; }
  .naver-pay-wrap .npay_storebtn_bx { width: 100% !important; }
  .detail-share-zone { text-align: center; width: 64%; }
  .detail-share-zone dl { padding: 0; margin: 0; }
  .detail-share-zone dl dt { display: inline-block; vertical-align: middle; margin-right: 14px; font-size: 0.85714rem; font-weight: 600; color: #111; }
  .detail-share-zone dl dt .share-ico { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("../img/product/detail-share-title-ico.gif") 0 0 no-repeat; margin-right: 9px; }
  .detail-share-zone dl dd { padding: 0; margin: 0; display: inline-block; vertical-align: middle; margin-left: 10px; }
  .detail-share-zone dl dd a { display: block; width: 33px; height: 33px; }
  .detail-share-zone dl dd.kakao a { background: url("../img/product/detail-share-kakao.png") 0 0 no-repeat; }
  .detail-share-zone dl dd.kakao a { background: url("../img/product/detail-share-kakao.png") 0 0 no-repeat; }
  .detail-share-zone dl dd.kakaost a { background: url("../img/product/detail-share-kakaost.png") 0 0 no-repeat; }
  .detail-share-zone dl dd.facebook a { background: url("../img/product/detail-share-facebook.png") 0 0 no-repeat; }
  .detail-share-zone dl dd.line a { background: url("../img/product/detail-share-line.png") 0 0 no-repeat; }
  .detail-share-zone dl dd.url a { background: url("../img/product/detail-share-url.png") 0 0 no-repeat; }
  .detail-hashtag-wrap { padding: 0 162px; text-align: center; }
  .detail-hashtag-wrap span { font-size: 1.78571rem; color: #111; letter-spacing: -1px; margin: 0 3px; }
  .instar-thumbnail-carousel { padding: 0 151px; position: relative; }
  .instar-thumbnail-carousel .instar-thum-ul { position: static; margin: 0 -10px; }
  .instar-thumbnail-carousel .instar-thum-ul:before, .instar-thumbnail-carousel .instar-thum-ul:after { content: ""; display: table; }
  .instar-thumbnail-carousel .instar-thum-ul:after { clear: both; }
  .instar-thumbnail-carousel .instar-thum-ul .instar-thum-li { float: left; margin: 0 10px; }
  .instar-thumbnail-carousel .instar-thum-ul .instar-thum-li a img { width: 100%; }
  .instar-thumbnail-carousel .instar-thum-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .instar-thumbnail-carousel .instar-thum-ul .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .instar-thumbnail-carousel .instar-thum-ul .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .detail-page-space-banner { margin-top: 69px; }
  .detail-page-space-banner a { margin-bottom: 20px; display: block; }
  .detail-page-space-banner a:last-child { margin-bottom: 0; }
  .detail-page-space-banner a img { width: 100%; }
  .product-detail-tab ul { display: table; margin: 0 -1.5px; width: 100%; }
  .product-detail-tab ul li { display: table-cell; padding: 0 1.5px; width: 25%; }
  .product-detail-tab ul li a { text-align: center; display: block; background: #e1e1e1; font-size: 14px; color: #111; height: 66px; line-height: 66px; text-decoration: none; font-weight: 600; }
  .product-detail-h3-accordion { display: none; }
  .dt-appraisal-write { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 30px; background: #f7f7f7; }
  .dt-appraisal-write .dt-appraisal-write-in { position: relative; min-height: 88px; }
  .dt-appraisal-write .dt-appraisal-write-in:before, .dt-appraisal-write .dt-appraisal-write-in:after { content: ""; display: table; }
  .dt-appraisal-write .dt-appraisal-write-in:after { clear: both; }
  .dt-appraisal-write .dt-appraisal-write-in .dt-appraisal-stats { float: left; font-size: 1rem; color: #111; font-weight: 600; padding: 33px 0 0 18px; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-btn { position: absolute; top: 50%; left: 0; right: 0; display: block; margin: -26px auto 0; width: 240px; height: 52px; font-size: 1rem; outline: 0; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-btn.disable { cursor: context-menu; color: #fff; border-width: 1px; border-style: solid; border-color: #b2b2b2; background-color: #b2b2b2; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-tip { margin: 0; padding: 0; float: right; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-tip dt { font-size: 1rem; color: #111; font-weight: 600; margin-bottom: 3px; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-tip dd { margin: 0; padding: 0; font-size: 0.92857rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li { background: #f7f7f7; margin-top: 10px; padding: 30px 29px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .my-appraisal-title-box { position: relative; padding-bottom: 8px; margin-bottom: 17px; border-bottom: 1px solid #d7d7d7; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .my-appraisal-title-box .tt { font-size: 1rem; color: #010101; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .my-appraisal-title-box .day { position: absolute; top: 0; right: 0; font-size: 0.92857rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in { position: relative; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in:before, .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in:after { content: ""; display: table; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in:after { clear: both; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area { position: relative; float: left; margin-right: 73px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-pic { width: 105px; height: 105px; overflow: hidden; border-radius: 53px; margin-top: 27px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-pic img { width: 100%; height: 100%; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-infor { margin-top: 18px; font-size: 13px; color: #111; font-weight: 600; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-infor strong { position: absolute; top: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 110px; text-align: center; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-blog-quick { position: absolute; top: 0; right: 0; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-blog-quick a { font-size: 0.92857rem; color: #000; text-decoration: none; font-weight: 600; text-decoration: none; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-blog-quick a .blog-quick-mark { margin: -5px 0 0 6px; display: inline-block; border-style: solid; border-color: transparent; border-top-width: 3px; border-bottom-width: 3px; border-right-width: 4px; border-left: 4px solid #000; vertical-align: middle; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area { float: none; width: auto; overflow: hidden; padding-right: 135px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-con-title { font-size: 1.14286rem; color: #111; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-con-title .reply-tt { font-size: 1rem; display: inline-block; line-height: 1; padding: 2px 4px; margin-right: 5px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-con-title .reply-tt.best { color: #fff; background: #000; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-star .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-star .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-star .star-total-num { font-size: 0.92857rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-txt { margin-top: 30px; font-size: 1rem; color: #111; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-modify-btn { position: absolute; bottom: 0; right: 0; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-modify-btn .btn { width: 109px; height: 36px; font-weight: 600; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li.review-none { width: 100%; text-align: center; padding: 200px 0; background: none; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li.review-none .none-txt { font-size: 1.5rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li.review-none .none-txt .review-ico { display: inline-block; width: 23px; height: 23px; vertical-align: middle; background: url("../img/common/tag-product-ico.png") 0 0 no-repeat; margin-right: 9px; }
  .product-detail-paging-wrap { padding: 23px 0; background: #f7f7f7; text-align: center; font-weight: 600; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-controll { text-decoration: none; font-size: 1rem; color: #111; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-controll.prev { margin-right: 50px; padding-left: 10px; background: url("../img/common/icon_pagination.png") left 4px no-repeat; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-controll.next { margin-left: 50px; padding-right: 10px; background: url("../img/common/icon_pagination.png") right -25px no-repeat; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num { display: inline-block; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li { display: inline-block; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li.on a { border: 2px solid #000; line-height: 20px; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-decoration: none; font-size: 1rem; color: #111; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li span { display: inline-block; width: 24px; height: 24px; font-size: 1rem; color: #111; }
  .product-detail-import-text { font-size: 0.92857rem; color: #7d7d7d; }
  .product-detail-popcall-btn ul:before, .product-detail-popcall-btn ul:after { content: ""; display: table; }
  .product-detail-popcall-btn ul:after { clear: both; }
  .product-detail-popcall-btn ul li { float: left; margin-left: 5px; }
  .product-detail-popcall-btn ul li:first-child { margin-left: 0; }
  .product-detail-popcall-btn ul li a { display: block; width: 120px; height: 40px; font-size: 1rem; color: #111; border-color: #000; font-weight: 600; letter-spacing: -1px; }
  .product-detail-board .data-table colgroup .tb-th-col { width: 230px; }
  .product-detail-board .data-table colgroup .tb-td-col { width: auto; }
  .shipping-deliver-guide ul li { margin-top: 24px; }
  .shipping-deliver-guide ul li:first-child { margin-top: 0; }
  .shipping-deliver-guide ul li dl { font-size: 1rem; padding: 0; margin: 0; }
  .shipping-deliver-guide ul li dl dt { color: #111; font-weight: 600; }
  .shipping-deliver-guide ul li dl dt a { color: #111; }
  .shipping-deliver-guide ul li dl dd { padding: 0; margin: 0; color: #7d7d7d; }
  /* product-detail */
  .submain-detail-case-wrap { padding-top: 50px; border-top: 1px solid #e1e1e1; }
  .submain-detail-case-wrap:before, .submain-detail-case-wrap:after { content: ""; display: table; }
  .submain-detail-case-wrap:after { clear: both; }
  .submain-detail-case-wrap .submain-detail-order-wrap { position: relative; min-height: 600px; }
  .submain-detail-case-wrap .submain-detail-order-wrap:before, .submain-detail-case-wrap .submain-detail-order-wrap:after { content: ""; display: table; }
  .submain-detail-case-wrap .submain-detail-order-wrap:after { clear: both; }
  .submain-detail-case-wrap .submain-detail-order-wrap .submain-deta-title-wrap { width: 36%; float: right; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap { width: 64%; float: left; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl { width: 64%; float: left; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap { width: 36%; float: right; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .capacity-od-box { margin-top: 15px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .amount-od-box { margin-top: 17px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .od-like-save { margin-top: 20px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .od-last-order { margin-top: 14px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .od-detail-contents { margin-top: 37px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .naver-pay-wrap { margin-top: 23px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-share-zone { margin-top: 38px; position: absolute; top: 570px; left: 0; }
  .submain-detail-case-wrap .detail-hashtag-wrap { margin: 55px 0 15px; }
  .submain-detail-case-wrap .product-detail-guide-wrap { margin-top: 69px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap { margin-top: 70px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_01 .dt_content_desktop_view img { max-width: 100% !important; height: auto !important; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_01 .dt_content_mobile_view { display: none !important; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_02 .product-dt-step-list .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_03 .product-dt-appraisal-list .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_03 .product-dt-appraisal-list .product-dt-appraisal-box .product-detail-paging-wrap { margin-top: 20px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_03 .product-dt-appraisal-list .product-detail-import-text { margin-top: 5px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_04 .product-dt-summary-infor { position: relative; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_04 .product-dt-summary-infor .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_04 .product-dt-summary-infor .product-detail-popcall-btn { position: absolute; top: 0; right: 0; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap .product-detail-area { height: auto !important; }
  .submain-detail-case-wrap .detail-hot-issue-carousel { padding-top: 70px; }
  .submain-detail-case-wrap .detail-hot-issue-carousel .page-tt-h3 { text-align: center; margin-bottom: 25px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .submain-deta-title-wrap .detail-tt-h3 { font-size: 1.78571rem; color: #111; letter-spacing: -1px; line-height: 1.3; margin-bottom: 5px; }
  .submain-deta-title-wrap .detail-tt-h3 .soldout { display: inline-block; padding: 5px 8px; text-align: center; font-size: 1rem; color: #fefefe; font-weight: bold; background: #111; margin-right: 8px; vertical-align: middle; margin-top: -3px; }
  .submain-deta-title-wrap .detail-sub-txt { font-size: 1rem; color: #777; }
  .submain-deta-title-wrap .detail-etc { font-size: 0; margin-top: 10px; }
  .submain-deta-title-wrap .detail-etc .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }
  .submain-deta-title-wrap .detail-etc .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") left 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .submain-deta-title-wrap .detail-etc .star-gage { font-size: 1rem; color: #000; vertical-align: middle; margin-left: 5px; }
  .submain-deta-title-wrap .detail-etc .product-read-write { display: inline-block; vertical-align: middle; margin-left: 17px; }
  .submain-deta-title-wrap .detail-etc .product-read-write li { display: inline-block; }
  .submain-deta-title-wrap .detail-etc .product-read-write li a { position: relative; text-decoration: none; font-size: 1rem; color: #000; }
  .submain-deta-title-wrap .detail-etc .product-read-write li a:after { position: absolute; bottom: -5px; left: 0; content: ""; display: none; width: 100%; height: 2px; background: #111; }
  .submain-deta-title-wrap .detail-etc .product-read-write li a:active:after { display: block; }
  .submain-deta-title-wrap .detail-etc .product-read-write li:first-child { margin-right: 20px; }
  .detail-thum-pic-wrap { margin-top: 10px; }
  .detail-thum-pic-wrap .detail-thum-pic-in { margin: 0 auto; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-list .slick-track .slick-slide .thum-in-hei-pd { position: relative; height: 0; padding-top: 98%; z-index: 10; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-list .slick-track .slick-slide .thum-in-hei-pd img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-list .slick-track .slick-slide .thum-in-hei-pd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-arrow { position: absolute; top: 56%; z-index: 1000; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-arrow.slick-prev { left: 0; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-big .slick-arrow.slick-next { right: 0; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small { padding: 0 67px; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-arrow { display: none !important; font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list { display: none; width: 282px; margin: 0 auto; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list .slick-track .thum-small-li { width: 94px !important; height: 94px; cursor: pointer; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list .slick-track .thum-small-li.slick-current { -webkit-box-sizing: border-box; box-sizing: border-box; width: 94px; height: 94px; border: 1px solid #000; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-list .slick-track .thum-small-li img { width: 100%; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-dots { text-align: center; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-dots li { display: inline-block; border-radius: 10px; border: 2px solid #0d0d0d; width: 10px; height: 10px; margin: 0 4.25px; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-dots li.slick-active { background: #0d0d0d; border-color: #0d0d0d; }
  .detail-thum-pic-wrap .detail-thum-pic-in .detail-thum-small .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; background: transparent; padding: 0; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage:before, .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage:after { content: ""; display: table; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage:after { clear: both; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd { position: relative; height: 0; padding-top: 98%; z-index: 10; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim.white { background: #fff; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim.black { background: #000; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .thum-big-li .thum-in-hei-pd .iframe-moving-dim .iframe-moving-playbtn { position: absolute; top: 50%; left: 0; right: 0; margin: -40px auto 0; display: block; width: 80px; height: 80px; background: url("../img/common/moving-playbtn.png") 0 0 no-repeat; background-size: 80px; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video { position: relative; height: 0; padding-top: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../img/product/owl.video.play.png") 0 0 no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-stage-outer .owl-stage .owl-item .item-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-dots .owl-dot span { display: inline-block; border-radius: 10px; border: 2px solid #0d0d0d; width: 10px; height: 10px; margin: 0 4.25px; background: none; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-dots .owl-dot.active span { background: #0d0d0d; border-color: #0d0d0d; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-dots .owl-dot.mov-btn span { border-radius: 0; width: 0; height: 0; border-top-width: 7px; border-bottom-width: 7px; border-right-width: 0; border-left-width: 10px; border-color: transparent; border-left-color: #ccc; background-color: transparent; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-dots .owl-dot.mov-btn.active span { border-left-color: #111; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .slick-list .slick-track .slick-slide { position: relative; height: 0; padding-top: 24.9%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .slick-list .slick-track .slick-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .slick-list .slick-track .slick-slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size { display: none; padding: 0 67px; margin-top: 10px; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .owl-stage-outer .owl-stage .owl-item .thum-small-li img { width: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 24px; height: 24px; border: 0; cursor: pointer; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-arrow.slick-prev { left: 0; background: url("../img/common/carousel-left.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-arrow.slick-next { right: 0; background: url("../img/common/carousel-right.png") 0 0 no-repeat; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list { width: 282px; margin: 0 auto; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list .slick-track .thum-small-li { width: 94px !important; height: 94px; cursor: pointer; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list .slick-track .thum-small-li.slick-current { -webkit-box-sizing: border-box; box-sizing: border-box; width: 94px; height: 94px; border: 1px solid #000; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-list .slick-track .thum-small-li img { width: 100%; }
  .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-small-size .slick-dots { display: none !important; }
  .capacity-od-box .detail-tt-h4 { font-size: 1rem; color: #111; margin-bottom: 10px; }
  .capacity-od-box .capacity-btn .btn { font-size: 1rem; color: #111; width: 95px; height: 48px; line-height: 44px; }
  .capacity-od-box .capacity-btn .btn.on { background: #111; color: #fff; }
  .amount-od-box .detail-tt-h4 { font-size: 1rem; color: #111; margin-bottom: 10px; }
  .amount-od-box .capacity-btn .capacity-total-num { display: inline-block; vertical-align: bottom; margin-left: 15px; }
  .amount-od-box .capacity-btn .capacity-total-num .aa-of-money { font-size: 1rem; color: #7d7d7d; text-decoration: line-through; }
  .amount-od-box .capacity-btn .capacity-total-num .total-money { display: block; font-size: 1.71429rem; color: #000; line-height: 1.1; }
  .capacity-counter { display: inline-block; }
  .capacity-counter .ea { font-size: 1.42857rem; color: #111; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 48px; height: 48px; border: 2px solid #111; vertical-align: middle; }
  .capacity-counter a { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 48px; height: 48px; line-height: 44px; border: 2px solid #111; vertical-align: middle; }
  .capacity-counter a.minus:after { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -9px; display: block; content: ""; width: 18px; height: 4px; background: #111; }
  .capacity-counter a.plus:before { position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -2px; display: block; content: ""; width: 4px; height: 18px; background: #111; }
  .capacity-counter a.plus:after { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -9px; display: block; content: ""; width: 18px; height: 4px; background: #111; }
  .capacity-counter a.stop { border-color: #ccc; }
  .capacity-counter a.stop:before { background: #ccc; }
  .capacity-counter a.stop:after { background: #ccc; }
  .pro-detail-login-btn-box { margin-top: 19px; }
  .pro-detail-login-btn-box:before, .pro-detail-login-btn-box:after { content: ""; display: table; }
  .pro-detail-login-btn-box:after { clear: both; }
  .pro-detail-login-btn-box .pro-detail-login-txt { padding-top: 2px; float: left; font-size: 0.85714rem; color: #111; line-height: 1.5; margin-right: 20px; }
  .pro-detail-login-btn-box .btn { float: left; background: #7d7d7d; border: 0; width: 95px; height: 36px; }
  .color-pallet-box .color-pallet-title { font-size: 0; }
  .color-pallet-box .color-pallet-title .color-zone { width: 90px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; }
  .color-pallet-box .color-pallet-title .color-guide-txt { vertical-align: middle; display: inline-block; }
  .color-pallet-box .color-pallet-title .color-guide-txt p { font-size: 1rem; color: #111; }
  .color-pallet-box .color-pallet-list { margin-top: 9px; }
  .color-pallet-box .color-pallet-list ul { font-size: 0; }
  .color-pallet-box .color-pallet-list ul:before, .color-pallet-box .color-pallet-list ul:after { content: ""; display: table; }
  .color-pallet-box .color-pallet-list ul:after { clear: both; }
  .color-pallet-box .color-pallet-list ul li { float: left; margin-right: 7px; margin-top: 6px; }
  .color-pallet-box .color-pallet-list ul li button { cursor: pointer; border: 0; width: 40px; height: 40px; }
  .color-pallet-box .color-pallet-list ul li.on { border: 3px solid #111; }
  .color-pallet-box .color-pallet-list ul li.on button { width: 34px; height: 34px; border: 2px solid #fff; }
  .color-pallet-box .color-pallet-list ul li.none { position: relative; overflow: hidden; z-index: 1; }
  .color-pallet-box .color-pallet-list ul li.none:before { display: block; content: ""; background: #fff; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
  .color-pallet-box .color-pallet-list ul li.none:after { display: block; content: ""; width: 3px; height: 60px; border: 2px solid #fff; border-top: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; background: #111; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 3; }
  .color-pallet-box .color-pallet-list ul li.none button { position: relative; z-index: 0; }
  .purchasing-limit-guide { color: #2d2d2d; text-align: center; width: 100%; display: inline-block; margin-top: 15px; }
  .purchasing-limit-guide .max-purcha { font-size: 0.85714rem; }
  .purchasing-limit-guide .day { font-size: 0.85714rem; margin-top: 5px; text-align: center; display: inline-block; background: #f0f0f0; padding: 2px 15px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .od-like-save .btn { font-size: 1rem; color: #fff; width: 145px; height: 48px; }
  .od-like-save .wish { margin-left: 20px; display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .od-like-save .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .od-last-order .btn { width: 100%; height: 66px; }
  .od-detail-contents .od-dc-list { margin: 0; padding: 0; font-size: 0.92857rem; color: #111; display: table; margin-bottom: 5px; width: 100%; }
  .od-detail-contents .od-dc-list:before, .od-detail-contents .od-dc-list:after { content: ""; display: table; }
  .od-detail-contents .od-dc-list:after { clear: both; }
  .od-detail-contents .od-dc-list:last-child { margin-bottom: 0; }
  .od-detail-contents .od-dc-list dt { font-weight: 600; width: 50%; vertical-align: top; float: left; }
  .od-detail-contents .od-dc-list dd { margin: 0; padding: 0; text-align: right; float: right; }
  .od-detail-contents .od-dc-list dd ul li { margin-bottom: 5px; text-align: left; }
  .od-detail-contents .od-dc-list dd ul li:before, .od-detail-contents .od-dc-list dd ul li:after { content: ""; display: table; }
  .od-detail-contents .od-dc-list dd ul li:after { clear: both; }
  .od-detail-contents .od-dc-list dd ul li:last-child { margin-bottom: 0; }
  .od-detail-contents .od-dc-list dd ul li strong { float: left; display: block; width: 84px; }
  .od-detail-contents .od-dc-list dd ul li p { float: right; }
  .naver-pay-wrap .npay_storebtn_bx { width: 100% !important; }
  .detail-share-zone dl { padding: 0; margin: 0; }
  .detail-share-zone dl dt { display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 0.85714rem; font-weight: 600; color: #111; }
  .detail-share-zone dl dt .share-ico { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/product/detail-share-title-ico.gif"); margin-right: 9px; background-size: 18px auto; background-image: url("../img/mobile/product/detail-share-title-ico.gif"); }
  .detail-share-zone dl dd { padding: 0; margin: 0; display: inline-block; vertical-align: middle; margin-left: 5px; }
  .detail-share-zone dl dd a { display: block; width: 32px; height: 32px; background-size: 32px auto; background-repeat: no-repeat; background-position: 0 0; }
  .detail-share-zone dl dd.kakao a { background-image: url("../img/mobile/product/detail-share-kakao.png"); }
  .detail-share-zone dl dd.kakaost a { background-image: url("../img/mobile/product/detail-share-kakaost.png"); }
  .detail-share-zone dl dd.facebook a { background-image: url("../img/mobile/product/detail-share-facebook.png"); }
  .detail-share-zone dl dd.line a { background-image: url("../img/mobile/product/detail-share-line.png"); }
  .detail-share-zone dl dd.url a { background-image: url("../img/mobile/product/detail-share-url.png"); }
  .detail-hashtag-wrap { padding: 0 20px; text-align: center; }
  .detail-hashtag-wrap span { font-size: 1.78571rem; color: #111; letter-spacing: -1px; margin: 0 3px; }
  .instar-thumbnail-carousel { position: relative; }
  .instar-thumbnail-carousel .instar-thum-ul { position: static; padding: 0 24px; }
  .instar-thumbnail-carousel .instar-thum-ul:before, .instar-thumbnail-carousel .instar-thum-ul:after { content: ""; display: table; }
  .instar-thumbnail-carousel .instar-thum-ul:after { clear: both; }
  .instar-thumbnail-carousel .instar-thum-ul .instar-thum-li { float: left; margin: 0 10px; }
  .instar-thumbnail-carousel .instar-thum-ul .instar-thum-li a img { width: 100%; }
  .instar-thumbnail-carousel .instar-thum-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: 1; width: 22px; height: 22px; border: 0; cursor: pointer; background-size: 22px auto; background-position: 0 0; background-repeat: no-repeat; background-color: #fff; }
  .instar-thumbnail-carousel .instar-thum-ul .slick-arrow.slick-prev { left: 0; background-image: url("../img/mobile/common/carousel-left.png"); }
  .instar-thumbnail-carousel .instar-thum-ul .slick-arrow.slick-next { right: 0; background-image: url("../img/mobile/common/carousel-right.png"); }
  .detail-page-space-banner { margin-top: 40px; }
  .detail-page-space-banner a { margin-bottom: 10px; display: block; }
  .detail-page-space-banner a:last-child { margin-bottom: 0; }
  .detail-page-space-banner a img { width: 100%; }
  .product-detail-tab ul { display: table; margin: 0 -1.5px; width: 100%; }
  .product-detail-tab ul li { display: table-cell; padding: 0 1.5px; width: 25%; }
  .product-detail-tab ul li a { text-align: center; display: block; background: #e1e1e1; font-size: 14px; color: #111; height: 66px; line-height: 66px; text-decoration: none; font-weight: 600; }
  .product-detail-h3-accordion { display: block; border: 0; background: #e1e1e1; text-align: center; width: 100%; padding: 21px 10px; font-size: 1.21429rem; font-weight: 600; color: #111; background-image: url("../img/svg/icon-arrow-down.svg"); background-origin: content-box; background-repeat: no-repeat; background-position: right; background-size: 16px; }
  .product-detail-h3-accordion.on { background: #000; color: #fff; background-image: url("../img/svg/icon-arrow-up-white.svg"); background-origin: content-box; background-repeat: no-repeat; background-position: right; background-size: 16px; }
  .dt-appraisal-write { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px 25px; }
  .dt-appraisal-write .dt-appraisal-write-in { position: relative; }
  .dt-appraisal-write .dt-appraisal-write-in .dt-appraisal-stats { font-size: 1rem; color: #111; font-weight: 600; margin-bottom: 14px; text-align: center; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-btn { display: block; height: 52px; font-size: 1rem; margin-bottom: 14px; outline: 0; width: 100%; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-btn.disable { cursor: context-menu; color: #fff; border-width: 1px; border-style: solid; border-color: #b2b2b2; background-color: #b2b2b2; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-tip { margin: 0; padding: 0; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-tip dt { font-size: 1rem; color: #111; font-weight: 600; margin-bottom: 3px; }
  .dt-appraisal-write .dt-appraisal-write-in .appraisal-write-tip dd { margin: 0; padding: 0; font-size: 0.92857rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li { background: #f7f7f7; margin-top: 10px; padding: 24px 10px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li:first-child { margin-top: 0; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .my-appraisal-title-box { position: relative; padding-bottom: 8px; margin-bottom: 17px; border-bottom: 1px solid #d7d7d7; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .my-appraisal-title-box .tt { font-size: 1rem; color: #010101; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .my-appraisal-title-box .day { font-size: 0.92857rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in { position: relative; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in:before, .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in:after { content: ""; display: table; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in:after { clear: both; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area { position: relative; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area:before, .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area:after { content: ""; display: table; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area:after { clear: both; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-pic { float: left; width: 55px; height: 55px; overflow: hidden; border-radius: 28px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-pic img { width: 100%; height: 100%; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-preparing-area .app-infor { font-size: 13px; color: #111; font-weight: 600; width: auto; overflow: hidden; padding: 0 0 0 25px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-blog-quick { margin-top: 10px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-blog-quick a { font-size: 0.92857rem; color: #000; text-decoration: none; font-weight: 600; text-decoration: none; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-blog-quick a .blog-quick-mark { margin: -5px 0 0 6px; display: inline-block; border-style: solid; border-color: transparent; border-top-width: 3px; border-bottom-width: 3px; border-right-width: 4px; border-left: 4px solid #000; vertical-align: middle; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area { margin-top: 10px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-con-title { font-size: 1.14286rem; color: #111; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-con-title .reply-tt { font-size: 1rem; display: inline-block; line-height: 1; padding: 2px 4px; margin-right: 5px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-con-title .reply-tt.best { color: #fff; background: #000; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-star .star-score-box { display: inline-block; background: url("../img/common/icon-star-stroked-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-star-stroked-2px-space_png.png") 0 0 repeat-x; font-size: 0; height: 12px; line-height: 0; overflow: hidden; width: 76px; position: relative; z-index: 1; vertical-align: middle; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-star .star-score-box .star-gauge { background: url("../img/common/icon-start-filled-2px-space.svg") 0 0 repeat-x; background: url("../img/common/icon-start-filled-2px-space_png.png") 0 0 repeat-x; float: left; height: 12px; display: block; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-star .star-total-num { font-size: 0.92857rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-contents-area .app-product-txt { margin-top: 30px; font-size: 1rem; color: #111; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-modify-btn { margin-top: 10px; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li .appraisal-list-li-in .appraisal-modify-btn .btn { width: 100%; height: 36px; font-weight: 600; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li.review-none { width: 100%; text-align: center; padding: 100px 0; background: none; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li.review-none .none-txt { font-size: 1.07143rem; color: #7d7d7d; }
  .dt-appraisal-list .appraisal-list-ul .appraisal-list-li.review-none .none-txt .review-ico { display: inline-block; width: 17px; height: 20px; vertical-align: middle; background: url("../img/common/tag-product-ico.png") 0 0 no-repeat; background-size: 17px auto; margin-right: 9px; }
  .product-detail-paging-wrap { padding: 23px 0; background: #f7f7f7; text-align: center; font-weight: 600; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-controll { text-decoration: none; font-size: 1rem; color: #111; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-controll.prev { margin-right: 50px; padding-left: 10px; background: url("../img/common/icon_pagination.png") left 4px no-repeat; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-controll.next { margin-left: 50px; padding-right: 10px; background: url("../img/common/icon_pagination.png") right -25px no-repeat; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num { display: inline-block; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li { display: inline-block; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li.on a { border: 2px solid #000; line-height: 20px; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-decoration: none; font-size: 1rem; color: #111; }
  .product-detail-paging-wrap .product-detail-paging-in .paging-num li span { display: inline-block; width: 24px; height: 24px; font-size: 1rem; color: #111; }
  .product-detail-import-text { font-size: 0.92857rem; color: #7d7d7d; }
  .product-detail-popcall-btn { padding: 0 10px; text-align: right; }
  .product-detail-popcall-btn ul li { display: inline-block; margin-left: 5px; }
  .product-detail-popcall-btn ul li:first-child { margin-left: 0; }
  .product-detail-popcall-btn ul li a { display: block; height: 25px; font-size: 1rem; color: #111; border-color: #000; font-weight: 600; letter-spacing: -1px; }
  .product-detail-board .data-table colgroup .tb-th-col { width: 42%; }
  .product-detail-board .data-table colgroup .tb-td-col { width: auto; }
  .shipping-deliver-guide ul li { margin-top: 24px; }
  .shipping-deliver-guide ul li:first-child { margin-top: 0; }
  .shipping-deliver-guide ul li dl { font-size: 1rem; padding: 0; margin: 0; }
  .shipping-deliver-guide ul li dl dt { color: #111; font-weight: 600; }
  .shipping-deliver-guide ul li dl dt a { color: #111; }
  .shipping-deliver-guide ul li dl dd { padding: 0; margin: 0; color: #7d7d7d; }
  /* product-detail */
  .submain-detail-case-wrap { padding-top: 25px; }
  .submain-detail-case-wrap:before, .submain-detail-case-wrap:after { content: ""; display: table; }
  .submain-detail-case-wrap:after { clear: both; }
  .submain-detail-case-wrap .submain-detail-order-wrap { padding: 0 20px; }
  .submain-detail-case-wrap .submain-detail-order-wrap:before, .submain-detail-case-wrap .submain-detail-order-wrap:after { content: ""; display: table; }
  .submain-detail-case-wrap .submain-detail-order-wrap:after { clear: both; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl { margin-top: 10px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl .detail-thum-pic-in { position: relative; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-nav div { position: absolute; top: 50%; width: 35px; height: 23px; font-size: 0; padding: 0; margin: 0; margin-top: -11.5px; z-index: 1; border: 0; cursor: pointer; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-nav div.owl-prev { left: 10px; background: url("../img/common/detail-thum-mobile-cont-nav-left.png") 0 0 no-repeat; background-size: 35px auto; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-nav div.owl-next { right: 10px; background: url("../img/common/detail-thum-mobile-cont-nav-right.png") 0 0 no-repeat; background-size: 35px auto; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl .detail-thum-pic-in .detail-thum-big-size .owl-nav div.disabled { display: none; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-thum-pic-wrap-owl .detail-thum-pic-in .product-issue { z-index: 1; top: 10px; right: 10px; width: 60px; height: 60px; border-radius: 30px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .capacity-od-box { margin-top: 15px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .amount-od-box { margin-top: 17px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .od-like-save { margin-top: 20px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .od-last-order { margin-top: 14px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .od-detail-contents { margin-top: 37px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .order-choice-wrap .naver-pay-wrap { margin-top: 23px; }
  .submain-detail-case-wrap .submain-detail-order-wrap .detail-share-zone { margin-top: 18px; text-align: center; }
  .submain-detail-case-wrap .detail-hashtag-wrap { margin: 30px 0 18px; }
  .submain-detail-case-wrap .product-detail-guide-wrap { margin-top: 40px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-tab { display: none; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap { padding-top: 1px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_01 .dt_content_desktop_view { display: none; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_01 .dt_content_mobile_view { display: block; padding-left: 10px; padding-right: 10px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_01 .dt_content_mobile_view iframe, .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_01 .dt_content_mobile_view img { max-width: 100%; height: auto; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_02 .product-dt-step-list .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_03 .product-dt-appraisal-list .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_03 .product-dt-appraisal-list .product-dt-appraisal-box .product-detail-paging-wrap { margin-top: 20px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_03 .product-dt-appraisal-list .product-detail-import-text { margin-top: 5px; padding: 0 10px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_04 .product-dt-summary-infor { position: relative; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_04 .product-dt-summary-infor .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap.detail-contents_04 .product-dt-summary-infor .product-detail-board { padding: 0 10px; margin-top: 10px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap .product-detail-area { height: 0; overflow: hidden; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap .product-detail-area .detail-area-pd { padding-top: 40px; padding-bottom: 40px; }
  .submain-detail-case-wrap .product-detail-guide-wrap .product-detail-contents-wrap .product-detail-area .detail-area-pd .page-tt-h3 { display: none; }
  .submain-detail-case-wrap .detail-hot-issue-carousel { padding-top: 40px; }
  .submain-detail-case-wrap .detail-hot-issue-carousel .page-tt-h3 { text-align: center; margin-bottom: 25px; padding: 0 20px; } }

@media (min-width: 1080px) { /* module */
  .list-page-big-banner { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 371px; position: relative; }
  .list-page-big-banner .b-ban-dim { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); padding: 40px 20px; text-align: center; letter-spacing: -1px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .list-page-big-banner .b-ban-dim .page-tt-h2 { font-size: 2.85714rem; color: #fff; }
  .list-page-big-banner .b-ban-dim .b-ban-txt { font-size: 1.14286rem; color: #fff; }
  .prod-list-sort-by-box:before, .prod-list-sort-by-box:after { content: ""; display: table; }
  .prod-list-sort-by-box:after { clear: both; }
  .prod-list-sort-by-box .sort-by-tt { display: inline-block; float: left; font-size: 1rem; color: #111; margin-top: 14px; margin-right: 30px; }
  .sort-by-select { background-color: #e1e1e1; }
  .sort-by-select .selectric-wrapper .selectric { background: #e1e1e1; border-color: #e1e1e1; }
  .sort-by-select .selectric-wrapper .selectric:hover { background: #d1d1d1; border-color: #d1d1d1; }
  .sort-by-select .selectric-wrapper .selectric .label { font-size: 1rem; color: #111; height: 48px; line-height: 48px; margin: 0 38px 0 23px; }
  .sort-by-select .selectric-wrapper .selectric .button { background: url("../img/svg/icon-arrow-down.svg") left center no-repeat; background-size: 16px; width: 16px; height: 16px; padding-right: 17px; top: 50%; margin-top: -8px; }
  .sort-by-select .selectric-wrapper .selectric .button:after { display: none; }
  .sort-by-select .selectric-wrapper .selectric-items { background: #f7f7f7; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; z-index: 0; border: 0; }
  .sort-by-select .selectric-wrapper .selectric-items .selectric-scroll ul li { height: 48px; line-height: 48px; font-size: 1rem; color: #111; padding: 0; padding: 0 17px 0 23px; }
  .sort-by-select .selectric-wrapper .selectric-items .selectric-scroll ul li.selected { background: #c4e4f9 url("../img/svg/icon-tick.svg") right center no-repeat; background-size: 18px; background-origin: content-box; }
  .sort-by-select .selectric-wrapper.selectric-open .selectric { background: #d1d1d1; border-color: #d1d1d1; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; }
  .sort-by-select .selectric-wrapper.selectric-open .selectric .button { background: url("../img/svg/icon-arrow-up.svg") left center no-repeat; background-size: 16px; }
  .filter-and-prod-btn:before, .filter-and-prod-btn:after { content: ""; display: table; }
  .filter-and-prod-btn:after { clear: both; }
  .filter-and-prod-btn .filter-open-btn-pc { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; display: block; font-size: 1rem; color: #111; background: #e1e1e1; text-decoration: none; width: 255px; height: 48px; line-height: 48px; padding: 0 20px 0 23px; -webkit-transition: .5s; transition: .5s; }
  .filter-and-prod-btn .filter-open-btn-pc .filter-mark { position: absolute; top: 50%; right: 20px; display: inline-block; width: 16px; height: 16px; margin-top: -7px; background: url("../img/svg/icon-arrow-left.svg") center center no-repeat; background-size: 9px; }
  .filter-and-prod-btn .filter-open-btn-pc.on { -webkit-transition: .5s; transition: .5s; width: 145px; }
  .filter-and-prod-btn .filter-open-btn-pc.on .filter-mark { background: url("../img/svg/icon-arrow-right.svg") center center no-repeat; background-size: 9px; }
  .filter-and-prod-btn .filter-open-btn-mobile { display: none; }
  .filter-and-prod-btn .prod-list-total { float: left; font-size: 1rem; font-weight: 600; color: #111; margin-left: 27px; margin-top: 13px; }
  .side-filter-box { font-size: 1rem; font-weight: 600; color: #111; -webkit-box-sizing: border-box; box-sizing: border-box; width: 255px; border-top: 0; overflow: hidden; }
  .side-filter-box button { border: 0; background: none; cursor: pointer; }
  .side-filter-box .side-filter-box-line { border: 2px solid #e1e1e1; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn { height: 0; -webkit-transition: .4s; transition: .4s; overflow: hidden; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn button { margin: 18px 21px 0 21px; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn button span { text-decoration: underline; white-space: nowrap; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn.on { -webkit-transition: .4s; transition: .4s; height: 60px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.on .side-filter-btn .fiter-part-mark { background: url("../img/svg/icon-arrow-up.svg") center center no-repeat; background-size: 16px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.on .side-filter-div { display: block; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-btn { position: relative; color: #111; height: 66px; padding: 0 21px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; background: #f7f7f7; white-space: nowrap; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-btn .fiter-part-mark { position: absolute; top: 50%; right: 20px; margin-top: -8px; display: inline-block; width: 16px; height: 16px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-btn:hover { background: #e4e4e4; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div { display: none; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist { padding: 12px 0; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li { position: relative; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label { display: block; padding: 12px 24px; cursor: pointer; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker { position: absolute; top: 16px; left: 21px; width: 14px; height: 14px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker span { width: 14px; height: 14px; background-position: -96px 0; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker span input[type="checkbox"] { width: 14px; height: 14px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker span.checked { background-position: -110px 0; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .check-txt { padding-left: 35px; white-space: nowrap; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li:hover .check-label { background: #e4e4e4; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.mobile { display: none; }
  .list-up-ea-btn .btn { width: 100%; font-size: 1rem; color: #2d2d2d; background: #e1e1e1; font-weight: 600; border: 0; }
  /* product-list-page-wrap */
  .product-list-page-wrap .product-list-contents-area { position: relative; margin-top: 27px; border-top: 1px solid #e1e1e1; padding-top: 48px; }
  .product-list-page-wrap .product-list-contents-area .prod-list-sort-by-box { position: absolute; top: 0; right: 0; }
  .product-list-page-wrap .product-list-contents-area .prod-list-sort-by-box .sort-by-select { float: left; width: 190px; }
  .product-list-page-wrap .product-list-contents-area .filter-and-prod-btn { position: absolute; top: 0; left: 0; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap:before, .product-list-page-wrap .product-list-contents-area .list-see-all-wrap:after { content: ""; display: table; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap:after { clear: both; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap .side-filter-box { display: block !important; float: left; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap .right-list-zone { float: none; width: auto; overflow: hidden; padding-top: 20px; padding: 20px 32px 0 48px; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap .right-list-zone .list-up-ea-btn { margin-top: 20px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .list-page-big-banner { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; position: relative; }
  .list-page-big-banner .b-ban-dim { width: 100%; height: 0; padding: 15% 0; position: relative; display: table; }
  .list-page-big-banner .b-ban-dim .page-tt-h2 { width: 100%; text-align: center; font-size: 1.78571rem; color: #fff; letter-spacing: -1px; text-transform: uppercase; font-family: "Interstate Black Cond", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; display: table-cell; vertical-align: middle; }
  .list-page-big-banner .b-ban-dim .b-ban-txt { display: none; }
  .prod-list-sort-by-box:before, .prod-list-sort-by-box:after { content: ""; display: table; }
  .prod-list-sort-by-box:after { clear: both; }
  .prod-list-sort-by-box .sort-by-tt { display: inline-block; float: left; font-size: 1rem; color: #111; margin-top: 14px; margin-right: 30px; }
  .sort-by-select { float: left; background-color: #e1e1e1; width: 190px; }
  .sort-by-select .selectric-wrapper .selectric { background: #e1e1e1; border-color: #e1e1e1; }
  .sort-by-select .selectric-wrapper .selectric:hover { background: #d1d1d1; border-color: #d1d1d1; }
  .sort-by-select .selectric-wrapper .selectric .label { font-size: 1rem; color: #111; height: 48px; line-height: 48px; margin: 0 38px 0 23px; }
  .sort-by-select .selectric-wrapper .selectric .button { background: url("../img/svg/icon-arrow-down.svg") left center no-repeat; background-size: 16px; width: 16px; height: 16px; padding-right: 17px; top: 50%; margin-top: -8px; }
  .sort-by-select .selectric-wrapper .selectric .button:after { display: none; }
  .sort-by-select .selectric-wrapper .selectric-items { background: #f7f7f7; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; z-index: 0; border: 0; }
  .sort-by-select .selectric-wrapper .selectric-items .selectric-scroll ul li { height: 48px; line-height: 48px; font-size: 1rem; color: #111; padding: 0; padding: 0 17px 0 23px; }
  .sort-by-select .selectric-wrapper .selectric-items .selectric-scroll ul li.selected { background: #c4e4f9 url("../img/svg/icon-tick.svg") right center no-repeat; background-size: 18px; background-origin: content-box; }
  .sort-by-select .selectric-wrapper.selectric-open .selectric { background: #d1d1d1; border-color: #d1d1d1; -webkit-box-shadow: 1px 2px 2px #7d7d7d; box-shadow: 1px 2px 2px #7d7d7d; }
  .filter-and-prod-btn:before, .filter-and-prod-btn:after { content: ""; display: table; }
  .filter-and-prod-btn:after { clear: both; }
  .filter-and-prod-btn .filter-open-btn-pc { display: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; font-size: 1rem; color: #111; background: #e1e1e1; text-decoration: none; width: 150px; height: 48px; line-height: 48px; padding: 0 20px 0 23px; }
  .filter-and-prod-btn .filter-open-btn-pc .filter-mark { position: absolute; top: 50%; right: 20px; display: inline-block; width: 16px; height: 16px; margin-top: -7px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px; }
  .filter-and-prod-btn .filter-open-btn-pc.on .filter-mark { background: url("../img/svg/icon-arrow-up.svg") center center no-repeat; background-size: 16px; }
  .filter-and-prod-btn .filter-open-btn-mobile { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; display: block; font-size: 1rem; color: #111; background: #e1e1e1; text-decoration: none; width: 150px; height: 48px; line-height: 48px; padding: 0 20px 0 23px; }
  .filter-and-prod-btn .filter-open-btn-mobile .filter-mark { position: absolute; top: 50%; right: 20px; display: inline-block; width: 16px; height: 16px; margin-top: -7px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px; }
  .filter-and-prod-btn .filter-open-btn-mobile.on .filter-mark { background: url("../img/svg/icon-arrow-up.svg") center center no-repeat; background-size: 16px; }
  .filter-and-prod-btn .prod-list-total { float: left; font-size: 1rem; font-weight: 600; color: #111; margin-top: 13px; }
  .side-filter-box { font-size: 1rem; font-weight: 600; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; display: none; }
  .side-filter-box button { border: 0; background: none; cursor: pointer; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn { height: 0; -webkit-transition: .4s; transition: .4s; overflow: hidden; text-align: center; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn button { margin: 18px 21px 0 21px; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn button span { text-decoration: underline; }
  .side-filter-box .side-filter-box-line .side-filter-clear-btn.on { -webkit-transition: .4s; transition: .4s; height: 60px; }
  .side-filter-box .side-filter-box-line .side-filter-ul { display: none; }
  .side-filter-box .side-filter-box-line .side-filter-ul.on { display: block; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li { margin-top: 2px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.on .side-filter-btn .fiter-part-mark { background: url("../img/svg/icon-arrow-up.svg") center center no-repeat; background-size: 16px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.on .side-filter-div { display: block; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-btn { position: relative; color: #111; height: 66px; padding: 0 21px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #f7f7f7; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-btn .fiter-part-mark { position: absolute; top: 50%; right: 20px; margin-top: -8px; display: inline-block; width: 16px; height: 16px; background: url("../img/svg/icon-arrow-down.svg") center center no-repeat; background-size: 16px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div { display: none; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist { background: #111; padding: 12px 0; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li { position: relative; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label { display: block; padding: 12px 24px; cursor: pointer; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker { position: absolute; top: 16px; left: 21px; width: 14px; height: 14px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker span { width: 14px; height: 14px; background-position: -138px 0; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker span input[type="checkbox"] { width: 14px; height: 14px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .checker span.checked { background-position: -124px 0; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li .side-filter-div .side-filter-in-checklist li .check-label .check-txt { padding-left: 35px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.mobile { display: block; margin-top: 12px; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.mobile .side-filter-btn { background: #e4e4e4; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.mobile .side-filter-div .side-filter-in-checklist li button { display: block; padding: 12px 17px 12px 24px; color: #fff; width: 100%; text-align: left; }
  .side-filter-box .side-filter-box-line .side-filter-ul .side-filter-li.mobile .side-filter-div .side-filter-in-checklist li.selected button { background: #c4e4f9 url("../img/svg/icon-tick-white.svg") right center no-repeat; background-origin: content-box; background-size: 20px; color: #111; }
  .list-up-ea-btn .btn { width: 100%; font-size: 1rem; color: #2d2d2d; background: #e1e1e1; font-weight: 600; border: 0; }
  /* product-list-page-wrap */
  .product-list-page-wrap .product-list-contents-area { position: relative; margin-top: 31px; padding: 0 10px; }
  .product-list-page-wrap .product-list-contents-area .prod-list-sort-by-box { display: none; position: absolute; top: 0; right: 0; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap:before, .product-list-page-wrap .product-list-contents-area .list-see-all-wrap:after { content: ""; display: table; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap:after { clear: both; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap .right-list-zone { float: none; width: auto; overflow: hidden; padding-top: 20px; }
  .product-list-page-wrap .product-list-contents-area .list-see-all-wrap .right-list-zone .list-up-ea-btn { margin-top: 20px; } }

@media (min-width: 1080px) { /* module */
  .order-sheet-h2 { font-size: 1.78571rem; color: #111; }
  .order-success-h2 { font-size: 1.28571rem; color: #111; }
  .order-sheet-h3-wrap { margin-bottom: 15px; }
  .order-sheet-h3-wrap:before, .order-sheet-h3-wrap:after { content: ""; display: table; }
  .order-sheet-h3-wrap:after { clear: both; }
  .order-sheet-h3-wrap h3 { display: inline-block; font-size: 1.28571rem; color: #111; vertical-align: middle; }
  .order-sheet-h3-wrap .order-sheet-h3-impor-txt { margin-left: 8px; display: inline-block; font-size: 1rem; color: #7d7d7d; vertical-align: middle; }
  .order-sheet-h3-wrap .my-address-choice-btn-box { float: right; }
  .order-sheet-h3-wrap .dot-guide-txt { font-size: 1rem; color: #111; padding-left: 7px; position: relative; margin-top: 5px; }
  .order-sheet-h3-wrap .dot-guide-txt:after { position: absolute; top: 10px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7d7d7d; }
  .order-sheet-step li { display: inline-block; font-size: 1.28571rem; color: #a1a1a1; font-weight: 500; padding-right: 25px; background: url("../img/order/shopping-basket-step-ico.png") right center no-repeat; }
  .order-sheet-step li.on { color: #111; }
  .order-sheet-step li:last-child { background: none; padding-right: 0; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li { position: relative; background: #f7f7f7; padding: 33px 30px 27px; margin-bottom: 12px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li:last-child { margin-bottom: 0; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div { position: relative; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd { position: relative; padding-bottom: 21px; min-height: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd:before, .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd:after { content: ""; display: table; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd:after { clear: both; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone { position: absolute; top: 0; left: 0; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label { display: block; position: relative; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label .order-g-check-zone { position: absolute; top: 0; left: 0; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label .img { padding-left: 34px; width: 145px; height: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label .img img { width: 100%; height: 100%; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con { padding-left: 224px; width: auto; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-link { font-size: 1rem; color: #111; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-cate { font-size: 1rem; color: #111; margin-top: 5px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-cate span { font-size: 0.92857rem; color: #c84b47; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-day { margin-top: 15px; font-size: 0.92857rem; color: #378c62; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea { margin-top: 10px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field { display: inline-block; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field .ea-put { width: 90px; height: 36px; vertical-align: middle; text-align: center; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field .btn { width: 73px; border-width: 2px; line-height: 32px; font-size: 0.85714rem; color: #111; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .sort-by-select { display: inline-block; vertical-align: middle; width: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .order-produc-write-ea { font-size: 0.92857rem; display: inline-block; vertical-align: middle; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .wish { margin-left: 13px; display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail { position: absolute; bottom: 18px; right: 0; font-size: 1rem; color: #111; text-align: right; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail .one-prod-pri .cancel-line { text-decoration: line-through; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail .one-prod-pri strong { margin-left: 9px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail .plus-sale-pri strong { color: #c84b47; font-weight: normal; margin-left: 9px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft { padding-top: 16px; border-top: 1px solid #e1e1e1; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft:before, .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft:after { content: ""; display: table; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft:after { clear: both; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point { float: left; font-size: 1rem; color: #111; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point .point-ico { display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 0 no-repeat; background-size: 100%; margin-right: 5px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point span { color: #378c62; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .last-total-order-price { float: right; font-size: 1.07143rem; color: #111; text-align: right; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .last-total-order-price strong { margin-left: 26px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .my-or-list-close-btn { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 18px; background: url("../img/order/or-cros-close-mark-ico.png") 0 0 no-repeat; background-size: 100%; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel { display: table; text-align: center; width: 100%; height: 100%; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel .sold-out-con-cell { display: table-cell; vertical-align: middle; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel .sold-out-con-cell p { font-size: 1rem; color: #fff; font-weight: lighter; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel .sold-out-con-cell .btn { margin-top: 10px; background: #fff; width: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li.soldout .sold-out-dim { display: block; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li.list-none .none-con { font-size: 1.5rem; text-align: center; height: 206px; line-height: 206px; color: #7d7d7d; }
  .mo-free-gift-gray-part { margin-top: -10px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li { border-bottom: 2px solid #999; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li:last-child { border-bottom: 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box { background: #f7f7f7; padding: 20px; margin: 10px 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box:before, .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box:after { content: ""; display: table; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box:after { clear: both; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img { float: left; position: relative; width: 80px; height: 80px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img img { width: 100%; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put { position: absolute; top: 1px; left: 1px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker { width: 14px; height: 14px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker span { width: 14px; height: 14px; background-position: -96px 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker span.checked { background-position: -110px 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker span input { width: 14px; height: 14px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con { width: auto; overflow: hidden; font-size: 1rem; color: #111; padding-left: 20px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con strong { font-weight: normal; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con strong .soldout { font-size: 0.92857rem; color: #fff; background: #000; padding: 0 5px; margin-right: 5px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con ul { margin-top: 10px; }
  .board-email-put-area { display: table; width: 100%; }
  .board-email-put-area .mail-name { display: table-cell; }
  .board-email-put-area .sora-mark { text-align: center; display: table-cell; width: 22px; }
  .board-email-put-area .mail-add { display: table-cell; }
  .board-email-put-area .mail-addchoice { display: table-cell; width: 150px; padding-left: 5px; }
  .order-graypd-box { background: #f7f7f7; padding: 30px 35px; }
  .payment-choice-radio ul li { position: relative; font-size: 0.92857rem; color: #111; padding-left: 6px; margin-bottom: 5px; }
  .payment-choice-radio ul li:last-child { margin-bottom: 0; }
  .payment-choice-radio ul li a { color: #111; font-weight: bold; text-decoration: none; }
  .payment-choice-radio ul li a:hover { text-decoration: underline; }
  .payment-choice-radio ul li:after { position: absolute; top: 9px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7d7d7d; }
  .myor-side-last-order-box { background: #fff; position: absolute; top: 104px; right: 0; width: 26.5%; }
  .myor-side-last-order-box .myor-side-last-order-line { border: 2px solid #e1e1e1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-tt { margin: -2px -2px 0; background: #111; color: #fff; font-size: 1.28571rem; padding: 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox { padding: 0 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line { border-bottom: 2px solid #e1e1e1; padding: 21px 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line:last-child { border-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line.pd-none { padding: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline.alone-pd { padding: 21px 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .tt { float: left; font-size: 1rem; color: #2d2d2d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won { float: right; font-size: 1.07143rem; color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.normal { font-weight: normal; font-size: 1rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.point { font-size: 0.92857rem; color: #7d7d7d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.point .point-ico { display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 0 no-repeat; background-size: 100%; margin-left: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.coupon { margin-top: -3px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.coupon .asset { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box { border-top: 1px solid #e1e1e1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li { border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li:last-child { border-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check .choice-radio .btn { color: #2d2d2d; border-color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check .choice-radio .choice-btn-right .btn { color: #2d2d2d; border-color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check.point .point-use-write .write-area input[type=text] { background: #fff; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check.point .point-use-write .btn { color: #2d2d2d; border-color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio label { float: left; font-size: 1rem; color: #2b2b2b; padding-top: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .choice-btn-right { float: right; font-size: 0.92857rem; color: #7d7d7d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .choice-btn-right .guide-txt { vertical-align: middle; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .choice-btn-right .btn { border-width: 2px; font-size: 0.85714rem; width: 73px; height: 32px; line-height: 28px; color: #ccc; border-color: #ccc; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .check-total-won { margin-top: 7px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .check-total-won p { text-align: right; font-size: 1rem; color: #2b2b2b; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box { margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box ul li { position: relative; font-size: 0.92857rem; color: #888; padding: 0; padding-left: 10px; margin-bottom: 5px; padding-bottom: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box ul li:last-child { padding-bottom: 0; margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box ul li:after { position: absolute; top: 9px; left: 0; content: ""; display: block; width: 2px; height: 2px; background: #999; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio label { float: left; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio label:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio label:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio label:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .point-ico-wrap { display: inline-block; vertical-align: top; padding-top: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .point-ico { display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 bottom no-repeat; background-size: 100%; margin-left: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list { display: none; position: absolute; top: 30px; left: 0; width: 300px; z-index: 1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list.on { display: block; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list.last-od { top: 35px; left: auto; right: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list ul { border: 1px solid #111; background: #fff; padding: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list ul li { font-size: 0.85714rem; color: #111; font-style: normal; margin-bottom: 5px; line-height: 1.4; border-bottom: 0; padding: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list ul li:last-child { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won { float: right; font-size: 0.92857rem; color: #7d7d7d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .point-use-write .write-area input[type=text] { background: #f1f1f1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .point-use-write .btn { color: #ccc; border-color: #ccc; border-width: 2px; font-weight: normal; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list { margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li p { float: left; font-size: 0.92857rem; color: #2d2d2d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li strong { float: right; font-size: 1rem; color: #111; font-weight: normal; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-last-guide-txt { text-align: right; font-size: 1rem; color: #888; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write { position: relative; margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write .write-area input { border: 2px solid #e1e1e1; vertical-align: bottom; width: 62%; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write .btn { position: absolute; top: 8px; right: 0; width: 73px; height: 32px; font-weight: bold; font-size: 0.85714rem; padding: 0 5px; line-height: 30px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write p { font-size: 13px; color: #c84b47; line-height: 100%; margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before { position: relative; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before p { float: left; font-size: 0.92857rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before .btn { margin-top: 15px; float: right; width: 73px; height: 32px; line-height: 28px; border-width: 2px; font-size: 0.85714rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn { border-top: 2px solid #e1e1e1; padding: 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total { color: #111; margin-bottom: 35px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total .total-tt { float: left; font-size: 1rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total .total-won { float: right; font-size: 1.07143rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .btn { display: block; width: 100%; margin-bottom: 5px; font-size: 1.14286rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .btn:last-child { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn { font-size: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .wish-wrap-div { display: inline-block; width: 20%; text-align: center; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .wish-wrap-div .wish { display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .wish-wrap-div .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .btn { display: inline-block; width: 80%; }
  .myor-side-last-order-box .naver-pay-wrap { margin-top: 20px; width: 100%; }
  .ex-point-area-box { position: relative; }
  .ex-point-area-box .point-ico { cursor: pointer; }
  .ex-point-area-box .ex-point-layer-list { display: none; position: absolute; top: 30px; left: 0; width: 300px; z-index: 1; }
  .ex-point-area-box .ex-point-layer-list.on { display: block; }
  .ex-point-area-box .ex-point-layer-list.last-od { top: 30px; left: auto; right: 0; }
  .ex-point-area-box .ex-point-layer-list ul { border: 1px solid #111; background: #fff; padding: 10px; }
  .ex-point-area-box .ex-point-layer-list ul li { font-size: 0.85714rem; color: #111; font-style: normal; margin-bottom: 5px; line-height: 1.4; }
  .ex-point-area-box .ex-point-layer-list ul li:last-child { margin-bottom: 0; }
  .my-order-controll-btn-wrap { margin-top: 15px; }
  .my-order-controll-btn-wrap .my-order-cont-gd li { font-size: 0.92857rem; color: #7d7d7d; }
  .my-order-controll-btn-wrap .my-order-cont-btn { margin-top: 30px; text-align: right; }
  .my-order-controll-btn-wrap .my-order-cont-btn .btn { width: 153px; padding: 0 5px; }
  .os-cash-receipt { margin-top: 20px; margin-bottom: 28px; position: relative; }
  .os-cash-receipt:before, .os-cash-receipt:after { content: ""; display: table; }
  .os-cash-receipt:after { clear: both; }
  .os-cash-receipt .os-cash-tt { position: absolute; top: 0; left: 0; }
  .os-cash-receipt .os-cash-form-area { padding-left: 130px; }
  .os-cash-receipt .os-cash-form-area .tel-box { width: 385px; }
  .os-cash-receipt .os-cash-form-area .tel-box:before, .os-cash-receipt .os-cash-form-area .tel-box:after { content: ""; display: table; }
  .os-cash-receipt .os-cash-form-area .tel-box:after { clear: both; }
  .os-cash-receipt .os-cash-form-area .tel-box .selectric-wrapper { float: left; width: 45%; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .os-cash-receipt .os-cash-form-area .tel-box input { float: left; width: 55%; }
  .os-cash-receipt .os-cash-form-area .name-box { margin-top: 8px; width: 385px; }
  .os-cash-receipt .os-cash-form-area .name-box input { width: 100%; }
  .order-success-banner-box .or-suc-ban-pc { display: block; }
  .order-success-banner-box .or-suc-ban-pc a img { width: 100%; }
  .order-success-banner-box .or-suc-ban-mobile { display: none; }
  .order-success-banner-box .or-suc-ban-mobile a img { width: 100%; }
  .order-success-infor-dot { position: relative; padding-left: 6px; }
  .order-success-infor-dot:before, .order-success-infor-dot:after { content: ""; display: table; }
  .order-success-infor-dot:after { clear: both; }
  .order-success-infor-dot:before { position: absolute; top: 10px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7c7c7c; }
  .order-success-infor-dot li { position: relative; float: left; font-size: 0.92857rem; color: #111; padding: 0 10px; }
  .order-success-infor-dot li:after { position: absolute; top: 6px; left: 0; display: block; content: ""; width: 1px; height: 10px; background: #ccc; }
  .order-success-infor-dot li:first-child { padding-left: 0; }
  .order-success-infor-dot li:first-child:after { display: none; }
  .not-bankbook-info-conlist { color: #2b2b2b; }
  .order-sheet-greenline-soldout-box { margin-bottom: 20px; }
  .order-sheet-greenline-soldout-box .in-green-line { border: 1px solid #b8cb84; padding: 28px 22px; }
  .order-sheet-greenline-soldout-box .in-green-line p { font-weight: 600; font-size: 1rem; color: #b8cb84; }
  .ok-agreemen-box .select-wrap { margin-top: 10px; text-align: center; padding: 10px 15px; background: #efefef; }
  .ok-agreemen-box .select-wrap .asset { float: none; display: inline-block; margin: 0 20px; }
  .ok-card-write-box .okcashbag-num-put:before, .ok-card-write-box .okcashbag-num-put:after { content: ""; display: table; }
  .ok-card-write-box .okcashbag-num-put:after { clear: both; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div { position: relative; float: left; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 14px; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div:after { position: absolute; top: 18px; right: -5px; display: block; content: ""; height: 1px; width: 10px; background: #000; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div:last-child:after { display: none; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div input { width: 100%; text-align: center; }
  .ok-card-write-box .guide { margin-top: 10px; }
  /* order-sheet-layout */
  .order-sheet-write-wrap { position: relative; padding-top: 10px; border-top: 1px solid #e1e1e1; }
  .order-sheet-write-wrap .order-sheet-haeder { margin-bottom: 20px; }
  .order-sheet-write-wrap .order-sheet-haeder:before, .order-sheet-write-wrap .order-sheet-haeder:after { content: ""; display: table; }
  .order-sheet-write-wrap .order-sheet-haeder:after { clear: both; }
  .order-sheet-write-wrap .order-sheet-haeder .order-sheet-h2 { float: left; }
  .order-sheet-write-wrap .order-sheet-haeder .order-sheet-step { float: right; padding-top: 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents { position: relative; }
  .order-sheet-write-wrap .order-sheet-write-contents input[type=text], .order-sheet-write-wrap .order-sheet-write-contents .selectric { border-width: 1px; }
  .order-sheet-write-wrap .order-sheet-write-contents .order-sheet-left-box { width: 71.5%; min-height: 633px; }
  .order-sheet-write-wrap .order-sheet-write-contents .my-order-sheet-freebie-box { margin-top: 40px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box { margin-top: 40px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .board-name-put-area input[type=text] { width: 143px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box { margin-top: 40px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset { height: auto; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset.postular-txt-write { margin-top: -6px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset.postular-txt-write label { vertical-align: middle; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset.postular-txt-write .postular-put { width: 50%; height: 36px; margin-left: 10px; vertical-align: middle; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box { margin-top: 40px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset { margin-right: 38px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .order-graypd-box .payment-choice-radio { margin-top: 18px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .payway-copy { margin-top: 15px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .payway-copy .asset label .checker { margin-right: 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box { margin-top: 40px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset { position: relative; margin-bottom: 20px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset .checker { margin-right: 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset .btn { position: absolute; top: 2px; left: 260px; }
  .order-sheet-write-wrap .all-ranges-wrap { margin-top: 86px; }
  .order-sheet-write-wrap .whats-hot-wrap { margin-top: 60px; }
  .order-sheet-write-wrap .whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .order-sheet-write-wrap .order-success-part-wrap { margin-top: 40px; }
  .order-sheet-write-wrap .order-success-part-wrap .order-success-infor-dot { margin-top: 10px; }
  .order-sheet-write-wrap .order-success-part-wrap .data-table { margin-top: 20px; }
  .order-sheet-write-wrap .order-success-part-wrap .data-table tbody tr td .status { width: 78px; }
  .order-sheet-write-wrap .order-success-part-wrap .fieldset { margin-top: 20px; }
  .order-sheet-write-wrap .order-success-btn-wrap { text-align: right; margin-top: 40px; }
  .order-sheet-write-wrap .order-success-btn-wrap .or-suc-btn { display: inline-block; }
  .order-sheet-write-wrap .order-success-btn-wrap .or-suc-btn .btn { width: 192px; height: 48px; }
  .order-sheet-write-wrap .order-graypd-box.mbile-only-gray { margin-top: 48px; }
  .order-sheet-write-wrap .order-graypd-box.mbile-only-gray .order-success-h2 .btn { margin-left: 10px; }
  .order-sheet-write-wrap .order-graypd-box.mbile-only-gray .payment-choice-radio { margin-top: 15px; }
  /* 제품목록 없음-layout */
  .order-basketlist-none-wrap .wish-list-none-guidebox .page-tt-h3 { font-weight: bold; font-size: 1.5rem; padding-top: 20px; text-align: center; }
  .order-basketlist-none-wrap .all-ranges-wrap { margin-top: 48px; }
  .order-basketlist-none-wrap .whats-hot-wrap { padding-top: 50px; padding-bottom: 50px; }
  .order-basketlist-none-wrap .whats-hot-wrap + .whats-hot-wrap { border-top: 1px #e1e1e1 solid; }
  .order-basketlist-none-wrap .whats-hot-wrap .page-tt-h3 { margin-bottom: 25px; text-align: center; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .order-sheet-h2 { font-size: 1.14286rem; color: #111; }
  .order-success-h2 { font-size: 1.07143rem; color: #111; }
  .order-sheet-h3-wrap { margin-bottom: 15px; }
  .order-sheet-h3-wrap:before, .order-sheet-h3-wrap:after { content: ""; display: table; }
  .order-sheet-h3-wrap:after { clear: both; }
  .order-sheet-h3-wrap h3 { display: inline-block; font-size: 1.07143rem; color: #111; vertical-align: middle; }
  .order-sheet-h3-wrap .order-sheet-h3-impor-txt { margin-left: 8px; display: inline-block; font-size: 1rem; color: #7d7d7d; vertical-align: middle; }
  .order-sheet-h3-wrap .my-address-choice-btn-box { float: right; }
  .order-sheet-h3-wrap .dot-guide-txt { font-size: 1rem; color: #111; padding-left: 7px; position: relative; margin-top: 5px; }
  .order-sheet-h3-wrap .dot-guide-txt:after { position: absolute; top: 10px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7d7d7d; }
  .order-sheet-step li { display: inline-block; font-size: 0.85714rem; color: #a1a1a1; font-weight: 500; padding-right: 25px; background: url("../img/order/shopping-basket-step-ico.png") right center no-repeat; }
  .order-sheet-step li.on { color: #111; }
  .order-sheet-step li:last-child { background: none; padding-right: 0; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li { position: relative; background: #f7f7f7; padding: 22px 20px; margin-bottom: 12px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li:last-child { margin-bottom: 0; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div { position: relative; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd { position: relative; padding-bottom: 21px; min-height: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd:before, .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd:after { content: ""; display: table; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd:after { clear: both; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label { display: block; position: relative; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label .img { width: 90px; height: 90px; margin-top: 5px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .pic-zone label .img img { width: 100%; height: 100%; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con { padding-left: 105px; width: auto; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-link { font-size: 1rem; color: #111; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-cate { font-size: 1rem; color: #111; margin-top: 5px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-cate span { font-size: 0.92857rem; color: #c84b47; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-day { font-size: 0.92857rem; color: #c84b47; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea { margin-top: 29px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field { display: inline-block; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field { margin-right: 13px; } }

@media (min-width: 0px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field .ea-put { width: 50%; max-width: 90px; height: 36px; vertical-align: middle; text-align: center; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field .ea-put { width: 90px; } }

@media (min-width: 0px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .ea-write-field .btn { width: 73px; border-width: 2px; line-height: 32px; font-size: 0.85714rem; color: #111; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .sort-by-select { display: inline-block; vertical-align: middle; width: 69%; max-width: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .capacity-counter { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .capacity-counter { display: inline-block; margin-right: 20px; } }

@media (min-width: 0px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .order-produc-write-ea { font-size: 0.92857rem; display: inline-block; vertical-align: middle; margin-right: 13px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .wish { display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .order-title-con .od-tt-ea .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail { font-size: 1rem; color: #111; text-align: right; padding-left: 105px; margin-top: 38px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail .one-prod-pri .cancel-line { text-decoration: line-through; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail .one-prod-pri strong { margin-left: 9px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-hd .price-detail .plus-sale-pri strong { color: #c84b47; font-weight: normal; margin-left: 9px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft { padding-top: 16px; border-top: 1px solid #e1e1e1; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft:before, .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft:after { content: ""; display: table; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft:after { clear: both; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point { font-size: 1rem; color: #111; text-align: right; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point .point-ico { display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 0 no-repeat; background-size: 100%; margin-right: 5px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point span { color: #378c62; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .ex-point { float: left; } }

@media (min-width: 0px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .last-total-order-price { font-size: 1.07143rem; color: #111; text-align: right; margin-top: 5px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .last-total-order-price strong { margin-left: 26px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .list-ft .last-total-order-price { float: right; } }

@media (min-width: 0px) and (max-width: 1079px) { .my-order-gray-list .my-order-gray-ul .my-order-gray-li .my-order-gray-div .my-or-list-close-btn { position: absolute; top: -12px; left: -12px; display: block; width: 18px; height: 18px; background: url("../img/order/or-cros-close-mark-ico.png") 0 0 no-repeat; background-size: 100%; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel { display: table; text-align: center; width: 100%; height: 100%; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel .sold-out-con-cell { display: table-cell; vertical-align: middle; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel .sold-out-con-cell p { font-size: 1rem; color: #fff; font-weight: lighter; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li .sold-out-dim .sold-out-con-tabel .sold-out-con-cell .btn { margin-top: 10px; background: #fff; width: 145px; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li.soldout .sold-out-dim { display: block; }
  .my-order-gray-list .my-order-gray-ul .my-order-gray-li.list-none .none-con { font-size: 1.07143rem; text-align: center; padding: 100px 0; color: #7d7d7d; }
  .mo-free-gift-gray-part { margin-top: -10px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li { border-bottom: 2px solid #999; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li:last-child { border-bottom: 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box { background: #f7f7f7; padding: 20px; margin: 10px 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box:before, .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box:after { content: ""; display: table; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box:after { clear: both; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img { float: left; position: relative; width: 80px; height: 80px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img img { width: 100%; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put { position: absolute; top: 1px; left: 1px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker { width: 14px; height: 14px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker span { width: 14px; height: 14px; background-position: -96px 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker span.checked { background-position: -110px 0; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .img .gift-put .checker span input { width: 14px; height: 14px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con { width: auto; overflow: hidden; font-size: 1rem; color: #111; padding-left: 20px; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con strong { font-weight: normal; }
  .mo-free-gift-gray-part .mo-free-gift-gray-part-li .mo-free-gift-gray-box .free-gift-con ul { margin-top: 10px; }
  .board-email-put-area { display: table; width: 100%; }
  .board-email-put-area .mail-name { display: table-cell; }
  .board-email-put-area .sora-mark { text-align: center; display: table-cell; width: 22px; }
  .board-email-put-area .mail-add { display: table-cell; }
  .board-email-put-area .mail-addchoice { display: table-cell; width: 150px; padding-left: 5px; }
  .order-graypd-box { background: #fff; padding: 15px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
  .order-graypd-box.mbile-only-gray { padding: 15px 13px; border: 0; background: #f7f7f7; }
  .payment-choice-radio ul li { position: relative; font-size: 0.92857rem; color: #111; padding-left: 6px; margin-bottom: 5px; }
  .payment-choice-radio ul li:last-child { margin-bottom: 0; }
  .payment-choice-radio ul li a { color: #111; font-weight: bold; text-decoration: none; }
  .payment-choice-radio ul li a:hover { text-decoration: underline; }
  .payment-choice-radio ul li:after { position: absolute; top: 9px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7d7d7d; }
  .myor-side-last-order-box { background: #fff; margin-top: 30px; }
  .myor-side-last-order-box .myor-side-last-order-line { border: 2px solid #e1e1e1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-tt { margin: -2px -2px 0; background: #111; color: #fff; font-size: 1.28571rem; padding: 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox { padding: 0 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line { border-bottom: 2px solid #e1e1e1; padding: 21px 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line:last-child { border-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line.pd-none { padding: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline.alone-pd { padding: 21px 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .tt { float: left; font-size: 1rem; color: #2d2d2d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won { float: right; font-size: 1.07143rem; color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.normal { font-weight: normal; font-size: 1rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.point { font-size: 0.92857rem; color: #7d7d7d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.point .point-ico { display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 0 no-repeat; background-size: 100%; margin-left: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.coupon { margin-top: -3px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .order-hdline .won.coupon .asset { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box { border-top: 1px solid #e1e1e1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li { border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li:last-child { border-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check .choice-radio .btn { color: #2d2d2d; border-color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check .choice-radio .choice-btn-right .btn { color: #2d2d2d; border-color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check.point .point-use-write .write-area input[type=text] { background: #fff; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li.on .true-check.point .point-use-write .btn { color: #2d2d2d; border-color: #111; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio label { float: left; font-size: 1rem; color: #2b2b2b; padding-top: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .btn { float: right; border-width: 2px; font-size: 0.85714rem; width: 73px; height: 32px; line-height: 28px; color: #ccc; border-color: #ccc; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .choice-btn-right { float: right; font-size: 0.92857rem; color: #7d7d7d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .choice-btn-right .guide-txt { vertical-align: middle; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .choice-radio .choice-btn-right .btn { border-width: 2px; font-size: 0.85714rem; width: 73px; height: 32px; line-height: 28px; color: #ccc; border-color: #ccc; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .check-total-won { margin-top: 7px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .check-total-won p { text-align: right; font-size: 1rem; color: #2b2b2b; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box { margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box ul li { position: relative; font-size: 0.92857rem; color: #888; padding: 0; padding-left: 10px; margin-bottom: 5px; padding-bottom: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box ul li:last-child { padding-bottom: 0; margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check .coupon-choice-list-box ul li:after { position: absolute; top: 9px; left: 0; content: ""; display: block; width: 2px; height: 2px; background: #999; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio label { float: left; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .point-ico-wrap { display: inline-block; vertical-align: top; padding-top: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .point-ico { display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 bottom no-repeat; background-size: 100%; margin-left: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list { display: none; position: absolute; top: 30px; left: 0; width: 300px; z-index: 1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list.on { display: block; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list.last-od { top: 35px; left: auto; right: 0; width: 100%; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list ul { border: 1px solid #111; background: #fff; padding: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list ul li { font-size: 0.85714rem; color: #111; font-style: normal; margin-bottom: 5px; line-height: 1.4; border-bottom: 0; padding: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .ex-point-layer-list ul li:last-child { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won { float: right; font-size: 0.92857rem; color: #7d7d7d; padding-top: 6px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .point-ico { display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url("../img/order/question-mark-ico.png") 0 0 no-repeat; background-size: 100%; margin-left: 5px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .ex-point-layer-list { display: none; position: absolute; top: 30px; left: 0; width: 300px; z-index: 1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .ex-point-layer-list.on { display: block; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .ex-point-layer-list.last-od { top: 35px; left: auto; right: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .ex-point-layer-list ul { border: 1px solid #111; background: #fff; padding: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .ex-point-layer-list ul li { font-size: 0.85714rem; color: #111; font-style: normal; margin-bottom: 5px; line-height: 1.4; border-bottom: 0; padding: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .choice-radio .won .ex-point-layer-list ul li:last-child { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .point-use-write .write-area input[type=text] { background: #f1f1f1; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .true-choice-area-box li .true-check.point .point-use-write .btn { color: #ccc; border-color: #ccc; border-width: 2px; font-weight: normal; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list { margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li p { float: left; font-size: 0.92857rem; color: #2d2d2d; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .benefit-list li strong { float: right; font-size: 1rem; color: #111; font-weight: normal; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-last-guide-txt { text-align: right; font-size: 1rem; color: #888; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write { position: relative; margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write .write-area input { border: 2px solid #e1e1e1; vertical-align: bottom; width: 62%; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write .btn { position: absolute; top: 8px; right: 0; width: 73px; height: 32px; font-weight: bold; font-size: 0.85714rem; padding: 0 5px; line-height: 30px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .point-use-write p { font-size: 13px; color: #c84b47; line-height: 100%; margin-top: 10px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before { position: relative; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before p { float: left; font-size: 0.92857rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before p br { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before p br { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) { .myor-side-last-order-box .myor-side-last-order-line .side-last-or-conbox .side-last-or-line .side-login-before .btn { margin-top: 15px; float: right; width: 73px; height: 32px; line-height: 28px; border-width: 2px; font-size: 0.85714rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn { border-top: 2px solid #e1e1e1; padding: 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total { color: #111; margin-bottom: 20px; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total:before, .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total:after { content: ""; display: table; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total:after { clear: both; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total .total-tt { float: left; font-size: 1rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .last-total .total-won { float: right; font-size: 1.07143rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .btn { display: block; width: 100%; margin-bottom: 5px; font-size: 1.14286rem; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .btn:last-child { margin-bottom: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn { font-size: 0; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .wish-wrap-div { display: inline-block; width: 20%; text-align: center; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .wish-wrap-div .wish { display: inline-block; width: 38px; height: 48px; border: 0; background: url("../img/common/icon-wishlist.svg") 0 center no-repeat; background-size: 36px; vertical-align: middle; cursor: pointer; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .wish-wrap-div .wish.on { background: url("../img/common/icon-wishlist-black.svg") 0 center no-repeat; }
  .myor-side-last-order-box .myor-side-last-order-line .side-last-or-order-btn .not-login-wishcont-btn .btn { display: inline-block; width: 80%; }
  .myor-side-last-order-box .naver-pay-wrap { margin-top: 20px; }
  .ex-point-area-box { position: relative; }
  .ex-point-area-box .point-ico { cursor: pointer; }
  .ex-point-area-box .ex-point-layer-list { display: none; position: absolute; top: 30px; left: 0; width: 100%; z-index: 1; }
  .ex-point-area-box .ex-point-layer-list.on { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .ex-point-area-box .ex-point-layer-list { width: 300px; } }

@media (min-width: 0px) and (max-width: 1079px) { .ex-point-area-box .ex-point-layer-list.last-od { top: 30px; left: auto; right: 0; width: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .ex-point-area-box .ex-point-layer-list.last-od { width: 300px; } }

@media (min-width: 0px) and (max-width: 1079px) { .ex-point-area-box .ex-point-layer-list ul { border: 1px solid #111; background: #fff; padding: 10px; text-align: left; }
  .ex-point-area-box .ex-point-layer-list ul li { font-size: 0.85714rem; color: #111; font-style: normal; margin-bottom: 5px; line-height: 1.4; }
  .ex-point-area-box .ex-point-layer-list ul li:last-child { margin-bottom: 0; }
  .my-order-controll-btn-wrap { margin-top: 15px; }
  .my-order-controll-btn-wrap .my-order-cont-gd li { font-size: 0.92857rem; color: #7d7d7d; }
  .my-order-controll-btn-wrap .my-order-cont-btn { margin-top: 20px; text-align: right; }
  .my-order-controll-btn-wrap .my-order-cont-btn .btn { width: 49%; padding: 0 5px; }
  .os-cash-receipt { border-top: 1px solid #e1e1e1; margin: 0 -10px; margin-top: 14px; padding: 14px 10px 0; }
  .os-cash-receipt .os-cash-form-area { margin-top: 10px; }
  .os-cash-receipt .os-cash-form-area .tel-box { width: 100%; }
  .os-cash-receipt .os-cash-form-area .tel-box:before, .os-cash-receipt .os-cash-form-area .tel-box:after { content: ""; display: table; }
  .os-cash-receipt .os-cash-form-area .tel-box:after { clear: both; }
  .os-cash-receipt .os-cash-form-area .tel-box .selectric-wrapper { float: left; width: 34%; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .os-cash-receipt .os-cash-form-area .tel-box input { float: left; width: 66%; }
  .os-cash-receipt .os-cash-form-area .name-box { margin-top: 8px; }
  .os-cash-receipt .os-cash-form-area .name-box input { width: 100%; }
  .order-success-banner-box .or-suc-ban-pc { display: none; }
  .order-success-banner-box .or-suc-ban-pc a img { width: 100%; }
  .order-success-banner-box .or-suc-ban-mobile { display: block; }
  .order-success-banner-box .or-suc-ban-mobile a img { width: 100%; }
  .order-success-infor-dot { position: relative; padding-left: 6px; }
  .order-success-infor-dot:before, .order-success-infor-dot:after { content: ""; display: table; }
  .order-success-infor-dot:after { clear: both; }
  .order-success-infor-dot:before { position: absolute; top: 10px; left: 0; display: block; content: ""; width: 2px; height: 2px; background: #7c7c7c; }
  .order-success-infor-dot li { position: relative; float: left; font-size: 0.92857rem; color: #111; padding: 0 10px; }
  .order-success-infor-dot li:after { position: absolute; top: 6px; left: 0; display: block; content: ""; width: 1px; height: 10px; background: #ccc; }
  .order-success-infor-dot li:first-child { padding-left: 0; }
  .order-success-infor-dot li:first-child:after { display: none; }
  .not-bankbook-info-conlist { color: #2b2b2b; }
  .order-sheet-greenline-soldout-box { padding: 20px 10px 13px; }
  .order-sheet-greenline-soldout-box .in-green-line { border: 1px solid #b8cb84; padding: 28px 22px; }
  .order-sheet-greenline-soldout-box .in-green-line p { text-align: center; font-weight: 600; font-size: 1rem; color: #b8cb84; }
  .ok-agreemen-box .select-wrap { margin-top: 10px; text-align: center; padding: 10px 15px; background: #efefef; }
  .ok-agreemen-box .select-wrap .asset { float: none; display: inline-block; margin: 0 2px; }
  .ok-card-write-box .okcashbag-num-put:before, .ok-card-write-box .okcashbag-num-put:after { content: ""; display: table; }
  .ok-card-write-box .okcashbag-num-put:after { clear: both; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div { position: relative; float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .ok-card-write-box .okcashbag-num-put .put-parent-div { width: 25%; padding: 0 14px; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div:after { position: absolute; top: 18px; right: -5px; display: block; content: ""; height: 1px; width: 10px; background: #000; } }

@media (min-width: 0px) and (max-width: 1079px) { .ok-card-write-box .okcashbag-num-put .put-parent-div:last-child { margin-bottom: 0; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div:last-child:after { display: none; }
  .ok-card-write-box .okcashbag-num-put .put-parent-div input { width: 100%; text-align: center; }
  .ok-card-write-box .guide { margin-top: 10px; }
  /* order-sheet-layout */
  .order-sheet-write-wrap { padding: 10px 10px 0; }
  .order-sheet-write-wrap .order-sheet-haeder { margin-bottom: 20px; }
  .order-sheet-write-wrap .order-sheet-haeder:before, .order-sheet-write-wrap .order-sheet-haeder:after { content: ""; display: table; }
  .order-sheet-write-wrap .order-sheet-haeder:after { clear: both; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .order-sheet-write-wrap .order-sheet-haeder .order-sheet-h2 { float: left; } }

@media (min-width: 0px) and (max-width: 1079px) { .order-sheet-write-wrap .order-sheet-haeder .order-sheet-step { padding-top: 5px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .order-sheet-write-wrap .order-sheet-haeder .order-sheet-step { float: right; } }

@media (min-width: 0px) and (max-width: 1079px) { .order-sheet-write-wrap .order-sheet-write-contents { position: relative; }
  .order-sheet-write-wrap .order-sheet-write-contents input[type=text], .order-sheet-write-wrap .order-sheet-write-contents .selectric { border-width: 1px; }
  .order-sheet-write-wrap .order-sheet-write-contents .order-sheet-left-box { height: auto !important; min-height: auto !important; }
  .order-sheet-write-wrap .order-sheet-write-contents .my-order-sheet-freebie-box { margin-top: 30px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box { margin-top: 30px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .board-name-put-area input[type=text] { width: 100%; max-width: 140px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .label { width: 28%; padding-left: 10px; padding-right: 10px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert { width: 72%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select { font-size: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select .selectric-wrapper { width: 40%; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric-hide-select .select-tric { width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric { width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric .label { padding-left: 0; width: auto; margin: 0 25px 0 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric .button { width: 26px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .with-select input[type=text] { font-size: 1rem; width: 60%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .board-email-put-area { display: block; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .board-email-put-area .mail-addchoice { margin-top: 3px; display: block; padding-left: 0; width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .input-address .with-btn { position: relative; padding-right: 105px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .input-address .with-btn input[type=text] { width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .input-address .with-btn .btn { position: absolute; top: 0; right: 0; width: 100px; padding: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-order-infor-box .fieldset .field .insert .board-email-put-area .mail-addchoice .selectric-wrapper .selectric .label { width: auto; margin: 0 25px 0 5px; padding-left: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box { margin-top: 30px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset { height: auto; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset.postular-txt-write label { vertical-align: middle; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .shipping-postular .asset.postular-txt-write .postular-put { width: 100%; vertical-align: middle; margin-top: 10px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .label { width: 28%; padding-left: 10px; padding-right: 10px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert { width: 72%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select { font-size: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select .selectric-wrapper { width: 40%; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric-hide-select .select-tric { width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric { width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric .label { padding-left: 0; width: auto; margin: 0 25px 0 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select .selectric-wrapper .selectric .button { width: 26px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .with-select input[type=text] { font-size: 1rem; width: 60%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .board-email-put-area { display: block; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .board-email-put-area .mail-addchoice { margin-top: 3px; display: block; padding-left: 0; width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .input-address .with-btn { position: relative; padding-right: 105px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .input-address .with-btn input[type=text] { width: 100%; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .input-address .with-btn .btn { position: absolute; top: 0; right: 0; width: 100px; padding: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-address-infor-box .fieldset .field .insert .board-email-put-area .mail-addchoice .selectric-wrapper .selectric .label { width: auto; margin: 0 25px 0 5px; padding-left: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box { margin-top: 30px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset { margin-right: 38px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .order-graypd-box .payment-choice-radio { margin-top: 18px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .payway-copy { margin-top: 10px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-payment-infor-box .payment-choice-radio-box .payway-copy .asset label .checker { margin-right: 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box { margin-top: 30px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset { position: relative; margin-bottom: 20px; height: auto; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset:last-child { margin-bottom: 0; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset .checker { margin-right: 5px; }
  .order-sheet-write-wrap .order-sheet-write-contents .myor-agreement-infor-box .payment-choice-radio-box .order-graypd-box .select-wrap .asset .btn { position: absolute; top: 2px; right: 0px; }
  .order-sheet-write-wrap .all-ranges-wrap { margin-top: 20px; }
  .order-sheet-write-wrap .whats-hot-wrap { margin-top: 30px; }
  .order-sheet-write-wrap .whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .order-sheet-write-wrap .order-success-part-wrap { margin-top: 27px; }
  .order-sheet-write-wrap .order-success-part-wrap .order-success-infor-dot { margin-top: 10px; }
  .order-sheet-write-wrap .order-success-part-wrap .data-table { margin-top: 10px; }
  .order-sheet-write-wrap .order-success-part-wrap .data-table tbody tr td.item-data { margin-top: 0; }
  .order-sheet-write-wrap .order-success-part-wrap .data-table tbody tr td .status { width: 78px; }
  .order-sheet-write-wrap .order-success-part-wrap .fieldset { margin-top: 10px; }
  .order-sheet-write-wrap .order-success-part-wrap .fieldset .field .label { padding-left: 10px; width: 97px; }
  .order-sheet-write-wrap .order-success-btn-wrap { text-align: center; font-size: 0; margin: 20px -2px 0; }
  .order-sheet-write-wrap .order-success-btn-wrap .or-suc-btn { display: inline-block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2px; }
  .order-sheet-write-wrap .order-success-btn-wrap .or-suc-btn .btn { width: 100%; height: 48px; margin: 0 2px; }
  .order-sheet-write-wrap .order-graypd-box { margin-top: 30px; }
  .order-sheet-write-wrap .order-graypd-box .order-success-h2 .btn { margin-left: 10px; }
  .order-sheet-write-wrap .order-graypd-box .payment-choice-radio { margin-top: 15px; }
  /* 제품목록 없음-layout */
  .order-basketlist-none-wrap .wish-list-none-guidebox { padding: 0 10px; }
  .order-basketlist-none-wrap .wish-list-none-guidebox .page-tt-h3 { font-weight: bold; font-size: 1.5rem; padding-top: 20px; text-align: center; }
  .order-basketlist-none-wrap .wish-list-none-guidebox .list-no-data { margin-top: 15px; }
  .order-basketlist-none-wrap .all-ranges-wrap { margin-top: 20px; }
  .order-basketlist-none-wrap .whats-hot-wrap { padding-top: 50px; padding-bottom: 50px; }
  .order-basketlist-none-wrap .whats-hot-wrap + .whats-hot-wrap { border-top: 1px #e1e1e1 solid; }
  .order-basketlist-none-wrap .whats-hot-wrap .page-tt-h3 { margin-bottom: 25px; text-align: center; } }

@media (min-width: 1080px) { /* module(검색) */
  .search-p-write-area { padding: 28px; background: #f7f7f7; }
  .search-p-write-area .search-p-w-in { position: relative; }
  .search-p-write-area .search-p-w-in .search-write { position: relative; }
  .search-p-write-area .search-p-w-in .search-write .write { -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; border: 2px solid #e1e1e1; padding-left: 44px; background: #fff; }
  .search-p-write-area .search-p-w-in .search-write .write input[type=text] { width: 100%; height: 100%; border: 0; padding-left: 0; }
  .search-p-write-area .search-p-w-in .search-write .btnn-button { border: 0; position: absolute; top: 0; left: 0; width: 44px; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../img/svg/icon-search.svg") 0 center no-repeat; background-size: 18px; background-origin: content-box; padding: 13px 0 12px 17px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap { margin-top: 15px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap:before, .search-p-write-area .search-p-w-in .search-recommend-tag-wrap:after { content: ""; display: table; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap:after { clear: both; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-tt { font-size: 1rem; color: #111; float: left; margin-top: 5px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list { width: auto; overflow: hidden; margin: -2px; padding-left: 18px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list:before, .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list:after { content: ""; display: table; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list:after { clear: both; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list li { float: left; margin: 2px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list li a { text-decoration: none; text-align: center; border: 1px solid #111; display: block; padding: 0 19px; font-size: 1rem; color: #111; background: #fff; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 28px; border-radius: 15px; }
  /* layout(검색) */
  .search-page-detail-wrap .search-list-cate-tab { margin-top: 60px; }
  .search-page-detail-wrap .search-p-result-area { margin-top: 48px; }
  .search-page-detail-wrap .search-p-result-area .review .product-list-contents-area .list-see-all-wrap .side-filter-box .side-filter-box-line { display: none; }
  .search-page-detail-wrap .search-p-result-area .review .product-list-contents-area .list-see-all-wrap .right-list-zone { padding: 38px 0 0; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module(검색) */
  .search-p-write-area { padding: 20px 15px; background: #f7f7f7; }
  .search-p-write-area .search-p-w-in { position: relative; }
  .search-p-write-area .search-p-w-in .search-write { position: relative; }
  .search-p-write-area .search-p-w-in .search-write .write { -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; border: 2px solid #e1e1e1; padding-left: 44px; background: #fff; }
  .search-p-write-area .search-p-w-in .search-write .write input[type=text] { width: 100%; height: 100%; border: 0; padding-left: 0; }
  .search-p-write-area .search-p-w-in .search-write .btnn-button { border: 0; position: absolute; top: 0; left: 0; width: 44px; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../img/svg/icon-search.svg") 0 center no-repeat; background-size: 18px; background-origin: content-box; padding: 13px 0 12px 17px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap { margin-top: 15px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap:before, .search-p-write-area .search-p-w-in .search-recommend-tag-wrap:after { content: ""; display: table; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap:after { clear: both; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-tt { font-size: 1rem; color: #111; float: left; margin-top: 5px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list { width: auto; overflow: hidden; margin: -2px; padding-left: 18px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list:before, .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list:after { content: ""; display: table; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list:after { clear: both; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list li { float: left; margin: 2px; }
  .search-p-write-area .search-p-w-in .search-recommend-tag-wrap .sear-rec-round-list li a { text-decoration: none; text-align: center; border: 1px solid #111; display: block; padding: 0 19px; font-size: 1rem; color: #111; background: #fff; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 28px; border-radius: 15px; }
  /* layout(검색) */
  .search-page-detail-wrap .search-list-cate-tab { margin-top: 20px; padding: 0 10px; }
  .search-page-detail-wrap .search-list-cate-tab .tab.medium { font-size: 0; margin: 0 -2px; }
  .search-page-detail-wrap .search-list-cate-tab .tab.medium li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 2px; }
  .search-page-detail-wrap .search-p-result-area { margin-top: 40px; } }

@media (min-width: 1080px) { /* module(main) */
  .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li a img { width: 100%; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li .m-p-vis-pc { display: block; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li .m-p-vis-mobile { display: none; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -16.5px; z-index: 1; width: 50px; height: 33px; border: 0; cursor: pointer; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-arrow.slick-prev { left: 24px; background: url("../img/main/main-slick-prev.png") 0 0 no-repeat; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-arrow.slick-next { right: 24px; background: url("../img/main/main-slick-next.png") 0 0 no-repeat; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots { font-size: 0; text-align: center; position: absolute; left: 0; bottom: 5%; width: 100%; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots li { display: inline-block; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; background: transparent; padding: 0; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots li.slick-active { background: #fff; border-color: #fff; }
  .main-p-event-banner-list ul { font-size: 0; margin: -12px -10px; }
  .main-p-event-banner-list ul:before, .main-p-event-banner-list ul:after { content: ""; display: table; }
  .main-p-event-banner-list ul:after { clear: both; }
  .main-p-event-banner-list ul li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; display: inline-block; text-align: center; padding: 12px 10px; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in { position: relative; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; height: 409px; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a img { width: 100%; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); color: #fff; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela { position: relative; min-height: 140px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 27px 0 15px; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .tt { display: block; font-size: 1.5rem; line-height: 1.3; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .guide { font-size: 0.92857rem; padding: 6px 0 13px; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view { position: absolute; bottom: 22px; left: 0; width: 100%; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view span { display: inline-block; font-size: 0.92857rem; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view span:after { display: block; content: ""; height: 1px; width: 100%; background: #fff; }
  /* layout(main) */
  .main-page-contents-wrap .main-p-sub-banner-wrap { margin-top: 25px; }
  .main-page-contents-wrap .main-p-sub-banner-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .main-page-contents-wrap .main-p-product-wrap .main-p-product-list { border-bottom: 1px solid #e1e1e1; padding: 55px 0; }
  .main-page-contents-wrap .main-p-product-wrap .main-p-product-list .whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .main-page-contents-wrap .main-p-event-banner-wrap { padding-top: 55px; }
  .main-page-contents-wrap .main-p-event-banner-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap { padding-top: 55px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap .page-tt-h3 { font-size: 1.78571rem; text-align: center; margin-bottom: 25px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap .main-p-our-commitment-btn { text-align: center; margin-top: 48px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap .main-p-our-commitment-btn .btn { width: 192px; height: 48px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module(main) */
  .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li a img { width: 100%; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li .m-p-vis-pc { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li .m-p-vis-pc { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) { .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li .m-p-vis-mobile { display: block; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .m-p-visual-banner-box .m-p-visual-banner-ul .m-p-visual-banner-li .m-p-vis-mobile { display: none; } }

@media (min-width: 0px) and (max-width: 1079px) { .m-p-visual-banner-box .m-p-visual-banner-ul .slick-arrow { font-size: 0; display: block; position: absolute; top: 50%; margin-top: -16.5px; z-index: 1; width: 50px; height: 33px; border: 0; cursor: pointer; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-arrow.slick-prev { left: 24px; background: url("../img/main/main-slick-prev.png") 0 0 no-repeat; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-arrow.slick-next { right: 24px; background: url("../img/main/main-slick-next.png") 0 0 no-repeat; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots { font-size: 0; text-align: center; position: absolute; left: 0; bottom: 5%; width: 100%; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots li { display: inline-block; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; background: transparent; padding: 0; }
  .m-p-visual-banner-box .m-p-visual-banner-ul .slick-dots li.slick-active { background: #fff; border-color: #fff; }
  .main-p-event-banner-list ul { padding: 0 10px; font-size: 0; margin: -12px -10px; }
  .main-p-event-banner-list ul:before, .main-p-event-banner-list ul:after { content: ""; display: table; }
  .main-p-event-banner-list ul:after { clear: both; }
  .main-p-event-banner-list ul li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block; text-align: center; padding: 12px 10px; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in { position: relative; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; height: 0; padding-top: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a { padding-top: 65%; } }

@media (min-width: 0px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a img { width: 100%; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); color: #fff; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela { position: relative; min-height: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 0 38px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela { padding: 27px 0 15px; min-height: 140px; } }

@media (min-width: 0px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .tt { display: block; font-size: 1.14286rem; line-height: 1.3; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .tt { font-size: 1.5rem; line-height: 1.3; } }

@media (min-width: 0px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .guide { font-size: 0.92857rem; padding: 6px 0 13px; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view { position: absolute; bottom: 15px; left: 0; width: 100%; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view span { display: inline-block; font-size: 0.92857rem; }
  .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view span:after { display: block; content: ""; height: 1px; width: 100%; background: #fff; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .main-p-event-banner-list ul li .all-ranges-lsit-in a .ab-guide-opa-box .ab-guide-opa-rela .detail-view span { display: inline-block; font-size: 0.92857rem; } }

@media (min-width: 0px) and (max-width: 1079px) { /* layout(main) */
  .main-page-contents-wrap .main-p-visual-banner-wrap { padding: 0 10px; }
  .main-page-contents-wrap .main-p-sub-banner-wrap { margin-top: 15px; }
  .main-page-contents-wrap .main-p-sub-banner-wrap .page-tt-h3 { text-align: center; margin-bottom: 12px; }
  .main-page-contents-wrap .main-p-product-wrap .main-p-product-list { padding: 45px 0 0; }
  .main-page-contents-wrap .main-p-product-wrap .main-p-product-list .whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 12px; }
  .main-page-contents-wrap .main-p-event-banner-wrap { padding-top: 45px; }
  .main-page-contents-wrap .main-p-event-banner-wrap .page-tt-h3 { text-align: center; margin-bottom: 12px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap { padding-top: 45px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap .page-tt-h3 { font-size: 1.78571rem; text-align: center; margin-bottom: 12px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap .main-p-our-commitment-btn { text-align: center; margin-top: 30px; }
  .main-page-contents-wrap .main-p-our-commitment-wrap .main-p-our-commitment-btn .btn { width: 192px; height: 48px; } }

@media (min-width: 1080px) { /* module */
  .rwd-iframe-movie-wrap { position: relative; padding-top: 56%; overflow: hidden; margin: 10px 0; }
  .rwd-iframe-movie-wrap iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
  .event-ban-lt-ul { margin: -7.5px -6.5px; }
  .event-ban-lt-ul:before, .event-ban-lt-ul:after { content: ""; display: table; }
  .event-ban-lt-ul:after { clear: both; }
  .event-ban-lt-ul .event-ban-lt-li { padding: 7.5px 6.5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link { position: relative; display: block; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in img { width: 100%; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt { position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: rgba(0, 0, 0, 0.7); padding: 12px 15px; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 0.92857rem; height: 61px; color: #fff; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .tt { line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.8em; text-align: center; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .tt:hover { text-decoration: underline; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .period { position: absolute; bottom: 0; left: 0; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .period .ev-state { font-size: 0.92857rem; color: #fff; padding: 2px 8px; margin-right: 5px; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .period .ev-state.end { background: #111; }
  .event-ban-lt-ul .event-ban-lt-li.list-none { width: 100%; }
  .event-ban-lt-ul .event-ban-lt-li.list-none .eve-none-txt { text-align: center; font-size: 1.5rem; color: #7d7d7d; padding: 180px 0; }
  .event-ban-lt-ul .event-ban-lt-li.list-none .eve-none-txt .eve-none-ico { display: inline-block; width: 22px; height: 21px; vertical-align: middle; background: url("../img/common/eve-none-ico.png") 0 0 no-repeat; margin-right: 9px; margin-top: -4px; }
  .eve-read-title-box .title-in .read-h2-tt { font-size: 4.28571rem; color: #000; text-align: center; line-height: 1; font-weight: lighter; font-family: "Interstate Condensed", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }
  .eve-read-con-tt { font-size: 2rem; color: #2b2b2b; text-align: center; line-height: 1; letter-spacing: -1px; }
  .our-read-con-tt { font-size: 2rem; color: #2b2b2b; text-align: center; line-height: 1; letter-spacing: -1px; }
  .eve-con-write-day .day-end { font-size: 0.85714rem; color: #fff; padding: 2px 8px; margin-right: 5px; background: #111; }
  .eve-con-write-day .d-txt { font-size: 1rem; color: #2b2b2b; }
  .eve-con-write-day .d-txt + .d-txt { position: relative; margin-left: 10px; padding-left: 11px; }
  .eve-con-write-day .d-txt + .d-txt:before { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #e1e1e1; }
  .eve-read-admin-edit-box .edit-pc-view { display: block; }
  .eve-read-admin-edit-box .edit-mobile-view { display: none; }
  .eve-detail-survey-box .gray-in-pd { padding: 40px 45px; background: #f7f7f7; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li { font-size: 1rem; color: #111; margin-bottom: 25px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li:last-child { margin-bottom: 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .n-check-tt { font-weight: normal; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul { margin-top: 15px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li { margin-bottom: 20px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li:last-child { margin-bottom: 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li .check-con .checker { margin-right: 10px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li .check-con .radio { margin-right: 9px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li .etc-txt-write { width: 650px; height: 36px; margin-left: 16px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-alone-put { margin-top: 15px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-alone-put input[type=text] { width: 733px; height: 36px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice { margin-top: 15px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul { margin: -10px 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul:before, .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul:after { content: ""; display: table; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul:after { clear: both; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul li { float: left; width: 407px; margin: 10px 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul li label .radio { margin-right: 13px; }
  .eve-detail-survey-box .gray-in-pd .d-survey-btn-wrap { text-align: center; margin-top: 20px; }
  .eve-detail-survey-box .gray-in-pd .d-survey-btn-wrap .survey-btn { display: inline-block; }
  .eve-detail-survey-box .gray-in-pd .d-survey-btn-wrap .survey-btn .btn { width: 192px; }
  .e-d-reply-search-area { background: #f7f7f7; padding: 24px; }
  .e-d-reply-search-area .reply-search-in { position: relative; }
  .e-d-reply-search-area .reply-search-in .write-put { padding-right: 114px; }
  .e-d-reply-search-area .reply-search-in .write-put input[type=text] { width: 100%; height: 36px; border-width: 1px; line-height: 1; }
  .e-d-reply-search-area .reply-search-in .btn { position: absolute; top: 0; right: 0; width: 109px; }
  .e-d-reply-search-area .reply-search-in .btn.disable { cursor: default; background: #888; }
  .reply-regist-list-area { margin-top: 10px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li { background: #f7f7f7; padding: 28px 45px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li + .regist-list-li { margin-top: 10px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div { position: relative; font-size: 0.92857rem; color: #111; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div:before, .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div:after { content: ""; display: table; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div:after { clear: both; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .day { position: absolute; top: 0; right: 0; color: #7d7d7d; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .code { font-weight: bold; float: left; margin-right: 58px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .reg-con-box { width: auto; overflow: hidden; padding-right: 100px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .reg-con-box .reg-txt { margin-top: 10px; font-size: 1rem; line-height: 1.4; }
  .product-exposure-list .product-exposure-li { border: 1px solid #e1e1e1; padding: 30px 0; height: 443px; margin-bottom: 25px; }
  .product-exposure-list .product-exposure-li:last-child { margin-bottom: 25px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div { position: relative; width: 100%; height: 100%; display: table; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con { display: table-cell; margin-right: 421px; padding: 0 330px 0 30px; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con:before, .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con:after { content: ""; display: table; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con:after { clear: both; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-pic { position: relative; width: 322px; display: table-cell; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-pic img { width: 100%; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-pic .product-issue { top: -27px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con { position: relative; width: auto; overflow: hidden; height: 100%; display: table-cell; vertical-align: top; padding-left: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .submain-deta-title-wrap .detail-tt-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .submain-deta-title-wrap .detail-sub-txt { font-size: 1.14286rem; margin-top: 10px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .capacity-total-num { margin-top: 20px; display: inline-block; vertical-align: bottom; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .capacity-total-num .aa-of-money { font-size: 1rem; color: #7d7d7d; text-decoration: line-through; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .capacity-total-num .total-money { font-size: 1.71429rem; color: #000; line-height: 1.1; margin-left: 5px; margin-right: 5px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .purchasing-limit-guide { min-width: auto; display: block; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .purchasing-limit-guide .day { display: block; min-width: auto; max-width: 320px; margin-top: 0; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .od-like-save { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 14px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .od-like-save .btn { padding: 0 10px; width: 40%; min-width: 53px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area { margin-top: 20px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .star-appraisal .product-appraisal { display: inline-block; vertical-align: middle; margin-left: 7px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .star-appraisal .product-appraisal .appraisal-ico-link .appraisal-ico { display: block; width: 17px; height: 16px; background: url("../img/common/ico-appraisal.png") 0 0 no-repeat; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .pro-detail-guide { font-size: 1rem; color: #000; margin-top: 3px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .capacity-total-num { margin-top: 8px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .capacity-total-num .limit-sale { display: block; min-width: auto; max-width: 320px; background: #f0f0f0; padding: 1px 60px; font-size: 0.85714rem; vertical-align: top; margin-top: 20px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con { position: absolute; top: 0; right: 0; border-left: 1px solid #e1e1e1; width: 293px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin-top: 25px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con .set-title { text-align: center; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con .set-title strong { font-size: 1.5rem; color: #2d2d2d; margin-top: -10px; }
  /* layout */
  .event-page-content-wrap { /* 진행중인 이벤트 */ /* 당첨자 발표(list) */ /* 당첨자 발표(read) */ /* 이벤트 상세 */ }
  .event-page-content-wrap .eventlist-select-choice-box { margin-top: 20px; }
  .event-page-content-wrap .eventlist-select-choice-box:before, .event-page-content-wrap .eventlist-select-choice-box:after { content: ""; display: table; }
  .event-page-content-wrap .eventlist-select-choice-box:after { clear: both; }
  .event-page-content-wrap .eventlist-select-choice-box .left-select { float: left; }
  .event-page-content-wrap .eventlist-select-choice-box .left-select .sort-by-select { width: 191px; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn { float: right; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn .e-bt { display: inline-block; vertical-align: middle; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn .e-bt .btn { width: 184px; }
  .event-page-content-wrap .event-banner-list-wrap { margin-top: 30px; }
  .event-page-content-wrap .list-up-ea-btn { margin-top: 48px; }
  .event-page-content-wrap .search-p-write-area { margin-top: 27px; }
  .event-page-content-wrap .data-table { margin-top: 36px; }
  .event-page-content-wrap .data-table colgroup col.column-wd-01 { width: 8%; }
  .event-page-content-wrap .data-table colgroup col.column-wd-02 { width: 6%; }
  .event-page-content-wrap .data-table colgroup col.column-wd-03 { width: auto; }
  .event-page-content-wrap .data-table colgroup col.column-wd-04 { width: 10%; }
  .event-page-content-wrap .data-table colgroup col.column-wd-05 { width: 8%; }
  .event-page-content-wrap .pagination { margin-top: 40px; }
  .event-page-content-wrap .eve-read-title-box .title-in { padding: 70px 145px; }
  .event-page-content-wrap .eve-read-title-box.detail-tt .title-in { padding: 60px 0 30px; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-con-tt { padding: 30px 0 50px; }
  .event-page-content-wrap .eve-read-contents-box .our-read-con-tt { padding: 30px 0 50px; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare { min-height: 33px; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare:before, .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare:after { content: ""; display: table; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare:after { clear: both; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare .detail-share-zone { float: left; width: auto; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare .eve-con-write-day { float: right; padding-top: 5px; }
  .event-page-content-wrap .eve-read-contents-area { margin-top: 10px; }
  .event-page-content-wrap .eve-read-paging-box { margin-top: 43px; }
  .event-page-content-wrap .eve-read-paging-box .board-navigation { margin-top: 0; }
  .event-page-content-wrap .eve-read-btn-box { margin-top: 40px; }
  .event-page-content-wrap .eve-read-btn-box .eve-read-btn-div { text-align: center; }
  .event-page-content-wrap .eve-read-btn-box .eve-read-btn-div .btn { width: 192px; }
  .event-page-content-wrap .eve-read-admin-edit-box { margin-top: 10px; }
  .event-page-content-wrap .eve-detail-survey-box { margin-top: 25px; }
  .event-page-content-wrap .eve-detail-whats-hot-wrap { border-top: 1px solid #e1e1e1; padding-top: 60px; margin-top: 48px; }
  .event-page-content-wrap .eve-detail-whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .event-page-content-wrap .eve-detail-reply-box { margin-top: 38px; }
  .event-page-content-wrap .eve-detail-product-exposure-wrap { margin-top: 25px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .rwd-iframe-movie-wrap { position: relative; padding-top: 56%; overflow: hidden; margin: 10px 0; }
  .rwd-iframe-movie-wrap iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
  .event-ban-lt-ul { margin: -7.5px -6.5px; padding: 0 10px; }
  .event-ban-lt-ul:before, .event-ban-lt-ul:after { content: ""; display: table; }
  .event-ban-lt-ul:after { clear: both; }
  .event-ban-lt-ul .event-ban-lt-li { padding: 7.5px 6.5px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .event-ban-lt-ul .event-ban-lt-li { width: 50%; } }

@media (min-width: 0px) and (max-width: 1079px) { .event-ban-lt-ul .event-ban-lt-li .ban-link { position: relative; display: block; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in img { width: 100%; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt { position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: rgba(0, 0, 0, 0.7); padding: 12px 15px; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 0.92857rem; height: 61px; color: #fff; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .tt { line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.8em; }
  .event-ban-lt-ul .event-ban-lt-li .ban-link .link-in .e-ban-tt .e-ban-rela .period { position: absolute; bottom: 0; left: 0; }
  .event-ban-lt-ul .event-ban-lt-li.list-none { width: 100%; }
  .event-ban-lt-ul .event-ban-lt-li.list-none .eve-none-txt { text-align: center; font-size: 1.07143rem; color: #7d7d7d; padding: 90px 0; }
  .event-ban-lt-ul .event-ban-lt-li.list-none .eve-none-txt .eve-none-ico { display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: url("../img/common/eve-none-ico.png") 0 0 no-repeat; margin-right: 9px; margin-top: -3px; background-size: 18px auto; }
  .eve-read-title-box .title-in .read-h2-tt { font-size: 2.64286rem; color: #000; text-align: center; line-height: 1; font-weight: lighter; font-family: "Interstate Condensed", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }
  .eve-read-con-tt { font-size: 1.42857rem; color: #2b2b2b; text-align: center; line-height: 1; letter-spacing: -1px; line-height: 1.3; }
  .our-read-con-tt { font-size: 1.42857rem; color: #2b2b2b; text-align: center; line-height: 1; letter-spacing: -1px; line-height: 1.3; }
  .eve-con-write-day .day-end { font-size: 0.85714rem; color: #fff; padding: 2px 8px; margin-right: 5px; background: #111; }
  .eve-con-write-day .d-txt { font-size: 1rem; color: #2b2b2b; }
  .eve-con-write-day .d-txt + .d-txt { position: relative; margin-left: 10px; padding-left: 11px; }
  .eve-con-write-day .d-txt + .d-txt:before { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #e1e1e1; }
  .eve-read-admin-edit-box .edit-pc-view { display: none; }
  .eve-read-admin-edit-box .edit-mobile-view { display: block; }
  .eve-detail-survey-box .gray-in-pd { padding: 20px 15px; background: #f7f7f7; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li { font-size: 1rem; color: #111; margin-bottom: 25px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li:last-child { margin-bottom: 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .n-check-tt { font-weight: normal; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul { margin-top: 15px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li { margin-bottom: 20px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li:last-child { margin-bottom: 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li .check-con .checker { margin-right: 10px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li .check-con .radio { margin-right: 9px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .check-ul .check-li .etc-txt-write { height: 36px; display: block; width: 100%; margin-top: 10px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-alone-put { margin-top: 15px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-alone-put input[type=text] { width: 100%; height: 36px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice { margin-top: 15px; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul { margin: -10px 0; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul:before, .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul:after { content: ""; display: table; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul:after { clear: both; }
  .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul li { margin: 10px 0; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul li { float: left; width: 407px; } }

@media (min-width: 0px) and (max-width: 1079px) { .eve-detail-survey-box .gray-in-pd .survey-num-check-list .num-check-li .survey-radio-choice ul li label .radio { margin-right: 13px; }
  .eve-detail-survey-box .gray-in-pd .d-survey-btn-wrap { text-align: center; margin-top: 20px; }
  .eve-detail-survey-box .gray-in-pd .d-survey-btn-wrap .survey-btn { display: inline-block; }
  .eve-detail-survey-box .gray-in-pd .d-survey-btn-wrap .survey-btn .btn { width: 192px; }
  .e-d-reply-search-area { background: #f7f7f7; padding: 20px 10px; }
  .e-d-reply-search-area .reply-search-in { position: relative; }
  .e-d-reply-search-area .reply-search-in .write-put { padding-right: 114px; }
  .e-d-reply-search-area .reply-search-in .write-put input[type=text] { width: 100%; height: 36px; border-width: 1px; line-height: 1; }
  .e-d-reply-search-area .reply-search-in .btn { position: absolute; top: 0; right: 0; width: 109px; }
  .e-d-reply-search-area .reply-search-in .btn.disable { cursor: default; background: #888; }
  .reply-regist-list-area { margin-top: 10px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li { background: #f7f7f7; padding: 20px 10px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li + .regist-list-li { margin-top: 10px; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div { position: relative; font-size: 0.92857rem; color: #111; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div:before, .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div:after { content: ""; display: table; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div:after { clear: both; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .day { position: absolute; top: 0; right: 0; color: #7d7d7d; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .code { font-weight: bold; display: block; margin-bottom: 10px; font-size: 1.07143rem; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .reg-con-box { width: auto; }
  .reply-regist-list-area .regist-list-ul .regist-list-li .regist-list-div .reg-con-box .reg-txt { margin-top: 10px; font-size: 1rem; line-height: 1.4; }
  .product-exposure-list .product-exposure-li { border: 1px solid #e1e1e1; margin-bottom: 25px; }
  .product-exposure-list .product-exposure-li:last-child { margin-bottom: 25px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div { position: relative; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con { text-align: center; padding: 20px 10px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-pic { display: inline-block; max-width: 400px; position: relative; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-pic img { width: 100%; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con { margin-top: 20px; position: relative; width: auto; overflow: hidden; vertical-align: top; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .submain-deta-title-wrap .detail-tt-h3 { line-height: 1.3; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .capacity-total-num { margin-top: 10px; display: inline-block; vertical-align: bottom; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .capacity-total-num .aa-of-money { font-size: 1rem; color: #7d7d7d; text-decoration: line-through; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .capacity-total-num .total-money { font-size: 1.71429rem; color: #000; line-height: 1.1; margin-left: 5px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .purchasing-limit-guide { min-width: auto; display: block; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .purchasing-limit-guide .day { display: inline-block; min-width: auto; max-width: 320px; margin-top: 0; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .od-like-save { margin-top: 20px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .od-like-save .btn { padding: 0 10px; min-width: 53px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area { margin-top: 20px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .star-appraisal .product-appraisal { display: inline-block; vertical-align: middle; margin-left: 7px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .star-appraisal .product-appraisal .appraisal-ico-link .appraisal-ico { display: block; width: 17px; height: 16px; background: url("../img/common/ico-appraisal.png") 0 0 no-repeat; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .pro-detail-guide { font-size: 1rem; color: #000; margin-top: 3px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .capacity-total-num { margin-top: 10px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-con .prod-rela-in-box .event-pro-detail-infor-area .capacity-total-num .limit-sale { display: block; min-width: auto; max-width: 320px; background: #f0f0f0; padding: 1px 60px; font-size: 0.85714rem; vertical-align: top; margin-top: 20px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con { border-top: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con .set-title { text-align: center; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con .set-title strong { font-size: 1.5rem; color: #2d2d2d; margin-top: -10px; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con .set-slide-box { max-width: 400px; margin: 0 auto; }
  .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-right-con .set-slide-box .whats-hot-lsit .whats-hot-li-ul .slick-arrow { margin-top: 38%; }
  /* layout */
  .event-page-content-wrap { /* 진행중인 이벤트 */ /* 당첨자 발표(list) */ /* 당첨자 발표(read) */ /* 이벤트 상세 */ }
  .event-page-content-wrap .eventlist-select-choice-box { margin-top: 20px; padding: 0 10px; }
  .event-page-content-wrap .eventlist-select-choice-box .left-select .sort-by-select { width: 100%; float: none; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn { font-size: 0; margin: 5px -5px 0; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn .e-bt { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; padding: 0 5px; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn .e-bt .btn { width: 100%; }
  .event-page-content-wrap .eventlist-select-choice-box .right-btn .e-bt .btn.txt-small { font-size: 0.85714rem; padding: 0 10px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .event-page-content-wrap .eventlist-select-choice-box .right-btn .e-bt .btn.txt-small { font-size: 1rem; } }

@media (min-width: 0px) and (max-width: 1079px) { .event-page-content-wrap .event-banner-list-wrap { margin-top: 20px; }
  .event-page-content-wrap .list-up-ea-btn { padding: 0 10px; margin-top: 20px; }
  .event-page-content-wrap .search-p-write-area { margin-top: 20px; }
  .event-page-content-wrap .data-table { margin-top: 20px; }
  .event-page-content-wrap .data-table colgroup col.column-wd-01 { width: 8%; }
  .event-page-content-wrap .data-table colgroup col.column-wd-02 { width: 16%; }
  .event-page-content-wrap .data-table colgroup col.column-wd-03 { width: auto; }
  .event-page-content-wrap .data-table colgroup col.column-wd-04 { width: 28%; }
  .event-page-content-wrap .data-table colgroup col.column-wd-05 { width: 8%; }
  .event-page-content-wrap .data-table .mobile-t-none { display: none; }
  .event-page-content-wrap .pagination { margin-top: 20px; }
  .event-page-content-wrap .eve-read-title-box .title-in { padding: 25px 0; }
  .event-page-content-wrap .eve-read-contents-box { padding: 0 10px; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-con-tt { margin-bottom: 20px; padding: 30px 0 0; text-align: left; }
  .event-page-content-wrap .eve-read-contents-box .our-read-con-tt { padding: 30px 0 0; text-align: left; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare { min-height: 33px; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare .detail-share-zone { width: auto; text-align: left; }
  .event-page-content-wrap .eve-read-contents-box .eve-read-c-dayshare .eve-con-write-day { padding-top: 20px; text-align: left; }
  .event-page-content-wrap .eve-read-contents-area { margin-top: 10px; padding: 0 10px; }
  .event-page-content-wrap .eve-read-paging-box { margin-top: 43px; }
  .event-page-content-wrap .eve-read-paging-box .board-navigation { margin-top: 0; }
  .event-page-content-wrap .eve-read-btn-box { margin-top: 40px; }
  .event-page-content-wrap .eve-read-btn-box .eve-read-btn-div { text-align: center; }
  .event-page-content-wrap .eve-read-btn-box .eve-read-btn-div .btn { width: 192px; }
  .event-page-content-wrap .eve-read-admin-edit-box { margin-top: 10px; }
  .event-page-content-wrap .eve-detail-survey-box { margin-top: 40px; }
  .event-page-content-wrap .eve-detail-whats-hot-wrap { padding-top: 40px; }
  .event-page-content-wrap .eve-detail-whats-hot-wrap .page-tt-h3 { text-align: center; margin-bottom: 25px; }
  .event-page-content-wrap .eve-detail-reply-box { margin-top: 40px; }
  .event-page-content-wrap .eve-detail-product-exposure-wrap { margin-top: 40px; }
  .event-page-content-wrap .eve-detail-product-exposure-wrap .product-exposure-list { padding: 0 10px; }
  .event-page-content-wrap .eve-detail-product-exposure-wrap .product-exposure-list .product-exposure-li .product-exposure-in-div .exposure-left-con .prod-pic .product-issue p { text-align: center; } }

@media (min-width: 1080px) { /* module */
  .gift-con-tt { font-size: 2rem; color: #111; text-align: center; line-height: 1.2; }
  .gift-normal-center-txt { font-size: 1rem; color: #2b2b2b; line-height: 1.8; text-align: center; }
  .gift-card-list-box .cd-if-area { text-align: center; margin-bottom: 45px; }
  .gift-card-list-box .cd-if-area:last-child { margin-bottom: 0; }
  .gift-card-list-box .cd-if-area .cd-tt { font-size: 1.28571rem; color: #111; }
  .gift-card-list-box .cd-if-area .cd-guide { font-size: 1rem; color: #2d2d2d; margin-top: 5px; }
  .gift-card-list-box .cd-if-area .cd-img { font-size: 0; margin-top: 20px; }
  .gift-card-list-box .cd-if-area .cd-img li { display: inline-block; width: 411px; padding: 0 6.5px; }
  .gift-card-list-box .cd-if-area .cd-img li div { border: 1px solid #d7d7d7; }
  .gift-card-list-box .cd-if-area .cd-img li div img { width: 100%; }
  .gift-card-list-box .gift-card-list-guide { text-align: center; font-size: 1rem; color: #2d2d2d; }
  .gift-bnc-dash-list { margin-bottom: 15px; }
  .gift-bnc-dash-list:last-child { margin-bottom: 0; }
  .gift-bnc-dash-list .dash-list-ul li { position: relative; font-size: 1rem; color: #2d2d2d; line-height: 1.6; margin-bottom: 5px; padding-left: 9px; }
  .gift-bnc-dash-list .dash-list-ul li:after { content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; position: absolute; top: 9px; left: 0; }
  .gift-bnc-dash-list .dash-list-ul li:last-child { margin-bottom: 0; }
  .gift-bnc-dash-list .g-strong-bold { display: block; font-size: 1rem; color: #2d2d2d; margin-bottom: 10px; }
  .gift-bnc-dash-list .g-nor-txt { font-size: 1rem; color: #2d2d2d; margin-bottom: 15px; }
  .access-list-ul-zone .access-list-li { font-size: 1rem; color: #2d2d2d; margin-bottom: 35px; }
  .access-list-ul-zone .access-list-li:last-child { margin-bottom: 0; }
  .access-list-ul-zone .access-list-li .access-tt { display: block; font-size: 1.28571rem; color: #111; }
  .access-list-ul-zone .access-list-li .access-st-txt { margin-top: 13px; }
  .access-list-ul-zone .access-list-li .access-st-txt { margin-top: 13px; }
  .access-list-ul-zone .access-list-li .access-lis-num { margin-top: 13px; list-style: decimal; padding-left: 18px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .access-in-lis { margin-top: 5px; margin-bottom: 8px; list-style: lower-roman; padding-left: 18px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .number-in-lis { margin-top: 5px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .number-in-lis li { position: relative; padding-left: 28px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .number-in-lis li .nb-span { position: absolute; top: 0; left: 0; }
  /* layout */
  .gift-page-content-wrap .tab { margin-top: 18px; }
  .gift-page-content-wrap .gift-contents-area { padding-top: 45px; }
  .gift-page-content-wrap .gift-contents-area .gift-normal-center-txt { margin-top: 40px; }
  .gift-page-content-wrap .gift-contents-area .gift-card-list-box { margin-top: 45px; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board { margin-top: 45px; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table colgroup col.first-col { width: 290px; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table colgroup col.last-col { width: auto; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table tbody tr th .gift-bnc-th-sub { color: #7d7d7d; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table tbody tr td { padding: 14px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .gift-con-tt { font-size: 1.78571rem; color: #111; text-align: center; line-height: 1.2; }
  .gift-con-tt br { display: none; }
  .gift-normal-center-txt { font-size: 1rem; color: #2b2b2b; line-height: 1.8; text-align: center; }
  .gift-card-list-box .cd-if-area { text-align: center; margin-bottom: 45px; }
  .gift-card-list-box .cd-if-area:last-child { margin-bottom: 0; }
  .gift-card-list-box .cd-if-area .cd-tt { font-size: 1.28571rem; color: #111; }
  .gift-card-list-box .cd-if-area .cd-guide { font-size: 1rem; color: #2d2d2d; margin-top: 5px; }
  .gift-card-list-box .cd-if-area .cd-img { font-size: 0; margin-top: 20px; }
  .gift-card-list-box .cd-if-area .cd-img li { display: block; padding: 0 6.5px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .gift-card-list-box .cd-if-area .cd-img li { display: inline-block; max-width: 411px; } }

@media (min-width: 0px) and (max-width: 1079px) { .gift-card-list-box .cd-if-area .cd-img li:last-child { margin-top: -1px; }
  .gift-card-list-box .cd-if-area .cd-img li div { border: 1px solid #d7d7d7; }
  .gift-card-list-box .cd-if-area .cd-img li div img { width: 100%; }
  .gift-card-list-box .gift-card-list-guide { text-align: center; font-size: 1rem; color: #2d2d2d; }
  .gift-bnc-dash-list { margin-bottom: 15px; }
  .gift-bnc-dash-list:last-child { margin-bottom: 0; }
  .gift-bnc-dash-list .dash-list-ul li { position: relative; font-size: 1rem; color: #2d2d2d; line-height: 1.6; margin-bottom: 5px; padding-left: 9px; }
  .gift-bnc-dash-list .dash-list-ul li:after { content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; position: absolute; top: 9px; left: 0; }
  .gift-bnc-dash-list .dash-list-ul li:last-child { margin-bottom: 0; }
  .gift-bnc-dash-list .g-strong-bold { display: block; font-size: 1rem; color: #2d2d2d; margin-bottom: 10px; }
  .gift-bnc-dash-list .g-nor-txt { font-size: 1rem; color: #2d2d2d; margin-bottom: 15px; }
  .access-list-ul-zone .access-list-li { font-size: 1rem; color: #2d2d2d; margin-bottom: 35px; }
  .access-list-ul-zone .access-list-li:last-child { margin-bottom: 0; }
  .access-list-ul-zone .access-list-li .access-tt { display: block; font-size: 1.28571rem; color: #111; }
  .access-list-ul-zone .access-list-li .access-st-txt { margin-top: 13px; }
  .access-list-ul-zone .access-list-li .access-st-txt { margin-top: 13px; }
  .access-list-ul-zone .access-list-li .access-lis-num { margin-top: 13px; list-style: decimal; padding-left: 18px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .access-in-lis { margin-top: 5px; margin-bottom: 8px; list-style: lower-roman; padding-left: 18px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .number-in-lis { margin-top: 5px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .number-in-lis li { position: relative; padding-left: 28px; }
  .access-list-ul-zone .access-list-li .access-lis-num .access-lis-li .number-in-lis li .nb-span { position: absolute; top: 0; left: 0; }
  /* layout */
  .gift-page-content-wrap .tab { height: auto; padding: 0 10px; margin: -5px; margin-top: 20px; }
  .gift-page-content-wrap .tab:before, .gift-page-content-wrap .tab:after { content: ""; display: table; }
  .gift-page-content-wrap .tab:after { clear: both; }
  .gift-page-content-wrap .tab li { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
  .gift-page-content-wrap .tab li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .gift-page-content-wrap .gift-contents-area { padding: 0 10px; padding-top: 30px; }
  .gift-page-content-wrap .gift-contents-area .gift-normal-center-txt { margin-top: 20px; }
  .gift-page-content-wrap .gift-contents-area .gift-card-list-box { margin-top: 45px; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board { margin-top: 45px; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table colgroup col.first-col { width: 29%; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table colgroup col.last-col { width: auto; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table tbody tr th { padding-left: 15px; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table tbody tr th .gift-bnc-th-sub { color: #7d7d7d; }
  .gift-page-content-wrap .gift-contents-area .gift-bnc-board .data-table tbody tr td { padding: 14px; } }

@media (min-width: 1080px) { /* module */
  .comm-tt-rela-zone { position: relative; }
  .comm-tt-rela-zone .community-h3-tt { font-size: 2rem; color: #111; text-align: center; }
  .comm-tt-rela-zone .comm-small-guide-txt { text-align: right; font-size: 1rem; color: #2d2d2d; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(1) { width: 268px; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(2) { width: 268px; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(3) { width: 275px; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(4) { width: auto; }
  .comm-friends-intro-board .data-table thead tr th { border: 2px solid #fff; }
  .comm-friends-intro-board .data-table thead tr th:first-child { border-left: 0; }
  .comm-friends-intro-board .data-table thead tr th:last-child { border-right: 0; }
  .comm-friends-intro-board .data-table tbody tr td { border: 2px solid #fff; }
  .comm-friends-intro-board .data-table tbody tr td:first-child { border-left: 0; }
  .comm-friends-intro-board .data-table tbody tr td:last-child { border-right: 0; }
  .comm-friends-intro-board .data-table tbody tr td .mobile-th { display: none; }
  .comm-white-quick-btn { text-align: center; }
  .comm-white-quick-btn .comm-bt-div { display: inline-block; }
  .comm-white-quick-btn .comm-bt-div .btn { width: 184px; }
  .gi-gray-circle-list-wrap ul { background: #f1f1f1; padding: 73px 70px; }
  .gi-gray-circle-list-wrap ul:before, .gi-gray-circle-list-wrap ul:after { content: ""; display: table; }
  .gi-gray-circle-list-wrap ul:after { clear: both; }
  .gi-gray-circle-list-wrap ul li { width: 20%; float: left; padding: 27px 0; }
  .gi-gray-circle-list-wrap ul li .pic-img { margin: 0 auto; width: 120px; height: 120px; overflow: hidden; border-radius: 60px; }
  .gi-gray-circle-list-wrap ul li .pic-img img { width: 100%; }
  .gi-gray-circle-list-wrap ul li .human-infor { text-align: center; font-size: 1rem; color: #2d2d2d; margin-top: 12px; }
  .gi-gray-circle-list-wrap ul li.list-none { width: 100%; text-align: center; }
  .gi-gray-circle-list-wrap ul li.list-none p { font-size: 1rem; color: #676767; }
  .friends-tit-h4 { font-size: 1.07143rem; color: #000; margin-bottom: 10px; }
  .fri-num-tt { font-size: 1rem; color: #2b2b2b; margin-bottom: 15px; display: block; font-weight: normal; }
  .fri-input-file .uploader { display: inline-block; vertical-align: middle; height: 36px; }
  .fri-input-file .uploader .action { height: 36px; line-height: 36px; }
  .fri-input-file .file-info-txt { margin-left: 5px; }
  .fri-num-list-board .fri-num-list-li { margin-bottom: 40px; }
  .fri-num-list-board .fri-num-list-li:last-child { margin-bottom: 0; }
  .fri-check-graypd-box { background: #f7f7f7; padding: 37px 48px; }
  .fri-check-graypd-box ul:before, .fri-check-graypd-box ul:after { content: ""; display: table; }
  .fri-check-graypd-box ul:after { clear: both; }
  .fri-check-graypd-box ul li { float: left; font-size: 1rem; color: #111; padding-right: 90px; margin: 10px 0; }
  .fri-check-graypd-box ul li label .checker { margin-right: 12px; }
  .fri-check-graypd-box ul li.rong-area { width: 100% !important; }
  .fri-check-graypd-box ul li.rong-area label .checker { margin-right: 12px; }
  .fri-check-graypd-box ul li.rong-area .etc-put { display: inline-block; padding-left: 15px; }
  .fri-check-graypd-box ul li.rong-area .etc-put input[type=text] { width: 560px; padding: 4px 10px; height: 36px; border-width: 1px; }
  .fri-check-graypd-box.persent-5 ul li { width: 20%; padding-right: 0; }
  .fri-check-graypd-box.persent-4 ul li { width: 25%; padding-right: 0; }
  /* layout */
  .community-page-content-wrap .community-con-wrap-box { padding-top: 40px; border-top: 1px solid #e1e1e1; }
  .community-page-content-wrap .comm-wrap-area .comm-tt-rela-zone { margin-bottom: 20px; }
  .community-page-content-wrap .comm-wrap-area .mail-nor-text { font-size: 1rem; color: #2d2d2d; margin-top: 10px; }
  .community-page-content-wrap .comm-wrap-area .mail-nor-text a { color: #2d2d2d; text-decoration: none; }
  .community-page-content-wrap .comm-wrap-area .mail-nor-text a:hover { text-decoration: underline; }
  .community-page-content-wrap .comm-white-quick-btn { margin-top: 40px; }
  .community-page-content-wrap .comm-32gi-area { margin-top: 60px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone { margin-bottom: 20px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice { position: absolute; top: 0; right: 0; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .sort-by-select { width: 200px; display: inline-block; vertical-align: middle; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .sort-by-select .selectric-wrapper .selectric { height: 44px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .btn { width: 130px; display: inline-block; vertical-align: middle; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-tt-rela-zone { margin-bottom: 20px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-intro-board .board-email-put-area { width: 635px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-intro-board .input-address { width: 635px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board { margin-top: 37px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .fri-area-form textarea { width: 100%; border: 1px #e1e1e1 solid; height: 104px; padding: 4px 10px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field .insert.in-table-in { padding: 0; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field .insert.in-table-in .field-double .field .label { background: #eaeaea; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field .insert.in-table-in .field-double + .field-double .field { width: 100%; }
  .community-page-content-wrap .fri-app-btn { font-size: 0; text-align: center; margin: 0 -2.5px; margin-top: 48px; }
  .community-page-content-wrap .fri-app-btn .fri-last-btn { display: inline-block; padding: 0 2.5px; }
  .community-page-content-wrap .fri-app-btn .fri-last-btn .btn { width: 192px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .comm-tt-rela-zone { position: relative; }
  .comm-tt-rela-zone .community-h3-tt { font-size: 1.35714rem; color: #111; text-align: center; }
  .comm-tt-rela-zone .comm-small-guide-txt { text-align: left; font-size: 1rem; color: #2d2d2d; }
  .comm-friends-intro-board .data-table { display: block; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(1) { width: 50%; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(2) { width: 50%; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(3) { width: 100%; }
  .comm-friends-intro-board .data-table colgroup col:nth-child(4) { width: 100%; }
  .comm-friends-intro-board .data-table thead { display: none; }
  .comm-friends-intro-board .data-table thead tr th { border: 2px solid #fff; }
  .comm-friends-intro-board .data-table thead tr th:first-child { border-left: 0; }
  .comm-friends-intro-board .data-table thead tr th:last-child { border-right: 0; }
  .comm-friends-intro-board .data-table tbody tr td { display: inline-block; vertical-align: top; border: 2px solid #fff; padding: 0; width: 100%; margin: 0 -2px -2px; }
  .comm-friends-intro-board .data-table tbody tr td:first-child { border-left: 0; }
  .comm-friends-intro-board .data-table tbody tr td:last-child { border-right: 0; }
  .comm-friends-intro-board .data-table tbody tr td.per-50 { width: 50%; }
  .comm-friends-intro-board .data-table tbody tr td .mobile-th { display: block; vertical-align: top; background: #e1e1e1; color: #111; padding: 14px 6px; }
  .comm-friends-intro-board .data-table tbody tr td .mobile-td { display: block; padding: 25px 10px; }
  .comm-friends-intro-board .data-table tbody tr td .mobile-td br { display: none; }
  .comm-white-quick-btn { text-align: center; }
  .comm-white-quick-btn .comm-bt-div { display: inline-block; }
  .comm-white-quick-btn .comm-bt-div .btn { width: 184px; }
  .gi-gray-circle-list-wrap ul { background: #f1f1f1; padding: 10px 5px; }
  .gi-gray-circle-list-wrap ul:before, .gi-gray-circle-list-wrap ul:after { content: ""; display: table; }
  .gi-gray-circle-list-wrap ul:after { clear: both; }
  .gi-gray-circle-list-wrap ul li { width: 50%; float: left; padding: 20px 0; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .gi-gray-circle-list-wrap ul li { width: 25%; } }

@media (min-width: 0px) and (max-width: 1079px) { .gi-gray-circle-list-wrap ul li .pic-img { margin: 0 auto; width: 80%; max-width: 150px; overflow: hidden; border-radius: 50%; }
  .gi-gray-circle-list-wrap ul li .pic-img img { width: 100%; }
  .gi-gray-circle-list-wrap ul li .human-infor { text-align: center; font-size: 1rem; color: #2d2d2d; margin-top: 12px; }
  .gi-gray-circle-list-wrap ul li.list-none { width: 100%; text-align: center; padding: 80px 0; }
  .gi-gray-circle-list-wrap ul li.list-none p { font-size: 1rem; color: #676767; }
  .friends-tit-h4 { font-size: 1.35714rem; color: #000; }
  .fri-num-tt { font-size: 1rem; color: #2b2b2b; margin-bottom: 10px; display: block; font-weight: normal; }
  .fri-input-file .uploader { display: inline-block; vertical-align: middle; height: 36px; }
  .fri-input-file .uploader .action { height: 36px; line-height: 36px; }
  .fri-input-file .file-info-txt { margin-top: 5px; display: block; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .fri-input-file .file-info-txt { margin-left: 5px; display: inline-block; } }

@media (min-width: 0px) and (max-width: 1079px) { .fri-num-list-board .fri-num-list-li { margin-bottom: 40px; }
  .fri-num-list-board .fri-num-list-li:last-child { margin-bottom: 0; }
  .fri-check-graypd-box ul:before, .fri-check-graypd-box ul:after { content: ""; display: table; }
  .fri-check-graypd-box ul:after { clear: both; }
  .fri-check-graypd-box ul li { font-size: 1rem; color: #111; margin: 10px 0; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .fri-check-graypd-box ul li { width: 50%; float: left; } }

@media (min-width: 0px) and (max-width: 1079px) { .fri-check-graypd-box ul li label .checker { margin-right: 12px; }
  .fri-check-graypd-box ul li.rong-area { width: 100% !important; }
  .fri-check-graypd-box ul li.rong-area:before, .fri-check-graypd-box ul li.rong-area:after { content: ""; display: table; }
  .fri-check-graypd-box ul li.rong-area:after { clear: both; }
  .fri-check-graypd-box ul li.rong-area label { float: left; margin-top: 7px; }
  .fri-check-graypd-box ul li.rong-area label .checker { margin-right: 12px; }
  .fri-check-graypd-box ul li.rong-area .etc-put { display: block; padding-left: 15px; width: auto; overflow: hidden; }
  .fri-check-graypd-box ul li.rong-area .etc-put input[type=text] { width: 100%; padding: 4px 10px; height: 36px; border-width: 1px; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .fri-check-graypd-box.persent-5 ul li { width: 50%; float: left; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .fri-check-graypd-box.persent-4 ul li { width: 50%; float: left; } }

@media (min-width: 0px) and (max-width: 1079px) { /* layout */
  .community-page-content-wrap .community-con-wrap-box { padding-top: 37px; margin-top: 22px; border-top: 1px solid #e1e1e1; }
  .community-page-content-wrap .comm-wrap-area { padding: 0 10px; }
  .community-page-content-wrap .comm-wrap-area .comm-tt-rela-zone { margin-bottom: 20px; }
  .community-page-content-wrap .comm-wrap-area .mail-nor-text { font-size: 1rem; color: #2d2d2d; margin-top: 10px; }
  .community-page-content-wrap .comm-wrap-area .mail-nor-text a { color: #2d2d2d; text-decoration: none; }
  .community-page-content-wrap .comm-wrap-area .mail-nor-text a:hover { text-decoration: underline; }
  .community-page-content-wrap .comm-white-quick-btn { margin: 0 -2px; margin-top: 20px; padding: 0 10px; font-size: 0; }
  .community-page-content-wrap .comm-white-quick-btn .comm-bt-div { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 2px; }
  .community-page-content-wrap .comm-white-quick-btn .comm-bt-div .btn { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .community-page-content-wrap .comm-32gi-area { margin-top: 37px; padding: 0 10px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone { margin-bottom: 20px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice { text-align: right; margin-top: 10px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .sort-by-select { text-align: left; float: none; width: 160px; display: inline-block; vertical-align: middle; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .sort-by-select .selectric-wrapper .selectric { height: 44px; }
  .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .btn { width: 85px; display: inline-block; vertical-align: middle; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .community-page-content-wrap .comm-32gi-area .comm-tt-rela-zone .gi-select-choice .btn { width: 14%; } }

@media (min-width: 0px) and (max-width: 1079px) { .community-page-content-wrap .comm-application-form-all-wrap { padding: 0 10px; }
  .community-page-content-wrap .comm-application-form-all-wrap .fieldset .label { width: 25%; padding-right: 10px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-tt-rela-zone { margin-bottom: 10px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-tt-rela-zone .community-h3-tt { text-align: left; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-intro-board .board-email-put-area { display: block; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-intro-board .board-email-put-area .mail-addchoice { margin-top: 3px; display: block; padding-left: 0; width: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-intro-board .board-email-put-area .mail-addchoice { max-width: 422px; } }

@media (min-width: 0px) and (max-width: 1079px) { .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-intro-board .board-email-put-area .mail-addchoice .selectric-wrapper .selectric .label { width: auto; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board { margin-top: 26px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .fri-area-form textarea { width: 100%; border: 1px #e1e1e1 solid; height: 104px; padding: 4px 10px; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field .insert.in-table-in { padding: 0; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field .insert.in-table-in .field-double .field .label { background: #eaeaea; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field .insert.in-table-in .field-double + .field-double .field { width: 100%; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field.mobile-layout-change .label { display: none; width: 100%; text-align: center; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field.mobile-layout-change .in-table-in { display: block; height: auto; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field.mobile-layout-change .in-table-in .field-double .field:first-child { border-top: 0; }
  .community-page-content-wrap .comm-application-form-all-wrap .comm-friends-additional-intro-board .field.mobile-layout-change .in-table-in .field-double .field .label { display: table-cell; width: 25%; text-align: left; background-color: #f7f7f7; }
  .community-page-content-wrap .fri-app-btn { font-size: 0; text-align: center; margin: 0 -2.5px; margin-top: 30px; padding: 0 10px; }
  .community-page-content-wrap .fri-app-btn .fri-last-btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 2.5px; width: 50%; }
  .community-page-content-wrap .fri-app-btn .fri-last-btn .btn { width: 100%; } }

@media (min-width: 1080px) { /* module */
  .lyb-mem-grade-list { color: #111; margin: 0 -12px; display: table; table-layout: fixed; }
  .lyb-mem-grade-list .lyb-mem-grade-li { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; width: 33.3%; height: 100%; background: #f7f7f7; border-left: 12px #fff solid; border-right: 12px #fff solid; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div { background-color: transparent; padding: 0 43px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box { text-align: center; border-bottom: 1px solid #e1e1e1; padding: 28px 0 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box .con-dt { font-size: 1.28571rem; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box .con-dd { height: 80px; display: table; width: 100%; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box .con-dd p { display: table-cell; font-size: 1rem; height: 100%; vertical-align: middle; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul { padding: 20.5px 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li { position: relative; padding: 17.5px 0; min-height: 65px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico { position: absolute; top: 7px; left: 0; width: 65px; height: 65px; background-color: #fff; border-radius: 33px; background-position: center; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.sale { background-image: url("../img/lyb/lyb-mem-sale-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.welcome { background-image: url("../img/lyb/lyb-mem-welcome-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.point { background-image: url("../img/lyb/lyb-mem-point-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.birthday { background-image: url("../img/lyb/lyb-mem-birthday-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.renewal { background-image: url("../img/lyb/lyb-mem-renewal-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt { padding-left: 90px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list { margin: 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dt { font-size: 1rem; font-weight: 500; margin-bottom: 5px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dd { margin: 0; font-size: 1rem; color: #2d2d2d; padding-left: 8px; position: relative; line-height: 1.5; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dd:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dd.dt-mgt-dd { margin-top: 15px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list { padding-left: 6px; margin-top: 15px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list li { font-size: 0.85714rem; color: #2d2d2d; position: relative; padding-left: 6px; line-height: 1.4; margin-bottom: 3px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list li:last-child { margin-bottom: 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list li:after { position: absolute; top: 9px; left: 0; content: ""; display: block; width: 2px; height: 2px; background: #7d7d7d; }
  .lyb-note-wrap:before, .lyb-note-wrap:after { content: ""; display: table; }
  .lyb-note-wrap:after { clear: both; }
  .lyb-note-wrap .note-tt { float: left; font-size: 1.28571rem; color: #111; display: block; margin-right: 25px; }
  .lyb-note-wrap .note-tt.red { color: #c84b47; }
  .lyb-note-wrap .note-con-list { float: left; list-style: decimal; padding-left: 20px; }
  .lyb-note-wrap .note-con-list li { font-size: 1rem; color: #7d7d7d; line-height: 1.9; }
  .lyb-note-wrap .note-con-list li.red { color: #c84b47; }
  .lyb-note-wrap .note-con-list li.none-style { list-style: none; }
  .lyb-note-wrap .note-con-list li .note-bt-zone { display: inline-block; margin-left: 5px; }
  .lyb-note-wrap .note-con-list li .note-bt-zone .btn { padding: 0 10px; }
  .lyb-note-wrap p { line-height: 26px; float: left; color: #7d7d7d; }
  .lyb-note-wrap p a { color: #c84b47; text-decoration: none; }
  .lyb-note-wrap p em { font-style: normal; display: block; }
  .lyb-note-wrap p > strong { display: block; font-weight: 400; }
  .poi-part-tt { display: block; font-size: 1.28571rem; color: #111; margin-bottom: 5px; }
  .poi-part-nor-txt { font-size: 1rem; color: #2d2d2d; }
  .poi-num-ol { list-style: decimal; padding-left: 15px; }
  .poi-num-ol li { font-size: 1rem; color: #2d2d2d; line-height: 1.4; margin-bottom: 5px; }
  .poi-num-ol li:last-child { margin-bottom: 0; }
  /* layout */
  .lyb-page-content-wrap .lyb-content-top-line { padding-top: 48px; border-top: 1px solid #e1e1e1; }
  .lyb-page-content-wrap .lyb-membership-grade-wrap { margin-top: 25px; }
  .lyb-page-content-wrap .lyb-note-wrap { margin-top: 45px; }
  .lyb-page-content-wrap .lyb-point-part-box { margin-top: 45px; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board { margin-top: 17px; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-01 { width: 230px; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-02 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-03 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-04 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody th { text-align: center; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody td { border-left: 1px solid #e1e1e1; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody td:nth-child(2) { border-left: 0; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody td .red-txt { color: #c84b47; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .lyb-mem-grade-list { color: #111; margin: 0 -12px; }
  .lyb-mem-grade-list:before, .lyb-mem-grade-list:after { content: ""; display: table; }
  .lyb-mem-grade-list:after { clear: both; }
  .lyb-mem-grade-list .lyb-mem-grade-li { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; margin-bottom: 10px; }
  .lyb-mem-grade-list .lyb-mem-grade-li:last-child { margin-bottom: 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div { background: #f7f7f7; padding: 0 35px; height: auto; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box { text-align: center; border-bottom: 1px solid #e1e1e1; padding: 28px 0 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box .con-dt { font-size: 1.28571rem; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box .con-dd { height: 80px; display: table; width: 100%; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-tt-box .con-dd p { display: table-cell; font-size: 1rem; height: 100%; vertical-align: middle; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul { padding: 20.5px 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li { position: relative; padding: 17.5px 0; min-height: 65px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico { position: absolute; top: 7px; left: 0; width: 60px; height: 60px; background-color: #fff; border-radius: 33px; background-position: center; background-size: 60px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.sale { background-image: url("../img/lyb/lyb-mem-sale-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.welcome { background-image: url("../img/lyb/lyb-mem-welcome-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.point { background-image: url("../img/lyb/lyb-mem-point-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.birthday { background-image: url("../img/lyb/lyb-mem-birthday-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-list-ico.renewal { background-image: url("../img/lyb/lyb-mem-renewal-ico.png"); }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt { padding-left: 80px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list { margin: 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dt { font-size: 1rem; font-weight: 500; margin-bottom: 5px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dd { margin: 0; font-size: 1rem; color: #2d2d2d; padding-left: 8px; position: relative; line-height: 1.5; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dd:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .detail-list dd.dt-mgt-dd { margin-top: 15px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list { padding-left: 6px; margin-top: 15px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list li { font-size: 0.85714rem; color: #2d2d2d; position: relative; padding-left: 6px; line-height: 1.4; margin-bottom: 3px; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list li:last-child { margin-bottom: 0; }
  .lyb-mem-grade-list .lyb-mem-grade-li .lyb-mem-grade-div .lyb-mem-con-box .lyb-mem-con-list-ul .lyb-mem-con-list-li .lyb-con-txt .dot-list li:after { position: absolute; top: 9px; left: 0; content: ""; display: block; width: 2px; height: 2px; background: #7d7d7d; }
  .lyb-note-wrap { padding: 0 10px; }
  .lyb-note-wrap:before, .lyb-note-wrap:after { content: ""; display: table; }
  .lyb-note-wrap:after { clear: both; }
  .lyb-note-wrap .note-tt { float: left; font-size: 1.28571rem; color: #111; display: block; margin-right: 25px; margin-bottom: 5px; }
  .lyb-note-wrap .note-con-list { float: left; list-style: decimal; padding-left: 20px; }
  .lyb-note-wrap .note-con-list li { font-size: 1rem; color: #7d7d7d; line-height: 1.9; }
  .lyb-note-wrap .note-con-list li.red { color: #c84b47; }
  .lyb-note-wrap .note-con-list li .note-bt-zone { display: inline-block; margin-left: 5px; }
  .lyb-note-wrap .note-con-list li .note-bt-zone .btn { padding: 0 10px; }
  .lyb-note-wrap p { float: none; clear: both; line-height: 1.9; }
  .lyb-note-wrap p a { color: #c84b47; text-decoration: none; }
  .lyb-note-wrap p em { display: inline; font-style: normal; }
  .lyb-note-wrap p > strong { display: block; font-weight: 400; }
  .poi-part-tt { display: block; font-size: 1.28571rem; color: #111; margin-bottom: 5px; }
  .poi-part-nor-txt { font-size: 1rem; color: #2d2d2d; }
  .poi-num-ol { list-style: decimal; padding-left: 15px; }
  .poi-num-ol li { font-size: 1rem; color: #2d2d2d; line-height: 1.4; margin-bottom: 5px; }
  .poi-num-ol li:last-child { margin-bottom: 0; }
  /* layout */
  .lyb-page-content-wrap .lyb-content-top-line { border-top: 1px solid #e1e1e1; }
  .lyb-page-content-wrap .lyb-content-top-line .tab { height: auto; padding: 0 10px; margin: -5px; margin-top: 20px; }
  .lyb-page-content-wrap .lyb-content-top-line .tab li { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
  .lyb-page-content-wrap .lyb-content-top-line .tab li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .lyb-page-content-wrap .lyb-membership-grade-wrap { margin-top: 25px; padding: 0 10px; }
  .lyb-page-content-wrap .lyb-note-wrap { margin-top: 18px; }
  .lyb-page-content-wrap .lyb-point-part-box { margin-top: 18px; padding: 0 10px; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board { margin-top: 17px; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-01 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-02 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-03 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board colgroup col.lyb-poi-save-col-04 { width: auto; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody th { text-align: center; padding: 14px 5px; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody td { border-left: 1px solid #e1e1e1; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody td:nth-child(2) { border-left: 0; }
  .lyb-page-content-wrap .lyb-point-part-box .lyb-poi-board tbody td .red-txt { color: #c84b47; } }

@media (min-width: 1080px) { /* module */
  .shop-sear-search-box { background: #f7f7f7; padding: 24px; }
  .shop-sear-search-box .ss-search-in { position: relative; }
  .shop-sear-search-box .ss-search-in:before, .shop-sear-search-box .ss-search-in:after { content: ""; display: table; }
  .shop-sear-search-box .ss-search-in:after { clear: both; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate { float: left; font-size: 0; width: 50%; margin: 0 -2px; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate .area-cate-sel { display: inline-block; width: 33.333333%; padding: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate .area-cate-sel .sort-by-select .selectric-wrapper .selectric { border: 0; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write { float: right; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd { display: inline-block; padding-right: 170px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put { position: relative; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .search-ico { display: block; width: 46px; height: 46px; position: absolute; top: 0; left: 0; background: url("../img/svg/icon-search.svg") center center no-repeat; background-size: 18px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-put { width: 100%; border-width: 1px; padding: 10px 40px 10px 44px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-put::-ms-clear { display: none; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-del { display: none; width: 46px; height: 46px; position: absolute; top: 0; right: 0; background: url("../img/svg/icon-close.svg") center center no-repeat; background-size: 18px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-del.on { display: block; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .btn { position: absolute; top: 0; right: 0; width: 150px; }
  .shop-sear-map-box { height: 580px; }
  .shop-sear-map-box:before, .shop-sear-map-box:after { content: ""; display: table; }
  .shop-sear-map-box:after { clear: both; }
  .shop-sear-map-box .ssm-detail-box { display: block !important; position: relative; float: left; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox { height: 100%; overflow: hidden; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list { position: relative; width: 380px; height: 100%; border: 2px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-tt { position: absolute; top: 0; left: 0; font-size: 1rem; color: #111; width: 100%; height: 48px; line-height: 48px; background: #e1e1e1; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc { height: 100%; padding-top: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone { height: 100%; overflow: hidden; overflow-y: auto; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li { border-bottom: 1px solid #e1e1e1; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li:last-child { border-bottom: 0; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box { display: block; text-decoration: none; padding: 15px 23px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div:before, .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div:after { content: ""; display: table; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div:after { clear: both; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .here-place-ico { float: left; display: block; color: #fff; font-style: normal; width: 30px; height: 40px; background: url("../img/common/map-place-ico.png") 0 0 no-repeat; text-align: center; line-height: 30px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .de-infor-txt { width: auto; overflow: hidden; color: #111; padding-left: 15px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .de-infor-txt .tt { font-size: 1rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .de-infor-txt .con-txt { font-size: 0.92857rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox { height: 100%; overflow: hidden; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list { position: relative; width: 380px; height: 100%; border: 2px solid #e1e1e1; padding: 46px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll { overflow: hidden; overflow-y: auto; height: 100%; padding: 0 23px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div:before, .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div:after { content: ""; display: table; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div:after { clear: both; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .here-place-ico { float: left; display: block; color: #fff; font-style: normal; width: 30px; height: 40px; background: url("../img/common/map-place-ico.png") 0 0 no-repeat; text-align: center; line-height: 30px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .de-infor-txt { width: auto; overflow: hidden; color: #111; padding-left: 15px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .de-infor-txt .tt { font-size: 1rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .de-infor-txt .con-txt { font-size: 0.92857rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-pic { margin-top: 15px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-pic img { max-width: 100%; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor { margin-top: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li { font-size: 0.92857rem; color: #111; margin-bottom: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li .dp-number-ico { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-position: center; margin-right: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li .dp-number-ico.tell { background-image: url("../img/common/dp-number-ico-tell.gif"); }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li .dp-number-ico.clock { background-image: url("../img/common/dp-number-ico-clock.gif"); }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-txt-infor li { font-size: 0.92857rem; color: #111; margin-bottom: 13px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-txt-infor li:last-child { margin-bottom: 0; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-txt-infor li p { line-height: 1.4; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .back-to-results-btn { z-index: 6; position: absolute; top: 0; right: 0; text-align: center; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .back-to-results-btn a { display: block; width: 46px; height: 46px; background: #e1e1e1 url("../img/svg/icon-close.svg") center no-repeat; background-size: 35%; position: relative; font-size: 1rem; font-weight: 500; color: #000; text-decoration: none; }
  .shop-sear-map-box .ssm-detail-box .place-list-toggle-btn { position: absolute; top: 0; right: 0; border: 0; background: #e1e1e1 url("../img/svg/icon-arrow-left.svg") center center no-repeat; background-size: 9px; width: 48px; height: 48px; cursor: pointer; z-index: 5; }
  .shop-sear-map-box .ssm-detail-box .place-list-toggle-btn.close { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; right: -48px; background: #e1e1e1 url("../img/svg/icon-arrow-right.svg") center center no-repeat; background-size: 9px; }
  .shop-sear-map-box .ssm-map-box { display: block !important; height: 100%; width: auto; overflow: hidden; }
  /* layout */
  .shop-search-page-wrap .shop-mobile-tab { display: none; }
  .shop-search-page-wrap .shop-sear-map-box { margin-top: 35px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .shop-sear-search-box { background: #f7f7f7; padding: 24px; }
  .shop-sear-search-box .ss-search-in { position: relative; }
  .shop-sear-search-box .ss-search-in:before, .shop-sear-search-box .ss-search-in:after { content: ""; display: table; }
  .shop-sear-search-box .ss-search-in:after { clear: both; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate { width: auto; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate .area-cate-sel { display: block; margin-bottom: 10px; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate .area-cate-sel .sort-by-select { float: none; width: auto; }
  .shop-sear-search-box .ss-search-in .shop-all-sel-cate .area-cate-sel .sort-by-select .selectric-wrapper .selectric { border: 0; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write { position: relative; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd { display: inline-block; padding-right: 160px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 1079px) { .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put { position: relative; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .search-ico { display: block; width: 46px; height: 46px; position: absolute; top: 0; left: 0; background: url("../img/svg/icon-search.svg") center center no-repeat; background-size: 18px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-put { width: 100%; border-width: 1px; padding: 10px 40px 10px 44px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-put::-ms-clear { display: none; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-del { display: none; width: 46px; height: 46px; position: absolute; top: 0; right: 0; background: url("../img/svg/icon-close.svg") center center no-repeat; background-size: 18px; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .search-write-pd .search-write-put .sc-word-del.on { display: block; }
  .shop-sear-search-box .ss-search-in .shop-all-put-write .btn { margin-top: 10px; position: static; width: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .shop-sear-search-box .ss-search-in .shop-all-put-write .btn { position: absolute; top: 0; right: 0; width: 150px; margin-top: 0; } }

@media (min-width: 0px) and (max-width: 1079px) { .shop-sear-map-box .ssm-detail-box { position: relative; height: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox { height: 100%; overflow: hidden; width: auto !important; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list { position: relative; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-tt { display: none; position: absolute; top: 0; left: 0; font-size: 1rem; color: #111; width: 100%; height: 48px; line-height: 48px; background: #e1e1e1; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone { height: 470px; overflow: hidden; overflow-y: auto; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li { border-bottom: 1px solid #e1e1e1; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li:last-child { border-bottom: 0; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box { display: block; text-decoration: none; padding: 15px 23px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div:before, .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div:after { content: ""; display: table; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div:after { clear: both; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .here-place-ico { float: left; display: block; color: #fff; font-style: normal; width: 30px; height: 40px; background: url("../img/common/map-place-ico.png") 0 0 no-repeat; text-align: center; line-height: 30px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .de-infor-txt { width: auto; overflow: hidden; color: #111; padding-left: 15px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .de-infor-txt .tt { font-size: 1rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-overbox .ssm-detail-place-list .detail-place-over-sc .detail-place-zone li .d-place-con-box .d-place-con-in-div .de-infor-txt .con-txt { font-size: 0.92857rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox { padding: 10px 0 0; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll { overflow: hidden; overflow-y: auto; height: 100%; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div:before, .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div:after { content: ""; display: table; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div:after { clear: both; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .here-place-ico { float: left; display: block; color: #fff; font-style: normal; width: 30px; height: 40px; background: url("../img/common/map-place-ico.png") 0 0 no-repeat; text-align: center; line-height: 30px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .de-infor-txt { width: auto; overflow: hidden; color: #111; padding-left: 15px; padding-right: 55px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .de-infor-txt .tt { font-size: 1rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-con-in-div .de-infor-txt .con-txt { font-size: 0.92857rem; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-pic { margin-top: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-pic img { width: 100%; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor { margin-top: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li { font-size: 0.92857rem; color: #111; margin-bottom: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li .dp-number-ico { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-position: center; margin-right: 20px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li .dp-number-ico.tell { background-image: url("../img/common/dp-number-ico-tell.gif"); }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-number-infor li .dp-number-ico.clock { background-image: url("../img/common/dp-number-ico-clock.gif"); }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-txt-infor li { font-size: 0.92857rem; color: #111; margin-bottom: 13px; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-txt-infor li:last-child { margin-bottom: 0; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .ssm-detail-infor-scroll .d-place-txt-infor li p { line-height: 1.4; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .back-to-results-btn { z-index: 6; position: absolute; top: 0; right: 0; text-align: center; }
  .shop-sear-map-box .ssm-detail-box .ssm-detail-place-infobox .ssm-detail-place-list .back-to-results-btn a { display: block; width: 46px; height: 46px; background: #e1e1e1 url("../img/svg/icon-close.svg") center no-repeat; background-size: 35%; position: relative; font-size: 1rem; font-weight: 500; color: #000; text-decoration: none; }
  .shop-sear-map-box .ssm-detail-box .place-list-toggle-btn { display: none; position: absolute; top: 0; right: 0; border: 0; background: #e1e1e1 url("../img/svg/icon-arrow-left.svg") center center no-repeat; background-size: 9px; width: 48px; height: 48px; cursor: pointer; }
  .shop-sear-map-box .ssm-detail-box .place-list-toggle-btn.close { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; right: -48px; background: #e1e1e1 url("../img/svg/icon-arrow-right.svg") center center no-repeat; background-size: 9px; }
  .shop-sear-map-box .ssm-map-box { padding: 0 10px; height: 470px; }
  .shop-sear-map-box .box-none { display: none; }
  /* layout */
  .shop-search-page-wrap .shop-mobile-tab { display: block; height: auto; padding: 0 10px; margin: -5px; margin-top: 20px; }
  .shop-search-page-wrap .shop-mobile-tab li { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
  .shop-search-page-wrap .shop-mobile-tab li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .shop-search-page-wrap .shop-sear-map-box { margin-top: 12px; } }

@media (min-width: 1080px) { /* module */
  .our-comm-small-contents { text-align: center; }
  .our-comm-small-contents strong { font-size: 2rem; color: #111; }
  .our-comm-small-contents p { margin-top: 10px; font-size: 1rem; color: #2d2d2d; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div { font-size: 0; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .pic-zone { display: inline-block; vertical-align: middle; width: 50%; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .pic-zone img { width: 100%; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone { display: inline-block; vertical-align: middle; width: 50%; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig { text-align: center; padding: 0 24px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-tt { font-size: 1.5rem; color: #111; font-weight: bold; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con { font-size: 1rem; color: #2d2d2d; margin-top: 13px; letter-spacing: 0.2px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list { margin-top: 20px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list li { margin-bottom: 12px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list li strong { font-weight: normal; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li.reverse .flo-zig-in-div .pic-zone { margin-left: 50%; margin-right: -50%; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li.reverse .flo-zig-in-div .con-zone { position: relative; margin-left: -50%; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li.verti-top .flo-zig-in-div .pic-zone { vertical-align: top; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li.verti-top .flo-zig-in-div .con-zone { margin-top: 20px; }
  .campaign-banner-list .cam-ban-li { margin-bottom: 48px; }
  .campaign-banner-list .cam-ban-li:last-child { margin-bottom: 0; }
  /* layout */
  .our-commitment-page-wrap .title-sale-save .page-tt-h3 { margin-bottom: 25px; margin-top: 25px; }
  .our-commitment-page-wrap .manifesto-detail-img-zone { margin-top: 48px; }
  .our-commitment-page-wrap .manifesto-detail-img-zone img { width: 100%; }
  .our-commitment-page-wrap .our-comm-bdt-wrap { padding-top: 40px; border-top: 1px solid #e1e1e1; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .our-comm-small-contents { text-align: center; }
  .our-comm-small-contents strong { font-size: 1.71429rem; color: #111; }
  .our-comm-small-contents p { margin-top: 10px; font-size: 1rem; color: #2d2d2d; }
  .our-comm-small-contents p br { display: none; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li { border-bottom: 1px solid #e1e1e1; padding-top: 40px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li:last-child { border-bottom: 0; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li:first-child { padding-top: 0; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .pic-zone img { width: 100%; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone { padding: 35px 30px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig { text-align: center; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-tt { font-size: 1.5rem; color: #111; font-weight: bold; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con { font-size: 1rem; color: #2d2d2d; margin-top: 13px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con br { display: none; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list { margin-top: 20px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list li { margin-bottom: 12px; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list li:last-child { margin-bottom: 0; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone .con-in-zig .zig-con .zig-ul-list li strong { font-weight: normal; }
  .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li:last-child .flo-zig-in-div .pic-zone { vertical-align: top; }
  .campaign-banner-list { padding: 0 10px; }
  .campaign-banner-list .cam-ban-li { margin-bottom: 48px; }
  .campaign-banner-list .cam-ban-li:last-child { margin-bottom: 0; }
  /* layout */
  .our-commitment-page-wrap .title-sale-save .page-tt-h3 { margin-bottom: 12px; margin-top: 12px; }
  .our-commitment-page-wrap .manifesto-detail-img-zone { display: none; }
  .our-commitment-page-wrap .manifesto-detail-img-zone img { width: 100%; }
  .our-commitment-page-wrap .our-comm-bdt-wrap { border-top: 1px solid #e1e1e1; padding-top: 40px; margin-top: 30px; }
  .our-commitment-page-wrap .our-comm-bdt-wrap .our-comm-small-contents p { padding: 0 30px; } }

@media (min-width: 1080px) { /* module */
  .cbs-normal-txt { font-size: 1rem; color: #2d2d2d; }
  .cbs-h3-title { font-size: 2rem; color: #111; text-align: center; margin-bottom: 15px; }
  .shoppic-list-box .shoppic-list-ul { padding: -6.5px; }
  .shoppic-list-box .shoppic-list-ul:before, .shoppic-list-box .shoppic-list-ul:after { content: ""; display: table; }
  .shoppic-list-box .shoppic-list-ul:after { clear: both; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li { width: 25%; padding: 6.5px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box { position: relative; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box .shop-pic img { width: 100%; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box .shop-area { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 40px; line-height: 40px; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box .shop-area p { text-align: center; font-size: 1.14286rem; color: #fff; }
  /* layout */
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap { padding-top: 40px; border-top: 1px solid #e1e1e1; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-normal-txt { text-align: center; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap { margin-top: 70px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table colgroup col.cbs-fea-col-01 { width: 232px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table colgroup col.cbs-fea-col-02 { width: auto; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table colgroup col.cbs-fea-col-03 { width: auto; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .floating-zig-content-wrap { margin-top: 48px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-shoppic-list-wrap { margin-top: 40px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info { padding: 48px 80px 40px; margin-top: 0; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li { width: 16%; margin-right: 5%; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li:last-child { margin: 0; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li:last-child:before { display: none; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li .ico { width: 105px; height: 105px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box { margin-top: 48px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .jjar-span { font-size: 1rem; color: #2d2d2d; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .jjar-span span { color: #7d7d7d; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-name-put-area { width: 230px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-name-put-area.in-box { display: inline-block; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-email-put-area { width: 638px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .select-wrap .asset label { vertical-align: middle; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .select-wrap .asset .write-txt-put { width: 230px; vertical-align: middle; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .fri-area-form textarea { border-width: 1px; width: 100%; height: 104px; padding: 4px 10px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .setup-pro-cbs-txt { position: relative; font-size: 1rem; color: #2d2d2d; padding-left: 10px; margin-top: 13px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .setup-pro-cbs-txt:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 3px; height: 3px; border-radius: 2px; background: #2d2d2d; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .cbs-setup-pro-btn { margin-top: 40px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .cbs-setup-pro-btn .cbs-in-brn-div { text-align: center; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .cbs-setup-pro-btn .cbs-in-brn-div .btn { width: 192px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .cbs-normal-txt { font-size: 1rem; color: #2d2d2d; }
  .cbs-h3-title { font-size: 1.5rem; color: #111; text-align: center; margin-bottom: 10px; }
  .shoppic-list-box .shoppic-list-ul { padding: 0 10px; margin: -5px; }
  .shoppic-list-box .shoppic-list-ul:before, .shoppic-list-box .shoppic-list-ul:after { content: ""; display: table; }
  .shoppic-list-box .shoppic-list-ul:after { clear: both; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li { width: 100%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .shoppic-list-box .shoppic-list-ul .shoppic-list-li { float: left; width: 50%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 1079px) { .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box { position: relative; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box .shop-pic img { width: 100%; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box .shop-area { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 40px; line-height: 40px; }
  .shoppic-list-box .shoppic-list-ul .shoppic-list-li .shop-in-box .shop-area p { text-align: center; font-size: 1.14286rem; color: #fff; }
  /* layout */
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap { padding-top: 40px; border-top: 1px solid #e1e1e1; margin-top: 24px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-normal-txt { text-align: center; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap { margin-top: 35px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board { padding: 0 10px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table colgroup col.cbs-fea-col-01 { width: 30%; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table colgroup col.cbs-fea-col-02 { width: auto; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table colgroup col.cbs-fea-col-03 { width: auto; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-partbox-wrap .cbs-feature-board .data-table tbody tr th { padding: 14px 6px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .floating-zig-content-wrap { margin-top: 48px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .floating-zig-content-wrap .flo-zig-con-ul { border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li { border-bottom: 0px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .floating-zig-content-wrap .flo-zig-con-ul .flo-zig-con-li .flo-zig-in-div .con-zone { padding: 15px 30px; }
  .cbs-guide-page-wrap .cbs-comm-bdt-wrap .cbs-shoppic-list-wrap { margin-top: 40px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box { padding: 0 10px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info { padding: 15px; margin-top: 20px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li { width: 43%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li { width: 16%; margin-right: 5%; } }

@media (min-width: 0px) and (max-width: 1079px) { .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li:last-child { margin: 0; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li:last-child:before { display: none; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-step-box .product-delivery-info li .ico { width: 105px; height: 105px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box { margin-top: 48px; padding: 0 10px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .label { width: 32%; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert { width: auto; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .jjar-span { display: block; font-size: 1rem; color: #2d2d2d; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .jjar-span { display: inline-block; } }

@media (min-width: 0px) and (max-width: 1079px) { .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .jjar-span span { color: #7d7d7d; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-name-put-area { width: 100%; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-name-put-area.in-box { display: inline-block; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .with-select .selectric-wrapper .selectric-hide-select .select-tric { width: 100%; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .with-select .selectric-wrapper .selectric .label { width: auto; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-email-put-area { display: block; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .board-email-put-area .mail-addchoice { margin-top: 3px; display: block; padding-left: 0; width: 100%; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .select-wrap .asset { height: auto; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .select-wrap .asset label { vertical-align: middle; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .select-wrap .asset .write-txt-put { width: auto; vertical-align: middle; margin-top: 5px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .fieldset .field .insert .fri-area-form textarea { border-width: 1px; width: 100%; height: 104px; padding: 4px 10px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .setup-pro-cbs-txt { position: relative; font-size: 1rem; color: #2d2d2d; padding-left: 10px; margin-top: 13px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .setup-pro-request-box .setup-pro-cbs-txt:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 3px; height: 3px; border-radius: 2px; background: #2d2d2d; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .cbs-setup-pro-btn { margin-top: 20px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .cbs-setup-pro-btn .cbs-in-brn-div { text-align: center; padding: 0 10px; }
  .cbs-guide-page-wrap .setup-procedure-guide-con .cbs-setup-pro-btn .cbs-in-brn-div .btn { width: 100%; } }

@media (min-width: 1080px) { /* module */
  .sitemap-tt-h3 { font-size: 2rem; color: #000; text-align: center; }
  .sitemap-li-ul { margin: 0 -20px; }
  .sitemap-li-ul:before, .sitemap-li-ul:after { content: ""; display: table; }
  .sitemap-li-ul:after { clear: both; }
  .sitemap-li-ul .sitemap-li-li { float: left; width: 20%; padding: 45px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sitemap-li-ul .sitemap-li-li .sitemap-tt-h4 { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; }
  .sitemap-li-ul .sitemap-li-li .sitemap-tt-h4 a { font-size: 1.28571rem; color: #111; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul { margin-top: 19px; padding-left: 13px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li { margin-bottom: 15px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li:last-child { margin-bottom: 0; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-02-div a { font-size: 1rem; color: #111; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-02-div a:hover { text-decoration: underline; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul { margin-top: 15px; padding-left: 7px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul .depth-03-li { margin-bottom: 15px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul .depth-03-li:last-child { margin-bottom: 0; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul .depth-03-li .depth-03-div a { font-size: 1rem; color: #111; }
  .sitemap-li-ul .sitemap-li-li a { text-decoration: none; }
  /* siteamp-detail */ }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .sitemap-tt-h3 { font-size: 2rem; color: #000; text-align: center; }
  .sitemap-li-ul:before, .sitemap-li-ul:after { content: ""; display: table; }
  .sitemap-li-ul:after { clear: both; }
  .sitemap-li-ul .sitemap-li-li { float: left; width: 100%; padding: 15px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .sitemap-li-ul .sitemap-li-li { text-align: center; padding: 30px 40px; } }

@media (min-width: 0px) and (max-width: 1079px) { .sitemap-li-ul .sitemap-li-li .sitemap-tt-h4 { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; }
  .sitemap-li-ul .sitemap-li-li .sitemap-tt-h4 a { font-size: 1.28571rem; color: #111; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul { margin-top: 19px; padding-left: 13px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li { margin-bottom: 15px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li:last-child { margin-bottom: 0; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-02-div a { font-size: 1rem; color: #111; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-02-div a:hover { text-decoration: underline; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul { margin-top: 15px; padding-left: 7px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul .depth-03-li { margin-bottom: 15px; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul .depth-03-li:last-child { margin-bottom: 0; }
  .sitemap-li-ul .sitemap-li-li .depth-02-ul .depth-02-li .depth-03-ul .depth-03-li .depth-03-div a { font-size: 1rem; color: #111; }
  .sitemap-li-ul .sitemap-li-li a { text-decoration: none; }
  /* siteamp-detail */
  .sitemap-page-wrap { padding-top: 12px; } }

@media (min-width: 1080px) { /* module */
  .privacy-tt-h3 { font-size: 5.14286rem; color: #000; text-align: center; padding: 70px 145px; line-height: 1; letter-spacing: -4px; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; }
  .privacy-select-choice-box:before, .privacy-select-choice-box:after { content: ""; display: table; }
  .privacy-select-choice-box:after { clear: both; }
  .privacy-select-choice-box .selectric-wrapper { float: right; width: 130px; }
  .privacy-contents-wrap { font-size: 14px; color: #2d2d2d; }
  .privacy-contents-wrap .gr { color: #58ad25; }
  .privacy-contents-wrap .small-guide-txt { font-size: 0.85714rem; color: #908989; }
  .privacy-contents-wrap .mg-pri-box { margin-top: 35px; }
  .privacy-contents-wrap .pri-gray-box { background: #f7f7f7; padding: 35px 25px; }
  .privacy-contents-wrap .pri-gray-box .gray-strong-tt { display: block; margin-bottom: 5px; }
  .privacy-contents-wrap .pri-bold-tt { display: block; margin-bottom: 5px; }
  .privacy-contents-wrap .number-ol { list-style: decimal; padding-left: 16px; }
  .privacy-contents-wrap .number-ol li { margin-bottom: 10px; }
  .privacy-contents-wrap .number-ol li:last-child { margin-bottom: 0; }
  .privacy-contents-wrap .number-ol.mgb-li-x li { margin-bottom: 0; }
  .privacy-contents-wrap .data-table.medium.pri-board colgroup col.pri-col-01 { width: 233px; }
  .privacy-contents-wrap .data-table.medium.pri-board colgroup col.pri-col-02 { width: auto; }
  .privacy-contents-wrap .data-table.medium.pri-board colgroup col.pri-col-03 { width: auto; }
  .privacy-contents-wrap .data-table.medium.pri-board thead th { text-align: center; }
  .privacy-contents-wrap .data-table.medium.pri-board tbody th, .privacy-contents-wrap .data-table.medium.pri-board tbody td { text-align: center; padding: 15px; color: #2b2b2b; }
  .privacy-contents-wrap .pri-dash-list li { position: relative; padding-left: 10px; text-align: left; margin-bottom: 3px; }
  .privacy-contents-wrap .pri-dash-list li:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; }
  .privacy-contents-wrap .pri-dash-list li:last-child { margin-bottom: 0; }
  .privacy-contents-wrap .pri-dash-green-color-list li { position: relative; padding-left: 10px; text-align: left; margin-bottom: 5px; }
  .privacy-contents-wrap .pri-dash-green-color-list li:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; }
  .privacy-contents-wrap .pri-dash-green-color-list li:last-child { margin-bottom: 0; }
  /* product-detail */
  .privacy-page-wrap .privacy-contents-wrap { margin-top: 20px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .privacy-tt-h3 { font-size: 2.85714rem; color: #000; text-align: center; padding: 25px 0; line-height: 1; letter-spacing: -3px; font-family: "Interstate", "thebodyshop_jung_170", "Open Sans", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Helvetica, Arial, sans-serif; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .privacy-tt-h3 { padding: 50px 0; } }

@media (min-width: 0px) and (max-width: 1079px) { .privacy-select-choice-box:before, .privacy-select-choice-box:after { content: ""; display: table; }
  .privacy-select-choice-box:after { clear: both; }
  .privacy-select-choice-box .selectric-wrapper { width: 100%; } }

@media (min-width: 0px) and (max-width: 1079px) and (min-width: 680px) and (max-width: 1079px) { .privacy-select-choice-box .selectric-wrapper { width: 130px; float: right; } }

@media (min-width: 0px) and (max-width: 1079px) { .privacy-contents-wrap { font-size: 14px; color: #2d2d2d; }
  .privacy-contents-wrap .gr { color: #58ad25; }
  .privacy-contents-wrap .small-guide-txt { font-size: 0.85714rem; color: #908989; }
  .privacy-contents-wrap .mg-pri-box { margin-top: 35px; }
  .privacy-contents-wrap .pri-gray-box { background: #f7f7f7; padding: 15px; }
  .privacy-contents-wrap .pri-gray-box .gray-strong-tt { display: block; margin-bottom: 5px; }
  .privacy-contents-wrap .pri-bold-tt { display: block; margin-bottom: 5px; }
  .privacy-contents-wrap .number-ol { list-style: decimal; padding-left: 16px; }
  .privacy-contents-wrap .number-ol li { margin-bottom: 10px; }
  .privacy-contents-wrap .number-ol li:last-child { margin-bottom: 0; }
  .privacy-contents-wrap .number-ol.mgb-li-x li { margin-bottom: 0; }
  .privacy-contents-wrap .data-table.medium.pri-board colgroup col.pri-col-01 { width: 16%; }
  .privacy-contents-wrap .data-table.medium.pri-board colgroup col.pri-col-02 { width: auto; }
  .privacy-contents-wrap .data-table.medium.pri-board colgroup col.pri-col-03 { width: auto; }
  .privacy-contents-wrap .data-table.medium.pri-board thead th { text-align: center; }
  .privacy-contents-wrap .data-table.medium.pri-board tbody th, .privacy-contents-wrap .data-table.medium.pri-board tbody td { text-align: center; padding: 15px; color: #2b2b2b; }
  .privacy-contents-wrap .pri-dash-list li { position: relative; padding-left: 10px; text-align: left; margin-bottom: 3px; }
  .privacy-contents-wrap .pri-dash-list li:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; }
  .privacy-contents-wrap .pri-dash-list li:last-child { margin-bottom: 0; }
  .privacy-contents-wrap .pri-dash-green-color-list li { position: relative; padding-left: 10px; text-align: left; margin-bottom: 5px; }
  .privacy-contents-wrap .pri-dash-green-color-list li:after { position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 1px; background: #2d2d2d; }
  .privacy-contents-wrap .pri-dash-green-color-list li:last-child { margin-bottom: 0; }
  /* product-detail */
  .privacy-page-wrap { padding: 0 10px; }
  .privacy-page-wrap .privacy-contents-wrap { margin-top: 20px; } }

@media (min-width: 1080px) { /* module */
  .error-p-board { display: table; width: 100%; height: 100vh; }
  .error-p-board .error-p-td { display: table-cell; vertical-align: middle; text-align: center; }
  .error-p-board .error-p-td .error-inline-box { display: inline-block; text-align: left; padding-left: 322px; background: url("../img/error/error-warning-ico.png") 0 center no-repeat; }
  .error-p-board .error-p-td .error-inline-box .er-tt-h2 { margin-top: 15px; font-size: 3.78571rem; color: #111; font-weight: normal; line-height: 1; }
  .error-p-board .error-p-td .error-inline-box .er-tt-h2 strong { color: #c11633; }
  .error-p-board .error-p-td .error-inline-box .er-guide-txt { margin-top: 20px; font-size: 1.28571rem; color: #555; }
  .error-p-board .error-p-td .error-inline-box .er-detail-guide-txt { margin-top: 25px; font-size: 1.28571rem; color: #000; }
  .error-p-board .error-p-td .error-inline-box .er-btn-box { margin-top: 35px; }
  .error-p-board .error-p-td .error-inline-box .er-btn-box .er-bt-dv { display: inline-block; }
  .error-p-board .error-p-td .error-inline-box .er-btn-box .er-bt-dv .btn { width: 140px; height: 45px; } }

@media (min-width: 0px) and (max-width: 1079px) { /* module */
  .error-p-board { display: table; width: 100%; height: 100vh; }
  .error-p-board .error-p-td { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; }
  .error-p-board .error-p-td .error-inline-box { display: inline-block; text-align: center; padding-top: 120px; background: url("../img/error/error-warning-ico.png") center 0 no-repeat; background-size: 150px auto; }
  .error-p-board .error-p-td .error-inline-box .er-tt-h1 img { width: 150px; height: auto; }
  .error-p-board .error-p-td .error-inline-box .er-tt-h2 { margin-top: 15px; font-size: 2rem; color: #111; font-weight: normal; line-height: 1; }
  .error-p-board .error-p-td .error-inline-box .er-tt-h2 strong { color: #c11633; }
  .error-p-board .error-p-td .error-inline-box .er-guide-txt { margin-top: 15px; font-size: 1rem; color: #555; }
  .error-p-board .error-p-td .error-inline-box .er-guide-txt br { display: none; }
  .error-p-board .error-p-td .error-inline-box .er-detail-guide-txt { margin-top: 13px; font-size: 1rem; color: #000; }
  .error-p-board .error-p-td .error-inline-box .er-btn-box { font-size: 0; margin: 0 -5px; margin-top: 20px; }
  .error-p-board .error-p-td .error-inline-box .er-btn-box .er-bt-dv { display: inline-block; width: 50%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .error-p-board .error-p-td .error-inline-box .er-btn-box .er-bt-dv .btn { width: 100%; height: 45px; } }